/*
	Standard CSS-File
	Autor: Bastian Oelkuch
	Version: 1.0
	letzte Änderung: 30.09.09
*/
* { margin: 0; padding: 0; }
html {overflow-y:scroll;}
body { background: url(../images/pattern.png) repeat fixed; }
#wrapper {
	margin: 0 auto;
	padding: 40px 0 20px 0;
	width: 440px;
	}
/*
	Startseite
*/
#profil {
	background: #FFFFFF url(../images/bastian-oelkuch.png) no-repeat;
	margin: 0 0 15px 0;
	height: 303px;
	}
#profil h1 {
	font: normal 1.6em Georgia, "Lucida Sans Unicode";
	padding: 4px 7px;
	background: #9b0505;
	color: #FFFFFF;
	display: inline;
	position: relative;
	z-index: 1;
	top: 260px;
	left: 10px;
	} 
#teaser {
	background: #FFFFFF;
	padding: 15px 20px 15px 20px;
	margin: 0 0 -10px 0;
	font: 1.0em Helvetica, "Lucida Sans Unicode";
	line-height: 1.6em;
	text-align: justify;
	color: #000000;
	}
#teaser p {
	font: normal 1.0em Helvetica, "Lucida Sans Unicode";
	line-height: 1.6em;
	display: inline;
	color: #000000;
	margin: 115px 0 0 0;
	}
#teaser a,
.steckbrief a {
	text-decoration: underline;
	color: #000000;
	}
#teaser a:hover,
.steckbrief a:hover {
	text-decoration: underline;
	background: #9b0505;
	color: #FFFFFF;
	}
#teaser h1 {
	font: bold 1.0em Helvetica, "Lucida Sans Unicode";
	display: inline;
	color: #000000;
	}
#teaser span.italic {
	font: italic 1.4em Georgia, "Lucida Sans Unicode"; 
	display: block;
	color: #9b0505;
	margin: 0 0 10px 0;
	}
/*
	Startseite - Navigation
*/
ol.navigation,
ol.navigationmedien {
	font: italic 1.1em Georgia, "Lucida Sans Unicode";
	list-style-type: none;
	margin: 35px 0 0 0;
	}	
ol.navigation li,
ol.navigationmedien li {
	display: inline;
	}
ol.navigation li a,
ol.navigationmedien li a {
	color: #9b0505;
	text-decoration: none;
	background: #FFFFFF;	
	padding: 10px 10px;
	}
ol.navigation li a:hover,
ol.navigationmedien li a:hover {
	background: #9b0505;
	color: #FFFFFF;
	}
/*
	Seite - Projekte
*/
.steckbrief {
	background: #FFFFFF;
	color: #000000;
	padding: 20px 20px 15px 20px;
	margin: 25px 0 15px 0;
	cursor: pointer;
	}
h2.toggler {
	font: normal 1.6em Georgia, "Lucida Sans Unicode";
	display: block;
	text-decoration: none;
	padding: 7px 0 7px 10px;
	background: #dfdfdf;
	color: #FFFFFF;
	border-bottom: 1px solid #FFFFFF;
	}
h2:hover.toggler {
	background: #FFFFFF;
	color: #9b0505;
	}
.steckbrief p {
	font: normal 1.0em Helvetica, "Lucida Sans Unicode";
	line-height: 1.6em;
	text-align: justify;
	margin: 15px 0 0 0;
	}
.steckbrief ol {
	margin: 15px 0 0 0;
	}
.steckbrief ol li {
	font: normal 1.0em Helvetica, "Lucida Sans Unicode";
	line-height: 1.6em;
	list-style: none;
	color: #9b0505;
	}
.steckbrief ol li span {
	color: #000000;
	}
span.notice {
	font: italic 0.9em Georgia, "Lucida Sans Unicode";
	background: #9b0505;
	color: #FFFFFF;
	margin: 0 15px 0 15px;
	padding: 0 1px 0 1px;
	}
/*
	Seite - Impressum
*/
h1.titel {
	font: normal 1.2em Georgia, "Lucida Sans Unicode";
	display: inline;
	color: #9b0505;
	background: #FFFFFF;
	margin: 0 0 25px 0;	
	padding: 10px 20px;
	}
#inhalt {
	background: #FFFFFF;
	color: #000000;
	padding: 10px 20px;
	}	
#inhalt.oben { margin: 25px 0 0 0; }
#inhalt.mitte { margin: 15px 0 15px 0; }
#inhalt.unten { margin: 15px 0 5px 0; }

#inhalt.oben h2,
#inhalt.mitte h2,
#inhalt.unten h2
	{
	font: normal 1.2em Georgia, "Lucida Sans Unicode";
	color: #9b0505;
	border-bottom: 1px solid #9b0505;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	}
#inhalt.oben p,
#inhalt.mitte p,
#inhalt.unten p
 	{
	font: normal 1.0em Helvetica, "Lucida Sans Unicode";
	line-height: 1.6em;
	text-align: justify;
	}
/*
	Seite - Visitenkarte
*/
#kontaktarten {
	height: 60px;
	overflow: hidden;
	width: 440px;
	margin: 25px 0 -10px 0;
	}
#kontaktarten li {
	display: inline;
	}
#kontaktarten a {
	display: block;
	float: left;
	height: 60px;
	text-indent: -5000px;
	}
#kontaktarten a#email {
	background:url(../images/kontakte.png) 0 0 no-repeat;
	width: 87px;
	}
#kontaktarten a#xing {
	background:url(../images/kontakte.png) -87px 0 no-repeat;
	width: 108px;
	}
#kontaktarten a#icq {
	background:url(../images/kontakte.png) -195px 0 no-repeat;
	width: 105px;
	}
#kontaktarten a#linkedin {
	background:url(../images/kontakte.png) -295px 0 no-repeat;
	width: 140px;
	}
#kontaktarten a#email:hover { background-position: 0 -60px; }
#kontaktarten a#xing:hover { background-position: -87px -60px; }
#kontaktarten a#icq:hover { background-position: -195px -60px; }
#kontaktarten a#linkedin:hover { background-position: -295px -60px; }