@charset "utf-8";
/* RSPLUS Standard Styles 1.0 by Oskar weinberger www.skarweb.de 2008*/


body  {
    	font: 100% Arial, Verdana, Helvetica, sans-serif;
		font-size:12px;
		color: #646a5f;
    	background: #ffffff;
    	margin: 0;
    	padding: 0;
    	text-align: left;
		background-image:url(../images/cross_back.gif);
		background-repeat:no-repeat;
		background-position: 2px 0px;
    }
    #main_container { 
    	position: relative; /* Durch Hinzufügen von position: relative können Sie die beiden Randleisten im Verhältnis zu diesem Container positionieren. */
    	width: 1002px;
    	margin: 37px 0px 50px 0px;
		padding: 0 0 50px 0;
    	text-align: left;
		
    } 
    #sidebar_left {  /* Container liunks */
    	position: absolute;
    	top: 0;
    	left: 0;
    	width: 198px;
    	padding: 0px 0px 50px 0px;
		margin: 0px 0px 50px 0px;
    }
    #sidebar_right { /* Container rechts */
    	position: absolute;
    	top: 0;
    	right: 0;
    	width: 500px;
    	padding: 0px 0px 50px 0px;
		margin: 0px 0px 0px 0px;
    }
	
	
    #Content {  /* Hauptcontent Mitte */
    	margin: 0px 505px 0px 240px; /* Der rechte und der linke Rand dieses div-Elements erstellt die beiden äußeren Spalten an den Seitenrändern. Der Spaltenbereich bleibt unabhängig von der Inhaltsmenge der Randleisten-divs immer gleich. */
    	padding: 80px 22px 0px 0px;
    }
	
	



/* Ab hier die Styles für das linke Hauptmenue */

#navcontainer { 
	font-size:12px;
	margin: 0px 0px 0px 0px;
	padding: 8px 0px 0px 10px;
	color: #646a5f;
	font-size:12px;
}

#navcontainer ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#navcontainer li { margin: 0 0 0 0; }

#navcontainer a {
	display: block;
	padding: 0px 0px 0px 24px;
	width: 164px;
	color: #646a5f;
	background-color:transparent;
	text-decoration: none;
	line-height: 29px;
	height: 28px;
}

#navcontainer a:hover {
	color: #009ee0;
	background-color: transparent;
	text-decoration: none;
}

#navcontainer .current {
	display: block;
	padding: 0px 0px 0px 24px;
	margin: 1px 0px 1px 0px;
	width: 164px;
	color: #009ee0;
	background-color: transparent;
	text-decoration: none;
	line-height: 25px;
	height: 24px;
	border-bottom: 1px solid #9ea7a9;
	border-top: 1px solid #9ea7a9;
}

#navcontainer .current:hover{
	display: block;
	padding: 0px 0px 0px 24px;
	margin: 1px 0px 1px 0px;
	width: 164px;
	color: #009ee0;
	background-color: transparent;
	text-decoration: none;
	line-height: 25px;
	height: 24px;
	border-bottom: 1px solid #9ea7a9;
	border-top: 1px solid #9ea7a9;
}

#navcontainer ul ul{
	margin: 0;
	padding: 0 0 28px 0;
	list-style-type: none;
}

#navcontainer ul ul li { margin: 0 0 0 0; }

#navcontainer ul ul a {
	display: block;
	padding: 0px 0px 0px 24px;
	width: 164px;
	color: #646a5f;
	line-height: 28px;
	height: 28px;
	background-color: transparent;
	text-decoration: none;
}

#navcontainer ul ul a:hover {
	color: #009ee0;
	background-color: #transparent;
	text-decoration: none;
}

#navcontainer .subcurrent {
	display: block;
	padding: 0px 0px 0px 24px;
	width: 164px;
	color: #646a5f;
	background-color: transparent;
	text-decoration: none;
	line-height: 28px;
	height: 28px;
	font-weight:bold;
}

#navcontainer .subcurrent:hover {
	display: block;
	padding: 0px 0px 0px 24px;
	width: 164px;
	color: #646a5f;
	background-color: transparent;
	text-decoration: none;
	line-height: 28px;
	height: 28px;
	font-weight:bold;
}

/* Ende der Styles für das linke Hauptmenue */
	
	
	
	
	
	
/* Ab hier standard formatierungs Styles fuer Texte links und Headlines usw */

#logo { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

h1 { 
	font-size:14px;
	color: #009ee0;
    margin: 0px 0px 0px 0px;
    padding: 0 0 20px 0;
	line-height: 20px;
}
 
h2 { 
    font-size:12px;
	color: #009ee0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 20px;
}
 
h3 {
    font-size:12px;
	color: #646a5f; 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	line-height: 20px;
}

