/*base*/
html,body,h1,h2,h3,h4,h5,h6,div,p,table,input,ul,li,img {margin:0; padding:0; border:0;}
body 
{   
  font-family:Verdana, Arial, Helvetica, sans-serif;
  /* text-align:center; Takes care of horizontal alignment in Internet Explorer */
  color:#3d3d3d;
  background-color:#fff;
  overflow: auto;
  overflow:-moz-scrollbars-vertical;  /* alternativ die H?he auf 101 % setzen */
  font-size: 0.625em;
  line-height:1.6em;
}

/* ::: Layout ::: */ 
#container {background: #fff url(/img/keyvisual/kv-home.jpg) 50% 0 no-repeat;} /*max-width: 95em; width:95em;*/
#containercontent {max-width:100em;margin:0 auto; position: relative;}
  #head {margin:0 auto; padding:.8em 2.400em 0 2.400em; max-width: 95em;} /*width:942px;*/
    #metanavigation {color:#FFF;font-size:1.2em;width:41.667em;  }
      #metanavigation ul li, #footerright  ul li{float:left;list-style:none; border-right:solid 1px #fff;margin-left:0.667em;padding-right:0.667em;}
      #metanavigation ul li.first, #footerright  ul li.first {margin:0;}
      #metanavigation ul li.last, #footerright  ul li.last {border:0;padding:0;}
     #logo {margin:0.4em 0 0 -0.8em;;clear:left;float:left;}
    #keyvisual {margin:0 0 0 4em;float:left;}
    #keyvisual img {width:56em; height:164px;}/*height:16.4em*/
    #quicksearch {margin:0 0 .14em 0;}
      #search, searchdiv {float:left;} /*width: 18.400em; */
      #concern {float:left;width: 18.400em;}
