@charset "UTF-8";

/*relativ zum html-file*/
img, div, input{
behavior: url("templates/Layout10/img/iepngfix.php");
}



body{
	margin: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	background-color: #313131;
		
}

img{
	border: none;
}
ul,
li
{
	list-style:none;
}

.clearer{
	clear: both;
	height: 0px;
	font-size: 0px;
	line-height: 0px;
	visibility: hidden;
}

div#wrapper{
	background-image:url(../img/bg.gif);
	background-position:top;
	background-repeat:repeat-x;
	background-color:#ffffff;
	width:100%;
	position:relative;
}

/*************************** HEADER *********************************/
div#header{
	background-image:url(../img/header_bg.jpg);
	background-position:top;
	background-repeat:no-repeat;
	height:183px;
	width:850px;
	margin:auto;
	font-family:'Trebuchet MS', Helvetica, sans-serif;	
}
div#header_top{
	float:right;
	width:700px;
	margin-top:5px;
}

div#header_top ul#header_service{
	list-style:none;
	float:right;
	margin:0 15px 0 0;
	padding:0;
}

div#header_top ul#header_service li{
	float:left;
}

/*normaler Zustand*/
div#header_top ul#header_service li a.NO{
	color:#4c0f7b;
	font-size:11px;
	text-decoration:none;
}

div#header_top ul#header_service li a:hover, div#header_top ul#header_service li a:active, div#header_top ul#header_service li a:focus{ text-decoration:underline;}

/*activ*/
div#header_top ul#header_service li a.ACT{ 
	color:#4c0f7b;
	font-size:11px;
	text-decoration:underline;
}

.separator {padding:0 11px; color:#4c0f7b;}

div#header_name{	
	float:left;
	width:720px;
	text-align:left;
	margin-top:53px;
	height:29px;
	padding:0 0 0 116px;
	position:relative;
}

div#header_name h1{
	color:#ffffff;
	font-size:24px;
	margin:0;
	padding:0;
	font-weight:normal;
	text-transform: uppercase;
	position:absolute;
}

div#header_menu{
	float:left;
	width:800px;
	margin:56px 0 0 20px;
}

div#header_menu ul{
	float:left;
	list-style:none;
	margin:0;
	padding:0;
}

div#header_menu ul li{
	float:left;
	margin:0 22px 0 0;
	padding:0;
}

div#header_menu ul li a{
	text-transform: uppercase;
	color:#ffffff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}
div#header_menu ul li a:hover{ text-decoration:underline;}

div#header_menu ul li.ACT a{
	font-weight:bold;
	padding:9px 11px 6px 17px;
	margin:-9px 6px 0 0;
	color:#313131;
	display:block;
	position:relative;
	background-image:url(../img/headnavi_act_left.gif);
	background-position:left top;
	background-repeat:no-repeat;
	float:left;
}

div#header_menu ul li.ACT div.act_right{
	background-image:url(../img/headnavi_act_right.gif);
	background-position:right top;
	background-repeat:no-repeat;
	height:33px;
	width:6px;
	margin-top:-9px;
	margin-left:-6px;
	float: left;
	position:relative;
}
/*************************** HEADER *********************************/





/*************************** CONTENT *********************************/
div#content{
	width:878px;
	min-height:400px;
	_height: 400px;
	margin:auto;
	background-image:url(../img/content_bg.png);
	background-position:top;
	background-repeat: repeat-y;	
}


/****** NAVI ******/
div#left_navi{
	float:left;
	width:210px;
	margin-left:44px;
	text-align:left;
	margin-top:40px;
	background-image:url(../img/border_dotted.gif);
	background-position:left top;
	background-repeat:repeat-x;
}

/*Untermenü 1*/
div#left_navi ul{
	margin:0;
	padding:0;
}
div#left_navi ul li{
	list-style:none !important;
	background-image:url(../img/border_dotted.gif);
	background-position:left bottom;
	background-repeat:repeat-x;
	display:block;
	padding:7px 0;
}
div#left_navi ul li a{
	display:block;
	padding-left:20px;
	color:#4c0f7b;
	text-decoration:none;
	font-size:12px;
}

div#left_navi ul li a:hover{text-decoration:underline;}

div#left_navi ul li.ACT{
	font-weight:bold;
}

/*Untermenü 2*/
div#left_navi ul li.ACT ul li{
	font-weight:normal;
	background-image:none;
	display:block;
	padding:5px 0 5px 0;
	margin-left:25px;
}
div#left_navi ul li.ACT ul li a{
	padding-left:15px;
}

div#left_navi ul li.ACT ul li.ACT a{
	font-weight:bold;
}
/****** NAVI ******/




div#content_text{
	float:right;
	width:550px;
	padding-right:0px;
	margin-right:35px;
	margin-top:40px;
	margin-bottom:20px;
	text-align:left;
	color:#000000;
	line-height:20px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
}

div#content_text a{
	color:#4c0f7b;
	font-weight:bold;
	text-decoration:none;
}
div#content_text a:hover,div#content_text a:active,div#content_text a:focus{ text-decoration:underline;}

div#content_text h1{
	color:#4c0f7b;
	font-family: 'Trebuchet MS', Helvetica, sans-serif;
	font-size:29px;
	line-height: 29px;
	font-weight:normal;
	padding:6px 0;
}

div.border img{	border:8px solid #bbbbbb;}
div.caption{
	padding:1px 0 5px 8px;
	background-color:#bbbbbb;
	width:537px;
	color:#ffffff;
}
/*************************** CONTENT *********************************/





/*************************** FOOTER *********************************/
div#footer{
	background-image:url(../img/footer_bg.png);
	background-position:top;
	background-repeat: repeat-y;
	width:100%;
	height:100%; /*hhe 50 - padding*/
	margin:auto;
	padding-top:13px;
	padding-bottom:50px;
	position: relative;
	font-size:12px;
	color:#989898;
}

div#footer span.separator{ color:#989898;}

div#footer a{
	color:#989898;
	text-decoration:none;
}
div#footer a:hover,div#footer a:active,div#footer a:focus{ text-decoration:underline;}
/*************************** FOOTER *********************************/

.toolbar
{
	right:-12px;
}

div.right
{
	float: right; 
	margin-left: 20px;
	margin-bottom: 20px;
}

div.left
{
	float: left; 
	margin-right: 20px;
	margin-bottom: 20px;
}