body {
  font-family: sans-serif;
  font-size: 10pt;
  color: #4b4b4b;
  }


  a:link,a:visited,a:active    { color:#0f4075; text-decoration:none; }
  a:hover { text-decoration: underline; }

  #head_bg {
  position: fixed;
  left: 0; top: 0;
  background-image:url('../img/header_back.jpg'); 
  background-repeat: repeat-x;
  width: 100%;
  height: 120px;
  z-index: 900;
  text-align: center;
  }

  
  #content_slider {
  position: relative;
  top: 130px;
  margin-left: auto;
  margin-right: auto;
  width: 1070px;
  }
  
  #content_container_blue {
  width: 900px;
  min-height: 1100px;
  margin-bottom: 100px;
  }


  .partypic {
  position: absolute;
  left:-2px;
  }
  #partypic_container {
  height: 240px;
  }
  .partypic_txt { position: relative; top: 2px;  }

  
  #superbanner {
  width: 900px;
  height: 90px;
  margin-bottom: 15px;
  text-align: center;
  z-index: 1;
  }

  #skyscraper {
  width: 160px;
  height: 600px;
  margin-left: 10px;
  float: right;
  z-index: 1;
  }
   
  

  #footer_bg {
  	position: fixed;
  	left: 0;
  	bottom: 0;
  	height: 19px;
  	width: 100%;
  	background-image:url('../img/footernavi_back.jpg');
	background-repeat: repeat-x;   	
  	z-index: 900;
  }
  


  
  .float-left { float: left; }
  .float-right { float: right; }
  .clear { clear: both; }
  
  .image {
  padding-right: 10px;
  }

  .teaserphoto {
  position: relative;
  float: left;
  }

  .teasertxt {  text-align: left; margin-left: 220px; color: #000000;  }
  .teasertxt h3 {   color: #5F5F5F; }
  .teasertxt h3 a {   color: #5F5F5F; }

  
  .teasermorelink { margin-top: 10px; text-align: right; color: black;  }
  
  .blau { color: #0f4075;  }

  
  
  .firstteaser {
  margin-left: 300px;
  }
  .firstteaser h2  {
  font-size: 16pt;
  }
  .firstteaser h3  {
  font-size: 10pt;
  margin-top: 0;
  }
  
  
  
  h1 {
  color: #0f4075;  
  }
  
  h2 {
  margin: 0;
  margin-bottom: 5px;
  padding: 5px;
  padding-left: 0px;
  font-size: 12pt;
  color: #0f4075;
  text-align: left;
  }

  .boxheadline {
  margin-bottom: 0;
  background: #525252;
  background-image:url('../img/bg_navi.gif');
  background-repeat: repeat-x;   	
  color: #FFFFFF;
  font-weight: bold;
  font-size: 10pt;
  padding: 2.5px;
  padding-left: 8px;
  }


  h3 {
  margin: 0;
  padding: 0;
  font-size: 8pt;
  font-weight: normal;
  margin-top: 4px;
  }
  
  h4 {
  margin: 0;
  padding: 0;
  font-size: 12pt;
  margin-bottom: 10px;
  }


  #pagenavi { text-align: right;  }
  
  

  #logodiv {
  text-align: left;
  width: 1070px;
  margin-left: auto;
  margin-right: auto;
  }
  #header_grafik {
  margin-right: 55px;
  margin-left: 55px;
  }
  #header_csd {
  margin-left: 60px;
  }

  #breadcrumb {
  margin-bottom: 16px;
  height: 25px;
  margin-right: 0px;
  color: white;
  border: 1px solid #0f4075;
  background: #004E87;
  background-image: url('../img/topnavi_back.jpg');
  font-size: 10pt;
  }
  
  #breadcrumbtxt { margin-left: 5px; margin-top: 6px; float: left;  }
  
  #breadcrumb a:link,#breadcrumb a:visited { color: white;  } 
  
  #searchdiv {  float: right; margin-top: 1px; width: 338px; }
  #searchfield { width: 158px;  }
   

  #contentbox1 {
  width: 520px;
  height: 800px;
  padding: 0px;
  float: left;
  }
  #contentbox2 {
  float: left;
  width: 340px;
  margin-left: 40px;
  margin-bottom: 200px;
  }





  
  .box_small {
  width: 164px;
  text-align: center;
  margin-bottom: 6px;
  float: left;
  }

  .box_big {
  width: 336px;
  text-align: center;
  margin-bottom: 6px;  
  float: left;
  }
  
  .box_big_comment {
  width: 470px;
  text-align: center;
  margin-bottom: 6px;  
  float: left;
  background: #C7C7C7;
  background-image:url('../img/back_boxes.jpg');  
  background-position: bottom;
  border: 1px solid #646464;  
  }
  
  
  .box_big_facebook {
  width: 338px;
  background-image:url('../img/back_boxes.jpg');  
  text-align: center;
  margin-bottom: 6px;  
  float: left;
  } 
  
  .fbConnectWidgetFooter {
  display: none !important;
  
  } 

  .box_fill_old {
  background-image:url('../img/boxes_back.jpg');  
  background-position: top;
  border: 1px solid #646464;  
  }
  
  .box_fill {
  background: #DCDCDC;
  background-image:url('../img/back_boxes.jpg');  
  background-position: bottom;
  background-repeat: repeat-x;
  border: 1px solid #646464;  
  }
  
 
  
  .box_fill_map {
  background-image:url('../img/back_reise_karte.jpg');  
  background-position: top;
  border: 1px solid #646464;  
  }

  .box_fill_kalender {
  background-image:url('../img/back_kalender.jpg');  
  background-position: bottom;
  border: 1px solid #646464;  
  }
  .box_fill_kalender2 {
  border: none; 
  }

  .seperator {
  border-bottom: 1px solid #7F7F7F;
  margin-top: 7px;
  margin-bottom: 20px;
  }










