@media all
{
/* ######################################################################################################
** ### Vorbereitende Ma?nahmen | Reset ##################################################################
** ######################################################################################################
*/
	/* Hiermit werden die Randabst?nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 


	/* Das zur?cksetzen der Innen- und Au?enabst?nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H?he des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	

/* Beseitigung des Rundungsfehlers bei Schriftgr??en im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr??e des Browser 
			Fensters ge?ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #fff;
		text-align: left; 
	} 


	/* Standardrahmen zur?cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f?r Safari Browser. font-size:100% ist f?r den Safari in Formularen zu gro? */ 
	select, input, textarea { font-size: 99% }
	
/*  z-index 

#top_image { z-index:2; }
#header_logo { z-index:1; }
*/
#sub_menu { z-index:3; }
#menu  { z-index:25; }


/* main color: */
#sub_menu a:hover,
#header_container h1,
#header_container h1 a,
#footer a,
#content a {
	color: #30438F;
}

/* font-size */
.bodytext, .csc-form-label, .contenttable, .csc-menu{
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 12px;
padding-top:10px;
}

#content  ul, td, p {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 11px;
line-height: 12px;
/* 10,18*/
}



#content  h2 {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size:1.1em;
line-height: 18px;
text-transform:none;
}

#content .csc-firstHeader {
margin:0px;
margin-top: 0px;
font-size:1.2em;
text-transform:uppercase;
}

#content .csc-textpic-caption {
font-family:Verdana,Arial,Helvetica,sans-serif;
font-size: 12px;
line-height: 18px;
}


body{
 background-color : #42538F;
 font-family: Verdana,Arial,Helvetica,sans-serif;
 font-size: 9px;
 font-weight: normal;
 font-style: normal;
 color : #30438F; 
}


#sub_menu a,
#subnavigation a,
#meta_navigation a,
#sidebar a {
	color: #333;
	text-decoration: none;
	}
#content a:hover,
#footer a:hover,
#meta_navigation a:hover {
	text-decoration: none;
	}

	
img {
  border: 0;
}


#container {
position: relative;
margin-left: auto;
margin-right: auto;
width: 955px;
border: 0px solid gray;
}


#header_container {
background-color:#F59727;
width:100%;
height:120px;

}

#header_logo {
	position: absolute;
	left: 31px;
	top:20px;
	text-decoration: none;
	width: 788px;
	height: 57px;
}



/* changing image for each group
 * The picture SHOULD be 150px high and at least 500px wide */
#banner {
	position:absolute;
	top:77px;
	left:0px;
	background-color : #42538F;
	height: 25px;
	width:955px;
}

	
	
	
	
#header_container h1 {
	/* background: url("images/sfc-logo_160px.png") no-repeat top left; */
	position: absolute;
	top: 0px;
	left: 0px;
	padding: 0px 0px 0px 0px;
	margin: 0px;
	text-align: left;
	font-size: 1.1em;
	font-weight: bolder;
	}

#header_container h1 a {
	display:block;
	height: 100px;
	width: 170px;
	line-height:150px;
    text-decoration: none;
}


/* ### Menü  begin ##################################################################  */


#menu_1 {
	position: absolute;
	left: 31px;
	top:105px;
	text-decoration: none;
	width: 700px;
	height: 15px;
}


#menu_1 ul {
	list-style-type: none;
}


#menu_1 ul  li {
	float:left;
	margin-right:9px;
	text-transform:uppercase;
}


#menu_1 ul  li a {
	text-decoration:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
}





#menu {
	position: absolute;
	left: 13px;
	top:126px;
	text-decoration: none;
	width: 100%;
	height: 15px;
}

/* temporaerer Umbau zum Test */
/*  *******************************
#menu {
	position: absolute;
	left: -100px;
	top:200px;
	text-decoration: none;
	width: 200px;
	
}
***********************************
*/


/* this is needed if you want to style #menu div - force containment of floated LIs inside of main UL */
#menuList:after {
	content: ".";
	height: 0;
	display: block;
	visibility: hidden;
	overflow: hidden;
	clear: both;
}


#menu ul {
	list-style-type: none;
}


#menu  li {
	float:left;
	margin-right:5px;
	position: relative;

}

#menu a {
	display: block;
}


#menu ul  li a {
	text-decoration:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: bold;
}


#menu li ul {
	position:absolute;
	
	display: none;
	width:200px;
}

#menu li:hover>ul {
	display: block;
}


#menu li li {
	xwidth:180px;
	width:100%;
	
	display:block;
	color:#18216A;
	background-color:#848FB0;
	border: 1px #FFFFFF solid;
	
	border-top:0px;
	padding-top:6px;
	padding-bottom:5px;
	padding-left:7px;
	padding-right:5px;
	
	xmargin-top:10px;
}


#menu li li a {
	text-decoration:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#18216A;
	font-size: 10px;
	font-weight: normal;
}







/* ### Menü end ##################################################################  */




