body
{	margin:0px;
	padding:0px;
	background-color: #F4F4FF;
	font-family: Verdana, Arial, Helvetica, sans-serif; 	
	font-size: 8pt; 	
	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:0px 1px 0px 0px; 
	border-color:#CC3333;
	border-style:solid;
	width:155px; 
	float:left;
	padding-bottom:0px;
}

.nav_box_rechts
{	float:right;
	color:#333333; 	
	font-size: 8pt; 	
	border-width:0px 1px 0px 0px; 
	border-color:#CC3333;
	border-style:solid;
	width:155px; 
	padding-bottom:0px;
}


.menu_container, .menu_container_rechts 
{	background-color: #D2D3EC;
	width:149px; 
	margin-left:3px;
	margin-top:0px;
}

.menu_container_rechts
{	background-color: #D2D3EC;
	width:149px; 
    margin-right:auto;
	margin-left:3px;
	margin-top:0px;
}

.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;
	background-image: url(images/link_head.jpg);
	margin:0px 0px 5px 0px;
	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
{	margin:0px 0px 20px 0px;
	color:#404080;
	padding:0px;
	font-weight:normal;
	text-decoration:none;
	border-bottom:1px dashed #cc3333;
	font-size:10pt;
	background-color:#F4F4FF;
}	


.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;
}

.content_news
{	width:395px; 
	margin-top:10px;
	
	padding: 0px;
	background-color:#F4F4FF;
	float:right;
	text-align:justify;
}

.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;
}
.news_text
{	width:98%;
	border-left:5px;
	border-color: #CC3300;
	margin-top:10px;
	padding: 0px;
	text-align:none;
	background-color:#FDF7F7;
	float:right;
}

.events_text
{	width:98%;
	border-left:5px;
	border-color: #CC3300;
	margin-top:10px;
	padding:0px;
	text-align:none;
	background-color:#FAF9FF;
	float:right;
}
.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    
{	color:#404080;	
	background-color:#F4F4FF;
	font-size: 10pt; 	
	font-weight: normal; 
	text-decoration: none; 
	border-bottom:1px dashed #cc3333;
	
}

.type11:hover 
{	border-bottom:1px solid #cc3333;
	background-color:#FDF7F7;

}
.events,.events:link,.events:visited,.events:active   
{	color:#404080;	
	background-color:#FFFFF;
	font-size: 9pt; 	
	font-weight: bolder; 
	text-decoration: none; 

}

.events:hover
{ 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:#CC3333;	
	font-size: 8pt; 
	font-weight:normal;	
	text-decoration: none; 
}

.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;
}
.event_box_blau
{ width:98%;  
	overflow:hidden; 
	background-color:#F4F4FF;
	text-align:left; 
	margin-bottom: 2px;
	padding: 5px;
	min-height:90px;
}
.event_box_rot
{ width:98%;  
	overflow:hidden; 
	background-color:#FCF3F3;
	text-align:left; 
	margin-bottom: 2px;
	padding: 5px;
}

h1 
{ 
padding: 0px 0px 0px 0px;
margin: 10px 0px  0px 0px;
}

div.figure {
  float: left;
  border: 1px silver solid;
  background-color:#FFFFFF;
  margin: 0px 5px 5px 5px;

}
div.figure p {
  text-align: center;
  font-size: smaller;
  margin-top: 0px;
  padding-bottom: 3px;	
 
}

div.figure2 {
  float: right;
border: 1px silver solid;
background-color:#FFFFFF;
  margin: 0px 5px 5px 5px;

}
div.figure2 p {
  text-align: center;
  font-size: smaller;
 margin-top: 0px;
padding-bottom: 3px;
}

div.figure3 {
  float: right;
  width: 150px;
  border: 1px silver dotted;
  background-color:#F4F4FF;
  margin: 5px 5px 5px 5px;
  padding-left: 10px;
  padding-right: 10px;
  padding-top: 10px;	
  text-align: left;
  font-style: italic;
  font-size: smaller;
}



#tabs{
        margin-left: 1px;
        padding: 0;
        voice-family: "\"}\"";
        voice-family: inherit;
        padding-left: 1px;
    }
    #tabs ul{
        font: bold 11px Arial, Verdana, sans-serif;
        margin:0;
        padding:0;
        list-style:none;
    }
    #tabs li{
        display:inline;
        margin:2px 2px 0 0;
        padding:0;
        text-transform:uppercase;
    }
	
    #tabs a{
        float:left;
        margin:0 2px 12px 0;
        padding-right:4px;
        text-decoration:underline;
	color:#cc3333;
	 background-color: white;
	 font-weight:bold;  
    }
    
   .event_box_blau
{ width:98%;  
	overflow:hidden; 
	background-color:#F4F4FF;
	text-align:left; 
	margin-bottom: 2px;
	padding: 5px;
}
.event_box_rot
{ width:98%;  
	overflow:hidden; 
	background-color:#FCF3F3;
	text-align:left; 
	margin-bottom: 2px;
	padding: 5px;
}

.konzertkarten_link,.konzertkarten_link:link,.konzertkarten_link:visited,.konzertkarten_link:active
{	color:#FFFFFF;	
	font-size: 8pt; 
	font-weight:bold;	
	text-decoration: none; 
	background-color:#CC3333;
	padding:1px;
}

.konzertkarten_link:hover   
{
	text-decoration: underline;
}



.tickets_datum
{	width:10%;  
	padding:5px 0px; 
	float:left; 
}

.tickets_stadt
{	width:34%;  
	padding:5px 0px;
	padding-left:35px; 
	float:left; 
	text-align:left;

}

.tickets_ort
{	width:24%;  
	padding:5px 0px; 
	float:left; 
	text-align:left;
	border-style:none;
}

.tickets_buchen
{	width:20%;  
	padding:5px 0px 5px 10px; 
	float:right; 
	border-style:none;
	border-color:#909090; 
	border-width: 0px 0px 0px 1px;
}

.liste_headline {
	width: 100%;
	color: #124877;
	font-weight: bold;
	border-bottom: 2px solid #124877;
}
.liste_row1 {
	width: 100%;
	color: #124877;
	border-bottom: 1px solid #124877;
	background-color:#FCF3F3;
}
.liste_row2 {
	width: 100%;
	color: #124877;
	background-color: #F4F4FF;
	border-bottom: 1px solid #124877;
}

.liste_schiffsname {
	width: 150px;
	padding: 3px 20px 3px 5px;
	float: left;
}
.liste_schiffe_passag {
	width: 90px;
	padding: 3px 20px 3px 0;
	text-align: center;
	float: left;
}
.liste_schiffe_3 {
	width: 90px;
	padding: 3px 0 3px 0px;
	text-align: center;
	float: right;
}


.neutralisator {
	width: 100%;
	height: 1px;
	clear: both;
	overflow: hidden;
}