#navi { margin-top: 1.35em; text-align: left;  background-image:url(/img/system/X.gif); background-position: 0px -1784px; height: 7.2em; } /* */
  #main{margin:0 auto; max-width: 95em; padding:0 2.400em 6em 2.400em;}  /*95em width:942px;*/
    #subnavi {float:left; display:block; width:19.800em; margin:1.333em 3em 0 0; clear: left;}
    
    #content {float:left;display:block;width:715px;font-size:1.2em;} /* width:59.917em*/
      #breadcrumb {float:left;margin:1em 0 .8em 0;width:45.833em;} /* width:49.750em */
      #sitefunc {float:right;width:9.833em;}
      /*homepage / subhomepage: */
      #contentleft {float:left;display:block;width:29.2em;}

      #contentright {float:right;display:block;width:29.1em;} 
        #contentright .floatleft {float:left; width:14.000em;} /*url(/img/system/marker.png) 0px 0px */
        .marker {position:absolute;/*background:url(/img/system/icons.gif) -304px -242px no-repeat;width:8.750em;height:4.667em;padding-top:0.833em;*/text-align:center; margin:0 0 0 16.667em;color:#fff;text-transform:uppercase;}
        .markerimg {padding-top:1.083em;}
        .markertext {position:absolute; top:0.8em; left:0.4em; width:11.667em;font-size:.9em;}
        
      #contentmain {float:left;display:block;width:40.833em;}
      #contentmain h1 { line-height: 1em; }
      #subhomepagemain {float:left;display:block;width:39.500em;}
      #contentteaser {float:right;display:block;width:16.500em;margin-top: 1.4em;}
      #subhometeaser {float:right;display:block;width:18.833em;margin-top: 0;}
      #service {margin: 4.167em 0 .5em 0;/*height:1.7em;*/}  
      
    #teaser{float:left;display:block;width:20.100em;margin:.7em 0 0 3em;}
      .teaserboxhome {font-size:1.2em;}
      .teaserboxhome.white{font-size:1.2em; background: #FEFEFE url(/img/system/X.gif) 0 -20px repeat-x;width:16.750em;}
      /*.teaserboxhome.white div {background-color:#e1e1e1;}*/
      /*.teaserboxhome.white h6 {display:none;visibility:hidden;}*//*clear:both; line-height:0px; height:0px;*/
        .teaserboxtophome {} /*background: #FFF url(/img/system/teaserboxheadwhite.gif) 0 0 no-repeat;width:16.833em;height:3.083em;*/
        /*.teaserboxtop.blue {background-image:url(/img/system/teaserboxheadblue.gif);}
        .teaserboxtop h3 {font-size:1.417em;font-weight:normal;color:#fff;display:block;line-height:normal;text-align:center;margin-top:0.333em;}*/
        .teaserboxtophome img {width:16.750em;}
        .teaserboxcontenthome {border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb; background: #e1e1e1 url(/img/system/X.gif) 0 -125px repeat-x;width:16.583em;}
        .teasericonlinkhome {height:3.500em;display:block;vertical-align:middle;border-left:1px solid #cbcbcb; border-right:1px solid #cbcbcb;}
        .teasericonlinkhome.first {height:auto;} /*eight:3em*/
        .teasericonlinkhome.last {height:auto;}/*height:2.500em;*/
        .teasericonlinkhome span a {color:#3e3d40;text-decoration:none;display:block;}
       
        .teaserboxcontenthome.blue {background-position: 0 -423px;}/* 0 -445px  background-color:#4f7fac;*/
        .teaserboxcontenthome.blue ul {padding:.5em;}/*background-color:#4f7fac;*/
        .teaserboxcontenthome.blue li {margin-bottom:0.167em;color:#fff;text-decoration:none;list-style:none;background:url(/img/system/icons.gif) -536px -440px no-repeat;padding-left:1.4em;display:block;}
         
        .teaserboxbottomhome {background: url(/img/system/icons.gif) -224px -574px no-repeat;width:16.833em;height:0.583em;margin:0em;}  /*0.667em;*/
        .teaserboxbottomhome.blue {background-position:-224px -592px;margin-bottom:1.083em;}   
 
#banner {width:120px;position: relative; top:272px; right:-105px; position: absolute; display: none; } 
div #banner.bannerhide  { display: none; }
div #banner.bannershow { display: block; }

#containercontentfooter {background: #fff url(/img/system/footer.gif) 50% 0 no-repeat; } /* background-color:#f5f5f5;border-top:solid 1px #d8d8d8;width:942px;*/
  #contentfooter {margin:0 auto; max-width: 95em; padding:1.4em 2.400em 0 2.400em;}
    .footerbox { background:url(/img/system/x.gif) repeat-x scroll 0 -137px; float:left; width:25.4em; margin-right:1.4em; font-size:1.2em;} 
    .footerbox.last {margin:0;}
    .footerboxcontent {padding:1em 1.4em 0 1.4em;height:8.167em;}
    .footerboxcontent img.floating {float:left;margin-right:1em;}
    .footerboxcontent h4 {font-weight:bold; font-size:1.2em;margin-bottom:.6em;}
    .footerboxshadow {background:url(/img/system/icons.gif) -225px -611px no-repeat;height:1.833em;width:25.417em;}

#containernavifooter {background: #fff url(/img/system/footer.gif) 50% -152px no-repeat;} /*width:942px;width:126em; margin:0 auto;*/
  #footer{margin:0 auto; max-width: 95em; color:#FFF; height:5.3em; padding:2.2em 2.400em 0 2.400em;}
  #footer a{font-size:1.1em;}
    #footerleft {float:left;/*padding-top:1.4em;*/padding-right:3.4em;width: 19.3em;}
    #footerleft a {font-weight:bold;}
    #footerright {float:left;width:64em;}
    #footerright ul {clear:both;}
    #footerright  ul li {line-height:1.2em; margin-bottom:.5em;}


/* ::: Elements Text ::: */
p {margin-bottom:1.6em;}
a {color:#146ea9; font-weight:bold; outline:0;text-decoration:none;} 
a:hover, a:focus, a:active {text-decoration:underline;} 
.plaintext {}
h1 {font-size:1.7em;font-weight:normal; margin:.8em 0em 1.4em 0em;} /*text-transform:uppercase;*/
h1 span.blue {color:#146ea9;}
h2 {font-size:1.25em;font-weight:bold;color:#146ea9; margin-bottom:1.067em;}
h3 {font-size:1em;font-weight:bold;color:#146ea9;margin-bottom:0.533em;}
h4 {font-size:1em;font-weight:bold;margin-bottom:0.533em;}

.small {font-size:0.917em;}
.caption {font-style:italic;font-size:0.917em;width:16.667em;margin-top:0.182em;} /*max-width: 140px = 11.667em, 200px = 16.667em */
.caption.news {width:31.818em;}
.smallimage .caption  { width:auto;}
#subhomepagemain .smallimage span, #subhomepagemain .smallimage h4  {width:12.333em;display:block;}
#subhomepagemain .smallimage h4 {margin: 0.667em 0;}

/*.subheadline {color:#146ea9;font-weight:bold;background-color:#e8e8e8;padding:0em 0.333em;margin-bottom:1.6em;}*/
.rubrik {background-color:#e8e8e8;padding:0em 0.333em;margin-bottom:1.600em;font-size:0.917em;}
div span.rubrik {background-color:#e8e8e8; padding:0.2em 0.5em;  }
span.az {margin:0 0.250em;}
h6 {display:none;visibility:hidden;}/*fuer Layoutbausteine Typ erweiterbarer Inhalt */
.iconlinkright {float:right;margin:1.6em 0 0 0;padding-left:1.6em;}

.subhomepagemainwidth {display:block; width: 39.500em;}

#contentmain a, #subhomepagemain a,  #contentteaser a, #contentleft a, #contentright a {text-decoration:underline;}
#contentmain a:hover, #contentmain a:focus, #contentmain a:active, #subhomepagemain a:hover, #subhomepagemain a:focus, #subhomepagemain a:active, #contentteaser a:hover, #contentteaser a:focus, #contentteaser a:active,
#contentleft a:hover, #contentleft a:focus, #contentleft a:active, #contentright a:hover, #contentright a:focus, #contentright a:active {text-decoration:none;}

#contentleft .gradientbox a, #contentright .gradientbox a, #contentteaser .gradientbox ul li a, #contentteaser .gradientbox .iconlinkright a, #contentleft .markertext a, #contentmain .iconlinkright a {text-decoration:none;}
#contentleft .gradientbox a:hover, #contentleft .gradientbox a:focus, #contentleft .gradientbox a:active, #contentright .gradientbox a:hover, #contentright .gradientbox a:focus, #contentright .gradientbox a:active, 
#contentteaser .gradientbox ul li a:hover, #contentteaser .gradientbox ul li a:focus, #contentteaser .gradientbox ul li a:active,
#contentleft .markertext a:hover, #contentleft .markertext a:focus, #contentleft .markertext a:active,
#contentmain .iconlinkright a:hover, #contentmain .iconlinkright a:focus,#contentmain .iconlinkright a:active, #contentteaser .gradientbox .iconlinkright a:hover, #contentteaser .gradientbox .iconlinkright a:focus, #contentteaser .gradientbox .iconlinkright a:active {text-decoration:underline;}

/* ADDICONS */
@media projection, screen 
{}

  a.print, a.totop, a.recommend, a.zoomnormal, a.zoomplus, a.sitefuncsitemap, a.invert, a.infos, a.more, a.back, a.recommendcontent,
  .teasericonlinkhome span.rathaus a, .teasericonlinkhome span.anregungen a, .teasericonlinkhome span.stadtplan a, .teasericonlinkhome span.ratsinformationen a,
  .teasericonlinkhome span.vhs a, .teasericonlinkhome span.seb a, .teasericonlinkhome span.feuerwehr a, .teasericonlinkhome span.abwasserwerk a, .teasericonlinkhome span.awb a, .teasericonlinkhome span.musikschule a, .teasericonlinkhome span.buecherei a, .teasericonlinkhome span.svb a {background:url(/img/system/icons.gif) 0 0 no-repeat;}
  
  a.infos, a.more, a.back, a.print, a.totop, a.recommend, a.recommendcontent {display:inline-block; padding-left:1.9em;color:#3d3d3d;}
  
  a.more, a.back, a.infos, a.recommendcontent {margin-left:2em;} 
  a.more {background-position: -531px -199px;}
  a.infos {background-position: -534px -1314px; }/* altes info icon -307px -187px; */
  a.back {background-position: -677px 2px;} 

  a.print, a.totop, a.recommend {margin-right:2em;}  
  a.totop {background-position: -531px -127px;} 
  a.print {background-position: -531px -152px;}
  a.recommend, a.recommendcontent {background-position: -531px -177px;}
  
  a.zoomnormal, a.zoomplus, a.sitefuncsitemap, a.invert {display:inline-block;width:2.167em;height:3.167em;}
  a.zoomnormal {background-position:-9px 0px;}
  a.zoomplus {background-position:-118px 0px;}
  a.sitefuncsitemap {background-position:-59px 0px;}
  a.invert {background-position:-171px 0px;}
  
  .teasericonlinkhome span.rathaus a, .teasericonlinkhome span.anregungen a, .teasericonlinkhome span.stadtplan a, .teasericonlinkhome span.ratsinformationen a,
  .teasericonlinkhome span.vhs a, .teasericonlinkhome span.seb a, .teasericonlinkhome span.feuerwehr a, .teasericonlinkhome span.abwasserwerk a, .teasericonlinkhome span.awb a, .teasericonlinkhome span.musikschule a, .teasericonlinkhome span.buecherei a, .teasericonlinkhome span.svb a {height:2.333em;padding:0.917em 0 0 3.833em;}
  .teasericonlinkhome span.rathaus a {background-position: 10px -143px;padding-top:0.583em;height:2.917em;} 
  .teasericonlinkhome span.anregungen a {background-position: 10px -241px;padding-top:0.250em;height:3.250em;}
  .teasericonlinkhome span.stadtplan a {background-position: 10px -186px;height:2.667em;} 
  .teasericonlinkhome span.ratsinformationen a {background-position: 10px -241px;height:2.333em;}    
  
  .teasericonlinkhome span.vhs a {background-position:9px -293px;height:2.667em;} 
  .teasericonlinkhome span.feuerwehr a {background-position:11px -410px;}
  .teasericonlinkhome span.abwasserwerk a {background-position:9px -350px;height:2.667em;}
  .teasericonlinkhome span.awb a {background-position:-295px -369px;height:3em;padding-top:0.583em;}  
  .teasericonlinkhome span.musikschule a {background-position:-295px -1098px;height:2.667em;}
  .teasericonlinkhome span.buecherei a {background-position:-300px -1223px;;height:2.667em;}
  .teasericonlinkhome span.seb a {background-position:-296px -1362px;height:3em;padding-top:0.583em;}  
  .teasericonlinkhome span.svb a {background-position:-294px -1510px;height:3em;padding-top:0.583em;}  


.teasericonlinkhome span.rathaus a:hover, .teasericonlinkhome span.anregungen a:hover, .teasericonlinkhome span.stadtplan a:hover, .teasericonlinkhome span.ratsinformationen a:hover,
.teasericonlinkhome span.vhs a:hover, .teasericonlinkhome span.feuerwehr a:hover, .teasericonlinkhome span.abwasserwerk a:hover, .teasericonlinkhome span.awb a:hover, .teasericonlinkhome span.musikschule a:hover, .teasericonlinkhome span.buecherei a:hover, .teasericonlinkhome span.seb a:hover,.teasericonlinkhome span.svb a:hover {text-decoration:underline;}

a.zoomnormal:hover, a.zoomnormal:active, a.zoomnormal:focus {background-position:-449px 0px;background-color:#fff;}
a.zoomplus:hover, a.zoomplus:active, a.zoomplus:focus {background-position:-449px -59px;background-color:#fff;}
a.sitefuncsitemap:hover, a.sitefuncsitemap:active, a.sitefuncsitemap:focus {background-position:-501px 0px;background-color:#fff;}
a.invert:hover, a.invert:active, a.invert:focus {background-position:-501px -59px;background-color:#fff;}
  
/* nicht loeschen, wird benoetigt fuer Style-Zuordnung im Textelement "spanIcons" */
.rathaus {}
.anregungen {}
.stadtplan {}
.ratsinformationen {}
.vhs {}
.feuerwehr {}
.abwasserwerk {}
.awb {}
.musikschule {}
.buecherei {}
.svb {}  
/* ::: Elements a, a:hover, a:active, a:focus  ::: */
#service a, #metanavigation a, #breadcrumb a, .marker a, .teaserboxcontenthome.blue li a, #footer a, .gradientbox ul li a, ul#sitemap li a  {font-weight:normal;}    
#metanavigation a, .marker a, .teaserboxcontenthome.blue li a, #footer a {color:#FFF;}      
#breadcrumb a, .gradientbox ul li a, ul#sitemap li a {color:#3d3d3d;}  

a:active,a:focus, #service a:focus, #service a:active, #breadcrumb a:focus, #breadcrumb a:active, .teasericonlinkhome span a:active, .teasericonlinkhome span a:focus, .gradientbox a:focus, .gradientbox a:active,
.back a:focus, .back a:active, .more a:focus, .more a:active, .infos a:focus, .infos a:active, .recommendcontent a:focus, .recommendcontent a:active,
ul#sitemap li a:active, ul#sitemap li a:focus, .pager a.pagebefore:focus, .pager a.pagebefore:active, .pager a.pageafter:focus, .pager a.pageafter:active {background-color:#4f7fac;color:#fff;} 

.teaserboxcontenthome.blue li a:active, .teaserboxcontenthome.blue li a:focus,
#metanavigation a:focus, #metanavigation a:active,
#footer a:focus, #footer a:active,  
.marker a:active, .marker a:focus {background-color:#fff;color:#3d3d3d;   }  


/* Quicknav */
a.tocontent, a.tonavigation {position:absolute; top:2em; z-index:100; left:-1000px; background-color:#FFFF8D; display:block; padding:1em 1em; font-size:1.400em; font-weight:bold; color:#010002;}
a.tocontent:focus, a.tocontent:active, a.tonavigation:focus, a.tonavigation:active {left:0; width:10em;}

/* ::: Elements Standard ::: */     
.line {clear:both; height:1px; background-color:#c7c7c7; margin-bottom:18px;font-size:0; margin-top: 2px; } /*.8em*/
#contentteaser .line {margin-bottom:8px;} /*0.4em*/
#service .line {margin-bottom:5px;} /*5em*/
#teaser .line {margin-bottom:0;}


.clear, .spacer, .halfspacer, .quarterspacer, .doublespacer, .tenspacer {clear:both; line-height:0px; height:0px;}
/*.clear{font-size:0em;}*/
.spacer {height:1.333em;}
.halfspacer {height:0.667em;}
.quarterspacer {height:0.333em;}
.doublespacer {height:2.667em;}
.tenspacer {height:1em;}

.imgright {float:right;margin: 0 0 1em 1em;}
.floatleft {float:left;}
.floatright {float:right;clear:both;}

.imgleft {float:left; margin: 0 1em 1em 0; width:auto;}
#subhomepagemain .imgleft {margin: 0 1.25em 1.25em 0;}
#subhomepagemain .imgleft.last {margin-right: 0;}

/*
.imgleft,
.imgleft div {
  float:left;
}
div.imgleft {
  width:25%;
  padding:0 1em .5em 0;
  display:table;
}
img.imgleft {
  margin:0 1em .5em 0;
}
.imgleft div {
 font-style:italic;
 font-size:.833em;
 margin-top:.5em;
}*/

/* Kasten mit Verlauf und Listen im Content/Teaser */
.gradientbox {border:solid 1px #c7c7c7; padding:1.2em .6em .6em .6em;  background: #e5e5e5 url(/img/system/X.gif) 0px -2183px repeat-x;}
#contentteaser .gradientbox {background-position: 0 -2283px;} /* 162px -137px -1500px*/
.gradientbox ul {}
.gradientbox ul li, #content ul li {margin-bottom: 0.5em; background:url(/img/system/icons.gif) -686px 1px no-repeat; padding-left:1em; list-style-type:none;}
.gradientbox .iconlinkright {margin:.5em 0em 0em 0em;}
.gradientbox p {margin-bottom:0px;}

#breadcrumb ul li {float:left;padding-left:1em;margin-left:.2em;}
#breadcrumb ul li.first {padding:0;margin-left:0;background:none;}

/* Sitemap */
ul#sitemap {list-style:none; width:29.333em;}
ul#sitemap li {background:none;font-size:0.917em; background-color:#e8e8e8; padding:0;margin:0;}
ul#sitemap li a {font-weight:bold; padding:0.545em;}
ul#sitemap li ul {}
ul#sitemap li ul li {font-size:1.000em;background-color:#fff;padding-left:4.545em;}
ul#sitemap li ul li.first {padding-top:0.909em;}
ul#sitemap li ul li.last {padding-bottom:1.818em;}
ul#sitemap li ul li a {}
ul#sitemap li ul li ul {}
ul#sitemap li ul li ul li {font-size:1.000em;padding-left:3.182em}
ul#sitemap li ul li ul li.first, ul#sitemap li ul li ul li.last {padding-top:0;padding-bottom:0;}
ul#sitemap li ul li ul li a {font-weight:normal;}
ul#sitemap li h2 { font-size: 1em; margin-bottom: 0.1em; }

/* Seitennavigation */
.pager {background-color:#e8e8e8;margin-bottom:3.200em;text-align:right;padding:0.417em 0;}
.pager input.paging {width:2.833em;font-size:1.000em;}
.pager a.pagebefore {background:url(/img/system/icons.gif) -446px -262px no-repeat; display:inline-block; width:1.500em;height:1em;}
.pager a.pageafter {background:url(/img/system/icons.gif) -538px -262px no-repeat; display:inline-block; width:1.500em;height:1em;}
.pager a.pagebefore:focus, .pager a.pagebefore:active {background-position:-449px -440px;}
.pager a.pageafter:focus, .pager a.pageafter:active {background-position:-538px -440px;}


/* Zoombox */
#zoomdiv {background-color:#ebf6fa; position:absolute; top:50px; left:50px; border:solid 1px #666; z-index:100000; text-align:right; cursor:pointer; visibility:hidden;}

/* ::: Forms ::: */
input.inputsearch {width:13em;float:left;}
select.inputsearch {width:15em;float:left;}

a.searchlink {float:left; background:url(/img/system/icons.gif) 1px -66px no-repeat; display:block; width:1.9em; height:1.9em; cursor: pointer; }

/* Bugfixing fuer Firefox 2 schadet anderen Browsern? */
 /*input[type="text"], input[type="password"], textarea {overflow: auto;} */

/*
select.inputsearch
label {
  font-size:1.2em;
  width:130px;
  float:left;
  clear:both;
}
.captcha img {
  margin:0 0 12px 130px;
}
.captcha img,
.form .btn {
  margin:0 0 12px 130px;
}
.btn {
  padding:4px 10px;
  background-color:#333;
  color:#fff;
  font-weight:bold;
  display:block;
  float:left;
}
.row,
.captcha {
  margin-top:3px;
  clear:both;
}
input.text,
textarea.text {
  width:210px;
  font:1.2em/125% Verdana, Arial, Helvetica, sans-serif;
  margin:1px 0;
  color:#666;
  border:1px solid #999;
  background:#fff;
}
input.zipcode {
  width:45px;
  margin-right:4px;
}
input.city {
  width:159px;
}

*/

/* ::: standard ::: 
.error {
  color:#e60003;
}
.error span {
  display:block;
  padding-bottom:1em;
}
*/

.searchword {
  /*background-color:#333;
  color:#fff;*/
}
.wcag {
  /*display:block;*/
}
.wai {
  /*display:none;*/
}
.odd {
  background-color:#eee;
}

.row {
  overflow:auto;
}





/* ::: jQuery ui-tabs ::: */
/* Caution! Ensure accessibility in print and other media types... */
@media projection, screen {
  .ui-tabs-hide {
    display:none;
  }
}
@media print {
  .ui-tabs-nav {
    display:none;
  }
}
/* Skin */
.ui-tabs-nav {
  list-style:none;
  margin:0;
  padding:0 0 0 1px;
}
.ui-tabs-nav:after { /* clearing without presentational markup, IE gets extra treatment */
  display:block;
  clear:both;
  content:" ";
}
.ui-tabs-nav li {
  float:left;
  margin:0 0 0 -1px;
  min-width:84px; /* be nice to Opera */
}
.ui-tabs-nav a,
.ui-tabs-nav a span {
  display:block;
  padding:0 10px;
  background:transparent url(/img/system/tab.png) repeat-x scroll 0%;
}
.ui-tabs-nav a {
  margin:0; /* position:relative makes opacity fail for disabled tab in IE */
  padding-left:0;
  color:#464646;
  font-weight:bold;
  line-height:1.2;
  text-align:center;
  text-decoration:none;
  white-space:nowrap; /* required in IE 6 */
  outline:0; /* prevent dotted border in Firefox */
  border:1px solid #ebebeb;
  border-width:1px 1px 0;
  top:1px;
}
.ui-tabs-nav .ui-tabs-selected {
  margin-bottom:-4px;
}
.ui-tabs-nav .ui-tabs-selected a {
  position:relative;
  top:-3px;
  z-index:2;
  margin-top:0;
  color:#000;
}
.ui-tabs-nav a span {
  width:64px; /* IE 6 treats width as min-width */
  min-width:64px;
  height:18px; /* IE 6 treats height as min-height */
  min-height:18px;
  padding-top:6px;
  padding-right:0;
}
*>.ui-tabs-nav a span { /* hide from IE 6 */
  width:auto;
  height:auto;
}
.ui-tabs-nav .ui-tabs-selected a span {
  /*padding-bottom:1px;*/
padding-top:8px;
  padding-bottom:2px;
}
.ui-tabs-nav .ui-tabs-selected a,
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active {
  background-position:100% -150px;
}
.ui-tabs-nav a,
.ui-tabs-nav .ui-tabs-disabled a:hover,
.ui-tabs-nav .ui-tabs-disabled a:focus,
.ui-tabs-nav .ui-tabs-disabled a:active {
  background-position:100% -100px;
}
.ui-tabs-nav .ui-tabs-selected a span,
.ui-tabs-nav a:hover span,
.ui-tabs-nav a:focus span,
.ui-tabs-nav a:active span {
  background-position:0 -50px;
}
.ui-tabs-nav a span,
.ui-tabs-nav .ui-tabs-disabled a:hover span,
.ui-tabs-nav .ui-tabs-disabled a:focus span,
.ui-tabs-nav .ui-tabs-disabled a:active span {
  background-position:0 0;
}
.ui-tabs-nav .ui-tabs-selected a:link,
.ui-tabs-nav .ui-tabs-selected a:visited,
.ui-tabs-nav .ui-tabs-disabled a:link,
.ui-tabs-nav .ui-tabs-disabled a:visited { /* @ Opera, use pseudo classes otherwise it confuses cursor... */
  cursor:text;
}
.ui-tabs-nav a:hover,
.ui-tabs-nav a:focus,
.ui-tabs-nav a:active,
.ui-tabs-nav .ui-tabs-unselect a:hover,
.ui-tabs-nav .ui-tabs-unselect a:focus,
.ui-tabs-nav .ui-tabs-unselect a:active { /* @ Opera, we need to be explicit again here now... */
  cursor:pointer;
}
.ui-tabs-disabled {
/*
  opacity:.4;
  filter:alpha(opacity=40);
*/
}
.ui-tabs-panel {
  border:1px solid #ebebeb;
  padding:1em 8px;
  background:#fff; /* background color to avoid distorted fonts in IE while fading */
  background:#fff url(/img/gradient.png) no-repeat scroll right bottom;
}
.ui-tabs-loading em {
  padding:0 0 0 20px;
  background:url(loading.gif) no-repeat 0 50%;
}
/* Additional IE specific bug fixes... */
* html .ui-tabs-nav { /* auto clear, @ IE 6 & IE 7 Quirks Mode */
  display:inline-block;
}
*:first-child+html .ui-tabs-nav { /* @ IE 7 Standards Mode - do not group selectors, IE 6 will ignore rule */
  display:inline-block;
}



/* checkboxes/radios */
/* don't change */
.chbxhide {
  left:-1000px;
  position:absolute;
}
label.chbx, label.rd {
  display:block;
  margin:5px 0;
  padding-left:25px;
}
label.chbx  {
  background:url(/img/icons/checkbox.png) no-repeat left top;  
}
label.rd  {
  background:url(/img/icons/radio.png) no-repeat;  
}
label.chkd {
  background-position:left -100px;
}
label:hover{
  color:#666;
}

#iframe {width:59.917em;}


div.imagegallery { position: relative;  }
span.lupe { background:transparent url(/img/system/icons.gif) no-repeat scroll 2px -680px; position: absolute; height: 2em; width: 2em; left: 0em; bottom: 0em; cursor: pointer; }
span.zoomplus {  background:transparent url(/img/system/icons.gif) no-repeat scroll 0px -858px; position: absolute; height: 1.5em; width: 1.5em; bottom: 0em; cursor: pointer; margin-left: -1.1em; }
div.zoomdiv { width: 17em;  position: relative; cursor: pointer; margin-right: 1em; margin-bottom: 0.5em; }
div.closeicon { background:url(/img/system/icons.gif) no-repeat scroll -303px -523px; height: 1.6em; width: 1.9em; float: right;  }


.blanklink { background:url(/img/system/icons.gif) no-repeat; background-position: -536px -1107px; padding-left: 1.1em; }  /* blauer Link  */
#contentteaser .blanklink, .gradientbox .blanklink { background:url(/img/system/icons.gif) no-repeat; background-position: -536px -976px; padding-left: 1.1em; color:#3D3D3D; }  /* schwarzer Externer */
#contentteaser .blanklink {color:#3D3D3D;}

#contentteaser .blanklink:focus, #contentteaser .blanklink:active { background-color: #4f7fac; background-position: -536px -1211px; color: #fff;  }/* weisser Externer */
.blanklink:active, .blanklink:focus { background-position: -536px -1211px;  }  /* weisser Externer */

/*fuer convertPX2EM, da Standard = Faktor 16 */
#content img {font-size:1.333em;}

div.searchitem span.searchHighlight {/* background-color: #146EA9; color: #fff;*/ }


/* Subhomepage Layout */
div.rightSideItem { /* height: 64px; margin-bottom: 8px;*/ }
div.rightSideItem img {/* margin-right: 14px; float: left;*/  }
div.rightSideItem .imgleft {margin-bottom:0px;}
/*
h3.seb { margin-bottom: 0.8em; }
*/
.specialTopSideSpacer { height: 1px; margin-bottom: 10px; }

 /*tables*/
/* ::: tabelle  ::: */
.tabelle {
  /*border-bottom:.4em solid #d6d6d6;*/
  border-collapse:collapse;
  table-layout:auto;
  width:100%;
}
.tabberlive .tabelle {width:100%;}
.tabelle thead tr {}
.tabelle thead tr th,
.tabelle tr.head td  {
  background-color:#e8e8e8;
  font-weight:bold;
  text-align:left;
  padding:.5em .5em;
  border-right:.5em solid #fff;
  vertical-align:top;
}
/*.tabelle tfoot tr {height:.4em; background-color:#d6d6d6;}*/

.tabelle thead tr td,
.tabelle tr.head td,
.tabelle tbody tr td,
.tabelle tr.body td,
.tabelle.nohead thead tr th,
.tabelle.nohead tr.head td  {
  padding:.5em .5em .3em .5em;
  border-right:.5em solid #fff;
  border-bottom:1px solid #c7c7c7;
  vertical-align:top;
}
.tabelle.nohead thead tr th,
.tabelle.nohead tr.head td {background-color:#fff;font-weight:normal;border-right:0;padding-right:1em;}
.tabelle.nohead thead {border-top:1px solid #c7c7c7;}

.tabelle thead tr th.last,
.tabelle thead tr td.last,
.tabelle tr.head td.last,
.tabelle tbody tr td.last,
.tabelle tr.body td.last {border-right:0em;}

.tabelle p {margin:0;}
.tabelle tfoot tr {background-color:#d6d6d6;height:.4em;}

.tabelle tbody tr.last td {border-bottom:0;}

/*
.tabelle thead tr th span.innertext,
.tabelle tr.head td span.innertext {
}

.tabelle tbody tr.headline td,
.tabelle tr.body.headline td {
  vertical-align:bottom;
}*/
.tabelle ul {
  margin-left:1.92em; /*23 in 12 wegen innerspan drumrum*/
}
.tabelle ul li {
  margin-left:0;
}
/*
.tabelle tbody tr td.zentriert,
.tabelle tr.body td.zentriert,
.tabelle tbody tr td.zentriert span,
.tabelle tr.body td.zentriert span {
  text-align:center;
}
.tabelle tbody td.links,
.tabelle tr.body td.links,
.tabelle tbody tr.links td,
.tabelle tr.body.links td {
  text-align:left;
}
.tabelle tbody td.rechts,
.tabelle tr.body td.rechts,
.tabelle tbody tr.rechts td,
.tabelle tr.body.rechts td {
  text-align:right;
}
*/
 /*navigation*/
/* ::: Navigation ::: */

#navi ul {list-style: none; margin-left: 0em; padding-left: 0px;  }
#navi ul li {float: left;  text-align: center; position:relative; height: 7.8em;  } /* */
#navi ul li a { font-size: 1.2em; cursor: pointer; height: 100%; color:#3D3D3D; }

#navi ul li#nav01 .navi_content { width: 12.6em;  } /* 150px */
#navi ul li#nav02 .navi_content { width:  9.7em; } /* 116px */
#navi ul li#nav03 .navi_content { width: 11.1em;}
#navi ul li#nav04 .navi_content { width: 11.1em; } /* 132px */
#navi ul li#nav05 .navi_content { width:  7.8em; }
#navi ul li#nav06 .navi_content { width:  7.8em; }
#navi ul li#nav07 .navi_content { width: 10.317em; } /* 123px */


#navi ul li a .links { background:url(/img/system/icons.gif) no-repeat; float: left; height: 4.1em; width: 7px; background-position: -23px -490px; } /* width: 0.5em; */
#navi ul li a .rechts { background:url(/img/system/icons.gif) no-repeat; float: left; height: 4.1em; width: 8px; background-position: -32px -490px; }  /* width: 0.665em;  */

#navi ul li .navi_content { float:left;  height: 3.5em; padding-top: 0.6em; color: #3e3d40; font-weight: bold; text-decoration: none;  background-image:url(/img/system/X.gif); background-position: 0px 0px;} /*height: 5.1em  */

#navi ul li.selected a .links { background:url(/img/system/icons.gif) no-repeat; background-position: -44px -490px; height: 5.1em; }
#navi ul li.selected a .navi_content { background: none; background-color: #FFF;  color: #3e3d40; height: 5.1em; }/*height: 3.45em; */
#navi ul li.selected a .rechts { background:url(/img/system/icons.gif) no-repeat;  background-position: -54px -490px; height: 5.1em;  }

#navi ul li.selected a { cursor: default; }

#navi ul li.active .navi_content,
#navi ul li:hover .navi_content,
#navi ul li a:active .navi_content{  background-image:url(/img/system/X.gif); background-position: 0px -1085px; color: #fff;  }

#navi ul li.active .links,
#navi ul li:hover .links,
#navi ul li a:active .links{  background-image:url(/img/system/icons.gif); background-position: -3px -490px; cursor: pointer;  }

#navi ul li.active .rechts,
#navi ul li:hover .rechts,
#navi ul li a:active .rechts{ background-image:url(/img/system/icons.gif); background-position: -12px -490px; cursor: pointer;  }


/* Zweite Navigations Ebene */

div#navi ul ul { height:auto; display:none; position:absolute; z-index:100; border:0.1em solid #517ca9; padding-left: 1em; padding-bottom: 0.5em; padding-right: 1em;  padding-top: 0em; background-image:url(/img/system/X.gif); background-position: 0px -2196px; background-color:#e5e5e5; background-repeat: repeat-x; left:0; top:49px;  }  /* top:4.9em  */

/*
#navi ul li#nav01 ul { width: 20em; left:0;  }
#navi ul li#nav02 ul { width: 15em;  left:0; }
#navi ul li#nav03 ul { width: 21em; left:0;}
#navi ul li#nav04 ul { width: 27.5em; left:0;}
#navi ul li#nav05 ul { width: 19em; left:0;}
#navi ul li#nav06 ul { width: 16.5em; left: 0; }

*/
#navi ul li#nav07 ul {  left: -2.3em ;} /* width: 15.1em; */

/*
Nicht l?schen vll braucht man das sp?ter noch - alte navigation Ebenen 1
#navi ul li#nav01 ul { width: 14.30em; top:4.9em; left:  0.00em;  }
#navi ul li#nav02 ul { width: 10.80em; top:4.9em; left: 16.60em; }
#navi ul li#nav03 ul { width: 12.50em; top:4.9em; left: 29.70em;}
#navi ul li#nav04 ul { width: 12.50em; top:4.9em; left: 44.50em;}
#navi ul li#nav05 ul { width:  8.60em; top:4.9em; left: 59.30em;}
#navi ul li#nav06 ul { width:  8.50em; top:4.9em; left: 70.20em;}
#navi ul li#nav07 ul { width: 11.60em; top:4.9em; left: 81.00em;}
*/

div#navi ul ul li.first { padding-top: 1.5em; }
#navi ul li#nav01:hover ul li.first, #navi ul li#nav01 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -468px -699px; background-repeat: no-repeat;}
#navi ul li#nav02:hover ul li.first, #navi ul li#nav02 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -487px -699px; background-repeat: no-repeat;}
#navi ul li#nav03:hover ul li.first, #navi ul li#nav03 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -479px -699px; background-repeat: no-repeat;}
#navi ul li#nav04:hover ul li.first, #navi ul li#nav04 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -479px -699px; background-repeat: no-repeat;}
#navi ul li#nav05:hover ul li.first, #navi ul li#nav05 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -498px -699px; background-repeat: no-repeat;}
#navi ul li#nav06:hover ul li.first, #navi ul li#nav06 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -500px -699px; background-repeat: no-repeat;}
#navi ul li#nav07:hover ul li.first, #navi ul li#nav07 ul li.first{ background-image: url(/img/system/icons.gif); background-position: -451px -699px; background-repeat: no-repeat;}

div#navi ul ul a { text-align: left;  }
div#navi ul ul li { float: none; border-bottom: 1px solid #c7c7c7; text-align: left; padding-top: 0.4em; padding-bottom: 0.4em; height:auto; }

div#navi ul ul li.last { border-bottom: none; }

div#navi ul li:hover ul { display: block; }
div#navi ul li:hover ul li { height: auto; width: auto; }
div#navi ul li:hover ul li a, div#navi ul li.active ul li a { background-image: none; color: #4e4f3d; font-weight: normal; text-decoration: none; }
div#navi ul li.active ul li a:focus, div#navi ul li.active ul li a:active { color: #fff; }

div#navi ul li:hover ul li:hover a { color: #1670a4; text-decoration: underline; cursor: pointer; color:#3D3D3D;  }
div#navi ul li:hover ul li a:focus, div#navi ul li:hover ul li a:active { color: #fff; text-decoration: underline;  }

div#navi ul { z-index:1; height: 100%; position: relative;   }
/* ::: Ende Navigation ::: */




/* Anfang Subnavigation */
#subnavi { margin-bottom: 3em; }
#subnavi ul { list-style: none; padding: 0.1em; border: 0.1em solid #c6c7c8; padding-bottom: 0em; }
#subnavi ul li { margin-bottom: 0.1em;  }
#subnavi ul li a { color: #3e3d40; text-decoration: none; font-weight: normal;  font-size: 1.2em; }
#subnavi ul li a span { background-image:url(/img/system/X.gif); background-position:0 -808px; background-repeat:repeat-x; display: block; padding: 0.6667em; background-color: #eaeaea; }

/* hovers */
#subnavi ul li a:hover span,
#subnavi ul li a:active span,
#subnavi ul li a:focus span { background-image:url(/img/system/X.gif); background-position:0 -735px; background-repeat:repeat-x; display: block; background-color: #628fbc; }

#subnavi ul li a:hover, #subnavi ul li a:active, #subnavi ul li a:focus { text-decoration: none; font-weight: bold; color: #FFF; }

#subnavi ul li a:active,
#subnavi ul li a:focus { background: none;  }

/* 2. Ebene */
#subnavi ul ul { border: none; padding-left: 1em; padding-bottom: 0.5em; padding-top: 0.5em; }
#subnavi ul ul li a { font-size: 1.2em;  }
#subnavi ul ul li a span {background: none; padding: 0.1667em; padding-left: 0.8333em; }
/*background-image:url(/img/system/subnavi_pfeil.gif); background-repeat: no-repeat; background-position: -0.0833em 0.5833em; */


/* hovers 2. Ebene */

#subnavi ul ul li a.selected span { text-decoration: underline; }
#subnavi ul li.selected a span{ background-image:url(/img/system/X.gif); background-position:0 -735px; background-repeat:repeat-x; display: block; background-color: #628fbc; color: #fff; font-weight: bold; }
#subnavi ul li.selected ul li a span { background: none; color: #FFF; background:url(/img/system/icons.gif) -542px -260px no-repeat;padding-left:1em; color: #3e3d40; font-weight: normal;  }

#subnavi ul li.selected ul li a:hover span {  text-decoration: underline;  }

#subnavi ul li.selected ul li a:focus span,
#subnavi ul li.selected ul li a:active span { background: none; color: #fff; background-color: #3e77b2; }

/* Ende Subnavigation */
 /*shadowbox*/
#sb-container, #sb-wrapper {
  text-align:left;
}
#sb-container, #sb-overlay {
  position:absolute;
  top:0;
  left:0;
  width:100%;
  margin:0;
  padding:0;
}
#sb-container {
  height:100%;
  display:none;
  visibility:hidden;
  z-index:999;
}
body>#sb-container {
  position:fixed;
}
#sb-container>#sb-overlay {
  height:100%;
}
#sb-wrapper {
  position:relative;
}
#sb-wrapper img {
  border:none;
}
#sb-body {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
  border:1px solid #303030;
}
#sb-body-inner {
  position:relative;
  height:100%;
}
#sb-content.html {
  height:100%;
  overflow:auto;
}
#sb-loading {
  position:absolute;
  top:0;
  width:100%;
  height:100%;
  text-align:center;
  padding-top:10px;
}
#sb-body, #sb-loading {
  background-color:#060606;
}
#sb-title, #sb-info {
  position:relative;
  margin:0;
  padding:0;
  overflow:hidden;
}
#sb-title-inner, #sb-info-inner {
  position:relative;
  font-family:'Lucida Grande', Tahoma, sans-serif;
  line-height:16px;
}
#sb-title, #sb-title-inner {
  height:26px;
}
#sb-title-inner {
  font-size:16px;
  padding:5px 0;
  color:#fff;
}
#sb-info, #sb-info-inner {
  height:20px;
}
#sb-info-inner {
  font-size:12px;
  color:#fff;
}
#sb-nav {
  float:right;
  height:16px;
  padding:2px 0;
  width:45%;
}
#sb-nav a {
  display:block;
  float:right;
  height:16px;
  width:16px;
  margin-left:3px;
  cursor:pointer;
}
#sb-nav-close {
  background-image: url(/img/system/icons.gif);
  background-repeat: no-repeat;
  background-position: -17px -991px;
}
#sb-nav-next {
  background-image: url(/img/system/icons.gif);
  background-repeat: no-repeat;
  background-position: -16px -1156px;
}
#sb-nav-previous {
  background-image: url(/img/system/icons.gif);
  background-repeat: no-repeat;
  background-position: -16px -1031px;
}
#sb-nav-play {
  background-image: url(/img/system/icons.gif);
  background-repeat: no-repeat;
  background-position: -13px -1069px; 
}
#sb-nav-pause {
  background-image: url(/img/system/icons.gif);
  background-repeat: no-repeat;
  background-position: -15px -1110px;
}
#sb-counter {
  float:left;
  padding:2px 0;
  width:45%;
}
#sb-counter a {
  padding:0 4px 0 0;
  text-decoration:none;
  cursor:pointer;
  color:#fff;
}
#sb-counter a.sb-counter-current {
  text-decoration:underline;
}
div.sb-message {
  font-family:'Lucida Grande', Tahoma, sans-serif;
  font-size:12px;
  padding:10px;
  text-align:center;
}
div.sb-message a:link, div.sb-message a:visited {
  color:#fff;
  text-decoration:underline;
}

 /*JQueryDatepicker*/
