/* Allgemeine Klassen */
body {
	background: #fff;
	color: #5a5a5a;
	margin: 0;
	padding: 0;
	font-family: Arial,"Trebuchet MS",  Helvetica, sans-serif;
	text-align: center;
	font-size:10pt;
}

h1{
 font-size:13pt;
 font-weight:bold;
}

h2{
 font-size:12pt;
 font-weight:bold;
}
h3{
  font-size:12pt;
  font-weight:bold;
}
img{
	border:none;
}
a{
color: #000000;
}
a{
 text-decoration:none;
}
a:hover{
  text-decoration:underline;
}

hr{
   	width:100%;
 	height:1px;
 	background-color: #ffeb3f;
 	border: 0 none;
 	color:#ffeb3f; 	
 	size:1px;  
}

/* Header und Reiter */
#header{
	width:100%;
	height: 80px;
	background:url(/img/header_bg.gif);
	background-repeat:repeat-x;
	position:relative;		
	border-bottom: 1px solid #ffeb3f;
}
#header a{  
  color:#12386B;
}
#logo{
	position:absolute;
	top:-75px;
	left:-10px;
}
#logo_img{
   position:absolute;
	top:-83px;
	left:0px;
}
#logo_txt{
  position:absolute;
  top:19px;
  left:60px;
  width: 221px;
  color:#11386B;
}
.head_ostsee{
  font-size:18pt;
}
.head_club{
  font-size:22pt;
  font-weight:bold;

}
.head_24{
  font-size:22pt;
  font-weight:bold;
  color:#ffeb3f;
}
#reiter_div{
 width:100%;
 position:absolute;
 bottom:-1px;
 left:0px;

}

#reiter_inner_div{
  width:960px;
  margin:0px auto;
  text-align:left;
}

#reiter_nav {		
	width:645px;		
	margin-left:320px;	
	height:25px;	
}
#reiter_nav a{
	text-align:left;		
	color:#000000;	
}
#reiter_nav a:hover {
  text-decoration:underline;
}
#breadcrumb{
  font-size:8pt;
  color: #5a5a5a;
  padding:3px 0px 5px 0px;
}
#breadcrumb a{
  text-decoration:underline;
  color: #5a5a5a;
}
.reiter{
   width:210px;
   float:left;
   margin-right:2px;   
   position:relative;         
}
.top_left{
  background-image: url(/img/gelb_li_o.gif);   
  width:7px;
  height:6px;
  float:left;
  font-size:1px; 
}
.middle{
  height:6px;  
  width:196px;
  background-color:#ffeb3f;    
  float:left;
  font-size:1px;
}
.top_right{
  background-image:url(/img/gelb_re_o.gif);  
  width:7px;
  height:6px;
  float:left;
  font-size:1px; 
}

.reiter_content{  
  background-color:#ffeb3f;  
  width:210px;   
  height:19px;
  clear:both;
  font-size:1px;    
}
.top_left_aktiv{
  background-image: url(/img/aktiv_gelb_li_o.gif);   
  width:7px;
  height:6px;
  float:left;
  font-size:1px; 
}
.middle_aktiv{
  height:6px;  
  width:196px;
  background-color:#fdec79;   
  float:left;
  font-size:1px;
}
.top_right_aktiv{
  background-image:url(/img/aktiv_gelb_re_o.gif);  
  width:7px;
  height:6px;
  float:left;
  font-size:1px; 
}

.reiter_content_aktiv{  
  background-color:#fdec79;  
  width:210px;   
  height:19px;
  clear:both;
  font-size:1px;  
    border-bottom: 1px solid #fdec79;         
}

.reiter_content_txt{   
   position:absolute;
   bottom:2px;
   left:0px;
   text-align:center;
   font-weight:bold;   
   width:210px;
}
/* Header und Reiter ENDE */

/* Divs zur Aufteilung */
.small_col_fix{
  width:300px;
  float:left;  
}

.big_col_fix{
  width:620px;
  float:left;
  margin-left:20px;  
  padding-bottom:10px;
}

#bottom_fixed{
  width:960px;
  margin:5px auto;
  text-align:left;  
  position:relative;
}
/* Divs zur Aufteilung ENDE */

