/* CSS Document */
body{
margin:0 0 0 0;
background:#fff;
font:12px "Trebuchet MS", Verdana, Lucida, "Bitstream Vera Sans", sans-serif;
background:#fff url(../img/wall.jpg);
background-position:left top;
background-repeat:repeat;
}

#text a {text-decoration: none;}
#text a:link {color: #339999;}
#text a:visited {color: #339999;}
#text a:hover{border-bottom: dashed 1px #50b9b9;}
#text a:active {color: #339999;}

li{list-style-type:circle;}

/* zentrieren und arbeitsraum definieren */
#main{
position:absolute;
width:950px;
height:560px;
top:50%;
margin-top:-280px;
left:50%;
margin-left:-475px;
z-index:2;
border:1px solid #b2b2b2;
background:#fff url(../img/bg.jpg);
background-position:left top;
background-repeat:repeat-y;
}

/* kopfbereich und headline*/
#head{
position:absolute;
width:750px;
height:100px;
top:0px;
left:200px;
border-top:1px solid #eee;
overflow:hidden;
}

#headline{
position:absolute;
width:580px;
height:30px;
top:100px;
left:200px;
background:#000;
color:#fff;
font-weight:bold;
letter-spacing:1px;
}

.headinner{
position:relative;
top:7px;
left:30px;
}

/* menu und alle classes, die damit zu tun haben */

#menu{
position:absolute;
width:200px;
height:325px;
top:200px;
left:0px;
background:#339999;
}

.menup {
    float:left;
    width:200px;
    height:25px; 
	color: #fff; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, arial, sans-serif; 
	font-style: normal; 
	background-color: #50b9b9; 
	text-decoration: none; 
	letter-spacing: 1px; 
	display:block; 
	border-top: 1px solid #eee; 
	}
	
.menup:hover {  
	background-color: #339999;  
	}
	 
.menupaktiv { 
    float:left;
    width:200px;
    height:25px; 
	color: #fff; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, arial, sans-serif; 
	font-style: normal; 
	background-color: #339999; 
	text-decoration: none; 
	letter-spacing: 1px; 
	display:block; 
	border-top: 1px solid #eee; 
	}
	
.menuinner{
position:relative;
top:5px;
left:40px;
}

.menuinner2{
position:relative;
top:5px;
left:60px;
}	


/* submenu und alle classes, die damit zu tun haben */	
#submenu{
position:absolute;
width:170px;
height:100px;
top:460px;
left:780px;
background:transparent;
}

.submenup {
    float:left;
    width:170px;
    height:25px; 
	color: #339999; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, arial, sans-serif; 
	font-style: normal; 
	background-color:transparent; 
	text-decoration: none; 
	letter-spacing: 1px; 
	display:block; 
	border-top: 1px solid #339999; 
	}
	
.submenup:hover {  
	border-top:1px solid #50b9b9;
	color:#50b9b9;  
	}
	 
.submenupaktiv { 
    float:left;
    width:170px;
    height:25px; 
	color: #339999; 
	font-size: 12px; 
	font-family: "trebuchet ms", verdana, arial, sans-serif; 
	font-weight: bold;
	text-transform:uppercase; 
	background-color:transparent; 
	text-decoration: none; 
	letter-spacing: 1px; 
	display:block; 
	border-top: 1px solid #339999; 
	}
	
.submenuinner, .inner{
position:relative;
top:5px;
left:5px;
}		

/* textbereich und unterklassen dazu */	

#text{
position:absolute;
left:230px;
overflow:auto;
}

#text .p{
height:11px;
}

.norm{
top:140px;
width:550px;
height:400px;
}

.pad{
padding-right:10px;
padding-bottom:10px;
padding-top:10px;
top:130px;
width:540px;
height:410px;
}


/* rechte seite ohne submenu */	
#sonder{
position:absolute;
left:780px;
top:100px;
width:170px;
height:360px;
background:#50b9b9;
color:#fff;
font-weight: bold;
letter-spacing:1px;
}

.sonderinner{
position:relative;
top:93px;
left:15px;
width:auto;
}

/* Philosophie aufklappen*/

.phil {float:left;}
a.hid {color:#000; text-decoration:none; outline-style:none;}
a.hid em {display:none;}
a.hid:hover {text-decoration:none;}
a.hid:active, a.hid:focus {background:#fff;}
a.hid:active span, a.hid:focus span {display:none;}
a.hid:active em, a.hid:focus em {display:block; color:#000; width:100%; font-style:normal; cursor:default;}