h4 {  /* Blaue headline ohne Umbruch zum integrieren innerhalb eines textblockes */
    font-size:12px;
	color: #009ee0; 
    margin: 0;
    padding: 0 0 0 0;
	line-height: 20px;
	display:inline;
}

.grey_big {
	color: #646a5f;
	font-weight:bold;
}

.blue_big {
	color: #009ee0;
	font-weight:bold;
}

.blue_thin {
	color: #009ee0;
}

.clear {
	clear:both;
}

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

/* Mittlerer Content text ---- Gruener text fuer Konzepte - Aktuelles - Referenzen */

#ContentText { 
	color: #646a5f;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size:12px;
	line-height: 20px;
}

#ContentText p { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#ContentText a {
	color: #646a5f;
	text-decoration: underline;
}

#ContentText a:hover {
	color: #009ee0;
	text-decoration: none;
}

#ContentText ul {
	margin: 0 0 0 0;
	padding: 0px 0px 0px 20px;
	list-style-type: square;
}

#ContentText li {
	padding-left: 0px;
	line-height: 20px;
}

#ContentText li a {
	text-decoration: underline;
	color: #646a5f;
}

#ContentText li a:hover {
    text-decoration: underline;
	color: #009ee0;
}


/* Mittlerer Content text ---- News Newsdetail Archiv  */

#ContentText_aktuell { 
	color: #646a5f;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	font-size:12px;
	line-height: 20px;
}

#ContentText_aktuell p { 
     margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}

#ContentText_aktuell h1 { 
	font-size:12px;
	color: #009ee0;
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
	
}

#ContentText_aktuell h4 {
    font-size:12px;
	color: #646a5f; 
    margin: 0;
    padding: 0 0 0 0;
}

#ContentText_aktuell a {
	color: #646a5f;
	text-decoration: underline;
}

#ContentText_aktuell a:hover {
	color: #009ee0;
	text-decoration: none;
}




#aktuell_butt_left {
    font-size:11px;
	color: #646a5f; 
    margin: 0;
    padding: 0 0 0 0;
	float:left;
}

#aktuell_butt_left a {
	color: #646a5f;
	text-decoration: underline;
}

#aktuell_butt_left a:hover {
	color: #009ee0;
	text-decoration: none;
}

#aktuell_butt_right {
    font-size:11px;
	color: #646a5f; 
    margin: 0;
    padding: 0 0 0 0;
	float:right;
	text-align:right;
	
}

#aktuell_butt_right a {
	color: #646a5f;
	text-decoration: underline;
}

#aktuell_butt_right a:hover {
	color: #009ee0;
	text-decoration: none;
}

#aktuell_bottom{
    margin: 0px 0 20px 0;
    padding: 20px 0 0px 0;
	float:left;
	width:230px;
	border-bottom: 1px dotted #646a5f;
	
}



#aktuell_mehrLesen {
    font-size:11px;
	color: #646a5f; 
    margin: 0;
    padding: 0 0 0 0;
	float:right;
	text-align:right;
	
}

#aktuell_mehrLesen a {
	color: #646a5f;
	text-decoration: underline;
}

#aktuell_mehrLesen a:hover {
	color: #009ee0;
	text-decoration: none;
}

#aktuell_more{
    margin: 0px 0 20px 0;
    padding: 0px 0 0px 0;
	float:left;
	width:230px;
	border-bottom: 1px dotted #646a5f;
	
}

#aktuell_more_archive_blue {
  	font-size:12px;
	color: #009ee0; 
    margin: 0;
    padding: 0px 0 0px 0;
	
}

#aktuell_more_archive_blue a {
	color: #009ee0;
	text-decoration: none;
	font-weight:bold;
}

#aktuell_more_archive_blue a:hover {
	color: #009ee0;
	text-decoration: underline;
	font-weight:bold;
}




#archiv {
  	font-size:12px;
	color: #646a5f; 
    margin: 0;
    padding: 20px 0 0px 0;
	
}

#archiv h1 { 
	font-size:12px;
	color: #009ee0;
    margin: 0px 0 15px 0;
    padding: 0px 0 5px 0;
	line-height:16px;
	display:block;
	border-bottom: 1px solid #646a5f;
}
 

#archiv h1 a {
	color: #009ee0;
	text-decoration: none;
}

#archiv h1 a:hover {
	color: #646a5f;
	text-decoration: none;
}





/* Styles fuer Referenzliste */

#RefernzList ul {
	margin: 0 0 0 0;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
}

#RefernzList ul li {
	padding-left: 0px;
	line-height: 20px;
	background-image: none;
}

#RefernzList ul li a {
	text-decoration: none;
	color: #646a5f;
	background-image: url(../images/list_dot_green.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
}

#RefernzList ul li a:hover {
    text-decoration: none;
	color: #009ee0;
	background-image: url(../images/list_dot_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
}