/* index */
.header_pic{
  position:relative;
  width:620px;  
}
.header_pic_txt{
  position:absolute;
  top:3px;
  left:0px;
  width:620px;
}
.header_pic_txt h2{
  color:#FFFFFF;
  font-size:16pt;
  font-weight:bold;
  text-align:center;
}

/* INDEX - UL-NAV */
#index_nav li.empty_li{
	line-height:0.1; 
	font-size: 1px; 			
	border-bottom: 1px solid #ddd; 
	display:block;
}

#index_nav, #index_nav ul{
	margin: 5px;
	padding: 0;	
	list-style: none;
	
}

#index_nav li{    
	padding:0px;
	margin:0px;	
	line-height:0;
	display:inline;
	font-size:12pt;
}

#index_nav li a{
	padding:  6px 8px 6px 10px;
	display: block;			
	background: #fff;
	border-bottom: 1px solid #eee;
	color: #666;
	font-weight:bold;
	line-height:1;
}

#index_nav li a:hover {
	background: #fdec79;
}
#index_nav li a.nav_level_1{
   padding:  6px 8px 6px 20px;
   font-size:10pt;
   font-weight:normal;
}
#index_nav li a.navi_punkt_aktiv{
  background: #fdec79;
}

/* ENDE */

/* Regionlisting */
.left_bottom_box{
 margin-top:20px;
 padding:10px;
 position:relative;
 width:280px;
 -moz-border-radius:10px;
 border: 1px solid #ffeb3f;
  margin-bottom:10px;
}

.left_bottom_box a.news_link{
   color: #5a5a5a;
   font-weight:bold;
   font-size:10pt;
}
.left_bottom_box li span.klein{
}
.regio_box{
 width:620px; 
 margin-top:20px;
}
.regio_box_content{    	
	width:620px; 
	background-color:#FDFAE3; 
	margin:0px;		
}
.regio_box_top_left, .regio_box_top_right,.regio_box_bottom_right,.regio_box_bottom_left,.regio_box_middle{
  background-image: url(/img/hhgelb_oben_li.gif);   
  width:6px;
  height:6px;
  float:left;
  font-size:1px; 
  float:left;
}
.regio_box_top_right{
 background-image: url(/img/hhgelb_oben_re.gif);   
}
.regio_box_bottom_right{
 background-image: url(/img/hhgelb_unten_re.gif);   
}

.regio_box_bottom_left{
 background-image: url(/img/hhgelb_unten_li.gif);   
}
.regio_box_middle{
  height:6px;  
  width:608px;
  background-color:#FDFAE3;   
  background-image:none;
}

.slideshow_item{
 display:none;
 height:300px;
}
ul.linkliste_gelb {line-height: 18px; margin: 0 0 10px 0; padding-left: 18px; list-style-image: url(/img/pfeil_gelb.gif);float:left;}

.halbe_breite h3,
.filter b { 
	color: #5a5a5a;
	font-weight:bold;
}
.halbe_breite{
 width:48%;
 float:left;
 vertical-align:top; 
 padding-left:10px;
 padding-bottom:10px;
 background-color:#FDFAE3;  
 font-size:11pt;
}
.seiten{
 border-bottom: 1px solid #ffeb3f;
 padding:5px;
 margin-top:5px;
 font-size:10pt; 
 color:#33b4d4;
}
.seiten a{
 font-size:9pt; 
}
.seiten b{
  font-weight:normal;
  color:#000000;
}

.objectlisting_white{
   width:100%;
   background-color:#FFFFFF;
   clear:both;     
}
.objectlisting_alt{
  width:100%;    
  background-color:#eaf4ff;
  clear:both;  
}
.listing_left{
  width:105px;  
  float:left;
  padding:5px;  
}
.listing_left img{width:100px;height:75px;}
.listing_right{
  float:left;
  width:500px;
  font-size:9pt;  
  padding-bottom:3px;
}
.listing_obj_name{
 padding:10px 0px 5px 5px; 
 font-size:10pt;
}

.filter{	
	padding-right:10px;
	float:left;
	width:35%;
}
.filter ul{
 margin-bottom:10px;
}
.clear_both{
 clear:both;
}
div.clear_both{
  line-height:0.1;
}

.tagcloud{
  float:left;
  width:330px;
  background-color:#E3F7FD;
  -moz-border-radius:10px;
  padding:10px;
  margin-bottom:5px;
}

