@import url("bruemmer_extensionstyles.css");

/* 
Grau Hintergrund #434343
Grau dunkel #313131
Orange #F28E00
 */

html {
}

body  {
	text-align: center;
  	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 15px;
	background-color:#434343;
	color:#FFFFFF; 
	width:100%;
	height:100%;
	overflow:hidden;
	SCROLLBAR-FACE-COLOR: #434343; SCROLLBAR-HIGHLIGHT-COLOR: #FFFFFF; SCROLLBAR-SHADOW-COLOR: #FFFFFF; SCROLLBAR-3DLIGHT-COLOR: #434343; SCROLLBAR-ARROW-COLOR: #FFFFFF; SCROLLBAR-TRACK-COLOR: #434343; SCROLLBAR-DARKSHADOW-COLOR: #434343;
	}
img {border:0}
a , a:hover{color:#FFFFFF}

/*----------boxen----------*/

.seite {
	/*margin:  3% auto 0 auto;*/
	padding: 0;
	width:900px;
	height:580px;
	position:relative;
	text-align:left;
	border: 2px solid #313131 /*#F28E00*/;
	margin-top: 3%;
	margin-left: auto;
	margin-right: auto;
	text-align: left;
	background: url(http://www.henning-bruemmer.de/fileadmin/templates/images/background_de.gif) top left no-repeat;
}
		
*html .seite {  /*Korrektur für IE*/
	width:900px;
	height:580px;
	/*w\idth:904px;
	heigh\t:584px;*/
}

.nav{
    margin: 0;
	padding: 0;
	width:900px;
	height:100px;
	text-align:left;
	background: url(../images/schriftzug.gif) 0 0 no-repeat ;
	}

.nav.nav_en{
	background: url(../images/schriftzug_en.gif) 0 0 no-repeat ;
	}
		
#links {
	float:left;
    margin: 0 ;
	padding: 30px;
	/*old width: 238px;
	old height: 422px;
	temp width: 298px;
	temp height: 480px;
	width: 238px;
	height: 422px;*/
	text-align:left;
	background-color:#313131;
	border-right: 2px solid #434343;
	overflow: hidden;
	
	width: 300px; 
	height: 478px;
	voice-family: "\"}\""; 
	voice-family:inherit;
/*	width: 238px;
	height: 422px;*/
	width: 300px; 
	height: 478px;
}	

html>body #links {
	width: 238px;
	height: 422px;
} 

/*Korrektur für IE*/

/** html #links { 
	width: 300px;
	height: 478px;
	w\idth:300px;
	heigh\t:482px;
}*/

/*#links { 
  width: 300px; 
  voice-family: "\"}\""; 
  voice-family:inherit;
  width: 238px;
}

html>body #links {
  width: 238px;
} 
*/
.rechts {
	float:right;
	margin:0 ;
	padding: 0;
	width:600px;
	height:480px;
	background-color:#313131;
	overflow:hidden;
	position: absolute;
	right: 0px;
}
	
*html .rechts {/*Korrektur für IE*/
	/*height:482px;*/
	height: 478px;
}

.rechtsalternativ {
	float: right;
	margin:0 ;
	padding: 0;
	width:600px;
	height:480px;
	background-color:#313131;
	overflow:hidden;
	position: absolute;
	top: 100px;
	right: 0px;
	}
	
* html .rechtsalternativ {/*Korrektur für IE*/
	/*height:482px;
	top: 0px;
	margin-left: 300px;*/
}

.bild {
	margin:0 ;
	padding:0;
	width:600px;
	height:400px;
	border-bottom: 2px solid #434343;
	
	voice-family: "\"}\""; 
	voice-family:inherit;
	height: 402px;
}	

html>body .bild {
	height: 400px;
} 

/**html .bild{
	height:402px;
}	*/

.bottom{
    margin: 0 ; 
	padding: 0;
	width:600px;
	height:80px;
	text-align:left;
	background-color: #313131;
	}	
* html .bottom{ 
    margin: 0 /*0 -4px 0 0*/ ;
	height:80px;
}	
.img_legend{
    margin:0 ;
	padding: 10px 30px 10px 30px;
	}	
.quicktime{
	margin:  auto;
	padding: 0;
	position:relative;
	text-align:center;
		}	
/*----------simulation rollover-bilder ----------*/
#img1, #img2, #img3,  #img4, #img5, #img6, #img7, #img8, #img9, #img9, #img10, #img11, #img12, #img13, #img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21, #img22, #img23, #img24, #img25, #img26, #img27, #img28, #img29, #img30, #img31, #img32, #img33, #img34, #img35, #img36, #img37, #img38, #img39, #img40, #img41, #img42, #img43, #img44, #img45, #img46, #img47, #img48, #img49, #img50, #img51, #img52, #img53, #img54, #img55, #img56, #img57, #img58, #img59, #img60, #img61, #img62, #img63, #img64, #img65, #img66, #img67, #img68, #img69, #img70, #img71, #img72, #img73, #img74, #img75, #img76, #img77, #img78, #img79, #img80, #img81, #img82, #img83, #img84, #img85, #img86, #img87, #img88, #img89, #img90, #img91, #img92, #img93, #img94, #img95, #img96, #img97, #img98, #img99, #img100 {
	position:absolute;
	width:600px;
	height:400px;
	visibility:hidden;
	text-align:center;
	vertical-align:middle;
	left: 0px;
	}

