@charset "utf-8";
/* CSS Document 
Description: Orientierung an Richtlinien des Corporate Design der FU Berlin
Version: 1.0
Author: Gerrit Schultz
Author URI: http://gerritschultz.de/
*/


*{
	border: none;
		margin: 0;
		padding: 0;
	background: transparent;
}

body{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color: #333333;
	background: #fff;
}

h1{
	font-size: 1.4em;
	margin-bottom: 10px;
}

h2{
	font-size: 1.1em;
	margin-top: 25px;
	margin-bottom: 5px;
}

h3{
	font-size: 1em;
	margin-top: 15px;
	
}

h4{
	font-size: 0.9em;
	margin-top: 15px;
	margin-bottom: 5px;
}

a{
	color: #333333;
	text-decoration: none;
	outline: none;
}
a:hover{
	color: #999999;
}


/* --- --- --- classes --- --- --- */

.clear{
		clear: both;
}

.wichtig{
	color: #CC0000;
}



/* --- --- --- container --- --- --- */

.container{
	background: transparent;
		width: 900px;
		margin-left: 25px;
}
		

/* --- --- --- header --- --- --- */

#header{
}

#header li{
		display: inline;
}

#logo{
		position: absolute;
		top: 3px;
}


/* --- --- --- obere navi --- --- --- */


#nav_top{
	border-bottom: 4px solid #99CC00;
	font-size: 0.7em;
	text-align: right;
		margin-top: 33px;
		padding-bottom: 3px;
}

#nav_top li a{
		margin: 0 3px;
		padding-bottom: 2px;
}


/* --- --- --- mittlere navi --- --- --- */

#nav_mid{
	background: #C5D2E4;
		margin-top: 25px;
		
}
#nav_mid_inside{
	background: #C5D2E4 url(images/logo2.gif) no-repeat center left;
		padding: 2px 0 2px 195px;
}
#nav_mid ul{
		padding-right: 5px;
}
#nav_mid li{
		padding-left: 10px;
		padding-right: 5px;
}
#nav_mid li a{
}


/* --- --- --- untere navi --- --- --- */


#nav_bottom{
	background: #003366;
}
#nav_bottom_inside{
	background: #003366 url(images/logo3.gif) no-repeat center left;
		padding: 7px 0 7px 195px;
}

#nav_bottom ul{
		padding-right: 5px;
}
#nav_bottom li{
		padding-left: 10px;
		padding-right: 5px;
}
#nav_bottom li a{
	color: #CCCCCC;
}
#nav_bottom li a:hover{
	color: #999999;
}


/* --- --- --- main --- --- --- */

#main{
		float: left;
		margin-top: 30px;
		width: 700px;
}


/* --- --- --- content --- --- --- */

#content{
		float: right;
		width: 495px;
		font-size: 0.9em;
}

#content p{
	line-height: 1.6em;
	padding: 5px 0;
}

#content img{
		float: left;
		padding: 3px;
		margin: 0 15px 15px 0;	
}

#content ul{
}
#content li{
	line-height: 1.4em;
		margin: 5px 0 5px 15px;
}
#content li li{
	list-style-type: circle;
}
#content li li li{
	list-style-type: square;
}

#content a{
	color: #003399;
	border-bottom: 1px dashed #fff;
}
#content a:hover{
	border-bottom: 1px dashed #C5D2E4;
}


/* --- --- --- startseite --- --- --- */


#news{
		clear: both;
		margin-top: 15px;
		margin-bottom: 20px;
		padding-bottom: 10px;
	border-top: 4px solid #C5D2E4;
	border-bottom: 4px solid #C5D2E4;
	color: #C5D2E4;
}
#news a{
	color: #C5D2E4;
}
#news a:hover{
	color: #003366;
}



/* --- --- --- linke sidebar --- --- --- */

#side_left{
		width: 176px;
	color: #999999;
	font-size: 0.8em;
}

#foto img{
		margin-top: 5px;
		border: 1px solid #CCCCCC;
		padding: 2px;
}

#side_left p{
	font-size: 1.1em;
	font-weight: bold;
}

#side_left ul{
		margin-top: 10px;
		margin-bottom: 30px;
}
#side_left li{
	list-style: none;
	border-bottom: 1px dashed #CCCCCC;
		padding-bottom: 5px;
		margin-bottom: 5px;
	color: #999999;
}
#side_left a{
	color: #999999;
}
#side_left a:hover{
	color: #333333;
}


/* --- --- --- rechte sidebar --- --- --- */

#side_right{
		float: right;
		width: 170px;
		margin-top: 30px;
	color: #999999;
	font-size: 0.8em;
}

#side_right p{
	font-size: 1.1em;
	font-weight: bold;
}

#side_right ul{
		margin-top: 10px;
		margin-bottom: 30px;
}
#side_right li{
	border-bottom: 1px dashed #CCCCCC;
		padding-bottom: 5px;
		margin-bottom: 5px;
		list-style-type: none;
}

#side_right a{
	color: #999999;
}
#side_right a:hover{
	color: #333333;
}

/* --- --- --- footer --- --- --- */

#footer{
		clear: both;
	font-size: 0.7em;
	border-top: 4px solid #99CC00;
		margin-top: 20px;
}

#footer_inside{
		padding: 5px 0;
}

#footer a, #footer a:hover{
}

#footer_left{
		float: left;
}
#footer_right{
		text-align: right;
}
