@charset "utf-8";
/* CSS Document */

* {	margin:0;
	padding:0;
	}

html, body {
height:100%;
}

body {
text-align:center; /* horizontal centering for IE Win quirks */
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
line-height:18px;
}



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

a:hover{
text-decoration:underline;
color:#444444;
}


#distance { 
width:1px;
height:50%;
margin-bottom:-250px; /* half of container's height */
float:left;
}


#container {
margin:0;
margin-left:auto;
margin-right:auto;
position:relative; /* puts container in front of distance */
text-align:left;
width:1125px;
height:500px;
padding:0px;
clear:left;
}

#container #content {
width:375px;
height:500px;
float:right;
margin:0px;
padding:0px;
}
#container #galerie {
width:375px;
height:500px;
float:right;
margin:0px;
padding:0px;
background-color:#E9E9E9;
}

#container #galerie_wissen {
width:375px;
height:498px;
float:right;
margin:0px;
padding:0px;
background-color:#FFFFFF;
border:#CCCCCC solid 1px;

}



.wissenact{
display:block;
background-color:#E9E9E9;
text-decoration:none;}

#container #menu {
width:300px;
height:500px;
float:left;
margin:0px;
padding:0px;
}

#container #logo {
height:80px;
width:272px;
margin:0px;
padding:0px;
margin-left:80px;

}

#container #content #text {
height:310px;
width:300px;
margin:0px;
margin-left:80px;
margin-top:97px;
overflow:auto;
text-align:left;
}

span {display:none;}

#grau {
width:100%;
height:500px;
background-color:#E9E9E9;
position:relative;
clear:left;}

#grau #container #galerie_wissen ul{
margin-top:10px;
}

#grau #container #galerie_wissen li{
margin:5px;
display:block;}


#grau #container #galerie_wissen li a{
background: transparent url(../img/li.gif) no-repeat left top;
display:block;
color:#666666;
text-decoration:none;
padding:5px;
padding-left:10px;
}

#grau #container #galerie_wissen li a:hover{
background: transparent url(../img/li_hover.gif) no-repeat left top;
display:block;
color:#444444;
}

.wisenact {
color:#666666;
background: transparent url(../img/li_hover.gif) no-repeat left top ;
background-color:#FF6600;
}

#grau #container #galerie_wissen .wisenact {
color:#333333;
background: transparent url(../img/li_hover.gif) no-repeat left top ;
}

#container #galerie_kontakt {
width:375px;
height:498px;
float:right;
margin:0px;
padding:0px;
background-color:#FFFFFF;
border:#CCCCCC solid 1px;
}

#container #galerie_text {
margin:10px;
margin-top:15px;
line-height:16px;
}




#grau #container #menu #artx {
text-align:right;
margin-top:240px;
font-size:10px;
}

#grau #container #menu #artx a{
color:#999999;}