@charset "utf-8";
/* CSS Document */


body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000;
}

body {
	background-color: #fff;
	margin:0;
}



a:link,a:visited,a:hover,a:active {
  color: #09F; font-weight:normal;
  text-decoration:none;
}
a:hover {
  color: #000;
}

a:focus { 
	outline: 0 none; 

}



/* Main Layout ################# */

.ml_Site_Outer{
	margin:0 auto;
	width:964px;
}


.ml_Head_Outer{
	margin:0 7px;
	height:150px;
	border:8px solid #eceded;
	border-top:0;
}
.ml_Head_Inner{
	background-image:url(../images/head.jpg);
	background-repeat:no-repeat;
	background-position:center center;
	height:150px;
}


.ml_Content_Outer{
	margin:0 7px;
	border:0px solid #fff; /* #eceded */
    border-top:8px solid #029ee0; /* #eceded */
	border-bottom:0;
	background-image:url(../images/ml_Spacer_v2.gif);
	background-repeat:repeat-y;
	background-position:672px 25px;	
}

.ml_Content_Inner{

	min-height:500px;
	padding-top:17px;
	background-image:url(../images/ml_Content_Background.jpg);
	background-repeat:repeat-x;
	background-position:top;
}


.ml_Navigation_Outer{
	margin:0px auto !important;
    width: 918px;
}


.ml_Footer_Outer{
	padding-top:10px;
	background-color:#fff;
	border-top:0px dotted #CCC;
}

.ml_Footer_Inner{
	padding:10px;
	background-color:#555;
}



.ml_Form_Background{
/*	background-image:url(../images/ml_Form_Background.png);
	background-repeat:repeat-y;*/
	width:964px;
}

.ml_Form_Bottom{
	background-image:url(../images/ml_Form_Bottom.png);
	background-repeat:repeat-y;
	width:964px;
	height:7px;
    text-align: center;
}

.ml_Form_Top{
	background-image:url(../images/ml_Form_Top.png);
	background-repeat:repeat-x;
    background-position:bottom;
	width:964px;
	height:51px;
}

.ml_Form_Spacer{
	width:964px;
	height:15px;
}



/* Boxen Layout ################# */

.box_Link_Header{
	height:85px;
	width:158px;
	position:relative;
	z-index:2;
	top:55px;
	left:760px;
	border:0;
	cursor:pointer;
}

.box_Navi_Header{
	float:right;
	text-align:right;
	margin:10px 0 0 20px;
}

.box_Navi_Header ul{
	margin:0; 
	padding:0; 
	list-style:none;
	font-size:12px;
	letter-spacing:0.1ex;
}

.box_Navi_Header li{
	margin-left:10px; 
	padding:0;
	display:inline;
}

.box_Navi_Header a:link, .box_Navi_Header a:visited, .box_Navi_Header a:hover, .box_Navi_Header a:active{
  color: #ccc; 
  font-size:12px;
  text-decoration:none;
}

.box_Navi_Header a:hover, .box_Navi_Header li.active a{
	color:#09F;
}


.box_Lang_Header{
	float:right;
	margin:10px 20px 0 20px;
}


.box_Headline{
	font-size:16px;
	color:#09F;
	padding:1px 0 8px 0;
	margin-bottom:10px;
	border-bottom:1px dotted #999;
}



.box_Logo{
	font-size:11px;
	color:#AAA;
}

.box_Logo img{
	border:2px solid #FFF;	
	float:left;
	margin-right:10px;
	
}


.box_Content_Left{
	float:left;
	width:659px;
}

.box_Content_Left_Inner{
	padding:0 0 10px 10px;
	font-size:13px;
	text-align:left;
	line-height:20px;
}

.box_Content_Right {
	float:right; 
	width:250px;
}


.box_Content_Spacer{
	background-image:url(../images/ml_Spacer_v2.gif);
	background-repeat:repeat-y;
	background-position:top center;
	float:left; 
	width:25px; 
	min-height:600px;
}


.box_Footer_Left{
	float:left;
	font-size:10px;
	color:#CCC;
	padding-right:26px;
	background-image:url(../images/ml_Spacer_v2.gif);
	background-repeat:repeat-y;
	background-position:top right;
}

.box_Footer_Left img{
	border:2px solid #FFF;	
	float:left;
	margin-right:10px;
	
}


.box_Footer_Right{
	width:600px;
	margin-left:20px;
	float:left;
	font-size:10px;
	color:#CCC;
}


.box_Footer_Right ul{
	margin:0; 
	padding:0; 
	list-style:none;
	font-size:12px;
	letter-spacing:0.1ex;
	clear:both;
}

.box_Footer_Right li{
	margin-right:10px; 
	padding:0;
	display:inline;
}

.box_Footer_Right a:link, .box_Footer_Right a:visited, .box_Footer_Right a:hover, .box_Footer_Right a:active {
  color: #f6891f; 
  font-size:10px;
  text-decoration:none;
}

.box_Footer_Right a:hover {
  color: #fff;
}

.box_Footer_Right li.active a{
	color:#ccc;
}