table.jCalendar {
  border: 1px solid #000;
  background: #aaa;
    border-collapse: separate;
    border-spacing: 2px;
}
table.jCalendar td {
  background: #ccc;
  color: #000;
  padding: 3px 5px;
  text-align: center;
}
table.jCalendar td.other-month {
  background: #ddd;
  color: #aaa;
}
table.jCalendar td.today {
  background: #467cb4;
  color: #fff;
}
table.jCalendar td.selected {
  background: #f66;
  color: #fff;
}
table.jCalendar td.selected:hover {
  background: #f33;
  color: #fff;
}
table.jCalendar td:hover, table.jCalendar td.dp-hover {
  background: #fff;
  color: #000;
}
table.jCalendar td.disabled, table.jCalendar td.disabled:hover {
  background-color: #4e8bca;
  color: #888;
}

/* For the popup */

/* NOTE - you will probably want to style a.dp-choose-date - see how I did it in demo.css */

div.dp-popup {
  position: relative;
}
div#dp-popup {
  position: absolute;
  z-index: 199;
}
div.dp-popup h2 {
  font-size: 12px;
  text-align: center;
  margin: 2px 0;
  padding: 0;
}
a#dp-close {
  font-size: 11px;
  padding: 4px 0;
  text-align: center;
  display: block;
}
a#dp-close:hover {
  text-decoration: underline;
}
div.dp-popup a {
  color: #000;
  text-decoration: none;
  padding: 3px 2px 0;
}
div.dp-popup div.dp-nav-prev {
  position: absolute;
  top: 2px;
  left: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-prev a {
  float: left;
}
/* Opera needs the rules to be this specific otherwise it doesn't change the cursor back to pointer after you have disabled and re-enabled a link */
div.dp-popup div.dp-nav-prev a, div.dp-popup div.dp-nav-next a {
  cursor: pointer;
}
div.dp-popup div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
}
div.dp-popup div.dp-nav-next {
  position: absolute;
  top: 2px;
  right: 4px;
  width: 100px;
}
div.dp-popup div.dp-nav-next a {
  float: right;
}
div.dp-popup a.disabled {
  cursor: default;
  color: #aaa;
}
div.dp-popup td {
  cursor: pointer;
}
div.dp-popup td.disabled {
  cursor: default;
}
 /*JQueryDatepickerSkin*/