#content_container {
position:relative;
top:40px;
left:31px;
width:833px;
background-color:#42538F;
border: 0px solid white;
background-image: url(../images/bg-squares-single.png);
/*background-position: center 5px;
background-repeat: repeat;*/
background-color:#42538F;

margin-bottom:100px;
}


#content_header {  
background-image: url(../images/bg-news-blue.png);
background-position: center top;
background-repeat: no-repeat;
background-color:#42538F;

}
	
#content_header_background {  
margin-left:60px;
width:711px;
background-color:#A6AFC9; /*#FFFFFF*/
border: 1px solid white;

background-image: url(../images/bg-innertop-2.gif);
background-position: right top;
background-repeat: repeat-y;

}


#content_header_height {
float:left;
height:49px;
width:1px;
}

#clear_content_header_height {
clear:both;
height:1px;
overflow:hidden;
}


#left_box {
display:inline;

}


#left_box p {
margin-left:12px;
color:#30438F;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 9px;
font-weight: normal;
letter-spacing:1px;
}


#left_box p a {
color:#30438F;
text-decoration:none;
}


#left_box h1 {
margin-left:12px;
margin-top:19px;
color:#FFFFFF;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size: 14px;
font-weight: bold;
text-transform:uppercase;

}


#right_box { 
float:right;
width:419px;
border-left:1px solid white;
}

#right_box_height {
float:left;
height:109px;
width:1px;
}

#clear_right_box_height {
clear:both;
height:1px;
overflow:hidden;
}

#right_box ul {
list-style-image:url(../images/newsdot.gif);
margin-left: 20px;
padding-left:30px;
}

#right_box ul li a {
	text-decoration:none;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	color:#FFFFFF;
	font-size: 10px;
	font-weight: normal;
}


#content_box {  
position:relative;
top:7px;
left:0px;
margin-bottom:10px;
background-image: url(../images/bg-squares.png);
background-position: center top;
background-color:#42538F; 
}



#white_border_content {  
position:relative;
top:0px;
left:60px;
width:713px;
background-color:#FFFFFF;
}

#content_box_background {  
width:711px;
background-color:#CFD4E2;
margin-left:1px;
border-top:1px solid white;
border-bottom:1px solid white;
}


#content_box_header {  
/*position:relative;
top:1px;
left:1px;*/
width:711px;
height:49px;
background-image: url(../images/bg-content-box-header.png);
background-position: right top;
background-repeat: no-repeat;
background-color:#848FB0;

}

#content_box_header h2 {
position:absolute;
margin-left:12px;
padding-left:24px;
margin-top:17px;
background-image: url(../images/newsdot.gif);
background-position: left center;
background-repeat: no-repeat;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
}

#content_box_header h1 {
position:absolute;
margin-left:12px;
padding-left:24px;
margin-top:17px;
background-image: url(../images/newsdot.gif);
background-position: left center;
background-repeat: no-repeat;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
}

#content_and_top_link {

display:inline;


background-color:#CFD4E2;
/*position:relative;
float:right;
width:711px;
/*margin-right:1px;*/
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-bottom:25px;
}


#content_left {
background-color:#CFD4E2;
position:relative;
float:left;
width:291px;
/*margin-left:1px;*/
margin-top:1px;
font-family: Verdana,Arial,Helvetica,sans-serif;
padding-bottom:25px;
}


#clear_content {
clear:both;
height:1px;
overflow:hidden;
}


#content h1 {
	font-weight: normal;
}

#content {
padding-left:39px;
padding-right:39px;
padding-top:16px;
}


.contenttable ul {
margin-left:20px;
}

.contenttable ol {
margin-left:23px;
}



.contenttable p {
padding-top:10px;
}

.csc-menu {
margin-left:40px;
}


p .caption {
padding:0px;
margin:0px;
}

#content_and_top_link #top_link {
border-bottom: 1px solid #42538F;
width:635px;
height:17px;
margin-left:38px;
margin-bottom:10px;
text-align:right;
}


#top_link p {
padding:0px;
font-size:9px;
}

#top_link a {
text-decoration:none;
color:#30438F;
}


#footer {
	clear: both;
	font-size: 0.8em;
	height:20px;
	padding-bottom:50px;
	margin-left:65px;
	color:#6C7CB4;
}

#footer a {
	padding: 2px 0.4em;
	
}
	


div.mitarbeiter {
float:left;
width:353px;
margin-top:7px;
margin-right:7px;
color:white;
font-size:11px;
}

div.mitarbeiter img {
border: 1px solid white;
float: left; 
margin-right: 7px;

}

div.mitarbeiter_info {
float: right; 
width:219px;
height:102px;
border: 1px solid white;
padding-left:12px;
padding-top:9px;
}	

div.mitarbeiter_info p {
font-size:11px;
line-height:13px;
}


div.mitarbeiter_info a {
color:white;
font-weight:normal;
text-decoration:underline;
}


span.name {
font-weight:bold;
display:block;

}

