﻿* { padding: 0; margin: 0; }

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#wrapper { 
	margin: 0 auto;
	width: 1000px;
/*	background: #F9F9F9; */
	background: white;
}

#header {
	color: #333;
	width: 991px;
	float: left;
	padding: 0px;
	height: 105px;
	margin: 10px 0px 0px 0px;
	font-weight: bold;	
}

#header IMG {
	padding-left: 13px;	
}

#navigation  {
	float: left;
	width: 785px;
	color: white;
	padding: 5px;
	padding-left: 0px;
	border-top: 1px solid #1064AE;
	border-bottom: 1px solid #1064AE; 
	margin: 0px 0px 10px 12px;
	background: #0066B3;
	font-weight: bold;	
}
#navigation A {
	text-decoration: none;
	color: white;
	font-weight: bold;
}
#navigation A:hover {
	text-decoration: underline;
}

#navigationright {
	float: left;
	width: 184px;
	color: white;
	padding: 5px;
	padding-right: 0px;
	border-top: 1px solid #1064AE;
	border-bottom: 1px solid #1064AE; 
	margin: 0px 0px 10px 0px;
	background: #0066B3;
	position: relative;	
}

#leftcolumn { 
	color: #333;
/*	background: #E7DBD5; */
	background: white;
	margin: 0px 5px 10px 12px;
	padding: 0px;
/*	height: 370px;*/
	width: 168px;
	float: left;
}

#content { 
	float: left;
	color: #333;
/*	background: #F2F2E6; */
	background: white;	
	margin: 0px 10px 10px 20px;
	padding: 0px;
	width: 615px;
}

#rightcolumn { 
	color: #333;
	background: white;
	margin: 0px 0px 10px 0px;
	padding: 0px;
/*	height: 370px;*/
/*	width: 168px; */
	width: 146px;	
	float: left;
	position: relative;
}

#left_content {
	margin-top: 10px;
}

.clear { clear: both; }

#footer { 
  width: 968px;
  clear: both; 
  color: WHITE;
  padding: 5px;
  border-top: 1px solid #1064AE;
  border-bottom: 1px solid #1064AE; 
  margin: 0px 0px 10px 12px;
  background: #0066B3; 
}


#txt_navigation {
  margin-left: 38px;
}


ul.top_navigation {
	list-style: none;
	margin: 0;
	padding: 0px 0;
   text-align: left;
	white-space: nowrap;
	font-weight: bold;
   list-style-image: none;
}
ul.top_navigation a {
	display: inline;
  text-decoration:none;
  color: white;		
	padding: 15px;
   background-image: url(../images/bg_top.gif);
	background-repeat: no-repeat;
	background-position: 0px;  	
}	

ul.top_navigation li {
	display: inline;
}
ul.top_navigation a:hover {
  text-decoration:underline;
  color: white;	
  background-image: url(../images/bg_top_active.gif);  
}


UL.main_navigation {
  list-style-type:none;
  margin:0;
  padding:0;
  width:150px;
  background: Aqua; 
  list-style-image: none;  
}

/* Navigation Level 1 */


#nav_left {
float:left;
width: 160px;
}


.nav_left01 a {
	float:left;
  text-decoration:none;
  display:block;
  width: 160px;
  padding: 4px 0px 4px 22px;
  text-indent:0px; /* move the link text 5px to the right */
  background: #0066B3; /* make the background color red */
  background-image: url(../images/bg_nav0.gif);
  background-repeat: no-repeat;
  background-position: -40px 0px;
  color:#fff;
  border-bottom:1px solid #fff;
}

.nav_left01 a:hover{
  background: #007CDD; /* make the background color red */
  background-image: url(../images/bg_nav0_over.jpg);
  background-repeat: no-repeat;  
  background-position: -40px 0px; 
  text-decoration:none;
  color:white;
}

.nav_left_active{
  float:left;
  background-color: #007CDD; 
  background-image: url(../images/bg_nav0_over.jpg);
  background-repeat: no-repeat;  
  background-position: -40px 0px; 
  text-decoration:none;
  display:block;
  width: 160px;
  height: auto;
  color:white;
  padding: 4px 0px 4px 22px;
  border-bottom:1px solid #fff;
	}

.nav_left_active a, .nav_left_active a:hover, .nav_left_sub01_active a, .nav_left_sub01_active a:hover{
	text-decoration: none;
	color: white;
}