div.dp-popup 
{
  background-color:#5989ba;
  font-size: 10px;
  font-family: arial, sans-serif;
  width: 172px;
  line-height: 1.2em;
}

table.jCalendar{
  background-color:#FFFFFF;
  border-color:#666666;
  font-size:11px;
}

table.jCalendar th {
  background: #e5e5e5;
  color: #3e3d40;
  font-weight: bold;
  padding: 3px 5px;
}

table.jCalendar td{

   color:#000;
}

table.jCalendar td.today{
  background-color:#467cb4;
  color:#fff;
}

table.jCalendar td.selected,
table.jCalendar td.selected:hover{
  background-color:#FFFFFF;
  color:#000000;
}

table.jCalendar td.disabled,
table.jCalendar td.disabled:hover{
  background-color:#fff;
  color:#797979;
}

a.dp-nav-prev-year,
a.dp-nav-prev-month,
a.dp-nav-next-year,
a.dp-nav-next-month { width:15px; height:15px; }

a.dp-nav-next-year {   background:url(/img/system/icons.gif) no-repeat;  background-position: -538px -518px; }
a.dp-nav-next-month { background:url(/img/system/icons.gif) no-repeat;  background-position: -537px -439px; }

a.dp-nav-prev-year { background:url(/img/system/icons.gif) no-repeat;  background-position: -449px -518px; }
a.dp-nav-prev-month { background:url(/img/system/icons.gif) no-repeat;  background-position: -457px -439px; }

div.dp-nav-prev a.disabled, div.dp-popup div.dp-nav-next a.disabled {
  cursor: default;
  background-position:-16px 5px;
}
/*
h1 {
  font-size: 1.6em;
  margin: 0 0 1em;
  padding: 0 0 .3em;
  border-bottom: 4px solid #ccc;
}
h1.home {
  margin: 0;
  border: none;
}
*/
div.dp-popup h2 
{
  font-size: 12px;
  margin: 2px 0;
  padding: 0;
  border: none;
  line-height:1.5em;
  color: #fff;
}

