@import url(htmlArea.css);

/****************************************************
    HTML Standards
    siehe htmlArea.css f?r mehr
****************************************************/  
* {
	margin:0;
	padding: 0;}

html, body	{
	font-size:0.865em;
	font-family:  Arial, Helvetica, sans-serif;
	line-height:1.3em;
	color: #333;
	text-align:center;
	height: 101%;}
body {
	background: #FFFFFF url(../img/background.jpg) top left repeat-x;}
 
table.contenttable {width:400px; border-collapse:collapse; border:none;}
table.contenttable td {vertical-align:top; padding:2px 0 2px 0;}
table.contenttable thead td {font-weight:bold;}
table.contenttable tr.mitRand td {border-bottom:1px #999999 solid;}
table.contenttable td.zelleFett {font-weight:bold;}
table.contenttable td.zelleDatum {width:37%; font-weight:bold;}
table.contenttable td.zelleFach {width:40%; font-weight:bold;}
table.contenttable td.zelleZeit {width:23%; font-weight:bold;}

label {
	width: 124px;
	display:block;
	float:left}
input,textarea {
	font-family: Arial, Helvetica, sans-serif;
	background-color: #FAFAFA;
	border: 1px solid #999;
	padding: 2px;
	margin: 0 5px 5px 0;}
textarea {
	font-size: 1em} 

/****************************************************
    Layout der Boxen
****************************************************/
#logo {
	margin-top: 68px;
	height: 33px;}
/* FKE: 25.0802008 */ 
#logostart {font-weight:bold; text-align:center; margin:59px 0 26px 0; padding:0;}
/* FKE: end */

#main {
	margin: 0px auto;
	width: 900px;
	margin-top: 0px;
	text-align:left;}
#navi_top {
	text-align:right}
#navi_left {
	width: 175px;
	float:left;}
#keyvisual {
	margin-left: 20px;
	margin-top: 10px}
#main_content {
	margin-top: 50px; }
#footer { 
	clear:both;
	padding-left: 220px;
	padding-top: 40px;
	font-size: 0.8em;}
	
/* STARTSEITE */
#left {
	margin-left: 40px;
	width: 270px;
	float:left;
	text-align:left}
* html #left {
	margin-left: 20px}
#center {
	width: 287px;
	padding-top: 40px;
	text-align:center;
	float:left;}
#right {
	width: 270px;
	float:left;
	text-align:right}
#footer_start { 
	clear:both;
	width: 600px;
	margin: auto;
	text-align:center;
	padding-top: 40px;
	font-size: 0.8em;}
	
/* Normale Seiten */
#floater {	
	float:left;
	width: 680px;
	padding-left: 45px}
#content {
	clear:both;
	float:left;
	width: 460px;
	margin-right: 60px}
	
#content a {
	text-decoration: underline;
	color: #333333;
}
#content a:hover {
	text-decoration: underline;
	color: #d30228;
}
	
#contentLeft {
	float:left;
	width: 316px;
	margin-bottom: 20px;
	padding-right: 20px}
#contentRight {
	float:left;
	width: 316px;
	margin-bottom: 20px;
	padding-right: 20px}
#contentBorder {
	float:left;
	width: 160px;
} 	



/****************************************************
    Inhalte der Boxen
****************************************************/	

/* Startseite */
#left a, #right a {
	color: #333}
#left a:hover, #right a:hover {
	color: #8c8c8c}
	
/* Navigation */
#navi_top a {
	margin-left: 3px}
	
#navi_left ul {
	padding: 0;}
#navi_left li {
	width: 100%;
	list-style-type:none;
	padding:0px;
	margin-bottom: 6px}
#navi_left li a {
	width: 175px;
	display:block;
	color: #333;
	padding: 0px 0px 6px 0px;
	border-bottom: 1px solid #666}
#navi_left li a:hover{
	color: #d30228}
#navi_left li a.active { /* Aktiv, egal ob aufgeklappt oder nicht */
	color: #d30228;}
#navi_left li a.sub { /* Augeklappt, aber nicht aktiv */
	border:none;
	padding-bottom:3px;}
#navi_left li li {
	width: 100%;
	margin-bottom: 0px;
	border-bottom: none}
#navi_left li li a {
	width: 160px;
	display:block;
	margin-left: 15px;
	border:none;
	background: url(../img/pf_grau.gif) left center no-repeat;
	padding: 1px 0px 1px 12px}
#navi_left li li a:hover {
	background: url(../img/pf_rot.gif) left center no-repeat;}
#navi_left li li a.active  {
	padding: 1px 0px 1px 12px;
	background: url(../img/pf_rot.gif) left center no-repeat;
	color: #d30228} 
#navi_left li li a.sub {
	padding: 1px 0px 1px 12px;}
#navi_left li li li a {
	width: 145px; 
	margin-left: 30px;
	padding: 1px 0px 1px 12px;
	font-size: 0.92em}



/****************************************************
    Content Klassen
****************************************************/
/* Rechte Spalte:
   jedes Inhaltselement wird eigens gewrapped */
.contentBorderContent {
	font-size: 0.95em;
	background: #F6F6F6;
	border-top: 1px solid #666;
	border-bottom: 1px solid #666;
	padding: 0px;
	margin: 3px 0 0 0;
	/* padding: 10px 5px 0px 5px;*/} 
	
.contentBorderContentNurBild, #contentBorder .csc-textpic {
	font-size: 0.95em;
	background: #F6F6F6;
	border-left: 1px solid #666;
	border-right: 1px solid #666;
	width:158px;
	height:auto;
	overflow:hidden;
	padding:0;
	margin:0;
	/* padding: 10px 5px 0px 5px;*/} 	
	
.contentBorderContent p {
	padding: 10px 5px 10px 5px;}
.contentBorderContent p img {
	padding: 0px;
	margin: 0px;}
	
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	
}

	
.align-center {  
	text-align:center}
	
.csc-frame-rulerAfter{
	margin: -5px 0px 10px 0px;
	border-bottom: 1px dashed #666;}
/* Partnerliste */
.partner .csc-textpic-imagewrap {
	width: 140px; margin-bottom: 5px;
	}
	 

/* Kontaktformular */
span.double_label {
	display:block;
	float:left;
	width: 124px;}
span.double_label label {
	display:inline;
	float:none;
	width: auto}	
.txtfeldstandard {
	width: 260px;}
.txtfeldhalb {
	width: 125px;	}
.txtfeld1viertel {
	width: 45px;}
.txtfeld3viertel {
	width: 201px;}
input.botton { /*submit*/
	background-color: #FAFAFA;
	color: #d30228;

	font-family: Arial, Helvetica, sans-serif;	}
* html input.botton {
	margin-left: 0px}
.rotfett {	/*Required Stern */
	color: #d30228;
	font-weight: bold;	}
	
/* Sitemap */
.csc-sitemap ul ul{
	padding-bottom: 0}
.csc-sitemap li {
	padding: 2px 0px;
	font-weight:bold;}
.csc-sitemap li li {
	font-weight:normal}
	
	
/* Doc Check Formular: da m?ssen wir einiges ?berschreiben */
.doccheck_formular p {
	padding-bottom: 0;
	margin-bottom: 10px;
	line-height: normal}
.doccheck_formular label {
	width:auto;
	display:inline; 
	float:none}
.doccheck_formular input {
	margin:0}
.doccheck_formular td {
	line-height:normal}
	
span.important {color: #d30228;}

.tx-newloginbox-pi1{width: 160px; float: left; padding-top: 20px;}