/* Expose */
#expose{
  width:100%;        
}
.expose_txt{
  padding:5px;
  font-size:10pt;
  line-height:13pt;
}
#expose_tabs{ 
  text-align:left;
  background:transparent url(/img/line.gif) repeat-x scroll center bottom;
  margin-bottom:1em;
  padding-bottom:1px;  
  float:left;
  line-height:normal;
  width:100%; 
  
}
#expose_img{
  float:left;
  width:100px;
  text-align:right;  
}

#expose_titel{
  float:left;
  width:510px;
  margin-right:5px;   
}

#expose_titel h2{  
  margin:10px 0px 15px 0px;
}
#expose_titel h1{
  padding-bottom:0px;  
  margin:5px 0px 5px 0px;
}
ul.tabs{
  list-style-image:none;
  list-style-position:outside;
  list-style-type:none;
  margin:0pt !important;
  padding:0pt;   
}
ul.tabs li,ul.tabs li.active{
 float:left;  
 background:transparent url(/img/reiter_links.gif) no-repeat scroll left top; 
 font-size:0.9em; 
 position:relative;
   z-index:1;  
 margin:0pt 2px 0pt 0pt;
 padding:0pt 0pt 0pt 7px;    
}

ul.tabs li.active{
   background:transparent url(/img/reiter_links_aktiv.gif) no-repeat scroll left top; 
   margin-bottom:-1px;
   position:relative;
   z-index:1;    
 }
ul.tabs li a{  
  background:transparent url(/img/reiter_rechts.gif) no-repeat scroll right top;  
  display:block; 
  font-weight:bold;
  padding:4px 9px 4px 3px;
  text-decoration:none;
}
ul.tabs li a.active{
	background:transparent url(/img/reiter_rechts_aktiv.gif) no-repeat scroll right top;  		
	padding:4px 9px 5px 3px;
	display:block; 
    font-weight:bold;
    text-decoration:none;
}
.expose_part,.expose_part_alt{
 	width:100%;
	padding: 4px;
	background-color:#78CEE4;
	color:#FFFFFF;
	font-weight:bold;
	font-size:9pt;
	margin-top:10px;
}

.expose_part_alt{
	background-color:#AFAFAF;
	margin-top:20px;
}
.linklist, .linklist a{
  font-size:9pt;
  color:#000000;
}
a.active{
 text-decoration:underline;
}
#reiter_nav li.active{
  border-bottom: 1px solid #ffffff;    
}
#reiter_nav li.header_li{
  border-bottom: 1px solid  #ffeb3f;    
}
.footer_img{
	float:left;
	margin-right:5px;
	text-align:center;	
	font-size:9pt;
}

.index_img_l{
  float:left;
  margin:10px 10px 10px 0px;
}

.index_img_r{
  float:right;
  margin:10px 0px 10px 10px;
}

/* Suche */
.search_fields{
	text-align:center;
	margin-top:10px;
	margin-bottom:10px;
}
.search_fields form{
  display:inline;
  padding:0px;
  margin:0px;
}
#search_where_results{
  width:350px;
  text-align:left;
  margin:0px auto;
   position:relative;
  
}
.search_input{
  width:240px;
}

#where_results{	
	margin-left:33px;
	
	font-size:10pt;
	border:1px solid #ffeb3f;
	width:240px;	
	background:#FFFFFF;
	
	display:none;
}
span.link{
 cursor:pointer;
 text-decoration:underline;  
 margin-left:5px;
 width:95%;
}
.right{
  text-align:right;
  font-weight:bold;
  width:100%;
}
.search_fields input{
  font-size:10pt;
}
.klein{
  font-size:9pt;
}
#search_where_results span.klein{
 margin-left:38px; 

}
.main_cat{
  border-bottom: 1px solid  #ffeb3f;  
  padding:10px;
}
.main_cat a{
  text-decoration: underline;
}
.main_cat h1 a{
   
}
.sub_cat h2{
  display:inline;
}
.selected_erg{
	background: #fdec79;
}
.search_filter_box{
 float:left;
 width:160px; 
 height:55px;
 font-size:8pt; 
 margin-right:10px;
 margin-top:10px;
 padding:10px;
 border: 1px solid #34B8D9;
 /*-moz-border-radius:10px;*/
 position:relative;
 background-repeat:no-repeat;
 background-position: top left;
}
.search_filter_box img.del_filter{
  position:absolute;
  background-color:#FFFFFF;
  top:5px;
  right:5px;  
}
.search_filter_box_or{
 float:left;
 width:25px;  
 height:20px;
 font-size:8pt; 
 font-weight:bold;
 margin-right:10px;
 margin-top:10px;
 padding:20px 0px 20px 0px;
}
.filter_icon{  
  /*margin-right:3px;*/
}
.search_listing{
  float:left;
  widht:240px;
  margin:10px;
  text-align:left;
}
.search_filter_cat{
  float:left;
  font-size:9pt;  
  padding-right:5px;
  padding-top:10px;
}
.search_listing_img{
  height:200px;
  float:left;
}
.search_filter_cat h2{
   font-size:9pt;
   font-weight:bold;   
}
.search_filter_area{  
  margin-bottom:10px;
  
}
.align_right{
 width:100%;
 text-align:right; 
}
.filter_left{
  float:left;
  width:200px;
  font-weight:bold;
}
.filter_right{
  float:left;
  width:650px;
  
  }
