/*****************************************************
* Global
*****************************************************/

* { padding: 0; margin: 0; }

body {
    text-align:center;
    background:#184478 url(../images/basics/bg_gradient.gif) repeat-x;
    font:normal 10px/13px Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color:#666666;
}



/*****************************************************
* Layout
*****************************************************/

#wrap {
	width:800px;
	margin:auto;
	position:relative;
}

#headernav {
	width:800px;
	height:70px;
	background:url(../images/basics/navigation.gif);
	margin:20px auto 0;
	display:block;
}

#maincontainer {
	width:800px;
	margin:auto;
	position:relative;
	float:left;
	text-align:left;
	background:#ffffff url(../images/basics/bg_content_nav.gif);
}

#contentleft {
	width:140px;
	float:left;
	vertical-align:top;
	text-align:left;
	padding: 0 0 30px 30px;
}


#content {
	width:540px;
	text-align:left;
	vertical-align: top;
	float: right;
	padding-top: 30px;
	padding-right: 30px;
	padding-bottom: 30px;
}

#footer {
	width:800px;
	margin: 10px auto auto;
	display:block;
	float:left;
	text-align:left;
	clear: both;
	padding-left: 30px;
}

.clear{ clear: both; }


/*****************************************************
* Typografie
*****************************************************/

h1 {
	font-size: 18px;
	line-height: 20px;
	color:#0072BC;
	font-style:normal;	
	font-weight:normal;
	font-variant:normal;
	margin-bottom: 15px;
}

h2 {
	font-size: 10px;
	line-height: 14px;
	color:#0072BC;	
	font-weight: bold;
	font-variant:normal;
	margin-bottom: 10px;
}

a {
	color:#0072BC;
	text-decoration:none;
}

a:visited {
	color:#0072BC;
	text-decoration:none;
}

a:hover {
	color:#666666;
	text-decoration:none;
}

a:active {
	color:#0072BC;
	text-decoration:none;
}

ul {
	margin: 0 0 0 20px;
	}

/*****************************************************
* Bildelemente und Tabellen
*****************************************************/

.foto {
	width:280px;
	height:200px;
	border:0px;
	float:right;
	margin-left: 10px;
	margin-bottom: 10px;
}

.tabelle {
	width:520px;
	border:0px;
	font: normal 10px/13px Verdana, "Lucida Grande", Helvetica, Arial, sans-serif;
	color: #666666;
	vertical-align: top;
	
}


.tabelle td 
{ 
    padding:5px; 
}

.tabellehead {
	background-color: #cecece;
}

.tabellesub {
	background-color: #e5e5e5;
}


/*****************************************************
* Main Navigation
*****************************************************/

ul#nav {
	padding:0;
	margin:0;
	width:800px;
	height:70px;
	/*overflow: hidden;*/
	background:transparent url(../images/basics/navigation.gif) no-repeat 0 -70px;
	}
ul#nav li {
	padding:0;
	margin:0;
	display:block;
	float:left;
	text-indent:-9999px;	
	}
ul#nav li a {
	border:0;
	display:block;
	text-decoration:none;
	background:transparent url(../images/basics/navigation.gif) no-repeat;
	}
li#home a {
	width:290px;
	height:70px;
	 }
li#klh a {
	width:102px;
	height:70px;
	 }
li#poeh a {
	width:102px;
	height:70px;
	 }	 
li#ng a {
	width:102px;
	height:70px;
	 }
li#tw a {
	width:102px;
	height:70px;
	 }
li#projekte a {
	width:102px;
	height:70px;
	 }
li#home a:link, li#home a:visited {	
	background-position:0px 0px;
	} 	 	 	 
li#home a:hover, li#home a:focus {
	background-position:0px -70px;
	 }
li#klh a:link, li#klh a:visited {	
	background-position:-290px 0px;
	}
li#klh a:hover, li#klh a:focus {	
	background-position:-290px -70px;
	}
li#poeh a:link, li#poeh a:visited {	
	background-position: -392px 0px;
	}
li#poeh a:hover, li#poeh a:focus {	
	background-position: -392px -70px;
	}
li#ng a:link, li#ng a:visited {	
	background-position: -494px 0px;
	}
li#ng a:hover, li#ng a:focus {	
	background-position: -494px -70px;
	}
li#tw a:link, li#tw a:visited {	
	background-position: -596px 0px;
	}
li#tw a:hover, li#tw a:focus {	
	background-position: -596px -70px;
	}
li#projekte a:link, li#projekte a:visited {	
	background-position: -698px 0px;
	}
li#projekte a:hover, li#projekte a:focus {	
	background-position: -698px -70px;
	}

/* Main navigation "active tabs"
------------------------------------------------------------------*/
body#home-page ul#nav li#home a {
	background-position:0px -32px;
	}
body#klh-page ul#nav li#klh a {
	background-position:0px -32px;
	}
body#poeh-page ul#nav li#poeh a {
	background-position:-145px -32px;
	}
body#ng-page ul#nav li#ng a {
	background-position:-262px -32px;
	}
body#tw-page ul#nav li#tw a {
	background-position:-371px -32px;
	}
body#projekte-page ul#nav li#projekte a {
	background-position:-482px -32px;
	}





ul#navcontent {
	padding:0;
	margin:0;
	list-style: none;
}

ul#navcontent li {
	border-bottom: 1px dotted;
	margin-bottom: 4px;
	margin-top: 4px;
	padding-top: 2px;
	padding-bottom: 2px;
}

ul#navcontent li.sub {
	padding-left: 10px;
}

ul#navcontent li.sub a {
	color: #48a9e8;
}

/*****************************************************
* Footer
*****************************************************/

#footer a {
	color:#ffffff;
	text-decoration:none;
}