@charset "utf-8";

/*---------------------------------------------------------------------------------------
--------------------------------------AUTHOR: Stefanie Mohr------------------------------
---------------------------------------------------------------------------------------*/

/*---------------------------------------------------------------------------------------
--------------------------------------STANDARDS------------------------------------------
---------------------------------------------------------------------------------------*/

body, p, h1, h2, h3, h4, h5, h6, ul, ol, dt, dl, dd, span, a, table, td, form, img, li, form, object, textarea {
	margin: 0;
	padding: 0;
	font:12px/22px Arial, Helvetica, sans-serif;
	color:#515151;
	text-decoration: none;
	list-style-type: none;
	border:none;
}
body, html {
	background: #cfd2d2 url(../images/bg.jpg) repeat-x top center;
	height:100%;
}
html[xmlns^="http"] {
	overflow-y: scroll;
}

#content-main h1 {
	font: bold 19px Arial, Helvetica, sans-serif;
	background:#e01420;
	display:inline;
	padding:4px 5px 1px 6px;
	color: #ffffff;
	margin-bottom:20px;
	letter-spacing:5px;
	text-transform:uppercase;
}
.cufon-ready #content-main h1 { font-size:29px!important; }

h2 {
	font: bold 14px Arial, Helvetica, sans-serif;
	color: #515151;
	padding: 0 0 20px 0;
}
h3 {
	font: bold 13px Arial, Helvetica, sans-serif;
	color: #515151;
	padding: 0 0 10px 0;
}
h4 {
	font: bold 12px Arial, Helvetica, sans-serif;
	color: #e01420;
}
/*---------------------------------------------------------------------------------------
--------------------------------------Classen--------------------------------------------
---------------------------------------------------------------------------------------*/

.clear { clear:both; float:none; }

.float-left { float:left;	margin: 4px 8px 4px 0; }
.float-right { float:right; margin: 4px 0 4px 8px; }
.highlight { color:#e01420; font-weight:bold; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTAINER---------------------------------------------
---------------------------------------------------------------------------------------*/

#container {
	margin:auto;
	width: 980px;
	position:relative;
}
/*---------------------------------------------------------------------------------------
--------------------------------------HEADER---------------------------------------------
---------------------------------------------------------------------------------------*/

#header {
	width: 980px;
	height:222px;
	background:url(../images/bg-header.jpg);
}

h1#branding a {
	display:block; 
	width:400px; 
	height:60px; 
	text-indent:-9999px; 
	float:left;
	margin:110px 0 0 75px;
	background:url(../images/logo.gif) no-repeat;
}

/*---------------------------------------------------------------------------------------
--------------------------------------LEFT-----------------------------------------------
---------------------------------------------------------------------------------------*/

#content-sidebar {
	width:300px;
	height:200px;
	float:left;
	padding-right:25px;
	min-height:300px;
}

/*---------------------------------------------------------------------------------------
--------------------------------------NAVI-----------------------------------------------
---------------------------------------------------------------------------------------*/

#navi-main {
	width:845px;
	height:37px;
	border-bottom:1px solid #d0d1d1;
	position: relative;
	margin:10px 65px 50px 70px;
	overflow:hidden;
}
ul#navi {
	position: relative;
	overflow: hidden;
	width:845px;
}
ul#navi li {
	float:left;
	height: 25px;
	border-left:1px solid #cbced2;
}
ul#navi li a {
	display:block;
	color:#5a5c5c;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	padding:5px 12px 5px 11px;
	*padding:2px 12px 5px 11px;
	z-index:10;
	position:relative;
	overflow:hidden;	
}
.cufon-ready ul#navi li a { font-size:18px!important; }

ul#navi li.back {
	background: #e01420;

	position: absolute;
}
ul#navi li.back a:hover {
	color:#fff;
	z-index:100;}

ul#navi li.n1 { border:none;  }
ul#navi li.n8 {  }

ul#navi li a:hover, ul#navi li a:active { color:#000; }   
.cufon-ready ul#navi li a:hover, ul#navi li a:active { color:#fff; }   