.right_col{
  float:left;
  width:200px;
  text-align:left;
  margin-bottom:10px;
}
#frame_content{
  width:600px;  
  text-align:left;
  padding-left:10px;
  background:#FFFFFF;
}
.optionen{
  text-decoration:underline;
  font-weight:bold;
}
ul.region_links li{
  font-size:8pt;
}
/* Breadcrumb */
.iseaqpanel #loc
{
	float:left;
}
.iseaqpanel #spec
{
	display:inline;
	float:left;
}

.iseaqpanel {
line-height:1.85em !important;
}
.iseaqpanel, #loc, #spec {
display:inline;
}
.iseaqpanel #loc {
float:left;
}
.iseaqpanel, #loc, #spec {
display:inline;
}
.iSEAQouter {
display:inline;
float:left;
margin-right:0px;
}

.iSEAQouter a
{
	white-space: nowrap;
}
.iSEAQrel {
display:inline;
position:relative;
top:-3px !important;
}

.iSEAQschaduw {
background-color:#000000;
display:none;
opacity:0.25;
position:absolute;
z-index:500;
filter:alpha(opacity=25);
-moz-opacity:.25;
}
.iSEAQdiv {
background-color:#FFFFFF;
display:none;
position:absolute;
z-index:500;
}

.iSEAQhover
{
	padding:2px 10px 2px 2px !important;
	color:#36c;
	border:1px solid #ccc;
	background:url(/img/bc/icn-dropupdown.gif) no-repeat center right !important;
	text-decoration:none;
}

#nav-path ul.nav-dropdown {
border:1px solid #CCCCCC;
float:left;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
margin:0pt !important;
padding:5px 7px;
text-align:left;
}
ul {
margin-left:1.2em;
margin-top:0pt;
padding-left:0pt;
}

.nav-dropdown li.del {
border-bottom:1px dotted #CCCCCC;
}
.nav-dropdown li {
border:0pt none;
display:block;
font-size:0.9em !important;
line-height:0pt;
margin:0pt;
padding:0pt;
white-space:nowrap;
}
#nav-path a {
color:#666666;
}
.nav-dropdown li.del a {
background:transparent url(/img/bc/icn-del.gif) no-repeat scroll left center !important;
color:#CC0000 !important;
}
.nav-dropdown li a {
background:transparent none repeat scroll 0% !important;
border:medium none !important;
color:#3366CC !important;
display:block !important;
line-height:1.7em !important;
padding:0pt 0pt 0pt 14px !important;
text-decoration:none;
}
.iSEAQouter a {
white-space:nowrap;
}
.nav-dropdown li {
border:0pt none;
display:block;
font-size:0.9em !important;
line-height:0pt;
margin:0pt;
padding:0pt;
white-space:nowrap;
}
ul li.more {
font-weight:bold;
list-style-image:none;
list-style-position:outside;
list-style-type:none;
}
#nav-path .loc a.on {
background:transparent url(/img/bc/icn-path.gif) no-repeat scroll right center;
}
#nav-path a.on {
background:transparent url(/img/bc/icn-comma.gif) no-repeat scroll right bottom;
}
#nav-path a.on {
padding:3px 11px 3px 3px;
}
#nav-path a.on:hover{
padding:2px 10px 2px 2px !important;
	color:#36c;
	border:1px solid #ccc;
	background:url(/img/bc/icn-dropupdown.gif) no-repeat center right !important;
	text-decoration:none;
}
#nav-path a {
color:#666666;
}
.iSEAQouter a {
white-space:nowrap;
}
#nav-path{
	position:relative;
	width:100%;
	z-index:500;
}

