body
{	margin:0px;
	padding:0px;
	background-color: #F4F4FF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 9pt; 	
	font-style: normal; 	
	font-weight: normal; 
	text-decoration: none; 
	line-height: normal; 
	font-variant: normal; 
}

/* dies ist die Box die das gesamte layout umschliesst und dieses zentriert */
.box
{	width:700px;
	border-style:solid;
	border-width:0px;
	border-color:#CC3333;
	background-color:transparent;
	margin: 2% auto;
}

/* das hier beendet den float in den boxen */
.clear_line
{	font-size:1px; 
	clear:both;
}

/* das ist der h1 Tag der auf der index seite seite nicht sichtbar ist (weiss nicht ob das nur ein versehen war?)*/
.blind
{	display:none;
}

.firstbox
{		color:#404080;
		position:absolute;
 		left:85px; top:200px; 
}
/* das hier ist der header unter der grafik sowie die links aus dem header bereich */
.header_navi
{	width:100%; 
	height:18px; 
	background-color:#CC3333; 
	border-width:0px 0px 0px 0px; 
	border-color:#CC3333;
	border-style:solid;
	padding-top:1px;
}

.header_link,.header_link:link,.header_link:visited,.header_link:active
{	color:#FFFFFF; 	
	font-size: 11px; 	
	margin-left:20px;
	text-decoration: none;
	font-weight:bolder;
}

.header_link:hover   
{	text-decoration: underline; 
}

.innen
{	width:100%;
	position:relative;
	background-color:transparent;
	margin-top:20px;
}
	
/* das hier sind die links sowie die container auf der linken und rechten seite */
.nav_box, .nav_box_rechts 
{	color:#333333; 	
	font-size: 8pt; 	
	border-width:1px 1px 1px 0px; 
	border-color:#CC3333;
	border-style:solid;
	width:155px; 
	float:left;
	padding-bottom:5px;
}

.nav_box_rechts
{
	float:right;
	color:#333333;
	font-size: 8pt;
	width:155px;
	padding-bottom:5px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #CC3333;
	border-right-color: #CC3333;
	border-bottom-color: #CC3333;
	border-left-color: #CC3333;
}


.menu_container, .menu_container_rechts 
{	background-color: #E0E2F1;
	width:145px; 
	margin-left:5px;
	margin-top:5px;
}

.menu_container_rechts
{	background-color: #E0E2F1;
	width:145px; 
    margin-right:auto;
	margin-left:5px;
	margin-top:5px;
}

.partner_headline
{	margin:50px 0px 0px 7px;
	text-decoration:underline;
	padding:0px;
	margin-left:10px;
    color:#404080;
	font-size:11px;
	font-weight:normal;
}

.link_list_ul
{	list-style-type:none;
	margin:0px 0px 10px 10px;
	padding:0px;
}

.link_list_li
{	padding:0px;
	margin:0px;
}

.nav_links,.nav_links:link,.nav_links:visited,.nav_links:active
{	color:#404080; 	
	font-size: 8pt; 	
	text-decoration: none; 
}

.nav_links:hover   
{	text-decoration: underline; 
}

/* das hier centert mir alles ohne großen Aufwand */
.my_center
{	width:100%;
	text-align:center;
}

.link_head
{	color:#FFFFFF;
	margin:0px 0px 5px 0px;
	background-color:#CC3333;
	padding:3px 0px 3px 5px;
	font-weight:bold;
	text-decoration:none;
	font-size:9pt;
}	


/* hier kommt der content bereich */

/* für ein dreispaltiges layout 
	 einmal die grundbox und einmal die box die in der grundbox vorhanden ist,
	 dass ist wichtig!
	 Man könnte auch mit padding arbeiten um einen abstand 
	 zwischen text und rahmen zu haben, dann ist aber die breite der box nicht 
	 mehr sicher gestellt
*/

.content_small
{	float:left;
	background-color:#ffffff;
	width:366px;
	margin-left:10px;
	color:#404080;
}

.content_small_inhalt
{	width:95%;
	margin:auto;
	text-align:justify;
}
/**************************************************/
.content_left
{	color:#404080;
	float:left;
	background-color:#ffffff;
	width:527px;
}

.content_right
{	color:#404080;
	float:right;
	background-color:#ffffff;
	width:527px;
}

.float_content
{	width:380px;
	float:right;
}
.float_pic
{	float:left;
}


.hinweis,.hinweis:link,.hinweis:visited,.hinweis:active,.hinweis:hover    
{	text-align:left; 
	text-decoration:none;
	font-weight:normal; 
	color:#ff0000; 
	font-size:12pt;
	margin:0px;
	padding:0px;
}


.headline
{ font-family: Verdana, Arial, Helvetica, sans-serif; 	
font-size: 11pt; 
font-weight: 500;
background-color:#F4F4FF;
border-bottom:1px dashed #CC3333;
border-top:1px dashed #CC3333;
padding: 1px 1px 1px 1px;
margin: 10px 0px  5px 0px;
}