input.dp-applied {
  float: left;
}

a.dp-choose-date {
  float: left;
  width: 16px;
  height: 16px;
  padding: 0;
  margin-left:7px;
  display: block;
  text-indent: -2000px;
  overflow: hidden;
  background:url(/img/system/icons.gif) no-repeat;  background-position: -306px -492px;
}

a.dp-choose-date:active, a.dp-choose-date:focus {  
  background:url(/img/system/icons.gif) no-repeat;  background-position: -538px -806px;
 }

/* background: url(/img/system/icons/kalender.gif) no-repeat;  */


a.dp-choose-date.dp-disabled {
  background-position: 0 -20px;
  cursor: default;
}

input.datesmall
{
  width:75px;
  border:1px solid #A5ACB2;
  color:#666666;
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size:10px;
  height:20px;
  margin:1px 0;
  padding:2px 0 0 4px;
}
 /*formular*/
/* Seperate CSS Datei f?r Formulare */



/* Allgemeine Inputs */
input, select {border:1px solid #a1a1a1; font:1.2em/125% Verdana, Arial, Helvetica, sans-serif; padding:1px 2px;}
input {height:1.3em;}
select {height:1.8em;}


/* Formularaufbau */
#formular label {  width:14em;  }
#formular .row { margin-bottom: 0.3em; min-height: 2em; width: 100%; }
#formular .row label { float:left;  padding-top:0.25em; margin-top: 0.1em; }/*height:1.6em;*/
#formular .row span.fliesstext { float:left;  padding-top:0.25em; margin-top: 0.1em; width:14em;  }
#formular .rowdays { margin-bottom: 0.3em;   }
#formular .rowdays label { margin-right: 0.3em; vertical-align:middle; }
#formular .rowdays span { margin-right: 0.4em;  }
#formular .rowdays #ctl00_ctl00_ctl00_main_content_innercontent_serie { margin-right: 5em; }
#formular span.required { color: #3366cc; font-weight: bold;}
#formular .rowreason { margin-bottom: .3em; min-height: 2em; width: 100%;  }
#formular .rowreason label {  float:left; margin-top: 0.1em; width: 10em;}

/* Die Labels mit der Sucheingabe b?ndig zum Content ausrichten ( Wird auf machen Seiten ben?tigt )  */
#formular .row label.margeme { margin-right: 1.2em; }

#formular .submit_button_margeme {  background-color:#eceded; border: 1px solid #cbcccd; display: block;   text-align: center;  padding: 0.2em; margin-left: 15.2em; margin-right: 0em; }
#formular .submit_button_margeme:focus, #formular .submit_button_margeme:active {  border: 1px solid #cbcccd; background-color:#4f7fac; color: #fff; } 


/* Eingabefelder */
#formular input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle; margin-top:0.1em; }
#formular input[type="radio"] {  border: none; margin-left: 1em; vertical-align: middle; margin-top:0.1em; }
#formular input[type=text],
#formular input[type=password] {  width: 25em; border: 1px solid #cbcccd; height: 1.3em;  color: #3e3d40; font-size: 1em; padding:0.25em 0.2em 0.2em;  }
#formular input.datebox {width: 8.5em;}
#formular input.shortinput{width: 8.5em;}
#formular input.inputplz { width:6.5em; }
#formular input.inputort { margin-left:0.6em; width:17.3em; }
#formular textarea {  width: 25em;  height: 7em; border: 1px solid #cbcccd; padding: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3e3d40; font-size: 1em; }
#formular .inputstandard { width: 25em; font-size: 1em;  }
#formular select.inputstandard { width: 25.5em; font-size: 1em; border: 1px solid #CBCCCD; }
#formular .rowreason #Labelgrund{ height: 5em; }
#formular .rowreason label#Labelgrund {width:14em; }
#formular .rowreason input { float: right; margin-right: 12em; }

#formular #ctl00_ctl00_ctl00_main_content_innercontent_Labelort, #formular #ctl00_ctl00_ctl00_main_content_innercontent_Labelort2 { display: none; }


#formular .errorlabel { color: red; }
#formular .errorlabel .required { color: red; }


/* Submitbutton */
#formular .submit_button{  background-color:#eceded; border: 1px solid #cbcccd; display: block;   text-align: center;  padding: 0.2em; margin-left: 14.3em; margin-right:1em; text-decoration: none;  }
#formular .submit_button:hover { text-decoration: underline; }
#formular .submit_button:focus, #formular .submit_button:active {  border: 1px solid #cbcccd; background-color:#4f7fac; color: #fff;   } 

/*
#formular .branchenTree ul li{
  background-image:none;
  padding-left:1.5em;
}

#formular .branchenTree ul li.open{
  background:  transparent url(/img/system/labelgroup_open.gif) no-repeat;
}

#formular .branchenTree ul li.close{
  background:  transparent url(/img/system/labelgroup_close.gif) no-repeat;
}
*/

#formular div.row .additionalpic { background:transparent url(/img/system/icons.gif) no-repeat scroll -531px -200px; color:#3D3D3D; display:inline-block; padding-left:1.9em; margin-right:1.4em; margin-top:0.3em; }
#formular div.row .removepic { background:transparent url(/img/system/icons.gif) no-repeat scroll -303px -523px; color:#3D3D3D; display:inline-block; padding-left:1.9em; margin-right:1.4em; margin-top:0.1em; margin-bottom:0.3em; } 

#formular div.row .additionalpic:focus, #formular div.row .additionalpic:active, #formular div.row .removepic:focus, #formular div.row .removepic:active {background-color:#4f7fac;color:#fff;}

#formular div.row .nomargin { margin:0px; }


/* Feuerwehr */
#formular .checkboxrow { margin-bottom: 0.3em;width: 100%; }
#formular .checkboxrow label { width: 38em; float: right; margin-top:0.2em;  }
#formular .checkboxrow2 label { width: 35em; float: right; margin-top:0.2em;  }
#formular .checkboxrow input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle;  margin-top: 0.1em}
#formular .checkboxrow2 input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle; margin-left: 2.4em; margin-top: 0.2em}

#formular .row1 { width: auto; float: left; }
#formular .row2 { width: auto; float: right;  }

#contentmain #LoginExtranet { margin-top: 0em; }

/* Css Rules f?r die Felder ohne Row (wo - without) */
#formular .fliesstextworow { float: left; }
#formular .errorlabelworow { float: left; color: red;  }
#formular .inputworow { margin-bottom: 0.3em; }
#formular .inputworowerror { margin-bottom: 0.3em;   }
#formular .errorlabelworow .required { color: red; }


/* Erweiterung f?r Einsatz Formular der Feuerwehr */
#formular .row label.nofloat { float:none; width:20em; }
#formular textarea.big { width:39.000em; height:16.667em; }
 /*klapper*/
/* ::: onAccordion ::: */

/*.onAccordion,
.onAccordion * {*/
.onAccordion {
  border:0;
  margin:0;
  padding:0;
}

.onAccordion {
  border: 1px solid #dadada;
  padding: 0.1em;
}

.hide {
  display:none;
}

.onAccHead {
  background-color: #eaeaea;
  background-image:url(/img/system/X.gif); background-position:0 -813px; background-repeat:repeat-x; /* grau */
  cursor:pointer;
  padding: 0.5em 1em 0.6em 0.9em;
  color: #211f17; 
  font-weight: normal;
  font-size: 1em;
}
/*
  padding: 0.5em 1em 0.2em 0.9em;
  height: 1.8em;
*/


h2.onAccHead { margin-bottom: 0em; }

.onAccordion .selected {
  font-weight: bold;
  color:#fff;
  background-image:url(/img/system/X.gif); background-position:0 -739px; background-repeat:repeat-x; /* blau */
 display: block;
 background-color: #6490be;
}
.onAccHead:hover {  background-image:url(/img/system/X.gif); background-position:0 -739px; background-repeat:repeat-x;    background-color: #6490be;   font-weight: bold;
  color:#fff;}

.onAccordion div h3 {
  padding:1em 1em 0 1em;
}

.onAccordion div.onAccordionContent {
  padding:1em;
  padding-left: 0.5em;
  /*margin-bottom:-10px;*/
 background-image:url(/img/system/X.gif); background-position: 0 -2283px; background-color:#e5e5e5; background-repeat: repeat-x; 
}
.onAccordion div.open {
   padding: 1em;
  padding-left: 0.5em;
  background-image:url(/img/system/X.gif); background-position: 0 -2283px; background-color:#e5e5e5; background-repeat: repeat-x; 
}


.onAccordionContent .onAccordionContent { border: none; }

#contentteaser .onAccordionContent li {
background:transparent url(/img/system/icons.gif) no-repeat scroll -689px 1px;
list-style-type:none;
padding-left:0.8em;
margin: 0.1em;
}

.onAccordion .onAccHead a
{
  color:#FFFFFF;
}

 /*Kalender*/
/* Styles f?r den Kalender */

.kalendersingle {  border: 1px solid #cccccc; margin: 0px; padding: 0.1em; width:16.1em;  }
.kalendersingle .calendarhead { border: 1px solid #4d81b7; text-align: center;  padding: 0.3em; margin-bottom: 0.1em; background-color: #4d81b7; color: #fff; font-weight: bold; padding-left: 1em; padding-right: 1em; }
.kalendersingle .calendarhead select { margin-bottom:0.1em; }

.kalendersingle #selectedyearmonthkalender { height: 1.6em; }
.kalendersingle .calendarcol { width: 2.13em;  float: left;  text-align: center; background-color: #e5e5e5; border: 1px solid #e1dfdf; } /* Wochentage */

.kalendersingle .calendarcol1 {  vertical-align: middle; margin: 0px; height:1.4em; padding-top: 0.05em; clear:both; float: left; width:100%;   }  /* Zeilen */

.kalendersingle .calendarcol2 { width: 1.93em; float: left; text-align: right; border: 1px solid #e1dfdf; height: 1.3em; padding-top: 0.05em; padding-right: 0.2em; }  /* "Spalten" */
.kalendersingle .calendarcol2 a { color: #3e3d40; font-weight: normal; }

.kalendersingle .calendarcol2 a:focus, .kalendersingle .calendarcol2 a:active{ background-color: #4f83b7;color: #fff;  }

.kalendersingle .calendarcol2:hover a { color: #fff; text-decoration: none; }
.kalendersingle .calendarcol2:hover { background-color: #4f83b7; color: #fff; text-decoration: none; }

.kalendersingle .calendarcol2.today { background-color: #4f83b7;   }
.kalendersingle .calendarcol2.today a { color: #fff;   }

.kalendersingle .clear{ height:0.5em; font-size: 0.2em;  }

#datesuche { border:solid 1px #c7c7c7; padding:1.2em .6em .6em .6em;  background: #e5e5e5 url(/img/system/X.gif) 0px -2283px  repeat-x;   }
#datesuche .datebox { float: left; border: 1px solid #e0e0e0; border-top: 1px solid #a1a1a1; border-bottom: none; width:7.9em; font-size:1em;   }
#datesuche .datetext {  float:left; }
#datesuche .row { margin-bottom: 0.6em; width: 100%; }
#datesuche .row label { width: 3.5em; }
#datesuche .dropdown{ width: 5em; border: 1px solid #e0e0e0;  border-top: 1px solid #a1a1a1; border-bottom: none;  width:15.1em;  font-size:1em;}
#datesuche .searchstring{ margin-bottom: 9px; border: 1px solid #e0e0e0; border-top: 1px solid #a1a1a1; border-bottom: none; width:14.4em; padding: 2px; font-size:1em;  padding-left: 5px; }

.kalendersingle .month {   }
.kalendersingle .prev-month, .kalendersingle .next-month{ cursor: pointer; color: #fff; width: 1em; height: 1em; text-align: center;  }
.kalendersingle .prev-month { background:transparent url(/img/system/icons.gif) no-repeat scroll -457px -439px; float: left;  }
.kalendersingle .next-month { background:transparent url(/img/system/icons.gif) no-repeat scroll -537px -439px; float:  right;  }

#contentteaser .kalendersingle a { text-decoration: none; }

#datesuche .back { margin-left: 9.3em; margin-top: 0.6em; text-decoration: none;  }
#datesuche .back:hover { text-decoration: underline; }
 /*behoerdenlotse*/
/* Styles f?r den Beh?rdenlotsen */



div#contentmain .img_floatleft { float: left; margin-right:  1em; margin-bottom: 0.5em; }
div#contentmain .small_font { font-size:0.8em; font-weight:normal; }
div#contentmain .padding { padding: 0.5em; margin-bottom: 0em;}

div#contentmain .bewertung { background-color: #fff; color:#3e3d40; margin: 0em 0.2em; font-weight: bold; padding: 0em; height: 1.5em; width: 2em; cursor:pointer; padding-bottom: 0.2em; }
div#contentmain .bewertung:active, div#contentmain .bewertung:focus { background-color: #4f83b7;color: #fff; }

/* div#contentmain .bewertung:hover { background-color: #4f83b7;color: #fff; } */

div#contentmain #bewertung .rubrik h2 { font-size: 1.2em; }

div#contentmain .grau_sucheingabe { padding: 0.5em; margin-bottom: 2em;}
div#contentmain .sucheingabe { width: 20em; height: 1.3em; border-color: #E0E0E0; border-style:solid none none; border-width:1px 1px medium; border-top: 1px solid #a1a1a1; float: left; }

div#contentmain .suche_submit_button { background:transparent url(/img/system/icons.gif) no-repeat scroll -172px -814px; border: none; height: 1.5em; margin-left: 0.5em; width: 1.5em; border-top: 1px solid #a1a1a1; background-color: #fff; cursor: pointer; }
div#contentmain .suche_submit_button:active, div#contentmain .suche_submit_button:hover, div#contentmain .suche_submit_button:focus { background:transparent url(/img/system/icons.gif) no-repeat scroll -172px -905px; background-color: #fff; }


div#contentmain .empty { background:transparent url(/img/system/icons.gif) no-repeat scroll -317px -801px; cursor:pointer;  width: 20px; height: 20px; float: left; }

div#contentmain .plus {  background:transparent url(/img/system/icons.gif) no-repeat scroll -316px -678px; cursor:pointer; width: 20px; height: 20px; float: left; }
div#contentmain .plus:focus, div#contentmain .plus:active, div#contentmain .plus:hover { background:transparent url(/img/system/icons.gif) no-repeat scroll -175px -678px;   }

div#contentmain .minus {  background:transparent url(/img/system/icons.gif) no-repeat scroll -316px -740px; cursor:pointer; width: 20px; height: 20px; float: left; }  /*-317px -679px*/
div#contentmain .minus:focus, div#contentmain .minus:active, div#contentmain .minus:hover { background:transparent url(/img/system/icons.gif) no-repeat scroll -176px -740px;  }


div#contentmain ul#themen li { background-image: none; padding-left: 0em; }

div#contentmain ul#themen li ul li { padding-left: 1.7em; }

div#contentmain ul#themen li ul li.pfeil { padding-left: 2.8em; background:url(/img/system/icons.gif) no-repeat scroll -521px -311px;  }
div#contentmain ul#themen li ul li.pfeil a {  color: #000; font-weight: normal; text-decoration: none; }
div#contentmain ul#themen li ul li.pfeil a:hover { text-decoration: underline; }
div#contentmain ul#themen li ul li.pfeil a:active, div#contentmain ul#themen li ul li.pfeil a:focus { color: #fff; }

div#contentmain ul#themen ul li ul li.pfeil { padding-left: 2.7em;  }
div#contentmain ul#themen ul li ul li.pfeil a { color: #000; font-weight:normal; }
div#contentmain ul#themen ul li ul li.pfeil a:focus, div#contentmain ul#themen ul li ul li.pfeil a:active { color: #fff; }

div#contentmain ul li.nopadding { padding-left: 0em; }

div#contentmain #suchliste li { background-image: none; padding-left: 0em; }

div#contentmain span.info { background:transparent url(/img/system/icons.gif) no-repeat scroll -305px -187px; cursor:pointer; width: 20px; height: 20px; float: left; }
div#contentmain span.pdf { background:transparent url(/img/system/icons.gif) no-repeat scroll -305px -210px; cursor:pointer; width: 20px; height: 20px; float: left; }
div#contentmain div.pdftext { margin-left: 1.8em; }

div#contentmain p.info { background:transparent url(/img/system/icons.gif) no-repeat scroll -305px -187px; cursor:pointer; width: 20px; height: 20px; }
div#contentmain p.pdf { background:transparent url(/img/system/icons.gif) no-repeat scroll -305px -210px; cursor:pointer; width: 20px; height: 20px;  }

div#contentmain .tinyHtmlEditorContentCssClass p,
div#contentmain .tinyHtmlEditorContentCssClass ul li { margin-bottom: 0em; }



/*
div#contentmain .themen ul li a.black_link { color: #000; font-weight: normal;  }
*/

/*
div#contentmain .pager .spacerpagerbutton { width: 1.8em; height: 1.5em; float:right;  }
*/

/* Teaser */
div#contentteaser .blue { border: 1px solid #D5D5D5;  background:url(/img/system/X.gif) 0 -445px repeat-x; color: #fff;  }
div#contentteaser .blue ul li { color: #fff; background-position: -541px -440px; }
div#contentteaser .blue ul li a { color: #fff; }
div#contentteaser .blue ul li a:active,
div#contentteaser .blue ul li a:focus { color: #000; background-color: #fff; }

/*div#contentteaser .teaserline {  background-color:#C7C7C7; clear:both; font-size:0; height:1px;}*/

div#contentteaser .Teasersucheingabe{  font-size:1em; margin-bottom:9px; padding:2px 2px 2px 5px; width:14.4em; border: #e0e0e0 1px solid; border-top:1px solid #A1A1A1;  } 

div#contentteaser .gradientbox h3.black { color: #3D3D3D; }

/* A-Z Dienstleistungssuche */
div#contentmain .abc { text-decoration: none; }
div#contentmain .abc:hover { text-decoration: underline; }


 /*kleinanzeigen*/
/* Kleinanzeigen Styles */


div#contentteaser a.note { float: left; margin-right: 0.2em; width:12em; }
div#contentteaser .delete { background:transparent url(/img/system/icons.gif) no-repeat scroll -306px -522px; cursor:pointer; width: 1.2em; height:1.4em; float: left; }

div#contentteaser .delete:hover,
div#contentteaser .delete:focus,
div#contentteaser .delete:active { background-position: -188px -522px;  }

div#contentteaser .gradientbox ul li.floating {  float: left; }

.mapimage { width: 268px; border: 1px solid #c8c9ca; margin-bottom: 0.833em; background-color: #fff; background-color: #eff0f1; } /*height:160px; */
.thumbimg { border: 1px solid #c8c9ca; width: 84px; height: 51px; margin: 0 .5em .5em 0;cursor:pointer; float:left; background-color:#eff0f1; }

#images { width: 280px; float: left; }

.iconlinkright .sticky { background:transparent url(/img/system/icons.gif) no-repeat scroll -306px -211px; margin-right: 2.5em; padding-left: 1.9em;  color: #3D3D3D; display: inline-block; }
.iconlinkright .sticky:focus, .iconlinkright .sticky:active { background-color:#4f7fac;color:#fff;  } 

/*.list_image { float: left; height:78px; width: 130px; margin-right: 10px; margin-bottom: 10px; }*/

                           
 /*branchenbuch*/
.branchenTree ul#branchen li { background-image: none; padding-left: 0em;}
.branchenTree ul#branchen li input { border: none; vertical-align: middle; margin-right: 0.4em; }
.branchenTree ul#branchen li ul li  { padding-left: 3.6em; }
.branchenTree ul#branchen ul ul li { padding-left: 7em; }

 /*quicknav*/
/* Styles fuer die Quicknav und search */

#quicksearch #search #searchvalue { border-top: 1px solid #a1a1a1; border-left: 1px solid #e0e0e0; border-right: 1px solid #e0e0e0; color: #3e3d40; margin-right: 0.1em; border-bottom: 0px; height: 1.3em; padding-top: 0.2em; padding-right: 0.1em; padding-left: 0.3em; 
 }

#concern { width: 17.5em; }

#concern .quicknav { border-top: 1px solid #a1a1a1; 
                                    border-left: 1px solid #e0e0e0;
                                    border-right: 1px solid #e0e0e0;
                                    font-size: 1.2em; height: 1.5em; padding-top: 0.1em; padding-right: 0.1em; padding-left: 0.3em; 
                                    /*background:url(/img/system/icons.gif) 1px -66px no-repeat;*/
                                    background:url(/img/system/icons.gif) no-repeat; background-position: -384px -904px; 
                                    background-color: #fff;
                                    display:block;
                                    color:#3D3D3D;
                                    font-weight: normal;
                                    margin-left: 0.2em;
}




/*
#concern a.quicknav:active{
   color:#4F7FAC;
}*/


#concern #quicknav a.quicknav:hover, #concern #quicknav a.quicknav:focus, #concern #quicknav a.quicknav:active { text-decoration: none; color: #3D3D3D;  }

#concern #quicknavContainer { margin-left: 0.1em; margin-top: 0em; background: #fff;  font-size: 1.2em; border-bottom: 1px solid black; border-right: 1px solid black; border-left: 1px solid #b2b2b2; border-top: 1px solid #b2b2b2; padding-bottom: 0.9em; padding-top: 0.1em; } 
 
#concern #quicknavContainer .quicknavEntry {  padding: 0.1em 1.5em 0.1em 0.4em; } 
#concern #quicknavContainer .quicknavEntry a{  color:#3D3D3D; font-weight: normal; display: block;  }
#concern #quicknavContainer .quicknavEntry a:focus, #concern #quicknavContainer .quicknavEntry a:active { color: #fff; background-color: #146EA9; text-decoration: none; }
#concern #quicknavContainer .quicknavEntry a:hover { text-decoration: none; }

/* Hover */
#concern #quicknavContainer .quicknavEntry:hover {  }
#concern #quicknavContainer .quicknavEntry:hover a {  text-decoration: underline; }
#concern #quicknavContainer .quicknavEntry:hover a:active { color: #fff; }



#concern .hide{
  z-index:-1;
  display: block;
}

#quicknavContainer
{
  background-color:#FFFFFF;
  position:absolute;
  z-index:999;
}


/* nur fuer webeditor */
#page #contentfooter div.container {width:30.5em; float:left; margin-right:1.7em;}
 /*print*/
/* Style Datei f?r das Drucken */



@media print {

* { margin: 0em; padding: 0em; background: none;  }

body,
#container { overflow:visible; margin: 0em;   }

h1,
h2,
h3,
a,
h4 { color: #3D3D3D; }

div#metanavigation,
div#keyvisual,
div#quicksearch,
div#navi,
div#subnavi,
div#footerright,
div#teaser .teaserboxhome,
div#containercontentfooter,
div#sitefunc,
div.clear,
div.iconlinkright,
div#keyvisual,
div#banner.bannershow,
div#service { display: none; }

div#container { background: none; }

div#container #head { margin: 0em; padding: 0em;}
div#main { padding: 0em; margin: 0em; }

div#content { margin: 0em; float: none;   }
div#logo { padding: 0em; margin: 0em; }

div#contentmain{  float: left; margin-right: 1em; }
div#contentteaser { float: left; }

div#containernavifooter { background: none; }
div#footer { margin: 0em; padding: 0em; }
#footerleft  a { color: #3D3D3D; }


}

 /*Abwasserbetrieb*/
#formular .druck .row label { margin-top: 0px; padding-top: 0px; height: 1em; }
#formular .druck .row .mitteilung { padding-left: 14em; }
#formular .druck .row .mitteilung .halfmitteilung { float:left; width:13em; }

#formular .row  .subtitels {
float:left;
margin-top:0.4em;
width:13em;
}

#formular input.inputstrasse { margin-right:0.6em; width:17.3em;  }

#formular .row .halfinputleft,
#formular .row .halfinputright { width:11.9em; }

#formular .row .halfinputleft { margin-right: 0.6em; }
 /*static_print*/
/* Style Datei f?r das Drucken */



@media print {

* { margin: 0em; padding: 0em; background: none;  }

body,
#container { overflow:visible; margin: 0em;   }

h1,
h2,
h3,
a,
h4 { color: #3D3D3D; }

div#metanavigation,
div#keyvisual,
div#quicksearch,
div#navi,
div#subnavi,
div#footerright,
div#teaser .teaserboxhome,
div#containercontentfooter,
div#sitefunc,
div.clear,
div.iconlinkright,
div#keyvisual,
div#banner.bannershow,
div#service { display: none; }

div#container { background: none; }

div#container #head { margin: 0em; padding: 0em;}
div#main { padding: 0em; margin: 0em; }

div#content { margin: 0em; float: none;   }
div#logo { padding: 0em; margin: 0em; }

div#contentmain{  float: left; margin-right: 1em; }
div#contentteaser { float: left; }

div#containernavifooter { background: none; }
div#footer { margin: 0em; padding: 0em; }
#footerleft  a { color: #3D3D3D; }


}

 /*Gewerbefl?chen*/
#formular .rowcheckboxlist label.checkbox {  float: left; width: 16.5em;  height:1.7em; margin-top:0.21em;  }

#formular .rowcheckboxlist .checkbox { float: left; }

#formular .glfaechensearchbox .vonbis { float: left; width: 5em;  }
#formular .glfaechensearchbox label.fliesstext { float: left; width: 2.4em; margin-top:0.3em; }
#formular .glfaechensearchbox .fliesstext { width: 3em; float : left; margin-top:0.3em; }

#formular .rowcheckboxlist label { margin-right:0.8em; vertical-align:middle; }

.thumbimgg { background-color:#EFF0F1;
border:1px solid #C8C9CA;
cursor:pointer;
float:left;
height:51px;
margin:0 0.5em 0.5em 0;
width:84px;
text-align:center;
 }

body div.iconlinkright a.info { background: url("/img/system/icons.gif") no-repeat scroll transparent -304px -188px; display:inline-block;
color:#3D3D3D;
margin-right:2.5em;
padding-left:1.9em;}
 /*Branchenbuch V2*/
div.firmapager .info { float: left; }
div.firmapager .paging { float: right; }


.note { float: left; margin-right: 0.5em; }

div#firmen #branchen ul input { float: left; margin-right: 0.5em; margin-top: 0px; border: none; }

div#firmen { height: auto; }

#formular ul#branchen label { float: none; width: auto; }

.branchensuche { font-weight: bold; }



#content #firmen ul li { list-style: none; background: none;  margin-bottom: 0.4em;}

div.linkcol { float:right;
padding-right:5.8em;
 }

ul#branchen .clear { height: auto; }

 a.gmnoprint { clear:both; display:block; } 
 div.gmnoprint { display: none; }

div.quickicons { bottom: 16px;
position:absolute;
right:15px; }

.firstcol {  float:left; width:27.8em; }

#firmenausgabe .firmenbox {
overflow:hidden;
padding:16px 8px;
position:relative;
}

#firmenausgabe .odd { background-color: #F6F6F6;}

#main div.hasBookmark ul li { padding: 0px; background: none; float: none; height: 18px; width: 18px; float: left; margin-right: 2px; }

#main .hasBookmark ul.bookmark_compact { padding: 0px; }

#formular div.radiovertical input { float: left; width: 12px; margin-top: 3px; margin-right: 5px; }
#formular div.radiovertical label { float:left; margin-bottom:4px; margin-top:5px; padding:0 0; width: 175px; } 

#ctl00_ctl00_ctl00_main_content_innercontent_LabelListBoxBranchenart,
#ctl00_ctl00_ctl00_main_content_innercontent_LabelListBoxKommune{ display: none; }

#firmen .row label.suchlabel{ float: left; width: 16em; }

/* ::: onAccordion ::: */
#contentmain .onAccordion {  
  border: none;
  padding: 0px;
}




.hasBookmark ul li a span{display:inline-block;height:16px;width:16px;}
#firmendetail #socialbookmark span {float:left; margin-right: 5px; }


#contentmain .onAccHead {
  background: url(/img/system/plus_b.gif) no-repeat 0px 3px;
  cursor:pointer;
  padding:0 10px 5px 20px;
  line-height:16px;
  padding-bottom: 2px;
  font-weight: normal;
  font-size: 1em;
  color: #464646;
}

#contentmain .onAccordion .selected {
  background: url(/img/system/minus_b.gif) no-repeat 0px 3px;
}

#contentmain .onAccordion div.onAccordionContent {
  padding:0 10px 5px 20px;
  background: none;

  padding-bottom: 0px; 
}

#contentmain .onAccordion div.onAccordionContent .plaintext { }




.fc05 #main ul#branchen ul li { padding-left: 0px; }
.fc05 #main ul#branchen ul ul li { padding-left: 0px; }

#formular label { width: 14.3em; }

a.doc { color: #3D3D3D; }
 /*Voting*/
.radioselecters input { float: left;  margin-right: 0.5em; }
.radioselecters label { float: left; margin-right: 2.7em; }

strong.number { display: none; }

.barborder {
    border: 1px solid #D7D5C8;
    float: left;
    margin-right: 1em;
}

.barborder .bar {
    background-color: #EAEAEA;
    background-image: url("/img/system/X.gif");
    background-position: 0 -808px;
    background-repeat: repeat-x;
    height: 1.4em;
}

.vote span.zoomplus {
    background: url("/img/system/icons.gif") no-repeat scroll 0 -858px transparent;
    bottom: 1.35em;
    cursor: pointer;
    height: 1.5em;
    margin-left: -1.1em;
    position: absolute;
    width: 1.5em;
}

.vote { text-align: center; }

.vote div.zoomdiv {
 width: auto;    
}

.vote div.zoomdiv.nomarg { margin-right: 0px; }


.radioselecters input.radiobutton { border: none; }
.radioselecters label.fliesstext { display: none; }


div.question span.required {
    color: #3366CC;
    font-weight: bold;
}

 /*Jugendbefragung*/
/* Seperate CSS Datei f?r Formulare */



/* Allgemeine Inputs */
input, select {border:1px solid #a1a1a1; font:1.2em/125% Verdana, Arial, Helvetica, sans-serif; padding:1px 2px;}
input {height:1.3em;}
select {height:1.8em;}


/* Formularaufbau */
#formular label {  width:14em }
#formular .row { margin-bottom: 0.3em; min-height: 2em; width: 100%; }
#formular .row label { float:left;  padding-top:0.25em; margin-top: 0.1em; }/*height:1.6em;*/
#formular .row span.fliesstext { float:left;  padding-top:0.25em; margin-top: 0.1em; width:14em;  }
#formular .rowdays { margin-bottom: 0.3em;   }
#formular .rowdays label { margin-right: 0.3em; vertical-align:middle; }
#formular .rowdays span { margin-right: 0.4em;  }
#formular .rowdays #ctl00_ctl00_ctl00_main_content_innercontent_serie { margin-right: 5em; }
#formular span.required { color: #3366cc; font-weight: bold;}
#formular .rowreason { margin-bottom: .3em; min-height: 2em; width: 100%;  }
#formular .rowreason label {  float:left; margin-top: 0.1em; width: 10em;}

/* Die Labels mit der Sucheingabe b?ndig zum Content ausrichten ( Wird auf machen Seiten ben?tigt )  */
#formular .row label.margeme { margin-right: 1.2em; }

#formular .submit_button_margeme {  background-color:#eceded; border: 1px solid #cbcccd; display: block;   text-align: center;  padding: 0.2em; margin-left: 15.2em; margin-right: 0em; }
#formular .submit_button_margeme:focus, #formular .submit_button_margeme:active {  border: 1px solid #cbcccd; background-color:#4f7fac; color: #fff; } 


/* Eingabefelder */
#formular input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle; margin-top:0.1em; }
#formular input[type="radio"] {  border: none; margin-left: 1em; vertical-align: middle; margin-top:0.1em; }
#formular input[type=text],
#formular input[type=password] {  width: 25em; border: 1px solid #cbcccd; height: 1.3em;  color: #3e3d40; font-size: 1em; padding:0.25em 0.2em 0.2em;  }
#formular input.datebox {width: 8.5em;}
#formular input.shortinput{width: 8.5em;}
#formular input.inputplz { width:6.5em; }
#formular input.inputort { margin-left:0.6em; width:17.3em; }
#formular textarea {  width: 25em;  height: 7em; border: 1px solid #cbcccd; padding: 0.2em; font-family: Verdana, Arial, Helvetica, sans-serif; color: #3e3d40; font-size: 1em; }
#formular .inputstandard { width: 25em; font-size: 1em;  }
#formular select.inputstandard { width: 25.5em; font-size: 1em; border: 1px solid #CBCCCD; }
#formular .rowreason #Labelgrund{ height: 5em; }
#formular .rowreason label#Labelgrund {width:14em; }
#formular .rowreason input { float: right; margin-right: 12em; }

#formular #ctl00_ctl00_ctl00_main_content_innercontent_Labelort, #formular #ctl00_ctl00_ctl00_main_content_innercontent_Labelort2 { display: none; }


#formular .errorlabel { color: red; }
#formular .errorlabel .required { color: red; }


/* Submitbutton */
#formular .submit_button{  background-color:#eceded; border: 1px solid #cbcccd; display: block;   text-align: center;  padding: 0.2em; margin-left:14em; margin-right:1.3em; }
#formular .submit_button:focus, #formular .submit_button:active {  border: 1px solid #cbcccd; background-color:#4f7fac; color: #fff; } 

/*
#formular .branchenTree ul li{
  background-image:none;
  padding-left:1.5em;
}

#formular .branchenTree ul li.open{
  background:  transparent url(/img/system/labelgroup_open.gif) no-repeat;
}

#formular .branchenTree ul li.close{
  background:  transparent url(/img/system/labelgroup_close.gif) no-repeat;
}
*/

#formular div.row .additionalpic { background:transparent url(/img/system/icons.gif) no-repeat scroll -531px -200px; color:#3D3D3D; display:inline-block; padding-left:1.9em; margin-right:1.4em; margin-top:0.3em; }
#formular div.row .removepic { background:transparent url(/img/system/icons.gif) no-repeat scroll -303px -523px; color:#3D3D3D; display:inline-block; padding-left:1.9em; margin-right:1.4em; margin-top:0.1em; margin-bottom:0.3em; } 

#formular div.row .additionalpic:focus, #formular div.row .additionalpic:active, #formular div.row .removepic:focus, #formular div.row .removepic:active {background-color:#4f7fac;color:#fff;}

#formular div.row .nomargin { margin:0px; }


/* Feuerwehr */
#formular .checkboxrow { margin-bottom: 0.3em;width: 100%; }
#formular .checkboxrow label { width: 38em; float: right; margin-top:0.2em;  }
#formular .checkboxrow2 label { width: 35em; float: right; margin-top:0.2em;  }
#formular .checkboxrow input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle;  margin-top: 0.1em}
#formular .checkboxrow2 input[type=checkbox]{  border: none; margin-right: 1em; vertical-align: middle; margin-left: 2.4em; margin-top: 0.2em}

#formular .row1 { width: auto; float: left; }
#formular .row2 { width: auto; float: right;  }

#contentmain #LoginExtranet { margin-top: 0em; }

/* Css Rules f?r die Felder ohne Row (wo - without) */
#formular .fliesstextworow { float: left; }
#formular .errorlabelworow { float: left; color: red;  }
#formular .inputworow { margin-bottom: 0.3em; }
#formular .inputworowerror { margin-bottom: 0.3em;   }
#formular .errorlabelworow .required { color: red; }

#formular .row label.nofloat { float:none; width:20em; }
#formular textarea.big { width:470px; height:200px; }


#formular input.inputstrasse { margin-right:0.6em; width:17.3em;  }

/* Jugendbefragung */

#formular .jugendbefragung label {
  width: 24em;
}

#formular .jugendbefragung .row span.fliesstext {
  width: 19em;
}

#formular .jugendbefragung .row span.fliesstextLarge {
    float: left;
    margin-top: 0.1em;
    padding-top: 0.25em;
    width: 26em;
}}

#formular .jugendbefragung .formRadio label {
    width: 21em;
}

#formular .jugendbefragung div.row .optionText {
    float: right;
    padding-right: 1em;
}

#formular .jugendbefragung div.row .optionText span {
    padding: 0 0 0 0.4em;
}

#formular .jugendbefragung div.row .optionText span {
    padding: 0 0 0 2.1em;
    text-align: center;
}

#formular .jugendbefragung div.row .optionTextMedium {
    float: right;
    /* padding-right: 0.7em; */
}
#formular .jugendbefragung div.row .optionTextMedium span {
    float: left;
    text-align: center;
    width: 7em;
}
#formular .jugendbefragung div.row .optionTextLarge {
    float: right;
    padding-right: 1.2em;
}

