/*
----------------------------
www.hr-projects.de
author:bdorn@bernharddorn.de
D I S P L A Y
V.2006-09-17
----------------------------
Todo: wrap- wenn footer immer unten, firefox hat Probleme mit Hintergrundfarbe re/li
*/

/*
-----------------------
Globale Layout-Steuerung
-----------------------
*/

/* commented backslash hack v2 \*/
html, body
{
	height: 100%;
}
/* end hack */
body
{
	padding: 0;
	margin: 0;
	color: #000000;
	background-color: #BCC2C7;
	text-align: center;
}

/* 
Steuert die Zentrierung!
und die Hintergünde von rechts/links
*/
#wrap
{
	/*height: 100%; notwendig für FireFox, sonst zieht er die Spaltenhintergünde nicht mit*/
	height: auto;
	/*min-height:100%;/* für mozilla, falls footer doch immer unten positioniert werden kann*/
	text-align: left;/*löst die Zentrierung vom Body wieder auf*/
	position: relative; 
	margin: auto; /*brauch mozilla für die Zentrierung*/
	width: 1003px; /*Steuert, ob feste Breite, oder flexibel*/
	background-color: #92999C; /*Hintergrundfarbe links unten*/
	background-color: #009900; /*Hintergrundfarbe links unten*/
	background-color:#10C614;
	background-image: url(../img/rightbg.gif);/*Hintergrund rechts unten*/
	background-position: right;
	background-repeat: repeat-y;
}

* html #wrap /* nur für IE funktioniert derzeit "footer immer unten" */
{
	height: 100%;
}

/*clear top margin für mozilla*/
div, p
{
	margin-top: 0;
}

.outerwrap
{
	float: left;
	width: 99%;
}

#outer
{
	height: 100%;
	min-height: 100%;
	margin-left: 250px;
	margin-right: 223px; 
	margin-bottom: -22px; /* für Footer*/
	color: #000000;
	background: #FFFFFF;
}
	
/* todo: notwendig?*/
html > body #outer
{
	height: auto;
}

/*für mozilla, für IE ist height auch min-height*/
#clearheader
{
	height: 250px;
}

/* hier kommt der gesamte obere Teil rein*/
#header
{
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 250px;
	background-color: #FFFFFF;
	overflow: hidden;
	color: #000000;
}

/*
-----------------------
Links
-----------------------
*/
#leftTop
{
	width: 250px;
	height: 250px;
	float: left;
	background-color: #ffffff;
}

#left
{
	position: relative;/* braucht IE */
	width: 250px;
	float: left; 
	/* 1px kleiner, als width, sonst wird der Footer nicht nach unten gedrückt */
	/* Todo: nötig?*/
	margin-left: -249px;
}

/*
-----------------------
Rechts
-----------------------
*/

/*IE-Fix für Lücken links und rechts vom Banner*/
* html #left, * html #leftTop, * html #right, * html #rightTop
{
	margin-right: -3px;
}

* html #rightTop
{
	margin-left: -1px;
}

* html #right
{
	padding-bottom: 22px;
	margin-right: -249px;

}

#rightTop
{
	position: relative; /*IE braucht das für Float */
	width: 223px;
	height: 250px;
	float: right;
	background-color: #ffffff;
	/*background-color: #5376B5;*/
	
}

#right
{
	position: relative; /*IE braucht das für Float */
	width: 223px;
	float: right;
	/* 1px kleiner, als width, sonst wird der Footer nicht nach unten gedrückt */
	/* Todo: nötig?*/
	margin-right: -222px;
}

#rightContent
{
	position: relative;
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 20px;
	padding-bottom:10px;
}

#logo
{
	padding-top: 20px;
	padding-left: 10px;
	padding-right: 10px;
}

/*
-----------------------
Mitte
-----------------------
*/
#centrecontentTop
{
	height: 250px;
	background-color: #BCC2C7;
	background-position:center top;
	background-repeat: no-repeat;
	overflow: hidden; /*für mozilla*/
}

* html #centrecontent
{
	height: 1%;
	margin-bottom: 12px;
}

/* combat IE's 3 pixel jog */
#centrecontent
{
	float: right;
	width: 100%;
	position: relative;
	background-color: #FFFFFF;
	margin: 0 -0.5%;
}

#mainContent
{
	padding-left: 30px;
	padding-top: 20px;
	padding-right: 30px;
	padding-bottom: 25px;
}

#mainContent ul li{
	padding-top: 5px;
}

/*
-----------------------
Footer
-----------------------
*/
#footer
{
	width: 100%;
	clear: both;
	height: 20px;
	border-top: 1px solid #5C6A78;
	border-bottom: 1px solid #fff;
	position: relative;
	background-color: #ffffff;
}

#clearfooter
{
	clear: both;
	height: 20px;
}

/* Todo: ist das nötig?*/
* > html #clearfooter
{
	float: left;
	width: 100%;
}

/* Todo: ist das nötig?*/
* html #footer
{
	/*only ie gets this style*/ 
	/* for ie5 */ 
	\height:22px; 
	/* for ie6 */	
	he\ight:20px;
}

/*
-----------------------
Navigation
-----------------------
*/
#mainNav
{
	padding-left: 20px;
	padding-right: 5px;
	padding-top: 20px;
}
#mainNav .navMark{font-weight:bold;}
#mainNav ul, #subNav ul
{
	list-style-type: none;
	margin: 0;
	padding: 0;
	text-align: left;
}

#mainNav ul li, #subNav ul li
{
	padding-bottom: 10px;
}

#mainNav ul li a
{
	text-decoration: none;
	color: #646464;
	color:#5376B5;
	font-size:11px;
	/*letter-spacing:1.2px;*/
	text-transform:uppercase;
}

#mainNav a:hover
{
	text-decoration:underline;
}

#subNav
{
	padding-left: 20px;
	padding-right: 10px;
	padding-top: 20px;
}
#subNav .navMark{font-weight:bold;}

#subNav ul li a
{
	text-decoration: none;
	color: #FFFFFF;
	font-size:11px;
}

#subNav ul li ul li
{
	list-style-type:square;
	list-style-position:inside;
	color: #FFFFFF;
}	

#subNav ul li ul li
{
	padding:0;
	padding-top:5px;
	padding-left:10px;
}

#subNav ul li ul li .navMark
{
	font-weight:bold;
}

#subNav a:hover
{
	text-decoration:underline;
}

#address
{
	/*TODO: unten positionieren*/
	margin-bottom:2px;
}

#address h3{
	padding:0;
	font-size:16px;
	color:#FFFFFF;
}
	
/*
-----------------------
Fonts 
-----------------------
*/

body, p, ul
{
	font: 11px/16px Verdana, Arial, Helvetica, sans-serif;
	color:#646464;
}

ul
{
	list-style-type:square;
}


a
{
	/*color:#5C6A78;*/
	color: #10C614;
	}

h1
{
	font-size:16px;
	color: #10C614;
}
h2
{
	font-size: 14px;
	color:#5C6A78;
	color:#5376B5;
	
}
h3{
	font-size:14px;
	color:#646464;
}

#address , #address p, #address a {
	font-size:10px;
	color:#000000;
	color:#FFFFFF;
}

#mainContent h1, #mainContent h2, #mainContent h3
{
	padding: 0;
	margin-top: 0;
	margin-left: 0;
}

#footer
{
	color:#5C6A78;
	font-size:10px;
	text-align: center;
}
/*Reihenfolge Pseudoklasen link , visitied, focus, hover, active*/