/* blue: #001D77 */
/* ############################################################### */
div#outerBox{
margin-top: 0;
margin-left: 0;
position: absolute; 
top: 0px; left: 0px; 
text-align: center;
width: 100%;
height: 100%;
z-index: 10;
}
/* content-div box with gradient bg */
div.contentBox{
width: 100%;height: 840px;
background: url('/./bin/gradient_840.jpg') repeat;
}
div#main,
div#header,
div#bottom{
margin: 0 auto 0 auto;
}
div#main,
div#header,
div#contact,
div#banner,
div#nav,
div#headline,
div#content,
div#bottom{
width: 912px;
}
div#main,
div#contact,
div#banner{
background: #FFFFFF;
}
/* ################################# */
div#main{
position: relative; top: 0px;
height: 688px;
overflow: auto;
z-index: 100;
}
div#header{
position: relative; top: 16px;
height: 120px; 
overflow: hidden;
z-index: 20;
}
	div#header div{
	float: left; 
	width: 20px; height: 120px;
	}
	div#header div.left{
	background: url('/./bin/bg_left.png') left no-repeat;
	}
	div#header div.center{
	width: 872px;
	background: url('/./bin/bg_center.png') repeat;
	text-align: center;
	}
	div#header div.right{
	background: url('/./bin/bg_right.png') right no-repeat;
	}

div#contact{
position: absolute; top: 0px; left: 0px;
height: 32px; 
overflow: hidden;
z-index: 200;
}
div#nav{
position: absolute; top: 32px; left: 0px;
height: 20px; 
line-height: 16px;
background: #001148;
padding: 0 0 0 0;
margin: 0;
overflow: hidden; 
z-index: 300;
}
div#banner{
position: absolute; top: 52px; left: 0px;
height: 120px; 
overflow: hidden; 
text-align: left;
z-index: 600;
}
div#headline{
position: absolute; top: 172px; left: 0px;
height: 20px;
background: #001148;
overflow: hidden;
z-index: 400;
}
div#content{
position: absolute; top: 212px; left: 0px;
height: 456px;
overflow: auto; 
z-index: 500;
}
div#bottom{
position: relative; top: 0px; left: 0px;
height: 16px;
background: url('/./bin/bg_bottom.png') repeat;
color: #575757;
z-index: 2000;
}
/* ############################################################### */
/* BASIC RULES */
/* ############################################################### */
body{	
background: #001148;
margin: 0 0 0 0;
font-family: Arial,sans-serif !important;
font-size: 8.5pt;
line-height: 1.4em;
}
/* BASIC FONT-VALUES */
p{
font-size: inherit;
line-height: 1.4em;
font-style: normal;
font-weight: normal;
margin: 0.8em 0 0.8em 0;
padding: 0;
}



h1,h2,h3,h4{
font-family: Helvetica,Arial,sans-serif;
margin: 0.2em 0 0.3em 0;
color: #232323;
font-weight: bold;
font-style: normal;
text-align: center;
font-size: 10pt;
line-height: 1.3em;
}

strong{
font-weight: normal;

}

a, a:active{	
font-size:8pt;
line-height:1.2em;
text-align:left;
text-decoration:underline;
color:#686868;	
}
a:hover{
text-decoration:none;
color:#9a9a9a; 
}

ol, ul{
margin: 0.3em 0 0.3em 2em;
font-size: inherit !important;
line-height: 1.3em;
text-align: left;
}
li{
	font-size: inherit;
	margin: 1em 0 1em 0;
	line-height: 1.3em;
}
li li{
	font-size: inherit;
	margin: 1em 0 1em 0.4em;
	line-height: 1.3em;
}
ul li{
	list-style: circle;
}
ul li li{
	list-style: square;
}
ol li{
	list-style-type: decimal;
}
ol li li{
	list-style-type: lower-alpha;
}

