/* CSS Document Olivia Engelen | www.olivia-engelen.de | solivia.de */

*{	margin:0px;
	padding:0px;
	border:none;
}

/********************* TAGS **********************/


body{
	margin:0px;
	padding:0px;
	border:none;
	background-color:#ffffff;
	text-align:center;
	font-family:Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size:14px;
	color:#343434;
	line-height:24px;
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
	background-color:#e7e4e3;
}


h1{
	font-size:30px;
	color:#d30121;
	font-weight:normal;
	padding:0px 0 16px 0;	
}

h2{
	font-size:24px;
	color:#fff;
	height:34px;
	width:235px;
	display:block;
	background-color:#323a87;
	padding:5px 0px 0px 25px;
}

h3{
	font-size:16px;
	font-weight:bold;
	color:#323a87;
}

h4{
	font-size:24px;
	color:#323a87;
	padding:0px 0 16px 0;	
}

h5{
	font-size:18px;
	color:#323a87;
	padding:0px 0 8px 0;
	
}

h6{
	font-size:18px;
	color:#fff;
	padding:0px 0 4px 0;
	font-weight:normal
	
}


p{
	padding:0px 0 14px 0;

}

a{
	color:#d30121;
	text-decoration:underline;
	outline-style:none;
}

a:hover{
	text-decoration:none;
}


#HEADER{
	margin:0px auto 0px auto;
	width:950px;
	height:87px;
}

#LOGO{
	width:260px;
	height:87px;
	margin:0px 0 0 0;	
	float:left;
}

#NAVI{
	margin:37px 0 0 40px;
	height:40px;
	float:left;
	width:630px;
}

#GRADIENT{
	width:953px;
	height:313px;
	clear:both;
	text-align:left;
	margin:0px auto 0px auto;
}

#WAPPEN{
	background-image:url(../images/wappen.jpg);
	background-repeat:no-repeat;
	width:260px;
	height:310px;
	float:left;
	margin-top:-1px;
}

#HEADER_IMG{
	background-image:url(../images/header_startseite.jpg);
	width:690px;
	height:310px;
	float:left;
	margin-top:-1px;
}


#CONTENT_CONTAINER{	
	text-align:center;
	background-color:#fff;
	padding:0px 0 0px 0;
	float:left;
	width:100%;
}

#CONTENT_WRAPPER{
	margin:0px auto 0px auto;
	width:953px;
	text-align:left;
}

#SUBNAVI{
	width:260px;
	float:left;
	margin-top:-39px;
}

#CONTENT{
	width:650px;
	float:left;
	margin:40px 0 0 40px;
	}


.ICON_AKUTELLES{
	background-image:url(../images/icon_aktuelles.jpg);
	width:75px;
	height:76px;
	position:relative;
	top:55px;
	left:194px;
}

.ICON_KANDIDATEN{
	background-image:url(../images/icon_kandidaten.jpg);
	width:75px;
	height:76px;
	position:relative;
	top:55px;
	left:194px;
}

#FOOTER{	
	text-align:center;
	padding:0px 0 10px 0;
	border-top: 3px solid #d30121;
	font-size:12px;
	clear:both;		
}

#FOOTER_WRAPPER{
	margin:0px auto 0px auto;
	width:953px;
	text-align:left;
	clear:both;
}

#FOOTER_LEFT{
	width:260px;
	float:left;
	padding:5px 0 0 0;
	margin-bottom:20px;
}

#FOOTER_RIGHT{
	width:640px;
	float:left;
	padding:5px 0 0 0;
	margin-left:40px;
	margin-bottom:20px;
}


/********************* NAVI **********************/

#NAVI li{
	float:left;
	list-style:none;
	padding:8px 20px 0px 20px;
	background-image:url(../images/main_navi_trenner.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	height:42px;
}

#NAVI li a{
	color:#3c3b83;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#NAVI li a:hover{
	color:#cf0026;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

#NAVI li .active{
	color:#cf0026;
	text-decoration:none;
	font-size:14px;
	font-weight:bold;
}

/********************* FOOTER **********************/

#FOOTER a{
	color:#323A87;
	text-decoration:none;
}

#FOOTER a:hover{
	text-decoration:underline;
}

/********************* infobox **********************/

.infobox{
	background-image:url(../images/infobox_ziele.jpg);
	width:299px;
	height:162px;
	padding:15px 6px 10px 10px;
	margin:0 20px 20px 0;
	float:left;
}

.infobox2{
	background-image:url(../images/infobox.jpg);
	width:305px;
	height:162px;
	padding:15px 0px 10px 10px;
	margin:0 0px 20px 0;
	float:left;

}

.p_box{
	margin:1px 0 0 0px;
	font-size:14px;
	line-height:18px;
	width:150px;
	float:left;
	}
	

.infoblatt{
	margin:0px 0 0 18px;
	margin-top:-12px;
	
}

ul.ziele  {
	margin:1px 0 0 13px;
}

ul.ziele li{
	list-style:none;
	font-size:14px;
	line-height:25px;
}

.more_info a{
	color:#fff;
	font-size:12px;
	margin-left:2px;
	text-decoration:none;
}

.more_info a:hover{
	text-decoration:underline;
}



/**** styling Button weiter Ziele ****/
	.btn_ziele{
	margin-top:8px;
	background-image:	url(../images/btn_ziele.gif);
}

.btn_ziele:hover{
	border:none;
}

.btn_ziele span {
	display:none;
}

.btn_ziele:link, .btn_ziele:visited {
	display:			block;
	width:				125px;
	height:				31px;
	background:			url(../images/btn_ziele.gif);
	border:none;
}

.btn_ziele:hover, .btn_ziele:active, .btn_ziele:focus {
	background-image:url(../images/btn_ziele_hover.gif);
}


/******************************* NAVI *******************************/
	
#SUBNAVI li{
	border-bottom:2px dotted #cf0026;
	padding:8px 10px 0px 45px;
	width:200px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/li_h3.gif);
	background-repeat:no-repeat;
	background-position:20px 14px;
	}
	

.kandidaten_liste li{
	border-bottom:1px dotted #cf0026;
	padding:8px 10px 2px 45px;
	width:200px;
	display:block;
	overflow:hidden;
	text-decoration:none;
	list-style:none;
	background-image:url(../images/li_h3.gif);
	background-repeat:no-repeat;
	background-position:20px 14px;
	color:#323A87;
}



.kandidaten_liste li a{
	color:#323A87;
	text-decoration:none;
}

.kandidaten_liste li a:hover{
	color:#323A87;
	text-decoration:underline;
}

.kandidaten_liste{
	margin-bottom:30px;
}

	

/******************************* kandidaten *******************************/
	
.kandidaten{
	width:196px;
	background-color:#5796a8;
	float:left;
	margin:0 25px 40px 0;
}

.kandidaten_third{
	width:196px;
	background-color:#5796a8;
	float:left;
	margin:0 0px 40px 0;
}

.kanditat_img{
	padding:3px 0 0 3px;
}

.description{
	color:#fff;
	line-height:18px;
	padding:8px 0 10px 10px;
}

.white{
	color:#fff;
}

/******************************* ziele *******************************/

.ziele_box{
	margin-bottom:20px;
	margin-top:10px;
	border-bottom:2px dotted #CCCCCC;
}

.arrow{
	margin-right:6px;
}