#RefernzList .current_listlink {
	color: #009ee0;
	background-image: url(../images/list_dot_blue.gif);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	padding-left: 10px;
}






/* Styles fuer Konzepte Start PicMenue rechts */

#sidebar_right_KonzeptMenue { /* Container rechts Konzepte */
    padding: 67px 59px 55px 63px;
	margin: 0 0 0 0;
	width: 378px;
	height: 378px;
	position:relative;
	background-image:url(../images/sidepic_konzept_menu.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KonzeptMenue .zeile{
    padding: 0px 0px 0px 0px;
	margin: 0;
	height: 126px;
	width: 378px;
}

#sidebar_right_KoM1 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM1 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_1.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM1 a:hover {
	background-image:url(../images/butt_kozept_1_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM2 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM2 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM2 a:hover {
	background-image:url(../images/butt_kozept_2_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM3 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:right;
}

#sidebar_right_KoM3 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_3.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM3 a:hover {
	background-image:url(../images/butt_kozept_3_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM4 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM4 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_4.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM4 a:hover {
	background-image:url(../images/butt_kozept_4_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM5 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM5 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_5.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM5 a:hover {
	background-image:url(../images/butt_kozept_5_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM6 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:right;
}

#sidebar_right_KoM6 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_6.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM6 a:hover {
	background-image:url(../images/butt_kozept_6_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM7 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM7 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_7.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM7 a:hover {
	background-image:url(../images/butt_kozept_7_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM8 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:left;
}

#sidebar_right_KoM8 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_8.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM8 a:hover {
	background-image:url(../images/butt_kozept_8_2.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM9 {
	padding: 0px 0px 0px 0px;
	width: 126px;
	height: 126px;
	float:right;
}

#sidebar_right_KoM9 a {
	display: block;
	width: 126px;
	height: 126px;
	background-image:url(../images/butt_kozept_9.jpg);
	background-repeat:no-repeat;
}

#sidebar_right_KoM9 a:hover {
	background-image:url(../images/butt_kozept_9_2.jpg);
	background-repeat:no-repeat;
}





/* Styles fuer die rechte Seite Text und Formular */

#sidebar_right_content { /* Container rechts Text */
	line-height: 18px;
    padding: 80px 40px 0px 9px;
	margin: 0;
}

#sidebar_right_content h1 {
    font-size:12px;
	color: #646a5f; 
    margin: 0;
    padding: 0 0 0 0;
}

#sidebar_right_content p { 
    margin: 0px 0px 0px 0px;
    padding: 0px 0px 0px 0px;
}


#sidebar_right_content a {
	color: #646a5f;
	text-decoration: underline;
}

#sidebar_right_content a:hover {
	color: #009ee0;
	text-decoration: none;
}


/* Styles fuer das Formular */

#sidebar_right_content form{
    padding: 0px 0px 0px 67px;
	margin: 0;
}

#sidebar_right_content form h1 {
    font-size:12px;
	color: #009ee0; 
    margin: 0;
    padding: 0 0 5px 0;
}

input { 
  font: 100% Arial, Verdana, Helvetica, sans-serif;
  font-size:12px;
  color: #646a5f;
  float: left;
  width: 220px; 
  height: 18px;
  line-height:18px;
  padding: 0 0 0 3px;
  margin: 0px 0px 7px 0px;
  border-top: 1px solid #6e7b7e;
  border-right: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd;
  border-left: 1px solid #6e7b7e;
  background: #ffffff;
}

label {
 float: left;
 width: 80px; 
 height: 18px;
 line-height:18px;
 text-align: right;
 padding: 0;
 margin: 0px 13px 7px 0px;
}

.label_anfrage {
 float: left;
 width: 180px; 
 height: 18px;
 line-height:18px;
 text-align: left;
 padding: 0;
 margin: 0px 13px 7px 0px;
}

form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

#formpadding { /* den Submit-Button */
  float: left;
  margin:0px 0px 0px 92px;
  padding: 0 0 2px 0;
}

#formpadding label{ /* den Submit-Button */
  float: left;
 width: 180px; 
 height: 18px;
 line-height:18px;
 text-align: left;
 padding: 17px 0 0 0;
 margin: 0px 0px 3px 0px;
}

.pflichtfeld { /* den Submit-Button */
  font-size:10px;
  color: #646a5f;
}