/* Navigation */

  #nav-one {
	width: 1070px;
	margin: 0 auto;
	left: -112.25px;
  }

.nav, .nav ul { 
	list-style: none;
	margin: 0;
	padding: 0;
}

.nav {
  z-index: 100;
  position: relative;
}

.nav li {
  float: left;
  margin: 0;
  padding: 0;
  position: relative;
  text-align: left;
  width: 112.25px;
  height: 18px;
}
.nav li a, .nav li a:link, .nav li a:active, .nav li a:visited {
	display: block;
    padding: 0px;
    padding-top: 2px;
    font-weight: bold;
    width: 112.25px;
    text-align: center;
    color: #0f4075;
    font-size: 10pt;		
    height: 18px;
}

.nav li ul li a, .nav li ul li a:link, .nav li ul li a:active, .nav li ul li a:visited {
	text-align: left;
	color: white;
	width: 160px;
}



#nav-one li:hover a, 
#nav-one li.sfHover a {
  background: #062E5F;
  color: white;
  text-decoration: none;
}



#nav-one li:hover ul a, 
#nav-one li.sfHover ul a {
/*  background: #565656; */
  background-image:url('../img/bg_hovernavi2.gif'); 
  border-bottom: 1px dotted white;
  color: white;
  font-size: 9pt;
  padding: 6px;
  height: auto;
}
#nav-one li:hover ul a:hover, 
#nav-one li.sfHover ul a:hover {
  background: #062E5F;
  color: white;	
}

.nav ul {
  list-style: none;
  margin: 0;
  min-width: 90px;
  position: absolute;
  top: -999em;
  text-align: left;
	
	background-image:url('../img/bg_hovernavi2.gif'); 
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

  
}

.nav li:hover ul,
.nav li.sfHover ul {
  top: 20px;
  height: auto;
}

.nav ul li {
  border: 0;
  float: none;
  height: auto;
}
.nav ul a {
  border: 0
  padding-right: 20px;
  width: 150px;
  text-align: left;
}
.nav ul a:hover {
  background: #ccc;
  color: #000;
}


/* default z.B: Startseite */  
li.linkactive a:link, li.linkactive a:visited {
   	color: #FFFFFF;
    background-color: #0f4075;
    text-decoration: none;
  }
  

/* setzen des Hintergrundes bei allen lingelementen, die unterhalb des aktiven ul sind */
li.linkactive ul li a:link, li.linkactive ul li a:visited {
	background-image:url('../img/bg_hovernavi2.gif');  
  }

/* simulieren des hover bei allen li elementen, die unterhalb des aktiven ul sind */
li.linkactive ul li a:hover {
    background-image:none;
  }