/* Navigation Level 2 */
.nav_left_sub01 a{
  float:left;
  text-decoration:none;
  display:block;
  width: 153px;
  padding: 4px 0px 4px 29px;
  background-color: #007CDD;
  color:#fff;
  border-bottom:1px solid #fff;
   background-image: url(../images/bg_nav0.gif);
   background-repeat: no-repeat;  
   background-position: -35px 0px;   
  
}

.nav_left_sub01 a:hover{
   background-color: #007CDD;
   text-decoration:none;
   color:white;
   background-image: url(../images/bg_nav0_over.jpg);
   background-repeat: no-repeat;  
   background-position: -35px 0px;   
}

.nav_left_sub01_active{
   float:left;
   width: 153px;
   padding: 4px 0px 4px 29px;
   background-color: #007CDD;
   color:#fff;   
   background-image: url(../images/bg_nav0_over.jpg);
   background-repeat: no-repeat;  
   background-position: -35px 0px;
   border-bottom:1px solid #fff;
	}



	

/* Contentelemente */
.box_head_red {
	}
.box_head_red_headline {
	background-image: url(../images/bg_arrow_box.gif);
	background-color: #AE3B34;
	background-position: 0px, -2px;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	color: white;
	font-weight: bold;
}	
.box_head_red_content {
	border: 1px solid #005AA9;
	padding: 0px;
	margin: 0px;
	background: white;
	margin-bottom: 10px;
}

.box_head_red_content bodytext {
	padding: 0px;
	margin: 0px;
	background: white;
}

.box_head_red_content A IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;			
}


/*BOX 01* - hellblau* - START */

.box_head_hellblau {
	}
.box_head_hellblau_headline {
	background-image: url(../images/bg_arrow_box.gif);
	background-color: #70ADF9;
	background-position: 0px, -2px;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	color: white;
	font-weight: bold;
}	
.box_head_hellblau_content {
	border: 1px solid #70ADF9;
	padding: 0px;
	margin: 0px;
	background: white;
	margin-bottom: 10px;

}

.box_head_hellblau_content bodytext {
	padding: 0px;
	margin: 0px;
	background: white;
}

.box_head_hellblau_content A IMG {
	border: 0px;
	padding: 0px;
	margin: 0px;	
	text-align: center;		
}

.box_head_hellblau_content a {
	color: #AE3B34;
	text-decoration: underline;
	text-align: right;

}

.external-link-box01 {
	padding: 0px 2px 0px 20px;
	background: url(../images/bg_arrow_dunkelrot_box_linka.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
	
}

/*BOX 01* - hellblau* - ENDE*/



.box_head_blue_bg_red {
	margin: 0px 0px 10px 0px; 
	}
.box_head_blue_bg_red_headline {
	background-image: url(../images/bg_arrow_box.gif);
	background-color: #AE3B34;
	background-position: 0 -2;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	color: white;
	font-weight: bold;
}	
.box_head_blue_bg_red_content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
	background-image: none;
	color: white;
}
.box_head_blue_bg_red_content {
	padding: 8px;
	margin: 0px;
	background: #3C4B85;
	color: white;
	margin-bottom: 10px;

}

.box_head_blue_bg_red_content a {
	color: white;
	text-decoration: underline;
}