textarea {
  font-size:12px;
  color: #646a5f;
  float: left;
  width: 220px; 
  height: 100px;
  line-height:15px;
  background: #ffffff;
  border-top: 1px solid #6e7b7e;
  border-right: 1px solid #d8dcdd;
  border-bottom: 1px solid #d8dcdd;
  border-left: 1px solid #6e7b7e;
  margin:0px 0px 7px 0px;
  padding: 0 0 0 3px;
  float: left;
  scrollbar-base-color:#9ea7a9;
  scrollbar-3d-light-color:#9ea7a9;
  scrollbar-arrow-color:#ffffff;
  scrollbar-darkshadow-color:#9ea7a9;
  scrollbar-face-color:#9ea7a9;
  scrollbar-highlight-color:#ffffff;
  scrollbar-shadow-color:#3d4f53;
  scrollbar-track-color : #9ea7a9;
}

.submit { /* den Submit-Button */
  font-size:12px;
  color: #ffffff;
  float: none;
  width: 90px; 
  height: 20px;
  line-height:15px;
  background: #9ea7a9;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #3d4f53;
  border-bottom: 1px solid #3d4f53;
  border-left: 1px solid #ffffff;
  margin:0px 0px 0px 92px;
  padding: 0 0 2px 0;
  cursor:pointer;
}

.submit:hover { /* den Submit-Button */
  font-size:12px;
  color: #009ee0;
  float: left;
  width: 90px; 
  height: 20px;
  line-height:15px;
  background: #ffffff;
  border-top: 1px solid #009ee0;
  border-right: 1px solid #009ee0;
  border-bottom: 1px solid #009ee0;
  border-left: 1px solid #009ee0;
  margin:0px 0px 0px 92px;
  padding: 0 0 2px 0;
  cursor:pointer;
}

@media screen and (-webkit-min-device-pixel-ratio:0) {
    .submit { /* den Submit-Button */
  font-size:12px;
  color: #ffffff;
  float: none;
  width: 90px; 
  height: 20px;
  line-height:20px;
  background: #9ea7a9;
  border-top: 1px solid #ffffff;
  border-right: 1px solid #3d4f53;
  border-bottom: 1px solid #3d4f53;
  border-left: 1px solid #ffffff;
  margin:0px 0px 0px 92px;
  padding: 0 0 2px 0;
  cursor:pointer;
}

.submit:hover { /* den Submit-Button */
  font-size:12px;
  color: #009ee0;
  float: left;
  width: 90px; 
  height: 20px;
  line-height:20px;
  background: #ffffff;
  border-top: 1px solid #009ee0;
  border-right: 1px solid #009ee0;
  border-bottom: 1px solid #009ee0;
  border-left: 1px solid #009ee0;
  margin:0px 0px 0px 92px;
  padding: 0 0 2px 0;
  cursor:pointer;
}
}

#error  { /* error feld */
  font-size:11px;
  color: #009ee0;
  float: left;
  margin:0px 0px 0px 0px;
  padding: 7px 0px 15px 93px;
  background-image:url(../images/form_error_arrow.gif);
  background-repeat: no-repeat;
  background-position: 92px 0px;
}

#error .errortext  { /* error text */
  font-size:11px;
  color: #009ee0;
  width: 210px; 
  height: 20px;
  line-height:20px;
  background: #ffffff;
  border: 3px solid #009ee0;
  margin:0px 0px 0px 0px;
  padding: 0 0 0 5px;
}




/* Ab hier die Styles die Sitemap */
#sitemap {
	background:transparent 0px 0px no-repeat;
	margin: 0;
	padding-left: 3px;
}

#sitemap span.none {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
}

#sitemap span.vert {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/map_vert.gif);
}

#sitemap span.last {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/map_last.gif);
}

#sitemap span.midd {
	background:transparent 0px 0px no-repeat;
	width: 24px;
	height: 18px;
	display: block;
	float: left;
	margin: 0;
	padding: 0;
	background-image: url(../images/map_midd.gif);
}

#sitemap ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
}

#sitemap ul li {
	list-style-type: none;
	margin: 0;
	padding: 0;
}


#sitemap ul li a {
	list-style-type: none;
	margin: 0;
	color: #646a5f;
	background-color: transparent;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
}

#sitemap ul li a:hover {
	list-style-type: none;
	margin: 0;
	color: #009ee0;
	background-color: transparent;
	text-decoration: none;
	background-image: none;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding: 0px;
}




.pdf_data {
	color: #646a5f;
	text-decoration: underline;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: -5px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}

.pdf_data a {
	color: #646a5f;
	text-decoration: underline;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: -5px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}

.pdf_data a:hover {
    color: #009ee0;
	text-decoration: none;
	background-image: url(../images/pdf.gif);
	background-repeat: no-repeat;
	background-position: -5px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}


.download_data {
	color: #646a5f;
	text-decoration: underline;
	background-image: url(../images/data.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}

.download_data a {
	color: #646a5f;
	text-decoration: underline;
	background-image: url(../images/data.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}

.download_data a:hover {
   color: #009ee0;
	text-decoration: none;
	background-image: url(../images/data.gif);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	padding-left: 25px;
	height: 24px;
	display:block;
}