.content_inhalt
{	float:right;
	background-color:#ffffff;
	width:515px;
}


.content_box
{	width:500px;
	font-size: 8pt; 	
	background-color:#ffffff;
	border-width:0px 0px 0px 0px; 
	border-color:#FFCCCC;
	border-style:dashed;
	min-height:100px;
	color:#404080;	
}

.content_bild
{	float:left;
	margin:10px;
	margin-bottom:0px;
}

.content_bild2
{	float:right;
	margin:10px;
	margin-bottom:0px;
}

.content_text
{	width:395px;
	margin-top:10px;
	padding:0px;
	text-align:justify;
	background-color:#ffffff;
	float:right;
}

.content_text2
{	width:386px;
	margin-top:10px;
	padding:0px;
	text-align:justify;
	background-color:#ffffff;
	float:right;
}
.line
{	width:96%;
	font-size:1px;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px; 
	border-color:#CC3333;
	border-style:dashed;
	clear:both;
	margin-left:9px;
	margin-right:9px;
}

.line2
{	width:96%;
	font-size:1px;
	background-color:#ffffff;
	border-width:0px 0px 1px 0px; 
	border-color:#CC3333;
	border-style:dashed;
	clear:both;
	margin-left:4px;
	margin-right:4px;
}
/* das hier sind die links aus dem content Bereich */

.normal_link,.normal_link:link,.normal_link:visited,.normal_link:active,.normal_link:hover    
{	color:#333333; 	
	text-decoration:none;
}

.type11,.type11:link,.type11:visited,.type11:active,.type11:hover    
{	color:#404080;	
	font-size: 10pt; 	
	font-weight: bold; 
	text-decoration: underline; 
}

.content_link,.content_link:link,.content_link:visited,.content_link:active    
{	color:#404080; 	
	font-size: 8pt; 	
	font-weight: normal; 
	text-decoration: none; 
}

.content_link:hover
{	color:#404080; 	
	font-size: 8pt; 	
	font-weight: normal; 
	text-decoration: underline; 
}


/* das hier ist der foot bereich in dem man alles was ans ende gehoert reinschreiben kann */
.foot_line
{	width:100%;
	color:#404080;
	font-size:10px;
	clear:both;
	text-align:center;
	border-width:1px 0px 0px 0px; 
	border-color:#CC3333;
	border-style:solid;
}

.zanox_box
{ width:100%;  
	overflow:hidden; 
	background-color:#F4F4FF;
	text-align:center; 
	border-style:dashed;
	border-color:#CC3333;
	border-width: 1px 1px 1px 1px;
}

.zanox_inhalt
{	width:32%;  
	padding:10px 0px 10px 0px; 
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}
.z_link,.z_link:link,.z_link:visited,.z_link:active
{	color:#FFFFFF;
	background-image:url(images/buchung.gif);
	background-repeat:no-repeat;	
	font-size: 8pt; 
	font-weight:normal;	
	text-decoration: none;
	width:190px;
	height:25px;
}

.z_link:hover   
{	text-decoration: underline;
}



.themen_box
{ width:96%;  
    margin:auto;
	margin-bottom: 8px;
	overflow:hidden; 
	text-align:center; 
	border-style:dashed;
	border-color:#CC3333;
	border-width: 1px 1px 1px 1px;
}

.themen_inhalt
{	width:32%;  
	padding:10px 0px 10px 0px; 
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}

.eintrag_box
{ width:100%;  
    margin:auto;
	margin-bottom: 8px;
	overflow:hidden; 
	text-align:left 
	border-style:dashed;
	border-color:#CC3333;
	border-width: 1px 1px 1px 1px;
}

.eintrag1_inhalt
{	width:96%;  
	padding:10px 0px 10px 10px; 
	background-color:#F4F4FF;
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
	margin-bottom: 2px;
}

.eintrag2_inhalt
{	width:96%;  
	padding:10px 0px 10px 10px; 
	background-color:#FCF3F3;
	float:left; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
	margin-bottom: 2px;
}

h2 
{ font-family: Verdana, Arial, Helvetica, sans-serif; 	
font-size: 8pt; 
font-weight: bold;
text-decoration: underline; 
padding: 0px 0px 0px 0px;
margin: 0px 0px  5px 0px;
}




   muster für h mit image  
--q1 
font-family: Verdana, Arial, Helvetica, sans-serif; 	
font-size: 8pt; 
font-weight: bold;
letter-spacing: 0px;
background-color: transparent;
background-image:  url(images/doppelpfeil.gif);
background-repeat: no-repeat;;
padding: 0px 0px 0px 15px;
margin: 0px 0px  5px 0px;
}
   dies hier ist der content der mittig platziert ist  