h2 cal.boxheadline {  color: red; }
.cal tr { line-height: 16px; }
.cal td { width: 18px; }
table.cal { margin-top: 10px; margin-bottom: 10px; height: 150px; }
.calSat, .calSat a {  color: #416AAE; }
.calSun, .calSun a {  color: #162F5D; }
.calToday, .calToday a {  color: white; }


#calfilter br {
margin-bottom: 8px;
}


td.calToday {  background: #4B4B4B; }
td.calActive {  background: #162F5D; }

.calActive a {  color: white; text-decoration: none; }

/*.cal td:hover   {  background: #4B4B4B; }*/
.cal td a:hover {  color: white; text-decoration: none; }


.calNavB { padding-left: 10px; text-align: left; width: 90px; float: left; }
.calNavN { padding-right: 10px; text-align: right; width: 50px; float: left; }



.event_day { font-size: 20px;  }
.event_day_wrap { margin-bottom: 70px;  }
.event_cat { margin-top: 30px; margin-bottom: 5px; font-size: 16px; color: #234173; text-transform: uppercase; font-weight: bold;  }

.event_row { padding: 5px; padding-right: 0px; margin-bottom: 1px;  }
.odd { background: #FFFFFF; }
.even { background: #DFDFDF; }

.event_time { float: left; width: 80px; }
.event_title_dsc { float: left; width: 420px; }
.event_title { font-weight: bold; }
.event_banner { width: 430px; margin-top: 1px; margin-bottom: 10px; }

.event_row1 { margin-bottom: 5px; width: 120px; float: left; } 
.event_row2 { margin-bottom: 5px; width: 80px; float: left; } 
.event_row3 { margin-bottom: 5px; width: 280px; float: left; } 


.loc_cat {  margin-bottom: 5px; font-size: 16px; color: #234173; text-transform: uppercase; font-weight: bold;  }
.loc_cat {  margin-top: 30px;  }
.loc_firstcat {  margin-top: 0px;  }

.loc_row { padding: 5px; padding-right: 5px; margin-bottom: 1px;  }
.loc_banner { width: 520px; margin-top: 10px; margin-bottom: 10px; }






.guidetab { width: 200px;float:left; height: 200px; overflow:auto; padding-top:4px;   }
.guidecat { width:100px; padding:2px; padding-left: 4px; padding-top:4px;  margin-bottom:5px; }


.guidecat_active a {
color: #ffffff;
}

.guidecat_active {
background:#23417A; color:white; 
}



.gallerytable {
text-align: center;
width: 160px;
height: 160px;
float: left;
margin: 2px;
border: 1px solid gray;
display: table;
}

.gallerywrap {
display: table-cell;
vertical-align: middle;
}

.galleryview_footer {
color: black;
margin-left: 4px;
margin-top: 10px;
}


#gewinnspiel label,#abo label {
width: 120px;
float: left;
text-align: right;
margin-right: 0.5em;
display: block

}

#gewinnspiel input,#abo input {
width: 300px;
text-align: left;
display: block
}

#gewinnspiel select {
font-size: 16px;
width: 300px;
text-align: left;
display: block
}



.comment_teaser {
padding:8px;text-align:left;height:179px;overflow:auto;
}
.comment_teaser_item {
margin-bottom: 10px;
}


#epaper {
height: 233px; margin-left: 6px;
}

#epaper_overlay { position:absolute; height: 233px; width: 164px; background-image: none; }
#epaper_overlay:hover {  background-image:url('../img/epaper_overlay.png'); }


.news-single-imgcaption {
margin-top:8px;width:500px;font-weight:bold;

}


.csc-mailform label {
width: 120px;
float: left;
text-align: left;
margin-right: 0.5em;
display: block
}




.news_content {
width:500px; text-align:left;
} 

.news_author {
width:500px;text-align:right;font-style:italic
}



#google_maps {
height: 330px;
width: 500px;
margin-bottom: 20px;
}

.news-search-form { margin-bottom: 30px; }
.news-search-form input { width:200px; }
.news-search-form-submit input { margin-left:15px; width:70px; }




#s3slider {
   width: 336px; /* important to be same as image width */
   height: 220px; /* important to be same as image height */
   position: relative; /* important */
   overflow: hidden; /* important */
   text-align: left;
}

#s3sliderContent {
   width: 336px; /* important to be same as image width or wider */
   position: absolute; /* important */
   top: 0; /* important */
   margin-left: 0; /* important */
}

