/* General ------------------------------------------------ */
html { overflow-y:scroll; }
body{ margin:0; padding:0; font:13px/1.6 Arial,sans-serif; font-size:13px;  }
a{ text-decoration:none; color:#000000; background:url(../images/pfeil_link.gif) right center no-repeat; padding-right:12px; }
a.fancybox-close{background-position:top right;}
a:hover{  }
.clearer{clear:both;}
h1.graphicTitle{ font-size:30px; text-indent:-10000px; }
h2.smallgraphicTitle{ font-size:30px; text-indent:-10000px; }
h2 { font-size: 16px; margin: 0 0 10px 0; padding: 0; font-family: arial; font-weight: bold; }

table { margin-bottom: 15px; }

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

#content ul { margin: 0 0 10px 0; }
/* Wrapper  ---------------------------------------------*/
#mainWrapper{ width:940px; margin:0 auto 0 auto; height:auto; padding: 20px 0 0 0; }
#farbWrapper{ width:100%; background-color:#f1f1f1; padding:0 0 20px 0; margin:0; }
#navWrapper{ background-color:#FFFFFF; height:37px; width:940px; border-radius:5px; /*background-image:url(../images/navmain_hg.gif);*/ }
#navWrapper a{ background-image:none; padding:0; }
#specialWrapper{ height:205px; width:940px; padding: 25px 0 0 0;}

/* Navigations --------------------------------------------------*/

#navMain{ float:left; padding: 12px 0; }
#navMain a{ color:#000000; text-decoration:none; }
#navMain a:hover{ color:#69abd9; }
#navMain a.act{ color:#69abd9;  }
#navMain ul{ list-style-type:none; display:inline; }
#navMain ul li{ float:left;  font-weight:bold; padding:0 15px; }

#navSub{ float:left; width:240px; margin:75px 0 0 0; }
#navSub a{ background-image:none; padding:0; font-weight: bold; }
#navSub a:hover{ color:#69abd9; }
#navSub a.act{ color:#69abd9;  }
#navSub ul{ list-style-type:none; padding:0 0 0 ; margin:0; }
#navSub ul li{ padding:3px 0; }

/* Content ----------------------------------------------*/


#content{ float:right; width:700px; font-size:14px; }
#content.singleColumn{width:940px;}
#content h1{  }
#logo{ width:670px; height:60px; }
#logo a{ background-image:none; padding:0; color:transparent;  }
#logo img{  }

#content a { color:#3288C5; background:url(../images/pfeil_link_dunkel_blau.gif) right center no-repeat; padding-right:12px; }
#content .csc-textpic-image a{background:none; padding:none; color:transparent;}
#content a.external-link-new-window, #content a.external-link { color:#3288C5; background:url(../images/externallink.gif) right center no-repeat; padding-right:10px; margin-right:3px; }
/*#content a:hover { color:#69abd9; background:url(../images/pfeil_link_hell_blau.gif) right center no-repeat; }*/

#contentLeft{ float:left; width:222px; padding: 22px 0 0 0; }

#contentLeft h2 { width:205px; height:26px; padding:10px 0 0 15px; background-color:#FFFFFF; margin:0 0 3px 0; border-top-left-radius:5px; font-weight: bold; font-size:  13px; }
.startseite_text { height:18px; width:205px; background-color:#FFFFFF; padding:10px 0 10px 15px; border-bottom-right-radius:5px; margin-bottom: 20px; }
#contentLeft div.csc-textpic div.csc-textpic-single-image img { margin-bottom: -1px; }
#contentLeft div.csc-textpic div.csc-textpic-single-image a{background:none;}
#wetterWrapper{ width:220px; height:203px; margin-bottom:20px; }
#wetterTitel { width:205px; height:26px; padding:10px 0 0 15px; background-color:#FFFFFF; margin:0; border-top-left-radius:5px; font-weight: bold; }
#wetter{ width:220px; height:123px; background-color:#FFFFFF; margin:3px 0; }
#wetter p{ margin:0; }
#wetterlink{ height:18px; width:205px; background-color:#FFFFFF; padding:10px 0 10px 15px; border-bottom-left-radius:5px; }
/*
#wetter{ float:left; width:220px; height:203px; margin-right:20px; background-color:#FFFFFF; border-top-left-radius:5px; border-bottom-left-radius:5px; }
*/

.lupe img{
  float:right;
  position:relative;
  top:-43px;
  right:-1px;
}
.lupe{display:inline;}
#content .csc-textpic-image a.fancybox{
  display:block;
  background:url(../images/lupe_for_artikel_image.png) right bottom no-repeat;
}
div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image img { 
opacity: 0.85;
}

#webcamWrapper{ width:220px; height:203px; margin-bottom:20px; }
#webcam{ width:220px; height:123px; background-color:#FFFFFF; margin:3px 0; }
#webcam p{ margin:0; }
/*
#webcam{ float:left; width:220px; height:203px; margin-right:20px; background-color:#FFFFFF; }
*/

#Titel{ width:205px; height:26px; padding:10px 0 0 15px; background-color:#FFFFFF; margin:0; font-weight: bold; }
#Link{ height:18px; width:205px; background-color:#FFFFFF; padding:10px 0 10px 15px; }


#kontaktWrapper{ width:220px; height:203px; margin-bottom:20px; display:none; }
#kontakt{ width:205px; height:63px; background-color:#FFFFFF; margin:3px 0; padding:60px 0 0 15px; }
#kontakt p{ margin:0; }


#lageWrapper{ width:220px; height:203px; margin-bottom:20px; }
#lageTitel{ width:205px; height:26px; padding:10px 0 0 15px; background-color:#FFFFFF; margin:0; border-top-right-radius:5px; font-weight: bold; }
#lage{ width:220px; height:123px; background-color:#FFFFFF; margin:3px 0; }
#lage p{ margin:0; }
#lagelink{ height:18px; width:205px; background-color:#FFFFFF; padding:10px 0 10px 15px; border-bottom-right-radius:5px; }
/*
#lage{ float:left; width:220px; height:203px; background-color:#FFFFFF;  border-top-right-radius:5px; border-bottom-right-radius:5px;  }
*/

#slideshow{ width:940px; height: 445px; /*background:url(../images/hg_home_1.jpg) left top no-repeat;*/ margin:15px 0 0 0; border-radius: 5px; }
#picture { width: 940px; height: 445px; border-radius: 5px; }

.csc-sitemap ul{ padding-left:20px;}
.csc-sitemap li{padding:0; margin:0;}
.csc-sitemap li a{ padding:0; background:none;}

#picture_hardcoded{clear: both; width: 940px; height: 330px; _height: 330px; z-index:1; margin: 0; padding: 0; /*display: inline;*/ position: relative;}

div.jquery_slideshow {z-index: 49 !important;}
div.jquery_slideshow img{display:none; left:0 !important; position:absolute; top:0 !important;}




/* In Typo3 Auswählbare Klassen --------------------------*/



/* footer -----------------------------------------------*/

#footer{ width:940px; margin:0 auto 0 auto; height:auto; padding: 20px 0 0 0;   }
#footer a:hover{ color:#69abd9; }
#footer p{ } 

#extendedFooter{ width: 940px; margin: 0 auto 25px auto; height: auto; }
#extendedFooter .top{ font-size:100%; }
#extendedFooter .top .footercol{ width: 22%; padding: 15px 1.499%; float:left; }
#extendedFooter .top .footercol h1{ width:24.999%; float:left; }
#extendedFooter .bot{ margin-top:25px; }
#extendedFooter .bot .footercol{ width:47%; padding:0 1.499%; float:left; }
#extendedFooter #footer1{ font-size:100%; }
#extendedFooter #footer2{ font-size:100%; }
#extendedFooter #footer3{ font-size:100%; }
#extendedFooter #footer4{ font-size:100%; }
#extendedFooter #footer5{ font-size:100%; }
#extendedFooter #footer6{ text-align: right; }

/* LANGUAGE ---------------------------------------------*/

#language{ float:right; padding: 12px 20px 12px 0; display:none; }
#language a{ font-size:12px; color:#000000; text-decoration:none; }
#language a:hover{ color:#69abd9; }

/* SLideshow ---------------------------------------------*/

#bild1, #bild2, #bild3, #bild4 { padding: 0; margin: 0; height: 116px; }

#text1, #text2, #text3, #text4 { padding: 0; margin: 0;border-left: 1px solid #e4e4e4; border-right: 1px solid #e4e4e4; height: 22px; }
#text1 img, #text2 img, #text3 img, #text4 img { margin: 0 0 0 13px; padding: 0; height: 18px; _height: 18px; }

#bild2 { position: relative; width:227px; margin: 0;}
#bild2 img{ display: none; position: absolute; top: 0; left: 0; }
#kasten2 #bild2 { z-index: 1; position: relative; }


/* WEBCAM CALENDAR ----------------------------------------------*/
.webcam.calendar{ width:100%; border-spacing:0; padding: 15px; margin:0 auto; }
.webcam.archiv img, .singleColumn .webcam.image img{ width:910px; }
/*.singleColumn .webcam.calendar tr{ display:inline; float:left; margin:0; padding:0; width:auto; border-spacing:0; border-collapse:collapse; }*/
/*.singleColumn .webcam.calendar td.others, .singleColumn .webcam.calendar tr.strong{ display:none; }*/
.webcam.calendar td{ color:#707272 !important; border:1px solid #C0C0C0; background-color:#F4F4F4; margin:0; border-spacing:0; border-collapse:collapse; padding:0; border-right:0; width:20px; }
.webcam.calendar td:hover{ background-color:#BCBCBC; color:#FFFFFF !important; }
.webcam.calendar a{color:#707272 !important; text-decoration:none;}
.webcam.calendar td:hover a{color:#FFFFFF !important;}
/*.singleColumn .webcam.calendar tr:first-child td, .singleColumn .webcam.calendar tr:last-child td{width:110px;}*/
.webcam.calendar tr td:last-child{ border-right:1px solid #C0C0C0;}
.webcam.calendar td.showdate br{ display:none; }