.box_Paging{
    margin: 10px 0;
    font-size: 12px;
}

.box_Paging #Top{
    border-top: 1px dotted #ccc;
    border-bottom: 1px dotted #ccc;
    padding: 10px 0;
}

.box_Paging #Bottom{
    border-top: 1px dotted #ccc;
    padding-top: 10px;
}

.box_Paging #Info{
    float:left;
    color: #AAA;
}

.box_Paging #Navi{
    float:right;
}



.box_Member{
    border: 0px dotted #ccc; 
    padding: 10px; 
    width: 280px;
    text-align: left;
    margin: 10px 0;    
}

.box_Member a{
	font-size:11px;
}

.box_Member img{
    float:left; 
    margin:0 20px 10px 0;
    border:0;
}

.box_Member span{
    display:block;
    margin: 3px 0;
	font-size:11px;
}

.box_Member span a:link, .box_Member span a:visited, .box_Member span a:hover, .box_Member span a:active {
  color: #09F; 
  font-size:16px;
  font-weight: bold;
  text-decoration:none;
  display: block;
  padding-bottom: 5px;
}

.box_Member span a:hover {
  color: #f6891f;
}

.box_Member div{
    clear:both;
    border-top:1px dotted #ccc;
    padding: 5px 0;
    text-align: justify;
    color: #888;
}


.box_Member_Right{
	margin:	0;
	padding: 0;
	list-style:	none;
}

.box_Member_Right ul{}

.box_Member_Right li, .box_Member_Right li:hover, .box_Member_Right .active{
	margin: 0px 13px 0px 3px;
	list-style: none;
    border-bottom: 1px dotted #ddd;
    background-image: url(../images/icon_Member_orange.png);
    background-repeat: no-repeat;
    background-position: 0px 5px;

}

.box_Member_Right li:hover {
    background-image: url(../images/icon_Member_blue.png);
}

.box_Member_Right li a, .box_Member_Right li a:hover, .box_Member_Right li a:active, .box_Member_Right li a:visited{
	text-decoration: none;
   	padding: 10px 10px 10px 35px;
    font-size: 14px;
    font-family: Arial, Helvetica, Sans-serif;
    display: block;
}


.box_Member_Right .active {
     background-image: url(../images/icon_Member_blue.png);
}

.box_Member_Right .active a{
	color: #444;
}



.box_Projects{
    margin: 20px 0 20px 0;
    clear: both;
    background-color: #eee;
    padding: 10px;
    color: #888;

}

.box_Projects #headline{
    padding: 0 0 8px 0;
    margin: 0 0 5px 0;
    border-bottom: 1px dotted #ccc;
    font-size: 14px;
    color: #000;
}

.box_Projects #footer{
    margin: 8px 0 0 0;
    padding: 0 0 0px 0;
    border-top: 1px dotted #ccc;
}

.box_Projects #left{
    float:left;
    margin: 4px 0 0 0;
}

.box_Projects #right{
   float:right;
   margin: 4px 0 0 0;
   color: #888;
}




.box_Projects_Right{
    margin:5px 10px 5px 0;
    border-bottom: 1px dotted #ccc; 
    padding: 10px; 
    text-align: left;
    color:#888;   
}

.box_Projects_Right a{
	font-size:11px;
}

.box_Projects_Right img{
    float:left; 
    margin:0 10px 5px 0;
    border:0;
}

.box_Projects_Right span{
    display:block;
    margin: 3px 0;
	font-size:11px;
}

.box_Projects_Right span a:link, .box_Projects_Right span a:visited, .box_Projects_Right span a:hover, .box_Projects_Right span a:active {
  color: #09F; 
  font-size:14px;
  font-weight: bold;
  text-decoration:none;
  display: block;
  padding-bottom: 0px;
}

.box_Projects_Right span a:hover {
  color: #f6891f;
}

.box_Projects_Right div{
    clear:both;
    border-top:1px dotted #ccc;
    padding: 5px 0;
    text-align: justify;
    color: #888;
}



.box_Projects_Right_Archiv{
    margin:0px 10px 0px 0;
    border-bottom: 1px dotted #ccc; 
    padding: 10px; 
    text-align: left;
    color:#AAA;   
}

.box_Projects_Right_Archiv #headline{
    float:left;                      
    width: 120px;
    padding: 0 5px 0 0;
    border-right:1px solid #ccc; 
}

.box_Projects_Right_Archiv #date{
    float:right;  
}



.box_Cat{
	margin:0 0 5px 0;
    padding:0;
    border: 1px solid #9e9ea0;  
}

.box_Cat span{
    border: 1px solid #fff;
    padding:5px 10px 5px 10px;
    display: block;
    background-position: center center;
    background-repeat: repeat-x;
    color: #fff; 
    font-size: 14px;
    font-weight: bold;     

}

.box_Cat a, .box_Cat a:hover, .box_Cat a:active,.box_Cat a{
    display: block;
    color: #fff;
    text-decoration: none; 
}

.box_Cat a:hover{
    color: #000;
}