.s3sliderImage {
   float: left; /* important */
   position: relative; /* important */
   display: none; /* important */
}

.s3sliderImage span {
   position: absolute; /* important */
   left: 0;
   font: 10px/15px Arial, Helvetica, sans-serif;
   padding: 10px 13px;
   width: 336px;
   text-align: left;
   background-color: #000;
   filter: alpha(opacity=70); /* here you can set the opacity of box with text */
   -moz-opacity: 0.7; /* here you can set the opacity of box with text */
   -khtml-opacity: 0.7; /* here you can set the opacity of box with text */
   opacity: 0.7; /* here you can set the opacity of box with text */
   color: #fff;
   display: none; /* important */
   bottom: 0;


}





  #footermenu {
	width: 600px;
	margin: 0 auto;   
  }

  ul.menu {
  	position: relative;
	padding-top: 0;
	margin: 0;
	left: -35px;
  }



  ul.menu, ul.menu ul {
    list-style-type: none;
  }


  ul.menu a:link, ul.menu a:visited, ul.menu a:active {
	display: block;
    padding: 0px;
    padding-top: 2px;
    font-weight: bold;
    width: 112.25px;
    text-align: center;
    color: #0f4075;
    font-size: 10pt;		
    height: 18px;
  }


  ul.menu ul a:hover,ul.menu ul a:link,ul.menu ul a:visited,ul.menu ul a:active {
    width: 150px;
    font-size: 9pt;	
    text-align: left;
    color: #FFFFFF;
    padding: 6px;
    padding-top: 8px;
    padding-bottom: 8px;
	height: auto;
  }


/* IE-Hack für die Breite */
*html ul.menu ul {
    width:180px;
}

  ul.menu li {
    padding:0;
    margin:0;
    float:left;
	border-bottom: 0;
  }



  ul.menu ul {
    margin-left:0px;
    margin-top: 0px;
    padding: 0px 0 0px 0;
    position: absolute;
    background-color: #6A6A69;
	background-image:url('../img/bg_hovernavi2.gif');  
    display:none;
    min-width: 90px;
    z-index: 200;
	filter:alpha(opacity=95);
	-moz-opacity:0.95;
	-khtml-opacity: 0.95;
	opacity: 0.95;

  }



/* default z.B: Startseite */  
li.linkactive a:link, li.linkactive a:visited {
   	color: #FFFFFF;
    background-color: #0f4075;
    text-decoration: none;
  }
  
ul.menu ul a:hover,ul.menu a:hover {
	color: #FFFFFF;
	background-image: none;
    background-color: #062E5F;
    text-decoration: none;
  }
  

/* setzen des Hintergrundes bei allen lingelementen, die unterhalb des aktiven ul sind */
li.linkactive ul li a:link, li.linkactive ul li a:visited {
	background-image:url('../img/bg_hovernavi2.gif');  
  }

/* simulieren des hover bei allen li elementen, die unterhalb des aktiven ul sind */
li.linkactive ul li a:hover {
    background-image:none;
  }





/* Dies sind die Klassenstile für das Untermenü wenn sich die Maus */
/* über der Liste  befindet (.hover siehe JavaScript) */
ul.menu ul.hover, ul.menu li.hover ul, ul.menu li:hover ul  {
    display:block;
}

ul.menu ul li {
	border-bottom: 1px dotted white;
    float:none;
    background-color: transparent;
}




  .kleinanz_form h2 {
  margin: 0;
  margin-top: 12px;
  margin-bottom: 2px;
  padding: 0px;
  font-size: 14pt;
  color: #0f4075;
  text-align: left;
  }

.row220 {
	width: 220px;
	float: left;
}

.error,h2.error { color: red; }



.label170 { float: left; margin-left: 5px; width: 170px; }
.label5 { margin-left: 5px; }


.row {
min-width: 100px;
margin-right: 10px;
float: left;
}


#kleinanz_text {
width: 180px;
height: 100px;
}

#kleinanz_preis {
font-size: 18px;

}

.margin-r20 {
margin-right: 20px;
}