/*----------simulation  Iwi-galery----------*/
.iwi-image-navigation-position {
	position:absolute;
	right:30px; 
	padding: 0; 
}

.iwi-image-navigation {
	padding:0; 
	margin:0; 
	list-style-type:none; 
}
.iwi-image-navigation li {
	display:inline;
}
.iwi-image-navigation li a, .iwi-image-navigation li a:visited {
	font-size:11px;
	float:left; display:block;
	text-decoration:none; 
	color:#ffffff; 
	text-align:center; 
	width:20px; 
	height:20px; 
	line-height:20px; 
	border:1px solid #FFFFFF;
	margin:2px;
}
.iwi-image-navigation li.play a {
	margin: 2px 2px 2px 20px; 

}
.iwi-image-navigation li a:hover, .iwi-image-navigation li a:active, .iwi-image-navigation li a:focus  {
	color:#F28E00;
	border:1px solid #F28E00;
}

/*----------menü----------*/
.sprachwechsel {
	padding: 10px 0 0 30px;
	margin:0;
	font-size: 9px;
				}

.nav  ul.niv1 {
	padding:0;
	margin: 13px 0 0 30px;
	font-size: 11px;
				}
.nav  ul.niv1 li{
	display:inline;
	list-style-type: none;
	margin: 0 10px 0 0;
	padding:0;
				}
.nav  ul.niv2_aktiv, .nav  ul.niv2_unaktiv{
	padding: 4px 0 0 30px;
	margin:0;
	font-size: 10px;
	}
.nav  ul.niv2_aktiv li, .nav  ul.niv2_unaktiv li{
	list-style-type: none;
	margin: 0 15px 0 0;
	padding:0;
				}
.nav  ul.niv2_aktiv li{
	display:  inline;
				}
.nav  ul.niv2_unaktiv li{
	display:  none;
				}
.nav  a,  .links ul.niv3 a{
    color: #FFFFFF; 
	text-decoration:none;
	}
.nav a:hover,  .nav  a.hier{
    color: #F28E00; 
	text-decoration:none;
	}
#links  ul.niv3 {
	list-style-type: none ;
	margin: 0 0 10px 0;
	padding:0;
				}

#links  ul.niv3 li{
	list-style: none url(../images/floh.gif) outside;
	margin: 0 5px 0 17px;
	padding:0;
				}
#links ul.niv3 a{
    color: #FFFFFF; 
	text-decoration:none;
	}

#links ul.niv3 a:hover,  .links ul.niv3 a.hier{
    color: #F28E00; 
	text-decoration:none;
	}

/*----------text mit scrollbalken----------*/
#scrollWindowDiv {
	position:absolute; 
	left:5px; 
	top:130px; 
	width:270px; 
	height:420px;
	clip:rect(0,270,418,0);
	z-index:1 
	}
	
* html #scrollWindowDiv {
top: 30px;
}

#scrollContentDiv 
	{
	position:absolute;
	left:26px;
	top:0px;
	width:245px;
	z-index:0;
	}
/*----------typo----------*/
a {
    color: #FFFFFF; 
	text-decoration:none;
	}
a:hover, a.hier {
    color: #F28E00; 
	text-decoration:none;
	}
/*a.ext_link {
padding:  0 0 0 13px;
    color: #999999; 
	text-decoration:none;
	background: url(../images/ext_link.gif) 0 1px no-repeat ;
	}
a.ext_link:hover  {
    color: #F28E00; 
	text-decoration:none;
	}
a.ext_link2 {
	text-decoration:underline;
	}
a.ext_link2:hover  {
    color: #F28E00; 
	}
.detail a.ext_link2 {
    color: #999999; 
	text-decoration:underline;
	}
/
.detail a.ext_link2:hover  {
    color: #F28E00; 
	}*/
p {
    margin: 0 0 10px 0; 
	padding:0;
	}
h1 {/*titel eines Fimes od. einer news als Link*/
    margin: 0 ; 
	padding:0;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px
	}
h2 {/*titel eines Filmes im Zustand "aktiv"*/
    margin:  0; 
	padding:0;
	font-size:11px;
	font-weight:bold;
	letter-spacing:1px;
	font-variant:small-caps	}
h3 {/*titel eines Absatzes im scrollbaren Text"*/
    margin:  0; 
	padding:0;
	font-size:11px;
	font-weight:bold;
	}
h4 {/*titel eines Absatzes im scrollbaren Text"*/
    margin: 0; 
	padding:0;
	font-size:11px;
	font-weight:bold;
	color:#999999
	}
.detail {
	color:#999999
	}
.detail a{
	color:#999999;
	text-decoration:none
	}
.detail a:hover{
	color:#F28E00;
	text-decoration:none
	}
p.tothetop {
	float:right;
    margin: 10px 0 0 0; 
	padding:0;
	}
p.tothetop a{
	text-align:center; 
	width:20px; 
	height:20px; 
	line-height:20px; 
    margin:0 2px 0 0; 
	padding:2px;
	text-decoration:none; 
	color:#ffffff; 
	border:1px solid #ffffff;
	}
p.tothetop a:hover{
	text-decoration:none; 
	color:#F28E00; 
	border:1px solid #F28E00;
	}
#links ul { /*none navi liste*/
	padding:0;
	margin:0 0 5px 0;
			}
#links ul   li{
	list-style: none url(../images/floh.gif) outside;
	margin: 0 5px 0 17px;
	padding:0;
		}
		
.hidden {
display: none;
}