#formular .jugendbefragung div.row .optionTextLarge span {
    float: left;
    margin-left: 1em;
    text-align: center;
    width: 9em;
}

#formular .jugendbefragung div.row .optionTextLarge2 {
    float: right;
    padding-right: 7em;
}

#formular .jugendbefragung div.row .optionTextLarge2 span {
    float: left;
    margin-left: 1em;
    text-align: center;
    width: 6.3em;
}

#formular .jugendbefragung .ask_field {
    margin-left: 1.3em;
    font-weight: normal;
}

#formular .jugendbefragung .ask_field2 {
    font-weight: normal;
}

#formular .jugendbefragung .ask_field3 {
    font-weight: normal;
    margin-left: 2em;
}

#formular .jugendbefragung input[type="radio"] {
    width: 4.9em;
}

#formular .jugendbefragung .formRadio input[type="radio"] {
    margin-right: 3em;
    width: 3em;
}
/*#formular .jugendbefragung .formRadio input[type="radio"] {
    margin-left: 3.4em;
}
*/
#formular .jugendbefragung .formCheckbox input[type="checkbox"] {
    margin-left: 1.1em;
    width: 6.2em;
}

#formular .jugendbefragung .row {
  border-bottom: 1px solid #fff;
}

#formular .jugendbefragung .noBorder .row {
  border: none;
}