ul#navi li.current a { color:#000; background:#e01420;}
ul#navi li a.active { color:#000; background: #e01420; }   

.cufon-ready ul#navi li.current a { color:#fff; background:#e01420;font-size:18px!important;}
.cufon-ready ul#navi li a.active { color:#ffffff; background: #e01420;font-size:18px!important; }   

/*---------------------------------------------------------------------------------------
--------------------------------------SUBNAVI--------------------------------------------
---------------------------------------------------------------------------------------*/
ul#navi-add {
	height:31px;
	width:315px;
	position:absolute;
	background:#e01420;
	right:65px;
	padding:8px 0 0 30px;
}
ul#navi-add li {
	float:left;
}
ul#navi-add li a {
	color:#fff;
	text-decoration:none;
	font-size:12px;
	text-transform:uppercase;
	padding-left:22px;
}
.cufon-ready ul#navi-add li a { font-size:17px!important; }


ul#navi-add li.s1 a { width:116px; margin-right:16px; background:url(../images/bg-subnavi.gif) 0 -21px no-repeat; }
ul#navi-add li.s2 a { width:75px; margin-right:16px; background:url(../images/bg-subnavi.gif) 0 -44px no-repeat;}
ul#navi-add li.s3 a { width:75px; margin-right:16px; background:url(../images/bg-subnavi.gif) 0 -1px no-repeat;}

ul#navi-add li a:hover { text-decoration:underline; }

/*---------------------------------------------------------------------------------------
--------------------------------------CONTENT--------------------------------------------
---------------------------------------------------------------------------------------*/

#content-main {
	width:590px;
	float:left;
	padding:0 65px 30px 0;
}
/*------------------ iFrame Anfahrt ------------------*/

#content-main iframe { 
	margin-top:15px;
	border:1px solid #666666; 
	padding:4px; 
	background:#fff;
}

/*---------------- Textformatierungen ----------------*/

#content-main p { 
	margin: 15px 0 0 0px; 
}

#content-main ul {
	margin-top:15px;
}

#content-main li { 
	background:url(../images/li-liste.gif) 0 7px no-repeat; 
	padding:0 0 0 15px; 
}

/*------------------ Bildformatierungen ------------------*/

#content-main .image {
	border: 1px solid #666;
	padding: 3px;
    outline: none;
}

#content-main .image:hover {
	border: 1px solid #333;
	padding: 3px;
}

#content-main .imagenohover {
	border: 1px solid #666;
	padding: 2px;
	margin: 4px 4px 0 0;
}

/*---------------------------------------------------------------------------------------
--------------------------------------FOOTER---------------------------------------------
---------------------------------------------------------------------------------------*/

#footer {
	width:100%;
	height:57px;
	background:url(../images/bg-footer.gif) repeat-x;
}

#footer-content {
	margin:auto;
	width:980px;
	height:57px;
	position:relative;
}
#footer-content .box {
	position:absolute;
	top:12px;
	left:73px;
	
}

#footer-content p, #footer-content a, #footer-content a span { font-size:11px; line-height:17px;color:#fff; }

#footer-content .spalte1 { float:left; width:160px; }
#footer-content .spalte2 { float:left; width:110px; }
#footer-content .spalte3 { float:left; width:150px; }
#footer-content .spalte4 { float:left; width:170px; }

#footer-content .escape span { text-decoration:none; }
#footer-content a:hover { text-decoration:none; }
#footer-content h4 { color:#fff; font-size:11px;line-height:17px;} 

/*---------------------------------------------------------------------------------------
--------------------------------------LINKS----------------------------------------------
---------------------------------------------------------------------------------------*/

a, a:visited, .escape span {
	text-decoration: underline;
	color: #e01420;
	outline: none;
}

a:hover, a:hover span, a:active, a:active span {
	text-decoration:none;
	color:#e01420;
}

a[href$=".pdf"] {
	 padding: 4px 0 4px 55px;
	 background: url(../images/icon-pdf.gif) no-repeat 0 50%;
	 line-height: 30px;
	 border-bottom: none;
	 display:block;
}