/* ++++++++++ STYLESHEET JAN-MATTHEIS.DE / PYRAMEDIA MEDIENGESTALTUNG 2008 / TIM R. GLOYSTEIN ++++++++++ */

html,body 
 {
  width:100%;
		height:100%;
  font-family:Arial, Helvetica, sans-serif;
		font-size:1px;
		line-height:1px;
  color:#333333;
 }
	
body
 {
  background:#FFFFFF;	
	}
	
* 
 {
  margin:0;
  padding:0;
  border:0;
 }

	
/* ++++++++++ LAYOUT ++++++++++ */
#abstand 
 { 
		width:1px;
		height:50%;
		background-color:none;
		margin-bottom:-290px;
		float:left;
 }

#container
 {
		position:relative;
		clear:left;
		width:860px;
		height:580px;
	 margin:auto;
		text-align:center;
		border:1px solid #FFFFFF;
	}
	
#intro
 {
  margin-top:110px;
	}
	
#rote-linie
 {
	 width:880px;
		height:3px;
		margin-top:35px;
		margin-bottom:10px;
		background:#C80610;
	}
	
#inhalt-schmal
 {
	 position:absolute;
		top:0;
		left:560px;
		width:253px;
		height:534px;
		padding:20px;
		border:3px solid #AEDFFC;
		overflow:hidden;
	}
	
.listen p
 {
		margin-bottom:10px;
		line-height:18px;
	}
	
#bild-schmal
 {
		position:absolute;
		top:0;
		left:305px;	
	}
	
#text-schmal
 {
		width:253px;
		height:534px;
		text-align:left;
	}
	
#inhalt
 {
	 position:absolute;
		top:0;
		left:305px;
		width:508px;
		height:534px;
		padding:20px;
		border:3px solid #AEDFFC;		
		overflow:hidden;
	}	
	
#text
 {
		width:508px;
		height:534px;
		text-align:left;
	}
	
.rechts
 {
	 float:right
	}
	
.rote-linie-text
 {
		height:1px;
		margin-top:25px;
		margin-bottom:25px;
		background:#C80610;
	}
	
#photos
 {
		width:508px;
		height:534px;
		text-align:center;
		overflow:hidden;
	}	
	
#photos img
 {
  padding:7px;	
	}	

#hoch
 {
	 position:absolute;
		top:505px;
		left:870px;
	}

#runter
 {
	 position:absolute;
		top:543px;
		left:870px;	
	}	
	
#logo
 {
	 position:absolute;
		top:0px;
		left:240px;
	}
		
#bild
 {
	 position:absolute;
		top:405px;
		left:25px;	
	}
	
.center
 {
	 text-align:center;
	}
	
#trailer
 {
	 width:860px;
	 height:240px;
		margin-bottom:35px;
		margin-top:-8px;
		text-align:center;
	}
	
#untertitel
 {
		position:absolute;
		top:355px;
		width:860px;
		height:25px;
		font-size:10px;
		line-height:16px;
		text-align:right;
	}
/* ++++++++++ ENDE LAYOUT ++++++++++ */


/* ++++++++++ NAVIGATION ++++++++++ */
#rahmen-navigation
 {
	 position:absolute;
		top:0;
		left:0px;
		width:200px;
		height:574px;
		padding:0;
		margin:0;
		border:3px solid #AEDFFC;		
		overflow:hidden;	 
	}

#navigation
 {
	 position:absolute;
		top:147px;
		left:0px;
		color:#000000;
		text-align:left;
	}

#navigation ul
 {
	 list-style-type:none;
	}
	
#navigation li
 {
	 display:block;
		height:10px;
		padding-bottom:12px;
		margin-bottom:10px;
	}
	
#navigation a
 {
  font-size:16px;
		line-height:16px;
	 color:#000000;
		text-decoration:none;
	}
	
#navigation a:hover
 {
 	color:#F08D00;
	}

#navigation a.aktiv
 {
 	color:#F08D00;
	}
/* ++++++++++ ENDE NAVIGATION ++++++++++ */


/* ++++++++++ SUBNAVIGATION ++++++++++ */
#subnavigation
 {
		position:relative;
		top:15px;
		left:105px;
		text-align:left;
	}
	
#subnavigation a
 {
		font-size:11px;
		line-height:20px;
		text-decoration:none;
		color:#333333;
	}
	
#subnavigation a:hover
 {
		color:#F08D00;
	}	

#subnavigation .aktiv
 {
		color:#F08D00;
	}	

/* ++++++++++ ENDE SUBNAVIGATION ++++++++++ */


/* ++++++++++ TEXTFORMATIERUNGEN ++++++++++ */	
h1
 {
		font-size:18px;
		line-height:22px;
		text-align:left;		
		margin-bottom:15px;
		color:#333333;
	}
	
h2
 {
	 font-size:14px;
		margin-top:15px;
		margin-bottom:8px;
		color:#5D0003;		
	}
	
h3
 {
	 font-size:12px;
		font-weight:normal;
	}
	
p
 {
  font-size:16px;
		line-height:22px;
		margin-bottom:12px;
	}
	
.orange
 {
		font-size:18px;
	 color:#F08D00;
	}
	
.klein
 {
	 font-size:14px;
	}
	
a
 {
	 color:#F08D00;
		text-decoration:underline;
	}
	
a:hover
 {
  color:#F08D00;
		text-decoration:none;
	}
	
ul
 {
	 list-style-type:circle;
		margin-left:25px;
		margin-bottom:12px;		
	}
	
ul ul
 {
	 list-style-type:circle;
		margin-left:15px;	
	}	
	
	
label
 {
	 display:block;
		float:left;
		width:60px;
		margin:2px 0;
	}

fieldset
 {
	 margin-bottom:8px;
	}
	
input
 {
  width:150px;
		height:14px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		margin-bottom:2px;
		vertical-align:middle;
		border:1px solid #5D0003;		
	}
	
input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover
 { 
	 background:#5D0003;
		color:#FFFFFF;
	}	
	
.button
 {
	 height:20px;
		width:279px;
		margin-bottom:10px;
		color:#FFFFFF;
		font-weight:bold
	}
	
textarea
 {
	 width:220px;
		height:150px;
	 font-family:Arial, sans-serif;
		font-size:11px;
		padding:1px;
		vertical-align:middle;
		border:1px solid #5D0003;		
	}	
/* ++++++++++ ENDE TEXTFORMATIERUNGEN ++++++++++ */