/* ++++++++++ STYLESHEET OKTAN.DE / PYRAMEDIA MEDIENGESTALTUNG 2008 / TIM R. GLOYSTEIN ++++++++++ */
@charset "utf-8";

/* ++++++++++ ALLGEMEINES ++++++++++ */
html[xmlns^="http"]
 {
		overflow-y:scroll;
	}

*
 {
	 margin:0;
	 padding:0;
	 border:0;
 }

html
	{
		/*height:100%;*/
	}

body
 {
	 height:100%;
		width:100%;
	 font-family:"Trebuchet MS", Verdana, Arial, sans-serif;
	 font-size:1px;
	 line-height:1px;
  color:#333333;
		background:#FFFFFF;
		margin-bottom:15px;
 }
/* ++++++++++ ENDE ALLGEMEINES ++++++++++ */


/* ++++++++++ LAYOUT ++++++++++ */
#container 
 {
  width:800px;
		margin:5px auto;
 }

#container-inhalt
 {
  width:800px;
  float:left;
		margin-bottom:15px;
		background:url(../_bilder/hintergrund-inhalt.png) repeat-y;
 }

#kopf 
 {
		width:800px;
  height:253px;
  margin:0;
  padding:0;
		float:left;
 }
	
#logo
 {
	 margin:0;
		padding:0;
	}
	
#foto-kopf
 {
  margin-left:10px;
		padding:0;
	}	

#inhalt 
 {
		width:460px;
  margin-top:85px;
		padding-left:35px;
		padding-right:35px;
  float:left;
 }

#spalte-rechts 
 {
  width:237px;
  margin:90px 31px 0px 0px;
  float:right;
 }
	
#spalte-rechts.bilder
 {
	 text-align:center;
	}
	
#fuss
 {
  clear:both;
	 width:765px;
	 height:17px;
		text-align:right;
		padding:8px 35px 0 0;
  background:url(../_bilder/hintergrund-fuss.png) no-repeat;		
 }

#fuss p, #fuss a
 {
 	color:#FFFFFF;
	 font-size:10px;
		line-height:10px;
		text-decoration:none;
		margin:0;
		padding:0;
 }
	
#fuss a:hover
 {
	 text-decoration:underline;
		margin:0;
		padding:0;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */
	

/* ++++++++++ TEASER ++++++++++ */
.teaser_oben
 {
	 background:url("../_bilder/teaser_oben.gif") no-repeat;
 	margin-bottom:15px;
	 padding:0;
 }

.teaser_unten 
 {
	 background:url("../_bilder/teaser_unten.gif") bottom left no-repeat;
	 margin:0;
	 padding:0;
 }

.teaser_inhalt 
 {
	 margin:0;
 	padding:20px;
 	min-height:170px;
 }

* html .teaser_inhalt 
 {
	 height:170px;
 }

.teaser_inhalt p 
 {
	 margin:0 0 15px 0;
 	padding:0;
 	font-size:12px;
 	line-height:18px;
	 color:#FFFFFF;
 }
	
.teaser_inhalt a
 {
	 color:#FFFFFF;
	}
/* ++++++++++ ENDE TEASER ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#navigation
 {
		position:absolute;
		width:760px;
		height:37px;
		margin-left:10px;
		padding-top:7px;
		padding-left:20px;
		background:url(../_bilder/hintergrund-navigation.png) repeat-x;		
	}
	
#navigation ul
 {
		width:760px;
  margin-top:0px;
		margin-left:0px;	
		list-style-type:none;	
	}
	
#navigation li
 {
	 float:left;
		width:88px;
		height:30px;
		margin-right:5px;
		font-size:12px;
		line-height:18px;
		text-transform:uppercase;
	}
	
#navigation a
 {
	 display:inline;
		float:left;
		width:88px;
		height:22px;
		padding-top:8px;
		text-align:center;
		text-decoration:none;
		color:#FFFFFF;		
		background:url(../_bilder/reiter.png);			
	}
	
#navigation a:hover
 {
		color:#007C7B;
		text-decoration:none;
		background:url(../_bilder/reiter-aktiv.png);
	}	
	
#navigation li.aktiv
 {
		color:#007C7B;
		height:22px;
		padding-top:8px;
		text-align:center;		
		text-decoration:none;
		background:url(../_bilder/reiter-aktiv.png);
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */	


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
  margin-bottom:20px;
	 font-size:18px;
		line-height:20px;
		font-weight:normal;
		text-transform:uppercase;
		color:#991A0F;	
	}
	
h2
 {

		font-size:14px;
		line-height:24px;
		text-transform:uppercase;
		color:#991A0F;	
	}
	
h3
 {
	 margin-right:21px;
		margin-bottom:3px;
		font-size:14px;
		line-height:14px;
		text-transform:uppercase;
		text-align:right;
		color:#991A0F;
	}
	
p
 {
		margin-bottom:20px;
		font-size:14px;
		line-height:24px;
	}
table
 {margin-bottom:25px;
}

td
 {padding:4px;
		font-size:14px;
		line-height:24px;
	}
	
.center
 {
	 text-align:center;
	}
	
a
 {
	 color:#991A0F;
	}
	
a:hover
 {
	 text-decoration:none;
	}
	
ul
 {
  margin-top:-10px;
		margin-left:35px;
		margin-bottom:25px;
		list-style-type:circle;
	 font-size:14px;
		line-height:24px;
	}
	
li
 {
	 margin-bottom:5px;
	}
.klein
 {
	 font-size:11px;
		line-height:14px;
	}
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */


/* ++++++++++ FORMULAR-FORMATIERUNGEN ++++++++++ */
#kontaktform
 {
	 width:350px;
	}
		
#kontaktform fieldset 
 {
		color:#333333;
 }

#kontaktform input
 {
  width:170px;
		height:18px;
	 font-family:"Trebuchet MS", sans-serif;
		font-size:14px;
		padding:1px;
		margin-bottom:5px;
		vertical-align:middle;
		border:1px solid #991A0F;
 }
	
#kontaktform .input_aktiv
 {
	 background:#991A0F;
		color:#FFFFFF;
	}

#kontaktform label 
 {
	 display:block;
		float:left;
		width:100px;
		margin:3px 0;
		font-size:14px;
		line-height:14px;
	}
	
textarea
 {
	 width:270px;
		height:110px;
		font-size:14px;
		font-family:"Trebuchet MS", sans-serif;
		color:#333333;
		margin-bottom:5px;
		padding:1px;
		border:1px solid #991A0F;
	}		

#kontaktform p 
 {
  margin-left:4px;
		font-size:9px;
 }
/* ++++++++++ ENDE FORMULAR-FORMATIERUNGEN ++++++++++ */