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


/*grundlagen------------------------------------------------*/

html, body {
font-family: verdana; 
font-size:12px;
color:#000; 
text-align:left;
background-image:url(../image/schraffur_grau_fein.gif);
margin:0;
padding:0;
height:100%; /* steckt anzeigebereich auf 100% */
}

#center_box {
background-color: #ffffff;
width: 860px;
margin:0 auto; /* zentrierung */
min-height: 100%; /* mindesthöhe für moderne browser */
height:auto !important; /* important regel für moderne browser */
height:100%; /* mindesthöhe für den IE */
overflow: hidden !important; /* FF scroll-leiste */
}

#center_box_foot {
background-color: #ffffff;
width: 860px;
margin:0 auto; /* zentrierung */
text-align:right;
}

p {padding:0; margin:0;}

/* hauptelemente--------------------------------------------*/

#head {margin:25px 20px 0px 20px; width:820px; height: 115px; text-align:right;}
#navigation {margin:0px 20px 20px 20px; width:820px; height:26px; border-bottom:dashed #666666 1px; border-top:dashed #666666 1px;}
#title {margin:0px 20px 0px 20px; width:820px; border-bottom: 1px  dotted #666; padding-top:40px; padding-bottom:2px;}
#title_empty {width:820px; margin:0px 20px 0px 20px; padding-top:10px;}
#contend_index {position:relative; width:820px; height:320px; margin:20px 20px 0px 20px; border-bottom: 1px dotted #666; line-height:0; z-index:0;}
#contend_portrait {width:820px; height:320px; margin:0px 20px 0px 20px; border-bottom: 1px dotted #666; line-height:0; padding-left:0px;}
#contend_text {width:610px; margin:20px 20px 0px 20px; padding-right:210px; line-height:1.5em;}
#contend_left {float:left; width:400px; margin:20px 20px 0px 20px; line-height:1.5em;}
#contend_right {width:400px; margin:20px 20px 0px 440px; line-height:1.5em;}
#foot {clear:left; width:820px; margin:40px 20px 150px 20px; border-top: 1px dotted #666; line-height:1.5em;}

/*elemente--------------------------------------------------*/

img.left {float:left; margin:0px 20px 0px 0px;}
.index_image {position:absolute; top: 0px; left:0px; z-index:1;}
.contend_text_index {position:absolute; width:400px; top:0px; left:420px; line-height:1.5em; z-index:2;}
.contend_text_index_left {position:absolute; width:370px; top:0px; left:0px; line-height:1.5em; z-index:2; background-color: #DFF351; padding: 0px 15px 10px 15px; border-radius: 20px;}
.contend_text_index_left p {margin-bottom: .75rem;}
.headline {position:absolute; top:280px; left:420px; z-index:3;}
.spacer_index {height:200px;}

/* textformatierung---------------------------------------------*/

h1 {margin:0px 0px 10px 0px; padding: 0; font-size:12px; color:#54a0c7; font-weight:normal;}

/* listen--------------------------------------------------*/

ul {margin-left:0.8em; padding-left:0.8em; margin-top:0; margin-bottom:10; padding-right:0px; list-style-image:url(../image/liste_bullet.gif);}

/* farben------------------------------------------------- */

.schwarz {color:#000000;}
.blau {color:#54a0c7;}

/*kennzeichnung aktiver seiten------------------------------*/


/* links----------------------------------------------*/

a:link, a:visited, a:active{color:#666666;text-decoration:none;}
a:hover {color:#54a0c7;text-decoration:none;}

a.nohover:link, a.nohover:visited, a.nohover:active a.nohover:hover{color:#666666; text-decoration:none;}

/*formular------------------------------------------------*/	

form  {margin:0px 0px 20px 0px;}
.formular_tabelle {width:560px; vertical-align:top; color:#666;}
.box_position {float:left;}


select, input, textarea {
   	width:400px;
    background:#fff;	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	font-size: 12px;
	font-weight: normal;
	text-align: left;
	border: #666 dotted 1px;
	margin-left: 0px;
	margin-right: 0px;
	margin-top: 4px;
	margin-bottom: 0px; 
	}

.abschicken {color: #666 ;border: #666 dotted 1px; background:#ffffff; width:100px; text-align:left;}