#formular .jugendbefragung .row label {
    display: none;
}

#formular .jugendbefragung .row label.fliesstext {
    display: inline;
}

#formular .jugendbefragung .labelView .row label {
    display: inline;
    float: none;
}

#formular .jugendbefragung .labelView input[type="radio"] {
    width: 1.25em;
    margin-right: 0.6em;
}

#formular .jugendbefragung .row span.checkboxText {
    margin-top: 0.1em;
    padding-top: 0.3em;
    text-align: left;
}

#formular .jugendbefragung .formFrage {
    margin: 1.875em 0 0.7em 0;
    font-weight: bold;
    border: none;
}

#formular .jugendbefragung .sendBtn {
    margin-top: 1.25em;
}

#formular .jugendbefragung .sendBtn a {
    float: left;
    width: 18.75em;
    margin: 0px;
}

#formular .jugendbefragung .adCheckbox {
    margin-left: 1em;
}

#formular .jugendbefragung .adCheckbox input[type="checkbox"] {
  margin-right: 0.7em;
}

#formular .jugendbefragung .formDanke {
  margin-top: 1.25em;
  }
  
#formular .row .formRow label {
    float: none;
}

#formular .jugendbefragung div.row .optionTextLargeFore {
    float: right;
    padding-right: 2.6em;
}

