
* { 
margin: 0;
padding: 0;
}
a {color:#333}
html { height:100%;min-height: 510px;background: #fff url("images/bgbg.gif") top left;font-size: 11px;font-family: verdana, sans-serif;}
body {
width:100%;height:100%;
text-align: center;
}
#bg1{
background:  url("images/bg.jpg") center bottom no-repeat;
}
#bg2{
background:  url("images/bg2.jpg") center bottom no-repeat;
}
#bg3{
background:  url("images/bg3.jpg") center bottom no-repeat;
}
#bg4{
background:  url("images/bg4.jpg") center bottom no-repeat;
}
#wrap1 {height:100%;margin-bottom: -30px;min-height:525px; }


#space { 
	width:1px;
	height:50%;
	margin-bottom:-300px; /* die Hälfte der Inhals's Höhe */
	float:left;
	}


div {
text-align: left; /* text-align:center wieder aufheben, damit DIV-Inhalte linksbündig ausgerichtet sind */
}


/* DIV-Boxen */


div#wrapper {
width: 800px;
height:500px;
margin: 0 auto;
position:relative;
clear:left;
background:transparent  url(images/contentbg.png) no-repeat top left;
}
* html div#wrapper { padding-bottom:25px;}
div#header {
height: 30px; width: 800px;margin:0;padding: 0 0 25px 0; 
}
* html div#header {
 padding: 0; 
}

#langmenu { width:150px; padding:15px 0 0 700px;}
#langmenu img, #langmenu a  {border:0px; text-decoration:none;padding:0 2px}

div#mitte{
width:800px;clear:both;
}

div#leftCol { 
float: left;
width: 165px;
margin: 0 8pxpx;
padding: 10px 5px 5px 35px;
/*line-height:25px;*/
}

div#leftCol a,div#leftCol a:link,div#leftCol a:hover   {text-decoration:none;}
div#leftCol a:hover   {color:#4ab9b9;} /*#ec7378 = pink*/
div#leftCol ul {list-style-image:url(images/li.png);font-size:13px}
div#leftCol li {margin-bottom:10px;}
div#leftCol  .menu-current a {color:#4ab9b9;}
div#leftCol  .menu-current ul a {color:#333;}

div#leftCol ul ul {margin-left: 20px;} 
div#leftCol ul ul a{font-size:11px} 

div#centerCol {
float:left;
width:570px;
height: 425px;
margin: 0;
padding:0px;
}
div#content{
height: 390px;
overflow:auto;
}


/* clearfix zum Aufheben der Floatumgebung */

.clearfix:after, .clear {
content: ".";
display: block;
height: 0;
clear: both;
visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div#copy {
position: relative;
padding-right:5px;
padding-top:5px;
text-align:right;
height: 15px;
color:white;
font-size:10px;
}

div#copy a {font-size:10px;color:white;text-decoration:none;}


/* Überschrift */

h1 {font-size: 16px;font-weight: bold; color: #4ab9b9; width:500px; border-bottom: 0px solid #4ab9b9; margin: 5px 0px 10px 0px}
h2 {font-size: 14px;font-weight: bold; color: #333; margin: 5px 0px;}

.dontshow {margin:-2000px 0px 0px -2000px; visibility:hidden;display:none}