.box_Cat #Aufgaben{
    background-image: url(../images/cat_Blue.jpg) ;
}

.box_Cat #Ziele{
    background-image: url(../images/cat_Blue.jpg) ;
}




.box_Cat_Right{
	margin:30px 10px 5px 0;
    padding:0;
    border: 1px solid #9e9ea0;  
}

.box_Cat_Right span{
    border: 1px solid #fff;
    padding:5px 10px 5px 10px;
    display: block;
    background-position: center center;
    background-repeat: repeat-x;
    color: #fff;      

}

.box_Cat_Right a, .box_Cat_Right a:hover, .box_Cat_Right a:active,.box_Cat_Right a{
    display: block;
    color: #fff;
    text-decoration: none; 
}

.box_Cat_Right a:hover{
    color: #000;
}

.box_Cat_Right #Member{
    background-image: url(../images/cat_Right_Orange.jpg) ;
}

.box_Cat_Right #Projects{
    background-image: url(../images/cat_Right_Orange.jpg) ;
}



.box_AufgabenZiele{
    margin: 10px 0;
    padding: 10px;
    background-color: #eee;
    color: #888; 
}

.box_AufgabenZiele h1{
	font-size: 14px;
	color: #000;
	padding: 0 0 8px 0;
	margin: 0 0 10px 0;
	border-bottom: 1px dotted #999;    
}



.box_Partner{
    margin: 10px 0;
    padding: 10px;
    background-color: #eee;
    color: #888; 
}


.box_Partner a{
	font-size:14px;
}

.box_Partner #img{
    float:left; 
    width: 180px;
    height: 50px;
}

.box_Partner img{
    margin:0 25px 0 0;
    border:0;
}

.box_Partner span{
    display:block;
    margin: 3px 0;
	font-size:14px;
    font-weight: bold;
    color: #000;
}

.box_Partner span a:link, .box_Partner span a:visited, .box_Partner span a:hover, .box_Partner span a:active {
  color: #09F; 
  font-size:14px;
  text-decoration:none;
  display: block;
  padding-bottom: 0px;
}

.box_Partner span a:hover {
  color: #f6891f;
}


.box_PartnerRuhr{
clear: both;
margin: 30px 0 20px 0;
font-weight: bold;
font-size: 14px;
}


.box_Zitat{
    margin: 10px 0 10px 0;
    clear: both;
    background-color: #fff;
    padding: 10px;
    color: #888;

}

.box_Zitat span{
    font-size: 10px;
    display: block;
    padding: 10px 0 0 10px;
    color: #aaa;

}

/* Clears und Kaskaden ################# */

.clear_Both{
	clear:both;
}

.clear_Left{
	clear:left;
}

.clear_Right{
	clear:right;
}

.clear_None{
	clear:none;
}

.last{
    margin-right: 0;
}

.float_left{
    float:left;
}

.float_right{
    float:right;
}


/* Formulare  -  eFrom abhängig ##########################*/

.form_headline {
	font-size:16px;
	color:#09F;
	padding:1px 0 8px 0;
	margin:20px 0 10px 0;
	border-bottom:1px dotted #999;    
}

.form_message {
    margin-bottom: 10px;
}

.form_label {
    float: left;
    width: 100px;
}

.form_field {
    float: left;
}

.form_spacer {
    clear: both;
    height: 10px;
}

.form_spacer_line {
    clear: both;
	padding: 0 0 8px 0;
	margin: 2px 0 10px 0;
	border-bottom: 1px dotted #ccc;  
}


.field_input {
	padding:3px; 
	border:1px solid #aaa;
	font-size:12px;
	width:300px;
}

.field_textarea {
	padding:3px; 
	border:1px solid #aaa;
	font-size:12px;
	width:99%;
	height:125px;
}

.field_error {
	border:1px solid #C00;
}


.validation_error{
	border:1px solid #900;
	margin-top:10px;
	padding:10px;
}

.validation_error h1{
	font-size:12px;
	color:#000;
	margin:0px 0px 5px 0px;
	padding-bottom:5px;
	border-bottom:1px dotted #CCC;
}

.validation_error ul{
	margin:0px 0px 0px 20px;
	padding:0px;
}

.validation_error li{
	color:#666;
}


/* Ditto  -   ##########################*/


.ditto_paging {
    border-top: 1px solid #ccc;
    padding: 10px;
    font-size: 12px;
    color: black;
}
#ditto_pages .ditto_currentpage {
    border: 0px solid black;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #000;
    font-weight: bold;
    font-size: 12px;
}
#ditto_pages .ditto_off {
    border: 0px solid #ccc;
    padding: 1px 5px 2px;
    margin-right: 1px;
    color: #ccc;
    font-size: 12px;
}
#ditto_pages a, #ditto_pages a:link, #ditto_pages a:visited {
    border: 0px solid #008CBA;
    padding: 1px 5px 2px;
    margin-right: 1px;
    text-decoration: none !important;
    color: #09F;
    font-size: 12px;
}
#ditto_pages a:hover {
    background-color: #fff;
    color: #f6891f;
}