#formular .jugendbefragung div.row .optionTextLargeFore span {
    float: left;
    margin-left: 0.2em;
    text-align: center;
    width: 8.4em;
}

#formular .jugendbefragung .noBorder .showhideit .row { margin-left: 2.5em; }

#formular .jugendbefragung .strangerow div.row .optionText span {
    padding: 0 0 0 2.8em;
    text-align: center;
}

#formular .jugendbefragung .strangerow input[type="radio"] {
    width: 7.1em;
}

#formular .jugendbefragung .strangerow .row span.fliesstext {
    margin-right: 0.7em;
    width: 19em;
}

#formular input.alterbox {  border: 1px solid #CBCCCD;
    color: #3E3D40;
    font-size: 1em;
    height: 1.3em;
    padding: 0.25em 0.2em 0.2em;
    width: 3em;
    margin-left: 0.5em;
    margin-right: 0.5em;
 }

#formular .jugendbefragung .noBorder .row.money { position: relative; padding-top: 0.2em;  }

#formular  .jugendbefragung input.money {
    left: 78px;
    position: absolute;
    top: 0;
    width: 4em;
}

#formular input.laufendeNummerinput { width: 13em; }
#formular .jugendbefragung .row label.laufendeNummerlabel { display: block; width: 12em; }
 /*Contentflow*/
/* ========== ContentFlow ========== */
/*
 * default style to look nice
 */

#contentFlow {  width: 351px; height: 187px; border: 1px solid #d4d4d4; background: url("/img/system/X.gif") repeat-x 0 -2200px #E5E5E5; margin-bottom: 18px; }

.ContentFlow {
}
    .ContentFlow .flow {

      margin-top: -12px;
      width: 354px;
      height: 196px !important; 
    }
    .ContentFlow .flow * {
      
      
    }

    .ContentFlow .flow .item {
            /*border: 1px solid red;*/
    }
        .ContentFlow .flow .item canvas.content {
            height: 100%;
            width: 100%;
            /*border: 1px solid yellow;*/
        }
        .ContentFlow .flow .item img.content {
            /*border: 1px solid yellow;*/
            width: 100%;
        }
        .ContentFlow .flow .item img.reflection, 
        .ContentFlow .flow .item canvas.reflection {
            width: 100%;
        }
    /* ----- styling of items ----- */
    .ContentFlow .flow .item.active {
        cursor: pointer;
    }
        .ContentFlow .flow .item .caption {
            font-size: 100%;
            font-weight: bold;
            text-align: center;
            color: white;
            max-height: 30%;
            bottom: 10%;
            //background: url(img/1x1_0.5_black.png);
            width: 100%;
        }
        * html .ContentFlow .flow .item .caption {
            background-image: none;
           // filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale, src='img/1x1_0.5_black.png');
        }
            .ContentFlow .flow .item .caption a,
            .ContentFlow .flow .item .caption a:link,
            .ContentFlow .flow .item .caption a:visited,
            .ContentFlow .flow .item .caption a:active,
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }
            .ContentFlow .flow .item .caption a:hover {
                text-decoration: underline;
            }
        .ContentFlow .flow .item.active .caption {
            /*display: block;*/ /* uncomment to show caption inside item */
        }

    /* ----- scrollbar ----- */
    .ContentFlow .scrollbar {
        width: 50%;
        margin: 0px auto;
        margin-top: 10px;
        height: 16px;
        background: url(img/scrollbar_white.png) left center repeat-x;
        position: relative;
        overflow: visible;
    }

        .ContentFlow .scrollbar .slider {
            width: 16px;
            height: 16px;
            background: url(img/slider_white.png) center center no-repeat;
            cursor: move;
        }
        
        /* only for IE <= 6 and a alphatransparent slider image */
        * html .ContentFlow .scrollbar .slider { background-image: none; }
        * html .ContentFlow .scrollbar .slider .virtualSlider {
            filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=crop, src='img/slider_white.png');
        }
            .ContentFlow .scrollbar .slider .position {
                top: 120%;
                font-size: 16px;
                font-weight: bold;
                color: silver
            }

    /* ----- global caption ----- */
    .ContentFlow .globalCaption {
        text-align: center;
        color: #3f3f3f;
        font-size: 14px;
        margin: 0 auto;
         /*  height: 20px;
     top: -12px; */
    }
        .ContentFlow .globalCaption .caption {
          max-width: 352px;
          font-style: normal;
          width: auto;
        }
            .ContentFlow .globalCaption .caption a,
            .ContentFlow .globalCaption .caption a:link,
            .ContentFlow .globalCaption .caption a:visited,
            .ContentFlow .globalCaption .caption a:active,
            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: none;
                color: white;
                font-style: italic;
                font-size: 0.8em;
            }

            .ContentFlow .globalCaption .caption a:hover {
                text-decoration: underline;
            }

    /* ----- load indicator ----- */
    .ContentFlow .loadIndicator {
        width: 100%;
        height: 100%;
        top: 0px;
        left: 0px;
        background: black;
    }
        .ContentFlow .loadIndicator .indicator {
            background: url(/img/a.gif) center center no-repeat;
            width: 100%;
            height: 100%;
        }
        * html .ContentFlow .loadIndicator .indicator {
            height: 100px;
        }

/* ================================= */




/* ========== ContentFlow ========== */
/* 
 * This is the basic CSS file needed for the correct functioning of ContentFlow.
 * DON'T CHANGE IT.
 *
 */
.ContentFlow {
    position: relative;  /* needed so overlay dimensions are constrained to the ContentFlow */
    overflow: hidden;
}
.ContentFlow * {
    margin: 0px;
    padding: 0px;
    /*border: none;*/
}
.ContentFlow img {
    -ms-interpolation-mode: bicubic;
}

.ContentFlow .mouseoverCheckElement {
    position: absolute;
    width: 0px;
    height: 0px;
    left: 0px;
    /*display: none;*/
    visibility: hidden;
}
.ContentFlow:hover .mouseoverCheckElement {
    left: 1px;
    /*width: 1px;*/
    /*left: -1px;*/
    /*background-color: red;*/
}
.ContentFlow .flow {
    position: relative; /* needed  so that items can be positioned relative to flow*/
    z-index: 0;         /* need so every item has a z-index relative to the flow-box */
    visibility: hidden; /* needed so that content is hidden while loading */
    width: 100%;        /* needed for IE6 */
    margin: 0 auto;
    margin-top: -14px;
}
.ContentFlow .flow.hidden {
    visibility: hidden;
}

.ContentFlow .flow .item {
    position: absolute; /* needed */
    visibility: hidden;
    top: 0px;
    left: 0px;
}
.ContentFlow .flow .item.active {
}
.ContentFlow .flow .item .content {
    display: block;
}
.ContentFlow .flow .item div.content {
    width: 100%;
    height: 100%;
}
.ContentFlow .flow .item .label {
    display: none;
}
.ContentFlow .flow .item .reflection {
    display: block;
}
.ContentFlow .flow .item canvas.reflection {
    margin-top: -1px; /* for FF */
}
.ContentFlow .flow .item .caption {
    position: absolute; /* needed */
    display: none;      /* needed to hide it on inactive items */
}
.ContentFlow .flow .item.active .caption {
    /*display: block;*/ /* uncomment to show caption inside item */
}

/* ----- scrollbar ----- */

.ContentFlow .scrollbar {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
    visibility: hidden;
}

.ContentFlow .scrollbar .slider {
    position: absolute; /* needed */
}
* html .ContentFlow .scrollbar .slider .virtualSlider {
    height: 100%;
}
.ContentFlow .scrollbar .slider .position {
    position: absolute; /* needed */
    text-align: center;
}

/* ----- global caption ----- */
.ContentFlow .globalCaption {
    position: relative; /* needed for z-index */
    z-index: 1;         /* set above flow */
}
/* ----- load indicator ----- */
.ContentFlow .loadIndicator {
    position: absolute; /* needed */
    z-index: 65000;     /* set above everything */
}


.ContentFlow .flow .preButton,
.ContentFlow .flow .nextButton {
    background: url("/img/system/cf_left.png") no-repeat 0 0 transparent;
    cursor: pointer;
    height: 26px;
    left: 7px;
    position: absolute;
    top: 73px;
    width: 26px;
    z-index: 99999;
}

.ContentFlow .flow .nextButton {     background: url("/img/system/cf_right.png") no-repeat 0 0 transparent;left: auto; right: 6px; }


.getThemAll {
    bottom: 12px;
    margin-right: 15px;
    position: absolute;
    right: -5px;
    background: url("/img/system/icons.gif") -688px 2px no-repeat transparent;
    padding-left: 10px; 
}

div.contentFlowWrapper { position: relative; width: 352px; height: 195px; margin-bottom: 8px; margin-right: 15px; float: left; }


#contentleft .getThemAll a { color: #3f3f3f; font-weight: bold; text-decoration: none;}
#contentleft .getThemAll a:hover { text-decoration: underline; }
#contentleft .getThemAll a:focus, #contentleft .getThemAll a:active {background-color: #4F7FAC; color: #fff; }
 /*Vergabeportal*/
/* Styles f?r das Vergabeportal */

h3.leftside { float: left; }
h3.rightside { float: left; margin-left: 3em; }