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

html{
height:110%;
}

body{
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	margin:0px;
	padding-top:25px;
	background:#999999;
}
/*
 * der site header
 */
#header {
	background-color: #ffffff;
	text-align:right;
}
/*
 *
 */
.border_grey{
	border:#999999 solid 1px;
}
/* 
 *
 */
#header img{
	margin-right:70px;
	margin-top:35px;
	border:none;
}
/* 
 * die linke navigation
 */
.todo{
 color:#FF0000;
}
/*
 *
 */ 
#navi_left {
	margin-left:0px;
	padding:0px;
	padding-top:26px;
	background:url(../layout/pixel_violett.gif);
	color:#FFFFFF;
}
/*
 * der inhaltsbereich
 */
#content {
	margin-left:8px;
	padding-top:43px;
	padding-left:20px;
	padding-right:20px;	
	color:#333333;
}
#content hr{
	border:0px;
	border-bottom: 1px #FFFFFF solid;
}

#content ul{
	padding-left:10px;
}
#content li{
	list-style:square outside;
	margin: 8px 0px 8px 0px;
}
#content ol li{
 	list-style:decimal;
}
/* */
#content h1{
	color:#911A4E;
	font-size:16px;
	display:block;
	padding:0px;
	margin:0px;
	text-transform:uppercase;
}
#content h2{
	color:#911A4E;
	font-size:12px;
	font-weight:bold;
	margin-bottom:0px;
	padding:0px;	
}
#content h2 a{
	color:#911A4E;
}
#content h3 a{
	color:#911A4E;
}
#content h3{
	/*margin-top:0px;*/
	color:#911A4E;
	font-size:11px;
	font-weight:lighter;
	padding:0px;	
	margin:0px;
}
#content p{
	margin:0px;
 	margin-bottom:10px;
	padding:0px;
}
#content img{
	margin:0px;
}
#content a{
 	color:#000000;
	text-decoration:none;
	text-decoration:underline;
}
#content a img{
	border:none;
}
#content a:hover{
	color:#911A4E;
	text-decoration:none;
	text-decoration:underline;
}
#content .bildtitel{
display:block;
padding-top:5px;
color:#8996A0;
}
/* */
.zwei_spalten1, .zwei_spalten2, zwei_spalten3, zwei_spalten4{
	width:512px;
	padding:0px;
	margin:0px;
}
/* für alle spalten gilt 
    - links : padding-right:5px 
	- rechts : padding-left:5px*/
.linke_spalte{
	padding:20px 5px 20px 0px;
}
.rechte_spalte{
	padding:20px 0px 20px 5px;	
}
.linke_spalte, .rechte_spalte{
	margin:0px;
}
/* */
.zwei_spalten1 .linke_spalte{
	width:338px;
}
.zwei_spalten1 .rechte_spalte{
	width:164px;
}
/*
*/
.zwei_spalten2 .linke_spalte{
	width:150px;
}
.zwei_spalten2 .rechte_spalte{
	width:350px;
}
/*
 * typ 3 beide spalten sind gleich gross
 */
.zwei_spalten3 .linke_spalte{
	width:251px;
}
.zwei_spalten3 .rechte_spalte{
	width:251px;
}
/* 
 *   typ 4 nur eine palte über die ganze breite
 */
.zwei_spalten4 .linke_spalte{
	width:472px;
	padding-right:20px;
}
/*
 * der contact container
 */
#contact {
	padding-top:43px;
	background:url(../layout/pixel_violett.gif);
	vertical-align:middle;
}
/* */
#contact h2{
	margin:0px;
	line-height:10px; /* für internet explorer */
	height:10px;
	display:block;
	background:url(../layout/contact.gif) left no-repeat;
}
/* */
#contact p{
	padding-left:22px;
	padding-top:10px;
	font-size:11px;
}
/* */
#contact a{
	color:#FFFFFF;
	text-decoration:none;
}
/*
 * das rechte graue menü
 */
#navi_right {
	margin-top:8px;
	color:#FFFFFF;
	padding-top:8px;
	margin-left:0px;
}
/* */
#navi_right a{
	color:#000000;
	font-size:11px;
}
/* */
#navi_right ul{
	margin:0px;
	padding:0px;
	margin-top:22px;
}
/* */
#navi_right li{
	height:74px;
	list-style:none;
	margin:0px;
	padding:8px 84px 8px 22px;
	border-bottom:1px solid #FFFFFF;
	background:no-repeat right;
	text-align:left;
}
/* */
#navi_right h2{
	margin:0px;
	font-size:14px;
	font-weight:bold;
	background:url(../layout/news.gif) left no-repeat;
}
/*
*/
.space1{
float:left;
width:2px;
}

.faq_header{
	font-weight:bold;
	color:#911A4E;
}

.text_bold{
	font-weight:bold;
	color:#000000;
}

a.bold{
	font-weight:bold;
	color:#000000;
}

.error{
 color:#FF0000;
}
/*
 * Die Links und der Text der Hauptnavigation bekommen die Hintergrundfarbe
 * des Containers, sonst werden die Links und die Alt Texte blau dargestellt, falls
 * das bild noch nicht geladen ist.
 *
 * So ereicht man einen besseren optischen Eindruck beim Seitenaufbau.
 */
.navi a{
	/*color:#911A4E;*/
	color:#FFFFFF;
}
/* */
.navi{
	color:#911A4E;
}