.external-link-box02 {
	padding: 0px 2px 0px 20px;
	background: url(../images/bg_arrow_box_link.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.page-link-arrow-red {
	padding: 0px 28px 0px 0px;
	background: url(../images/bg_arrow_red_right.gif);
	background-repeat: no-repeat;
	background-position: right;
}

.box_head_blue_bg_red_content a:hover {
	color: #FFE5E9;
}

.box_head_blue_bg_red A IMG {
	border: 0px;
}









.box_head_blue_bg_blue {
	margin: 0px 0px 10px 0px;

}
.box_head_blue_bg_blue_headline {
	background-image: url(../images/bg_arrow_box.gif);
	background-color: #AE3B34;
	background-position: 0 -2;
	background-repeat: no-repeat;
	padding: 2px 2px 2px 20px;
	color: white;
	font-weight: bold;
	display: block;
}	
.box_head_blue_bg_blue_content h1 {
	margin: 0px;
	padding: 0px;
	font-size: 22px;
	font-weight: bold;
	padding-bottom: 10px;
}
.box_head_blue_bg_blue_content, #box_head_blue_bg_blue_link {
	padding: 8px;
	margin: 0px;
	background: #DBE4EC;
	color: #474747;
	margin-bottom: 10px;

}

.box_head_blue_bg_blue_content {
	padding-bottom: 10px;
}

.box_head_blue_bg_blue_content a {
	color: #005AA9;
	text-decoration: underline;
}

.external-link-box03 {
	padding: 0px 2px 0px 20px;
	background: url(../images/bg_arrow_box_linka.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}

.box_head_blue_bg_blue_content a:hover {
	color: #E60003;
}

.box_head_blue_bg_blue_content A IMG {
	border: 0px;
}

/* Headline */
H1 {
	font-size: 18px;
	font-weight: bold;
	color: #005AA9;
	background-image: url(../images/bg_h1.gif);
	background-repeat: no-repeat;
	padding: 2px 5px 16px 24px;
}

H2 {
	font-size: 14px;
	font-weight: bold;
	color: #005AA9;
	padding: 2px 5px 10px 0px;
}

P.csc-subheader-0 {
	font-size: 16px;
	font-weight: bold;
	color: #005AA9;
	padding: 0px 5px 10px 0px;	
}

ul {
	padding-left: 16px;
   /*list-style-image: url(../images/li_square.gif);*/
   color: black;	
}

LI {
	padding-bottom: 4px;
}

P {
	padding-bottom: 10px;
}

A {
	color: #005AA9;
	text-decoration: underline;
}

A:hover {
	color: #E60003;
	text-decoration: underline;
}

.csc-linkToTop {
	text-align: right;
}		

.csc-linkToTop A {
	text-align: right;
	font-size: 10px;
	color: #A4A4A4;
	background-image: url(../images/bg_to_top.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 12px;
}

.csc-linkToTop A:hover {
	text-align: right;
	font-size: 10px;
	color: #005AA9;
	background-image: url(../images/bg_to_topa.gif);
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-left: 12px;
}

A IMG {
 border: 0px;
}

#footer {
	font-size: 12px;
	text-align: center;
}

#footer A, #footer A:hover {
	color: white;
	text-decoration: underline;
	font-weight: bold;
}


/* Mailform */
.tx-thmailformplus-pi1 {
padding-left: 0px; }

/* Alle Labels UND Formularelemente ausw�hlen */
label { 
  display: block;
  float: left;
  width: 90px;
  font-size: 0.8em;
  margin: 0px;
  padding: 0px;
}
input, select {
  display: block;
  float: left;
/*  width: 160px; */
  font-size: 1em;
  margin-bottom: 4px;
}

form br { /* Alle Zeilenumbr�che in Formularen ausw�hlen */
  clear: left; /* das floating der labels und inputs aufheben */
}
input#submit { /* den Submit-Button */
  float: none;
  width: auto;
  background-color: #FF9900;
  color: #FFFFFF;
}
.city {
	margin-left: 10px;
}


label {
 /*text-align: right; */
 font-size: 12px;
 padding-right: 1em; 
}
.label_red {
	color: #BD0000;
	font-weight: bold;
}
fieldset {
border: 0px;
width: 93%;
}
legend {
color: #005AA9;
font-weight: bold;
/* padding-bottom: 10px; */
padding-left: 0px;
}

