@import url(../css/special.css);
@import url(../css/menu.css);

/* ----- ALLGEMEINE FORMATIERUNGEN ------ */

*	{
	margin: 0; padding: 0;
	}

html { 
	min-height: 100.2%;
	}

body {
	font-family: "Arial", sans-serif;
	background-image: url(../images/background.jpg);
	background-repeat: repeat-x; 
	background-color: #E8E8E8;
	font-size: 13px;
	line-height: 21px;
	color: #666;
	text-align: left;
	}

p {	
	/* margin-bottom:20px;*/
	padding: 10px 0 10px 0;
	}

h1 {
	font-size: 21px;
	line-height: 25px;
	color: #BF0206;
	padding: 15px 0 10px 0;
	margin: 0;
	}

h2 {
	font-size: 17px;
	line-height: 25px;
	font-weight: bold;
	color: #666;
	padding: 0 0 2px 0;
	margin: 10px 0 10px 0;
	border-bottom: 1px dotted #ccc;
	}

h3 {
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
	margin: 0;
	}

h4 {
	font-size: 15px;
	line-height: 23px;
	font-weight: bold;
	color: #666;
	padding: 5px 0 5px 0;
	margin: 0;
	}
	
ol, li, ul {margin: 0; padding: 0; }


a:link , a:visited {
	text-decoration: none;
	color: #BF0206;
	}

a:hover , a:active {
	text-decoration: underline;
	color: #BF0206;
	}

/* ----- LAYOUT ------ */
	
#mainwrap {
	width: 980px;
	position: relative;
	padding: 0 0 30px 0;
	margin: 0 auto 0 auto;
	}

/* ----- Schwarzer Balken ------ */

#bar {
	width: 940px;
	height: 27px;
	background-color: #000;
	text-align: right;
	padding: 3px 20px 0 20px;
	margin: 0;
	}

/* ----- Logo und Login ------ */

#banner {
	width: 980px;
	height: 115px;
	background-image: url(../images/banner_logo.gif);
	background-repeat: no-repeat; 
	padding: 0;
	margin: 0;
	}
	
#login {
        width: 180px;
        height: 15px;
        font-size: 11px;
        line-height: 11px;
        padding: 0 20px 0 20px;
        margin: 90px 0 0 0;
        float: right;
        }
		
		#login li {
            list-style-type: none;
            }
			
			 .campus {background: url(../icons/icon_campuslink.gif) 0 2px no-repeat; padding-left: 20px;}
		
		#login p {
			font-size: 12px;
			line-height: 12px;
			color: #ccc;
			padding: 0 0 5px 0;
			}
		
		#login td {padding: 0 5px 0 0;}

/* ----- Mainmenu ------ */

#mainmenu {
	width: 980px;
	height: 35px;
	background-color: #494949;
	padding: 0;
	margin: 0;
	}

/* ----- Inhalt ------ */
	
#contentwrap {
	width: 980px;
	border-top: 4px solid #B0070B;
	
	background: #fff url(../images/back_contentwrap.jpg) repeat-x left bottom;
	padding: 0;
	margin: 0;
	}
	
	/* ----- Vertikales Menu links ------ */
	
	#submenu {
		width: 195px;
		padding: 40px 10px 30px 20px;
		margin: 0;
		float: left;
		}
	
	/* ----- Content Home/Mitte ------ */
	
	#content {
		width: 500px;
		padding: 15px 20px 30px 15px;
		margin: 0;
		float: left;
		}	
		
		#content ol, #content li, #content ul, #content_home ol, #content_home li, #content_home ul{margin: 0 0 0 15px; padding: 0;}
		#content ul, #content_home ul {margin: 5px 0 18px 0; padding: 0;}
		#content table, content_home table {border-collapse: seperate; border-spacing: 1px; margin: 15px 0 15px 0;}
	
	#content_home {
		width: 720px;
		padding: 20px 20px 30px 20px;
		margin: 0;
		float: left;
		}
		
		#home_title {
			width: 720px;
			height: 250px;
			padding: 0;
			margin: 0;
			}
		
			#home_title img {border: 5px solid #EEEEEE;}
	
		.home_text {
			width: 700px;
			padding: 0;
			margin: 0 10px 0 10px;
			}
			
			.home_text p {font-size: 13px; line-height: 21px; padding: 5px 0 5px 0;}
		
		#home_tab {
			width: 700px;
			padding: 0;
			margin: 0 10px 10px 10px;
			}
			
			#home_tab p {font-size: 12px; line-height: 19px; padding: 0;}
			#home_tab ul {font-size: 12px; line-height: 19px; margin: 10px 0 5px 0;  }
			#home_tab li {
				font-size: 12px; line-height: 19px; 
				list-style: none; 
				background: url(../icons/icon_teaserlink.gif) 0 6px no-repeat; padding-left: 10px; 
				margin: 0;
				}
	
	/* ----- Marginal Boxen rechts ------ */
	
	#marginalwrap {
		width: 220px;
		min-height: 500px;
		background-image: url(../images/back_marginal.jpg);
		background-repeat: no-repeat; 
		padding: 0;
		margin: 0;
		float: right;
		}
	
		#marginal {
			width: 180px;
			padding: 40px 20px 30px 20px;
			margin: 0;
			}
			
			#marginal p {font-size: 11px; line-height: 17px; padding: 0; margin-bottom:0px;}
			#marginal li, #marginal ul {font-size: 11px; line-height: 15px; list-style-type: none;}
			#marginal ul {padding: 1px 0 0 0;}
			#marginal img {margin: 5px 0 10px 0; display: block;}
			#marginal h1 {font-size: 11px; line-height: 15px; color: #666; padding: 0 0 5px 0;}
			#marginal h2 {font-size: 11px; line-height: 15px; color: #666; border-top: 1px solid #ccc; padding: 10px 0 5px 0;}
			
		.box_link, .box_download, .box_kontakt, .box_logo {
			border-top: 1px solid #ccc;
			margin: 0;
			padding: 10px 0 12px 0;
			}
				
		.box_news {
			margin: 0 0 5px 0;
			padding: 0;
			}
			
		.box_logo a:link , .box_logo a:visited {text-decoration: none; border: 0px;}

/* ----- Footer ------ */
				
#footer {
	width: 720px;
	background-color: #F6F6F6;
	border-top: 4px solid #fff;
	padding: 10px 20px 10px 240px;
	margin: 0;
	}

#footer_home {
	width: 930px;
	background-color: #F6F6F6;
	border-top: 4px solid #fff;
	padding: 10px 20px 10px 30px;
	margin: 0;
	}
	
	#footer p, #footer_home p {font-size: 13px; line-height: 20px; padding: 10px 0 10px 0;}
	
	
/* ----- 2-spaltiger Text ---*/

div.zeile {
width:100%
}

div.spalte_links {
width:15%; 
padding-right:5px;
float:left;
font-weight:bold
}

div.spalte_rechts {
width:82%;
float:right;
}