.kontakt_button{
  float:right;
  width:180px;
  margin:5px 0 5px 5px;
  border: 2px solid #ffeb3f;    
  font-size:12pt;  
  font-weight:bold;
  padding:15px 5px 15px 5px;
  text-align:center;  
}
.kontakt_button input{
	font-size:12pt;
	font-family:Arial;
	font-weight:bold;
	padding:2px 15px;
}
#karte{
	position:relative;
	height:448px;
	width:516px;
}
#highlight{
	position:absolute;
	top:4px;
	left:0px;	
}

.firstelement,li.firstelement a,p.nextpage a,p.previouspage a{font-family:Arial;font-size:11px;}
.previouspage {background:transparent url(/img/arrow_left.gif) no-repeat scroll 3px 0pt;float:left;padding-left:18px;
						width:17%;margin:0px;}						
.nextpage{background:transparent url(/img/arrow_right.gif) no-repeat scroll right 0pt;float:right;padding-right:15px;
				text-align:right !important;width:18%;margin:0px;}
.seiten ul{margin:0px;padding:0px;float:left;text-align:center !important;width:59%;}			
.seiten ul li{border-right:1px solid #685B52;color:#FF6600;display:inline;font-weight:bold;margin-left:0px !important;padding:0pt 5px 0pt 3px;
					list-style-type:none !important;}
.seiten ul li b{color:#FF6600;font-weight:bold;}
.seiten ul li.firstelement{border-right:0pt none;color:#000000;font-weight:normal;}
.seiten ul li a,.pages ul li a:visited {font-weight:normal;color:#003399;text-decoration:none;font-size:11px;}
.seiten ul li a:hover{color:#E75C00;text-decoration:underline;}

.tag6,.tag6 a,.tag6:visited {font-size:25px;color:#000000;}
.tag5,.tag5 a,.tag5:visited {font-size:23px;color:#4F4F4F;}
.tag4,.tag4 a,.tag4:visited {font-size:21px;color:#6F6F6F;}
.tag3,.tag3 a,.tag3:visited {font-size:19px;color:#8F8F8F;}
.tag2,.tag2 a,.tag2:visited {font-size:17px;color:#AFAFAF;}
.tag1,.tag1 a,.tag1:visited {font-size:15px;color:#CFCFCF;}

.kartetagcloud{width: 100%;margin-bottom:15px;}
.karte_uerbersicht{width:270px;float:left;}
.textblock{width:100%;text-align:justify;margin-bottom:0px;}
.textblock p{margin-bottom:20px;}
.textblock h1 {margin-bottom:10px; margin-top: 10px}
.textblock h2{margin-bottom:10px;}
.filterlinkblock{float:left;width:50%;margin-top:15px;}
.social_bookmark{
  float:right;
  margin-left:5px;  
  
}
.footer{
  width:960px;
  margin:5px auto;  
  text-align:right;
}
.startseite{width:514px;}
.img_left{float:left;margin-right:5px;}
.img_right{float:right;margin-left:5px;}

.ausflug, .regionen, .events, .urlaub {
  width: 182px;
  height: 71px;
  font-size: 13px;
  padding: 9px 5px 5px 113px;
  margin: 0 0 10px 0;
}

.ausflug {
  background: url(/img/bg-ausflug.gif) no-repeat;
  margin-top: 5px;
}
.regionen {
  background: url(/img/bg-regionen.gif) no-repeat;
}
.events {
  background: url(/img/bg-events.gif) no-repeat;
}
.urlaub {
  background: url(/img/bg-urlaub.gif) no-repeat;
}
.hdl_nachrichten {
  background: url(/img/bg-nachrichten.gif) no-repeat;
  width: 289px;
  height: 70px;
  font-size: 25px;
  padding: 30px 0 0 11px;
  margin: 20px 0 15px 0;
}
.nachrichten {
  font-size: 13px;
  text-align: justify;
  padding: 0 10px;
}
.nachrichten p {
  margin: 0 0 15px 0;
}