/* default styles for extension "tx_cssstyledcontent" */
	/* Captions */
	DIV.csc-textpic-caption-c .csc-textpic-caption { text-align: center; }
	DIV.csc-textpic-caption-r .csc-textpic-caption { text-align: right; }
	DIV.csc-textpic-caption-l .csc-textpic-caption { text-align: left; }

	/* Needed for noRows setting */
	DIV.csc-textpic DIV.csc-textpic-imagecolumn { float: left; display: inline; }

	/* Border just around the image */
	DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
		border: 2px solid black;
		padding: 0px 0px;
	}

	DIV.csc-textpic-imagewrap { padding: 0; }

	DIV.csc-textpic IMG { border: none; }

	/* DIV: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image { float: left; }

	/* UL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL { list-style: none; margin: 0; padding: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI { float: left; margin: 0; padding: 0; }

	/* DL: This will place the images side by side */
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image { float: left; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD { float: none; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG { border: none; } /* FE-Editing Icons */
	DL.csc-textpic-image { margin: 0; }
	DL.csc-textpic-image DT { margin: 0; display: inline; }
	DL.csc-textpic-image DD { margin: 0; }

	/* Clearer */
	DIV.csc-textpic-clear { clear: both; }

	/* Margins around images: */

	/* Pictures on left, add margin on right */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-right: 10px;
	}

	/* Pictures on right, add margin on left */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}

	/* Pictures centered, add margin on left */
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
		display: inline; /* IE fix for double-margin bug */
		margin-left: 10px;
	}
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption { margin: 0; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG { margin: 0; }

	/* Space below each image (also in-between rows) */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { margin-bottom: 5px; }
	DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { margin-bottom: 5px; display: block; }
	DIV.csc-textpic DIV.csc-textpic-imagerow { clear: both; }

	/* No margins around the whole image-block */
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { margin-left: 0px !important; }
	DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { margin-right: 0px !important; }

	/* Add margin from image-block to text (in case of "Text w/ images") */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
		margin-right: 10px !important;
	}
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
		margin-left: 10px !important;
	}

	/* Positioning of images: */

	/* Above */
	DIV.csc-textpic-above DIV.csc-textpic-text { clear: both; }

	/* Center (above or below) */
	DIV.csc-textpic-center { text-align: center; /* IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap { margin: 0 auto; }
	DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { text-align: left; /* Remove IE-hack */ }
	DIV.csc-textpic-center DIV.csc-textpic-text { text-align: left; /* Remove IE-hack */ }

	/* Right (above or below) */
	DIV.csc-textpic-right DIV.csc-textpic-imagewrap { float: right; }
	DIV.csc-textpic-right DIV.csc-textpic-text { clear: right; }

	/* Left (above or below) */
	DIV.csc-textpic-left DIV.csc-textpic-imagewrap { float: left; }
	DIV.csc-textpic-left DIV.csc-textpic-text { clear: left; }

	/* Left (in text) */
	DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap { float: left; }

	/* Right (in text) */
	DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap { float: right; }

	/* Right (in text, no wrap around) */
	DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { float: right; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac */

	/* Left (in text, no wrap around) */
	DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { float: left; clear: both; }
	/* Hide from IE5-mac. Only IE-win sees this. \*/
	* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text { height: 1%; }
	/* End hide from IE5/mac *

	
/* Spalten Layouts
/*  Layout 1 */

.c2l1d-left{
   padding-right: 5px;
   white-space:normal;
	width: 400px;
	float: left;
}

.c2l1d-middle{
   padding-left: 5px;
   white-space:normal;
	float: left;
}



/*

    Styles 2 Column DIV Section

*/

div.tx-fdfx2cols-pi1{
    position:relative;
    margin-bottom:10px;
   background: gray;
}

/* Layout 1 */

div.c2l1d-left{
/*   position:absolute; */
	float: left;
   padding: 0px;
   white-space:normal;
/*   border:1px solid red; */
	margin-right: 5px;
}

div.c2l1d-middle{
/*   position:absolute; */
   padding: 0px;
/*   border:1px solid blue; */
   white-space:normal;
}

/* Layout 2 */

div.c2l2d-left{

   position:absolute;

   left:0px;

   padding: 0px;

   width:380px;

   border:1px solid blue;

   white-space:normal;

}

div.c2l2d-middle{

   position:absolute;

   left:390px;

   padding: 0px;

   width:380px;

   white-space:normal;

   border:1px solid blue;

   background-color:#C0C0C0;

}

/* 

    Layout 3 

    

    embedded

*/

div.c2l3d-left{

   position:absolute;

   left:0px;

   padding: 0px;

   width:770px;

   white-space:normal;

   border:1px solid red;

}

div.c2l3d-middle{

   float:right;

   margin:5px;

   padding: 0px;

   width: 200px;

   height: 100px;

   overflow:auto;

   white-space:normal;

   border:1px solid blue;

   background-color:#C0C0C0;

}	
	
	
/* Umfragen */
legend.question {
	padding-top: 10px;
}	

fieldset.survey_item {
	background: #EFEFEF;
	border-left: 1px solid gray;
	border-right: 1px solid gray;	
	padding: 4px;
	margin-bottom: 10px;
}
	
	
	
/*
@import "css_styled_content.css";  
*/

