/* Standard Stylesheet, created June 2005, Update April 2006, Update July 2010 */

/* Allgemeine Einstellungen */

@font-face {
	font-family: "Reenie Beanie";
	src: url('reenie_beanie.eot');
}
@font-face {
  font-family: "Reenie Beanie";
  src: url('reenie_beanie.ttf');
}
@font-face {
	font-family: "Droid Sans";
	src: url('droid_sans.eot');
}
@font-face {
  font-family: "Droid Sans";
  src: url('droid_sans.ttf');
}

@media screen { 
	html {
		height: 101%;
	}
	body {
		margin: 0;
		padding: 0; 
		font: 10px/120% "Droid Sans",sans-serif;
		background: #fff url(bg_body.png); 
		color: #000;
		letter-spacing: 0.05em;
	}
	
	a {
		text-decoration: none;
		color: #c30;
		background-color: transparent;
		border-bottom: 1px dotted;
	}
	a:hover {
		border-bottom-style: solid;
	}
	p {
		font-size: 1.2em;
		line-height: 1.5em;
		margin-bottom: 1.2em;
		text-align: justify;
	}
	ul,ol,dl,address {
		font-size: 1.2em;
		line-height: 1.5em;		
	}
	dt {
		margin: 0.5em 0 0 0;
	}
	dd {
		text-align: justify;
	}
	abbr {
		border:none;
		font-style: italic;
	}
	a abbr {
		font-style: normal;
	}
	img {
		border: none;
	}

	/* Externe Links werden durch einen Pfeil signalisiert */
	a[href^="http://"]:after {
		content: "\2197";
	}
	aside a[href^="http://"]:after {
		content: "";
	}
	aside p a[href^="http://"]:after {
		content: "\2197";
	}
		
	/* Ueberschriften */
	h1 {
		font-family: "Reenie Beanie";
		font-size: xx-large;
		text-align: right; 
		background-color: transparent; 
		color: #fff; 
		margin: 12px 15px 0 0;
		letter-spacing: 0;
	}
	h2 {
		font-family: "Reenie Beanie";
		font-size: x-large; 
		text-align: right; 
		background-color: transparent; 
		color: #fff; 
		margin: 25px 15px 0 0;
		letter-spacing: 0;
	}
	
	h3,h4 {
		font-size: 1.2em;
		font-weight: bold;
		font-variant: small-caps;
		text-align: left;
		text-indent: 10px;
		background-color: #f2f2f2;
		color: #000;
		width: 649px; 
		margin: 1em 0 1em -10px;
		border-bottom: 1px solid #888;
	}
	h3 {
		padding: 15px 0; 
		background-image: url(bg_h3.png);
	}
	h4 {
		padding: 8px 0; 
		background-image: url(bg_h4.png);
	}
	
	/* Gemeinsame Definitionen fuer header, nav, content und footer */
	div.header,div.nav,div.content,div.footer {
		display: block;
		width: 900px; 
		margin: 0 auto; 
		padding: 0; 
		background: #fff; 
		color: #444; 
		border: 1px solid #888;
	}
	.linktarget {
		display: none;
	}
	
	/* Header */
	div.header {
		height: 100px; 
		background: url(bg_header.jpg); 
		margin-top: 1em;
	}
	
	/* Menue */
	div.nav {
		height: 3em; 
		border-top: none; 
		border-bottom: none; 
		font-size: 1.2em;
	}
	div.nav ul {
		margin: 0; 
		padding: 0; 
		list-style: none;
	}
	div.nav ul li {
		float: left; 
		width: 149px; 
		border-bottom: 1px solid #888; 
		border-right: 1px solid #888;
	}
	div.nav ul li#im {
		width: 150px; 
		border-right: none;
	}
	div.nav ul li a {
		font-variant: small-caps; 
		letter-spacing: 0.1em;
		display: block; 
		width: 100%; 
		height: 100%; 
		padding: 5px 0; 
		text-align: center;
		color: #c30; 
		background-color: #fff; 
		border: none;
	}
	div.nav ul li a:hover {
		background: #f2f2f2; 
		color: #000; 
		border: none;
	}
	
	/* Content */ 
	div.content {
		position: relative; 
		width: 650px; 
		padding: 10px 210px 10px 40px; 
		border-top: none; 
		border-bottom: none;
		font-size: 1.1em;
	}

	div.content p {
		padding-right: 10px;
	}
	div.content ul,div.content ol {
		margin: 0.25em 0 1.5em 0; 
		padding: 0;
	}
	div.content ul {
		list-style: disc inside;
	}
	
	div.content div.aside {
		float: right; 
		width: 160px; 
		padding: 1em 30px 0 30px; 
		position: absolute; 
		left: 680px;
	}
	div.content div.aside div {
		margin: 0 0 20px 0; 
		padding: 0; 
		background: #f2f2f2; 
		color: #000; 
		border: 1px solid #888;
	}
	div.content div.aside div img {
		border-bottom: 1px dashed #888;
	}
	div.content div.aside div p {
		font-size: 1em;
		line-height: 200%;
		margin: 0 0 0 5px;
		text-align: left;
	}
	div.content div.aside div.landscape {
		width: 160px;
	}
	div.content div.aside div.portrait {
		margin-left: 20px; 
		width: 120px;
	}
	div.content div.aside div a {
		border: none;
	}
	div.content div.aside div p a {
		border-bottom: 1px dotted;
	}
	div.content div.aside div p a:hover {
		border-bottom-style: solid;
	}
	
	/* Footer */
	div.footer {
		
		border-top: none;
	}
	div.footer p {
		font-size: x-small; 
		text-align: center; 
		margin: 0 0 10px 0; 
		padding: 30px 0 0 0;
	}

	div.home ul li#in a,div.impressum ul li#im a,div.lebenslauf ul li#cv a,div.links ul li#li a,div.portfolio ul li#pf a,div.webdesign ul li#wd a {
		background-color: #c30;
		color: #fff;
	}
	
	div.impressum div.aside div.landscape {
		width: 167px;
	}
	
	div.webdesign dt {
		font-weight: bold;
	}	
	
}