span.fn {
font-weight:bold;
display:block;
}


div.kontakt_daten {
margin-top:15px;
}



/* ######################################################################################################
** ### Email-Formular ######################################################
** ######################################################################################################
*/
#mailform {
margin-left:40px;
}

.csc-mailform-label {
margin-top:15px;
margin-bottom:15px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color : #30438F; 
}

.csc-mailform-field label{
display:block;
margin-top:10px;
font-family: Verdana,Arial,Helvetica,sans-serif;
font-size:11px;
color : #30438F; 
}

.csc-mailform-field textarea {
   width:234px;
}


#mailformanrede legend {
display: none;
}
.csc-mailform-radio {
float:left;
margin-right:5px;
}

.csc-mailform-radio label {
float:left;
margin-top:0px;
margin-right:20px;
}





/* ######################################################################################################
** ### News-Plugin ######################################################
** ######################################################################################################
*/

div.news-list-container {
width:712px;
}


div.news-list-item {  
width:710px;
height:49px;
background-image: url(../images/bg-content-box-header.png);
background-position: right top;
background-repeat: no-repeat;
background-color:#848FB0;
border:1px solid white;
margin-left:0px;
margin-top:9px;
}

div.news-list-item h3 {
float:left;
margin-left:12px;
margin-right:15px;
padding-left:24px;
margin-top:17px;
width:385px;
background-image: url(../images/newsdot.gif);
background-position: left center;
background-repeat: no-repeat;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;

}


p.news_list_morelink {
float:left;
font-size:12px;
margin-top:17px;
}

div.news-list-item a {
text-decoration:underline;
}

p.news_list_date {
float:right;
margin-left:10px;
margin-right:80px;
margin-top:17px;
color:white;
font-size:11px;
font-weight:bold;

}

div.news-single-item {
      padding:10px;
      background-color:#A6AFC9;
}

div.news-single-item h2 {
padding-left:24px;
margin-top:17px;
margin-bottom:10px;
background-image: url(../images/newsdot.gif);
background-position: left center;
background-repeat: no-repeat;
color:#FFFFFF;
font-size: 11px;
font-weight: bold;
text-transform:uppercase;
}

div.news-single-item p {
	padding-left:24px;
}

div.news-single-item p.news-single-imgcaption {
	padding-left:0px;
}


div.news-single-item ul, div.news-single-item ol {
	padding-left:42px;
	font-size:11px;
}


div.news-single-backlink {
margin-top:20px;
}

div.news-single-img {
float:right;
margin:10px 0px 5px 10px;
width:240px;

}


/*-----------------------------------  clearer  -----------------------------------*/
/* prevent floated images from overlapping the div-containers they are wrapped in  */

.news-list-container HR.clearer, .news-single-item HR.clearer, .news-latest-container HR.clearer{
	clear:right;
	height:1px;
	color:#848FB0;
	border:0px solid #F9FFE5;

}
.news-latest-container HR.clearer {
	clear:left;
}

/* for news-plugin */



/* ######################################################################################################
** ### Sitemap ######################################################
** ######################################################################################################
*/


.csc-sitemap {
margin-top: 30px;
margin-left:160px;
margin-bottom:50px;
width:400px;
border-bottom:1px solid white;
}



.csc-sitemap ul li{
list-style-type:none;
padding-left:33px;
margin-top:3px;
padding-top:6px;
border-top:1px solid white;
font-size:11px;
}

.csc-sitemap ul li a{
margin:0px;
}

.csc-sitemap ul ul li {
list-style-type:none;
padding-top:6px;
padding-left:80px;
margin-left:-33px;
margin-top:3px;
}

.csc-sitemap ul ul ul li {
padding-top:6px;
padding-left:130px;
margin-left:-83px;
margin-top:3px;
}

.csc-sitemap ul ul li a{
display:block;
font-size:11px;
}


.csc-sitemap ul ul ul li a {
margin:1px 0px 0px 0px;
display:block;
}

.csc-sitemap li a:hover  {
text-decoration:underline;
}




/*
######################################################################################################
** ### Two Columns, zwei Spalten  -  Begin ######################################################
** ######################################################################################################
*/

#two_columns {
	background-color:transparent; }

#left_content {
	float:left;
	width:300px; }


#right_content {
	float:left;
	width:300px;
	margin-left:8px; 
	}

#clear_two_columns {
	clear:both;
	height:1px;
	overflow:hidden; }


#two_columns #content_box {  
position:static;
margin-bottom:0px;
background:none;
}



#two_columns #white_border_content {  
position:static;
background-color:transparent;
width:308px;
}

#two_columns #content_box_background {  
width:308px;
background-color:transparent;
margin-left:0px;
border-top:0px;
border-bottom:0px;
}


#two_columns #content_box_header {  
display:none;
}

/*
######################################################################################################
** ### Two Columns, zwei Spalten  -  End ######################################################
** ######################################################################################################
*/


}