span
{
font-size: 7pt;
line-height: 1.2em;
margin: 0 0 0 0;
}
/* ############################################################### */
/* INDIVIDUAL RULES */
/* ############################################################### */
a.nav, a.nav:active{
	color:#9a9a9a;
}
a.nav:hover{
	color:#575757;
}
div#contact p{
	font-family: Verdana,Helvetica,sans-serif;
	font-size: 9pt;
	text-align: center;
	width: 100%;
	letter-spacing: 0.05em;
	line-height: 1em;
	margin: 0.75em 0 0 0;
	padding: 0;
}
div#contact em{
	font-style: normal;
	font-weight: bold;
	color: #ff0000;
}

div#headline h1{
	font-family: Times,"TimesNewRoman",serif;
	font-size: 10pt;
	text-align: left;
	margin: 0.05em 0 0 0;
	letter-spacing: 0.24em;
	text-indent: 32px;
	background: #001148;
	color: #ffffff;
}
/* navigation */
div#nav ul{
	color: #686868;
	font-size: 8pt;
	line-height: 1.2em;
	margin: 0.2em 0 0 0;
	padding: 0;
	text-align: left;
}
div#nav ul a, div#nav ul a:hover, div#nav ul a:active{
	text-decoration: none;
}
div#nav ul li{
	font-size: 8pt;
	list-style: none;
	float: left;
	margin: 0 0 0 2.4em;
}
div#nav ul li.sel{
	font-size: 8pt;
	color: #FFFFFF;
	list-style: circle;
	float: left;
	margin: 0 0 0 2.4em;
}
/* ################################## */
/* CONTENT-REGELN */
/* regulaerer Contentbereich */
div#content h2, div#content h3{
	font-size: 9pt;
	background: #eaeaea;
}
div#content h4{
	font-size: 8pt;
	text-decoration: underline;
	font-weight: normal;
	text-align: left;
}
	/* extra formate */
	div#content h2.gelb, div#content h3.gelb{
		font-size: 9pt;
		background: #FFFF00;
	}
div#content div{
	float: left;
	margin-left: 32px;
	width: 396px;
	text-align: left;
	}
/* Contentbereich ohne Texteinrueckung */
div#content div.contact p{
	text-indent: 0;
	}
div#content p{
	text-align: justify;
	text-indent: 0.6em;
	margin: 1.2em 0 1.3em 0;
}
/* ersten Absatz nach Ueberschriften nicht einruecken!! */
	div#content h2 + p, div#content h3 + p, div#content h4 + p, div#content img + p{
		text-indent: 0;
	}
	/* linksbuendig - texteinrueckung */
	div#content p.left{
		text-align: left;
	}
	/* blocksatz - KEINE texteinrueckung */
	div#content p.no{
		text-indent: 0;
	}
	/* linksbuendig - KEINE texteinrueckung */
	div#content p.noLeft{
		text-indent: 0;
		text-align: left;
	}
/* Hervorhebung im Text */
div#content span{
	font-size: inherit;
	color: inherit;
	padding: 0;
}
/* Hervorhebung im Text (wichtig)*/
div#content em{
	font-style: normal;
	font-size: inherit;
	color: #ff0000;
	padding: 0;
}
div#content span.add{
	font-size: inherit;
	float:left;
	clear: both;
	width: 48px;
	color: #3B5998;
	line-height: inherit;
	margin: 0 0.3em 0 0;
}
div#content ul {
	margin: 0 0 0 1.2em;
	padding: 0;
}
div#content ul li{
	margin: 1em 0 1em 0.4em;
	padding: 0;
}
/* ################################## */
div#bottom a.sm{
	color: #ffffff;
}
div#bottom span.left{
	float: left;margin-left: 8px;	
}
div#bottom span.right{
	float: right;margin-right: 8px;
}


/* ############################################################### */
div#debug{
position: absolute; top: 72px; left: 0px;
width: 400px; height: 200px;
font-family: Verdana;
font-size: 12pt;
color: #000000;
z-index: 1000;
}
/* EOF */