/*
TASH

Elephant Seven GmbH Nord

ts / 09/05/07
*/




body {
  margin: 0.8em 0 0 0;
  padding: 0;
  font-size: 7.5pt;
  font-family: Arial, Helvetica, sans-serif;
  text-align: center;
  color: #012b4c;
  background-color: #9dd2f4;
}

#colwrapper1 p a{ text-decoration:underline; color:#66B0D6;}



ul {
  list-style:none;
  clear:both;
}

.largeText
{
  font-size: 8.5pt;
}

.veryLargeText
{
  font-size: 9.5pt;
}

.largerSizeWithMoreTopSpace
{
  font-size: 2.4em !important;
  margin-top: 1em;
}

.clear {
  clear: both;
}

.invisible
{
  display: none !important;
}

.hidden
{
  visibility: hidden !important;
}

/* centering */
#wrapper {
  width: 98.5em;
  margin: 0 auto;
  text-align: left;
  padding: 0;
  position:relative;
  background-color:#abdcf4;

}

#wrapper.popup
{
  width: 76em;
}


/* HEADER */
#header {
  background-color: #008fc7;
  color:#ffffff;
  height:4em;
  padding:1em;
}


#header #logo {
  float:left;
  display: inline-block;
  background:transparent url(../img/logo.png) 0 0 no-repeat;
  width:221px;
  height:39px;
}
* html #header #logo{ background:transparent; cursor:pointer; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src=img/logo.png , sizingMethod=crop);}

#header #print-logo
{
  display: none;
}

#header #flags {
  float: right;
  display: inline;
  margin-top: 0.8em;
  margin-right: 2.1em;
}


#header #flags img {
  float:left;
  display: inline;
  width:1.8em;
  height:1.1em;
  border:none;
}
#header #search {
  float:right;
  display: inline;
  width:25.7em;
}
#header #search #searchfield {
  width:14em;
  border:none;
  font-size:1.2em;
  vertical-align: middle;
}
#header #search .submit {
  vertical-align: middle;
  width:2.5em;
  height:1.6em;
}
#header #search b {
  font-weight:bold;
  font-size:1.1em;
}
#header #search p {
  margin-top:0.3em;
  float: left;
  display: inline;
}
#header #search a {
  font-weight:bold;
  font-size:1.1em;
  color:#ffffff;
}
#header #searchr a:hover {
  text-decoration:underline;
}



/* FOOTER */
#footer {
  margin: 4em 0 0 0;
  padding: 3em;
  text-align:center;
  font-size:0.9em;
  background-color: #9dd2f4;
  color:#012b4c;
}
#footer a {
  color:#606060;
}
#footer ul li {
  display: inline;
  margin:0 1em;
}



/* CONTENT */
#content {
  width: 100%;
  float:left;
  display: inline;


}



/* POPUP */
#wrapper.popup #content
{
  background-color: #ffffff;
  padding-bottom: 1em;
  font-size: 1em;
}

#wrapper.popup #content .memorylist-content
{
  margin: 4em 4em 0em 4em;
  float: left;
  display: inline;
  width: 66em;
  font-size: 1em;
}

#wrapper.popup #content .memorylist-content p
{
  font-size: 1.1em;
}

#wrapper.popup #content .memorylist-content p em
{
  font-style: normal;
  font-weight: bold;
}

#wrapper.popup #content .memorylist-content ul
{
  float: left;
  display: inline;
  margin-top: 2em;
  margin-bottom: 20em;
  width: 64em;
  font-size: 1em;
}


#wrapper.popup #content .memorylist-content ul li
{
  background-color: #66b0d6;
  padding: .5em 1em .5em 1em ;
  margin: 0 0 .2em 0;
  float: left;
  display: inline;
  width: inherit;

  background-image:url(../img/ecke_recht_weiss.gif);
  background-position: top right;
  background-repeat:no-repeat;
}

#wrapper.popup #content .memorylist-content ul li a,
#wrapper.popup #content .memorylist-content .print-button
{
  color: #012b4c;
  font-weight: bold;
  font-size: 1.2em;
}

#wrapper.popup #content .memorylist-content .print-button
{
  font-weight: normal;
}

#wrapper.popup #content .memorylist-content ul li a:hover
{
  text-decoration: underline;
}

#wrapper.popup #content .memorylist-content ul li a.entry-text
{
  float: left;
  display: inline;
}

#wrapper.popup #content .memorylist-content ul li a.delete-button
{
  float: right;
  display: inline;
  margin: 0em .5em 0 0;
  font-size: 1em;
  width: 1.3em;
  height: 1.6em;
  background:transparent url(../img/icon_trash.gif) 0 0 no-repeat;
}

#wrapper.popup #content .memorylist-content hr
{
  float: left;
  width: 22em;
  height: 0;
  border-style: none;
  border-bottom: 0.1em solid red;

  margin: 0 40em .4em 0;
  padding: 0;
}

#wrapper.popup #content .memorylist-content div.footer
{
  bottom: 1em;
}

#wrapper.popup #content .memorylist-content a.print-button
{
  float: left;
}

#wrapper.popup #content .memorylist-content a.print-button img
{
  margin: .2em 1em 0 .5em;
}


#wrapper.popup .popup-close-button{ position:absolute; right:1em; top:.4em; background-repeat:no-repeat;}
#wrapper.popup .popup-close-button.close-notepad{ width:12.4em; height:0.9em; background-image:url(../img/but_merkliste_schliessen.gif);}
#wrapper.popup .popup-close-button.close-window{ width:11.7em; height:0.9em; background-image:url(../img/but_fenster_zu.gif);}

/* Mainteaser */

#homepage-mainteaser
{
  float: left;
  width: 71em;
  height: 51em;

}

#homepage-mainteaser #flash-stage
{
  position: relative;
  width: 70.7em;
  height: 21.7em;
  background-color: #ffffff;
  margin: 0 0 0 0em;
  border-top: 0.2em solid #ffffff;
}


#homepage-mainteaser .heading
{
  position: relative;

  top: 6em;

  width: 62em;
  height: 23.5em;
  background-color: #ffffff;
  padding: 0 0 0 1em;
  margin: 0 0 0 2em;
  z-index: 1;
}

#homepage-mainteaser .heading a
{
  color: #c81f02;
}

#homepage-mainteaser .heading h1
{
  position: absolute;
  top: 5em;
  z-index: 1;
}

#homepage-mainteaser .heading p
{
  position: absolute;
  top: 19em;
}

#homepage-mainteaser .categories
{

  position: absolute;
  z-index: 50;
  height: 19em;
  width: 61em;

  left: 10.9em;

  margin: .2em 0 0 0em;

}

#homepage-mainteaser .category-teaser
{
  float: left;
  width: 20em;
  position: relative;

}

#homepage-mainteaser .category-teaser a img
{
  width: 19.8em;
  height: 18.5em;
}

#homepage-mainteaser .category-teaser a:hover
{
  text-decoration: underline;
}

#homepage-mainteaser .category-content
{
  float: left;
  position: relative;
}

#homepage-mainteaser .category-content h2
{
  color: #FFF;
}


#homepage-mainteaser .category-teaser .copy
{
  position: absolute;
  bottom: 2em;
  margin: 0 0 0 1em;
  padding: 0;
  z-index: 500;
  width: 15em !important;
}

#mainteaser .copy h1 {
  margin: 0 !important;
}


#homepage-mainteaser .category-teaser img
{
  position: relative;

}


#homepage-mainteaser .category-teaser .copy h2 a,
#homepage-mainteaser .category-teaser .copy a
{
  color: #ffffff;

}

#homepage-mainteaser .category-teaser .copy h2 a:hover
{
  text-decoration: none;
}


#content #mainteaser .mainteaser-animation-step
{
  float: left;
  display: inline;
  width: 98.5em;
  height: 21.7em;
  margin-bottom: 2em;
}

#content #mainteaser .two-picture-mainteaser,
#content #mainteaser .three-picture-mainteaser
{
  position: relative;
  background-color: #64B6E4;

}

#content #mainteaser .two-picture-mainteaser .stage-image-teaser,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser
{
  float: left;
  display: inline;
  width: 23.4em;
  height: 21.7em;
  padding: 0;
  border-right: .3em solid #ffffff;
  position: relative;
}


#content #mainteaser .two-picture-mainteaser .stage-image-teaser
{
  width: 35.2em;
}


#content #mainteaser .two-picture-mainteaser .stage-image-teaser .visual,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .visual
{
  /*position: relative;*/
  height: 21.7em;
  background-color: #ffffff;
}


#content #mainteaser .three-picture-mainteaser .stage-image-teaser img
{
  width: 23.4em;
  height: 21.7em;
  margin: 0 0 0 3px;
  display: inline;
}


#content #mainteaser .two-picture-mainteaser .stage-image-teaser img
{
  width: 35.2em;
}


#content #mainteaser .two-picture-mainteaser .stage-image-teaser .copy,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .copy
{
  position: absolute;
  bottom: 0;
  left: 0;
  width: 16em;
}

#content #mainteaser .two-picture-mainteaser .stage-image-teaser .copy h2,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .copy h2
{
  color: #ffffff;
}

#content #mainteaser .two-picture-mainteaser .stage-image-teaser .copy a,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .copy a
{
  color: #ffffff;
}

#content #mainteaser .two-picture-mainteaser .stage-image-teaser .copy a.more,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .copy a.more
{
  color: #ffffff;
  text-decoration: none;
  text-transform: uppercase;
  font-size: 1.1em;
}

#content #mainteaser .two-picture-mainteaser .stage-image-teaser .copy a.more:hover,
#content #mainteaser .three-picture-mainteaser .stage-image-teaser .copy a.more:hover
{
  text-decoration: underline;
}


#content #mainteaser .copy h1 {
  float: left;
}


#content #mainteaser .expand-text
{
  float: left;
  padding-top: 0.9em;
  text-transform: uppercase;
}


#content #mainteaser .expand-text a
{

  text-decoration: underline;

}

#content #mainteaser .copy p {
  float: left;
  width: 59em;
}
* html #content #mainteaser .copy p {
  width: 52.6em;
}

#content #keyvisual {
  float: left;
  margin: 0;
  padding: 0;
  margin-top: 0.2em;
}
#content #keyvisual img{
  width: 98.5em;
  height: 21.7em;
}


#content #mainteaser {
  float: left;
  background-color:#ffffff;
  /*height: 34.2em;*/
  margin: 0;
  padding: 0;
  border-top: 0.2em solid #ffffff;
  position:relative;
}
#content #mainteaser img{
  width:98.5em;
  height:21.7em;
}
#content #mainteaser #mainteaser_multiple3 img{
  width:23.4em;
  height:21.7em;
}
#content #mainteaser #mainteaser_multiple3 img.right {
  width:33.1em;
  height:21.7em;
}
#content #mainteaser #mainteaser_multiple2 img{
  width:23.4em;
  height:21.7em;
}
#content #mainteaser #mainteaser_multiple2 img.right{
  width:33.1em;
  height:21.7em;
}

/*
#content #mainteaser .copy{
    padding: 0 36.5em 2em 2em !important;
    padding: 0 2em 2em 2em;
    width: 60em;
    float: left;
    display: inline;
    max-height:10em;
    overflow:hidden;
}
*/


#content #mainteaser .copy {
  width: 68em;
  height: 10.2em;
  float: left;
  padding-top: 0px;
  padding-right: 2em;
  padding-bottom: 2em;
  padding-left: 2em;
  display: inline;
}

#content #mainteaser #videokeyvisual{ position:absolute;display:none;width:98.5em;height:40em;background:white;}
#content #mainteaser #keyvisualHelper{ display:none;width:100%;height:183px;}
#content #mainteaser #keyvisualButton{ position:absolute;top:22.5em;right:28.5em;}
#content #mainteaser #keyvisualButton img{ width:auto; height:auto;}


h1 {
  font-size: 2.2em;
}

#colwrapper1 #flexarea h1 {
  font-size: 3.2em;
}

h1,
h1 a {
  color:#c81f02;
}
#content #mainteaser .copy p{
  font-size:1.1em;
}

#content #mainteaser .copy p a, #content #mainteaser .copy p a:visited {
  font-variant: small-caps;
  color: #c71b01;
  margin: 0 0 0 5px;
}
#content #mainteaser .copy p a:hover, #content #mainteaser .copy p a:active, #content #mainteaser .copy p a:focus {
  text-decoration: underline;
}

#content #mainteaser .copy em,
#content #homepage-mainteaser .heading em
{
  color:#c81f02;
  font-style:normal;
  font-weight:bold;
}


#mainteaser .headline-wrapper {
  float: left;
  width: 68em;
  padding: 1em 0;
}

/* Columns */
#content #colwrapper1{
  float:left;
  display: inline;
  margin:0;
  padding:0;

  padding-bottom: 10em;
  margin-bottom: 3em;

}

/* muss fuer Safari explizit gesetzt werden */
#content #colwrapper1.list-colwrapper
{
  width: 68.5em;
}

#content #colwrapper2{
  float:left;
  display: inline;
  margin:0;
  padding:0;
}

#colwrapper2 h1 {
  width: 40em;
  float: left;
  margin: 1.1em 0 0 1.20em;
  display: inline;
}

#content #col1 {
  width:29.7em;
  float:left;
  display: inline;
  margin:0 2em 0 1em;

}
#content #col2 {
  width:29.7em;
  float:left;
  display: inline;
  margin-right:2em;

}


#content #col3{
  width:24em;
  float:right;
  display: inline;
  margin-top:19em;
  margin-right:5.6em;
  margin-bottom: 2em;
  position:relative;
}

/*

#content #col3 {
    display:inline;
    float:right;
    left:68.9em;
    margin-bottom:2em;
    margin-right:5.6em;
    position:absolute;
    top:59.7em;
    width:24em;
}
*/


#content .col3-largemap
{
  margin-top:20em !important;
}

#content .col3-weather
{
  margin-top:25em !important;
}

#content .col3-homepage
{
  margin-top: 2em !important;
}

#content #col3.flexarea {
  margin-top:53em;
}


#pageitems{
  position: absolute;
  bottom: 10em;
  left: 1em;
  width:31em;
  margin:3em 0 0 1em;
  float: left;
  display: inline;
}



#pageitems li{
  border-bottom: 0.1em solid #c24532;
  padding:0.4em;
}
#pageitems li.noBorder{
  border-bottom:none;
}
#pageitems img{
  margin-left:1em;
  margin-right:.3em;
  vertical-align:middle;
  width:1.7em;
  height:1.8em;
}
#pageitems a{
  color: #606060;
}

#pageitems .pageitems-rightitem
{
  position: absolute;
  left: 15em;
}

#content h2{
  font-weight:bold;
  font-size:2em;
  margin-bottom:0.3em;
}
#content h3{
  font-weight:normal;
  font-size:1.1em;
  margin:0 0 0.3em 11.5em;
  color:#c81f02;
}

#subcol1 h3 {
  font-weight:normal;
  font-size:1.1em;
  margin: 1.5em 0 0 0;
  color: #012b4c;
}

#content h3.date
{
  float: left;
  display: inline;
  width: 40em;
}


#content h2.margin{
  margin-left:1em;
}



/* Flexarea */



#flexarea .spacer
{
  float: left;
  width: 50em;
  height: 0;
  padding: 0;
}

#flexarea .subnavigation
{
  float: left;
  margin: 1em 0 2em 0;
  padding: 0;
  width: 100%;
}

#flexarea .subnavigation p a
{
  /*color: #c81f02;*/
  text-decoration: none;
  padding: 0;
  margin: 0 !important;
  float: left;
  width: 2em;

}

#flexarea .subnavigation p {

  width: 26.5em;
  border-bottom-style: solid;
  border-bottom-width: 0.1em;
  border-bottom-color: #c81f02;
  padding: 0 0em .2em .3em;
  float: left;
  margin: .5em 2em 0 0;
}

#flexarea .subnavigation p .linktext
{
  float: left;
  display: inline;
  width: 24.3em;
}

#flexarea .subnavigation a img {
  float: right;

  padding: 0;
  margin: 0;
}

#flexarea .imgteaser h2 a,
#flexarea .imgteaser p a
{
  color: #ffffff;
}

#flexarea .imgteaser .subline a
{
  color: #C81F02;
}


.emphasized
{
  color: #c81f02;
  margin: 0;
  padding: 0;


}

.emphasized input,
.emphasized textarea,
.emphasized select
{
  border-color:  #c81f02;
  border-style: solid;
}

.emphasized input.radio,
.emphasized input.checkbox
{
  border-style: none;
}

/*
.eventarea
{
    padding-right: 1.6em; /*Value for ie 5&6* /
    float: left;
}

div>.eventarea
{
    padding-right: 2.1em; /*Value for all browsers except ie 5&6* /
}
*/

#colwrapper1 #flexarea .eventarea #subcol2
{
  float: left;
  display: inline;
  margin-left: 0em;
}

div>#colwrapper1 #flexarea .eventarea #subcol2
{
  margin-left: 0.5em;
}

#flexarea table
{

  margin: 0;
  padding: 0;
}

#flexarea td
{
  margin: .8em 0 .8em 0;
}

#flexarea td.partner-logo
{
  float: left;
  display: inline;
  width: 10em; /*For ie 5,6*/
  text-align: center;

}

div>#flexarea td.partner-logo
{
  width: 15em; /*For every browser except ie 5,6*/

}

#flexarea td.partner-text
{
  font-size: .8em;
}

div>#flexarea td.partner-text
{
  font-size: 1.2em;
}

#flexarea td
{
  font-size: 1.1em;
}


#wrapper #header .fontsize-select,
#wrapper #header .fontsize-select2
{
  font-size: 1.0em;
  margin: 0 0 0 0;
}

#wrapper #header .fontsize-select a,
#wrapper #header .fontsize-select2 a
{
  font-weight: normal;
}

#flexarea .fontsize-select,
#flexarea .fontsize-select2
{
  position: relative;
  top: -2em;
  float: right;
  display: inline;
  clear: both;
}

#flexarea .fontsize-select a,
#flexarea .fontsize-select2 a
{
  text-decoration: none;
}


#header .fontsize-select-medium,
#flexarea .fontsize-select-medium
{
  font-size: 1.1em;
}

#header .fontsize-select-medium2,
#flexarea .fontsize-select-medium2
{
  font-size: 1.05em;
}

#header .fontsize-select-medium2 .raised,
#flexarea .fontsize-select-medium2 .raised
{
  font-size: 0.8em;
  position: relative;
  top: -0.4em;
  left: 0;

}

#header .fontsize-select-large,
#flexarea .fontsize-select-large
{
  font-size: 1.5em;
  position: relative;
  top: .1em;
}

#header .fontsize-select-large2,
#flexarea .fontsize-select-large2
{
  font-size: 1.2em;
}

#header .fontsize-select-large2 .raised,
#flexarea .fontsize-select-large2 .raised
{
  font-size: 0.8em;
  position: relative;
  top: -0.3em;
  left: 0;

}

#flexarea-weather-detail,
#flexarea {
  background-color: #ffffff;
  padding:2em 2em 2em 3em;
  width: 62em;
  margin:1em 0;
  overflow:hidden;
}


#flexarea.i-page-flexarea
{
  margin-top: 0;
}



#flexarea fieldset {
  background-color:#abdcf4;
  background-image:url(../img/corner_blue_white.gif);
  background-position: top right;
  background-repeat:no-repeat;
  border:none;
  padding: 1em 1em 1em 1em;
  margin:0 0.2em 0.2em 0;
  width:28em;
  display:block;
  float: left;
}

#flexarea fieldset.clean {
  background: none;
  padding: 0;
}

/* buchungsanfrage */
#flexarea form#booking {
  width: 100%;
  float: left;
  padding: 0 0 20px 0;
}
#flexarea form#booking fieldset.big {
  width: 96%;
  background: none;
  padding: 0 0 3% 0;
  margin: 0 0 3% 0;
  border-bottom: 1px solid #c81f02;
}
#flexarea form#booking fieldset.last {
  border-bottom: 1px solid #fff;
}
#flexarea form#booking fieldset.big div.label-wrapper {
  width: 100%;
  float: left;
  padding: 0.625em 0;
}
#flexarea form#booking fieldset.big div.label-wrapper div.col {
  float: left;
  padding: 0 2.0em 0 0;
}
#flexarea form#booking fieldset.big span {
  float: left;
  padding: 3px 5px 0 5px;
}
#flexarea form#booking fieldset.big br {
  clear: both;
}
/* buchungsanfrag legend */
#flexarea form#booking fieldset.big legend {
  width: 100%;
  font-size: 130%;
  font-weight: bold;
  padding: 0;
  margin: 0;
}
* html #flexarea form#booking fieldset.big legend {
  margin: 0 0 0 -8px;
}
*+html #flexarea form#booking fieldset.big legend {
  margin: 0 0 0 -8px;
}
/* buchungsanfrag label */
#flexarea form#booking fieldset.big label {
  float: left;
  font-weight: bold;
  padding: 0;
  margin: 2px 0;
}
#flexarea form#booking fieldset.big label.contact {
  margin: 2px 7px 2px 0;
}
#flexarea form#booking fieldset.big label.data {
  width: 8.0em;
}
/* buchungsanfrag input */
#flexarea form#booking fieldset.big input {
  float: left;
  padding: 1px 0;
  margin: 0;
}
#flexarea form#booking fieldset.big input.firma {
  width: 16.50em;
}
#flexarea form#booking fieldset.big input.event {
  width: 25.50em;
}
#flexarea form#booking fieldset.big input.gear {
  width: 15.00em;
  margin: 5px 0;
}
/* buchungsanfrag select */
#flexarea form#booking fieldset.big select {
  float: left;
  padding: 0;
  margin: 0;
}
#flexarea form#booking fieldset.big select.date {
  width: 5.50em;
  margin: 0 2px;
}
#flexarea form#booking fieldset.big select.event {
  width: 16.50em;
}
#flexarea form#booking fieldset.big select.rooms {
  margin: 5px 0;
}
#flexarea form#booking fieldset.big select.chairs {
  width: 21.50em;
  margin: 5px 0;
}
#flexarea form#booking fieldset.big select.pers {
  width: 10.00em;
  margin: 5px 0;
}
#flexarea form#booking fieldset.big select.country {
  width: 25.90em;
}
/* buchungsanfrag textarea */
#flexarea form#booking fieldset.big textarea {
  width: 95%;
  height: 8.0em;
}


#flexarea fieldset.clean label {
  width: 100%;
  float: left;
  margin: 0 0 0.5em 0;
}
#flexarea fieldset.clean input {
  margin: 0 0.5em 0 0;
}


#flexarea fieldset.clean input.submit {
  width:30em;
  height:3.6em;
  padding: 0;
}
#flexarea fieldset.clean button.submit{ background:transparent url(../img/button_suche_starten.gif) 0 0 no-repeat; width:30em; height:3.6em; border:0; font-size:100%; padding:0; cursor:pointer;}
#flexarea fieldset.clean input.submit2 {
  width:30em;
  height:4em;
  margin: 0;
  padding: 0;
}

#flexarea form a, #flexarea form a:visited {
  float: right;
  font-size: 110%;
  font-weight: bold;
  text-decoration: none;
  text-transform: uppercase;
}
#flexarea form a:hover, #flexarea form a:active, #flexarea form a:focus  {
  text-decoration: underline;
}

#flexarea h2 {
  font-size:2em;
}
#flexarea h2.result {
  float:left;
  display: inline;
  margin-right:0.5em;
}

#flexarea .search-control-headline,
#flexarea .search-view
{
  float: left;
  display: inline;
  width:100%;
}

#flexarea .search-view input.long,
#flexarea .search-view select
{
  width: 23em;
}


#flexarea .search-view-wrapper {

  width: 95%;
}
#flexarea .search-view {

}


#flexarea .search-view-wrapper .search-view .calendar-button
{
  float: left;
  padding: 0 0 .3em .3em;
  vertical-align: middle;
}

* html div #flexarea .search-view-wrapper .search-view .calendar-button
{
  visibility: hidden; /* Value for ie5/5.5 */
  voice-family:"\"}\"";
  voice-family:inherit;
  visibility: visible; /* Value for ie6 */
}

#flexarea .search-view-wrapper .search-view .search-control {
  float: left;
  margin-right: 1.3em;
}
#flexarea .search-control span {
  float: left;
  margin: 0.2em 0.5em 0 0;
}

#flexarea .search-view-wrapper .search-view .search-control *
{
  vertical-align: middle;
}

#flexarea .search-view-wrapper
{
  float: left;
  padding-left: .5em;
}



#flexarea .search-control-headline h2
{
  float: left;
}

#flexarea p, #flexarea ul
{
  font-size:1.1em;
  margin: 1em 0;
}

#flexarea ul
{
  list-style-type:disc;
  list-style-position:outside;
  margin-left:1.2em;
}

#flexarea a.more
{
  color: #ffffff;
  font-weight: normal;
  font-size: 1.1em;
}

#flexarea #subcol1 {
  float: left;
  width: 29.7em;
  margin-top: 15px;
  display: inline;
}

#flexarea #subcol1.bigger p {
  font-size: 1.2em;
}

#flexarea #subcol1 li {
  padding: 5px 0;
  margin: 0 0 0 2px;
}
#flexarea #subcol2 {
  float: right;
  width: 29.7em;
  margin-top: 15px;
  display: inline
}

#flexarea #subcol1 div.priceblock {
  width: 100%;
  float: left;
  margin: 20px 0;
}
#flexarea #subcol1 div.priceblock div.price {
  float: left;
  font-size: 2.0em;
  font-weight: bold;
  color: #c81f02;
  padding: 5px 10px 0 0;
}
#flexarea #subcol1 div.priceblock p {;
                                     padding: 0 0 0 0;
}


.a-page-spacer
{
  float: left;
  height: 5.5em;
  width: 100%;
  margin: 0;
  padding: 0;
}



#flexarea .copy {
  padding:2em 0 0 5em;
}



#flexarea .heading-copy
{
  margin: 0;
  padding: 0;
}

#flexarea .copy h3{
  color: #012b4c;
  margin:1.5em 0 0 0;
  padding:0;
  font-weight:bold;
}
#flexarea .copy p{
  margin: 0 0 1em 0;
}

#flexarea .copy p.tagline
{
  float: left;
  display: inline;

  margin-top: 2em;
  width: 28em;
}

#flexarea a {
  color: #012b4c;

}


#flexarea a.more:hover
{
  text-decoration:underline;
}

#flexarea a img
{

}

#flexarea .actionlinks
{
  margin-top: 1em;
}

#flexarea a.action {
  font-size:1.1em;
  color: #012b4c;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}
#flexarea a.action:hover {
  text-decoration:underline;
}
#flexarea .copy .button{
  color:#ffffff;
  font-weight:bold;
  background-color:#66b0d6;
  padding: 0.3em;
  font-size:1.1em;
  border:none;
}
#flexarea .redteaser {
  background-color:#c81f02;
  background-image:url(../img/corner_red_white.gif);
  background-position:top right;
  background-repeat:no-repeat;
  width:28em;
  padding:1em;
  margin-top: 5em;

}
#flexarea .redteaser h2, .redteaser p{
  color:#ffffff;
}
#flexarea .redteaser a {
  color:#ffffff;
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

#flexarea .redteaser a:hover {
  text-decoration:underline;
}

#flexarea a.back {
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
}

#flexarea a.a-page-back
{
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  margin-top: -1em;
}

#flexarea a.i-page-back
{
  text-transform:uppercase;
  font-weight:bold;
  text-decoration:none;
  float: left;
}

#flexarea .checkbox-area
{
  background-color:#AADCF3;
  background-image:url(../img/corner_blue_white.gif);
  background-position:top right;
  background-repeat:no-repeat;

  padding: 2.3em 0 2.3em 1.7em;
  margin: 1em 0 2em 0;

  float: left;
  display: inline;
  position: relative;
  left: -2em;

  width: 57em;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 59em;
}


#flexarea .emphasized-form-area
{
  background-color:#AADCF3;
  background-image:url(../img/corner_blue_white.gif);
  background-position:top right;
  background-repeat:no-repeat;

  padding: 2.3em 0 2.3em 1.7em;
  margin: 1em 0 2em 0;

  float: left;
  display: inline;

  position: relative;
  left: -2em;

  width: 56em;
}




#flexarea form,
form.whole-content-form {
  padding: 0;
  margin: 0;
  border: none;
}
#colwrapper1 form {
  width: 100%;
}

#flexarea form input {
  float: left;
}
#flexarea form span.form-labels {
  float: left;
  margin: 2px 2px 0 0;
  display: inline;
}

#flexarea form.search-result-form
{
  padding: 0;
  margin: 0 0 1em 0;
  border: none;
  float: left;
  display: inline;
  width: 100%
}

#flexarea form.search-result-form input.submit
{
  display: inline;
  vertical-align: middle;
  width:2.5em;
  height:1.6em;
}


#flexarea form.search-result-form .form-labels
{
  font-size: 1.1em;
}

#flexarea form.search-result-form label
{
  display: inline;
  vertical-align: middle;
}

#flexarea form.search-result-form input.text
{
  width: 13.5em;
  border: 0.1em solid #08719E;
  margin: 0 .7em 0 1em;

}


#flexarea .search-hits-text
{
  float: left;
  display: inline;
  margin: 0;
  width: 29.9em;
}

#flexarea .search-hits-text em
{
  font-weight: bold;
  font-style: normal;
}


#flexarea p.result-view
{
  height: 2.5em;
  margin-bottom: 0;
  float: left;
}


#flexarea .search-headline
{
  float: left;
  display: inline;
  margin: 3px 0 0 0;
}

#flexarea .checkbox-area .checkbox-column-emphasized1,
#flexarea .checkbox-area .checkbox-column-emphasized2,
#flexarea .checkbox-area .checkbox-column
{
  float: left;
  display: inline;
}


#flexarea .checkbox-area  label
{
  margin: 0 0 1.1em 0;
}

#flexarea .checkbox-area .checkbox-column-emphasized1 label,
#flexarea .checkbox-area .checkbox-column-emphasized2 label
{
  text-transform: lowercase;
  font-weight: bold;
}

#flexarea .checkbox-area input
{
  margin: 0 1em 0 0;
}


#flexarea .checkbox-area .checkbox-column-emphasized1
{
  width: 20em;
}


#flexarea .checkbox-area .checkbox-column-emphasized2
{
  width: 13em;
}

#flexarea .checkbox-area .checkbox-column
{
  width: 20em;
}


#flexarea form .form-column,
form.whole-content-form .form-column
{
  float: left;
  display: inline;
  width: 27em;
}

.form-flexarea
{
  padding-bottom: 0em !important;
}


#flexarea .catalog-main-form-container
{
  margin-top: 3em;
  float: left;
}





#flexarea form .form-column span.outer-label,
#flexarea form .form-column label,
#flexarea form .form-column .spacer,
form.whole-content-form .form-column span.outer-label,
form.whole-content-form .form-column label,
form.whole-content-form .form-column .spacer
{
  width: 23em;

  float: left;
  display: inline;
  margin: 0 1.5em 0 1em;
  margin: 0 0 1em 0;
  padding: 0;
}


#flexarea form .form-column span.outer-label .form-labels,
form.whole-content-form .form-column span.outer-label .form-labels
{
  font-size: 1.1em;
}

#flexarea form .form-column span.outer-label label,
form.whole-content-form .form-column span.outer-label label
{
  width: 5em;
}

#flexarea form .form-column .spacer
{
  height: 2em;
}


#flexarea .catalog-main-form-container .form-column .spacer
{
  height: 2.1em;
  width: 30em;
}

#flexarea form .form-column label input,
#flexarea form .form-column label textarea,
#flexarea form .form-column label select,
form.whole-content-form .form-column label input,
form.whole-content-form .form-column label textarea,
form.whole-content-form .form-column label select
{

  float: left;
  display: inline;
  padding: 0;
  margin: 0;
}

#flexarea form .form-column label input,
#flexarea form .form-column label textarea,
form.whole-content-form .form-column label input,
form.whole-content-form .form-column label textarea
{
  width: 14.5em;
}

#flexarea form .form-column label input.radio,
#flexarea form .form-column label input.checkbox,
form.whole-content-form .form-column label input.radio,
form.whole-content-form .form-column label input.checkbox
{
  width: 1.2em;
  margin: 0 .4em 0 0;
  padding: 0;
  float: left;
}


#flexarea form .form-column .form-labels,
form.whole-content-form .form-column .form-labels
{
  float: left;
  display: inline;
  width: 7em;
}

#flexarea form .form-column .form-labels-long,
form.whole-content-form .form-column .form-labels-long
{
  float: left;
  display: inline;
  width: 14em;
}

#flexarea form .form-column label .short-input,
form.whole-content-form .form-column label .short-input
{
  width: 7em;
}

#flexarea form .form-column label input,
form.whole-content-form .form-column label input
{
  float: left;
}




#flexarea form,
form.whole-content-form
{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
}

#flexarea form #requiredtext,
form.whole-content-form #requiredtext
{
  float: left;
  display: inline;
  width: 40em;
}


#flexarea form #newsletter {
  width: 100%;
  float: left;
  border: 1px solid red;
}


#flexarea form .newsletter-label,
form.whole-content-form .newsletter-label
{
  float: left;
  display: inline;
  width: 14em;
}

#flexarea form .newsletter-label input,
form.whole-content-form .newsletter-label input
{
  margin: 0 1em 0 0;
}

#flexarea form .form-bottom,
form.whole-content-form .form-bottom
{
  float: left;
  display: inline;
  width: 100%;
}


#flexarea form .button-area,
form.whole-content-form .button-area
{
  float: left;
  display: inline;
  position: relative;
  width: 44em;
  height: 3.6em;
}

#flexarea form .red-button,
form.whole-content-form .red-button
{
  margin: 0 2em 0 2em;
  padding: 0;
  float: right;
  display: inline;
  top: 0;
}
#flexarea form button.submit{ background:transparent url(../img/button_senden_iframe_iframe.gif) 0 0 no-repeat; width:18em; height:3.6em; border:0; font-size:100%; padding:0; cursor:pointer; float:right;}

#flexarea form p,
form.whole-content-form p
{
  margin: 0.7em 0 1.4em 0;
}

.imagecaption {

  background-color:#66b0d6;
  background-image:url(../img/ecke_recht_weiss.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:0.8em 1em 0.8em 1em;
  text-transform:uppercase;
  font-weight:bold;
  color: #025982;
  margin-top:0.2em;
}


.imagecaption span.left {
  float:left;
  display: inline;
  margin-top:0.2em;
  font-size:1.1em;
}
.imagecaption span.right {
  float:right;
  display: inline;
  vertical-align:middle;
  font-size:1.1em;
  margin-right: 3em;
}

#flexarea .imagecaption span.right a img
{
  position: static;

}

.imagecaption a img{
  width:0.8em;
  height:1.3em;
  margin-bottom:-0.3em;
  font-size: 0.8em;
}



.left {
  float:left;
  display: inline;
}
.right {
  float:right;
  display: inline;
}

label{
  font-size:1.1em;
  display:block;
  margin-top:0.4em;
}

input.short {
  width:6em;
}
input.long, select.long {
  width:16em;
}


#flexarea img.webcam-large-image
{
  /*width: 57em;
  height: 32em;*/
  margin: 1.5em 0 0 0;
}


#flexarea .webcam-places-column
{
  float: left;
  display: inline;
  width: 14.5em;
  margin: 0 0 0 1em;

}

#flexarea .webcam-places-column a
{
  text-transform: uppercase;
  font-size: 1em;
  line-height: 1.6em;
  height: 1.6em;
}

#flexarea .webcam-places-column a:hover
{
  text-decoration: underline;
}


#flexarea .webcam-imagecaption
{
  float: left;
  display: inline;
  width: 57em;
  margin: 0 0 4em 0;
}

#flexarea .webcam-imagecaption p
{
  float: left;;
  display: inline;
  padding: 0;
  margin: 0;
}

#flexarea .webcam-imagecaption a
{
  float: right;
  display: inline;
  text-transform: uppercase;
  font-size: 1.2em;
  margin-top: .5em;
}

#flexarea .webcam-imagecaption a:hover
{
  text-decoration: underline;
}






.webcam-popup-content
{
  padding: 2.5em 2em 2.5em 2em;
  float: left;
  clear: both;
  width: 65em;
}

.webcam-popup-content h2
{
  float: left;
  margin-right: 20em;
}



.webcam-popup-content .webcam-container
{
  margin: 0 0 .3em 0;
}

.webcam-popup-content .webcam-container,
.webcam-popup-content img.webcam-large-image
{
  float: left;

  /*width: 57em;*/
  height: 32em;
}

.webcam-popup-content img.webcam-large-image
{
  margin: 0;
}

.webcam-popup-content .webcam-places-column-area
{
  float: left;
  width: 62em;
}


.webcam-popup-content .webcam-places-column
{
  float: left;
  display: inline;
  width: 14.5em;
  margin: 0 0 0 1em;

}

.webcam-popup-content .webcam-places-column a
{
  line-height: 1.6em;
  height: 1.6em;
  color: #012B4C;
}

.webcam-popup-content .webcam-places-column a:hover
{
  text-decoration: underline;
}


.webcam-popup-content .webcam-imagecaption
{
  float: left;
  display: inline;
  width: 57em;
  margin: 0 0 3.5em 0;
}

.webcam-popup-content .webcam-imagecaption p
{
  float: left;
  display: inline;
  padding: 0;
  margin: 0;
  font-size: 1.2em;
}

.webcam-popup-content .webcam-imagecaption a
{
  float: right;
  display: inline;
  text-transform: uppercase;
  font-size: 1.2em;
  margin-top: .5em;
  color: #012B4C;
}

.webcam-popup-content .webcam-imagecaption a:hover
{
  text-decoration: underline;
}



/* Visitenkarte */
img.visitenkarte {
  top: 0;
  width:29.7em;
  height:26em;
}




/* Paginator */
.paginator{
  font-size:1.1em;
  text-transform:uppercase;
  margin:0 0 0 0;
  float: left;

  width: 50em;
}

.paginator span{
  margin-right:3em;
}

.paginator a{
  color:#012b4c!important;
  text-decoration:none!important;
}


.search-criteria
{
  font-size: 1.1em;
  padding: 1em 0 2em 0;
}


.search-criteria select
{
  margin: 0 2em 0 2em;
  width: 17em;
}

/* Weather */
#weather-area
{
  float: left;
  display: inline;
  margin: 1em 0 0 0;
  padding: 0;
  background-color: #ABDCF4;
  height: 46.7em;
}


#weather-area #weather-text
{
  float: left;
  display: inline;
  width: 32.5em;
  height: 46.5em;
  background-color: #ffffff;
}


#weather-area #weather-text h1
{
  margin: 0;
  float: left;
  display: inline;
  margin: 0 1em 0 0;
}


#weather-area #weather-text p.weather-datetime
{
  float: left;
  display: inline;
  margin: 0 5em 1em 0;
  font-size: 1.2em;
  font-weight: bold;
}


#weather-area #weather-text h2
{
  color: #012b4c;
  margin: 1em 0em 0 0;
  font-size: 2.0em;
}

#weather-area #weather-text .sub-copy div.weather-text-col
{
  margin-bottom: 2.8em;
}

#weather-area #weather-text .sub-copy div.weather-text-col,
#weather-area #weather-text .sub-copy div.weather-text-col-indent
{
  width: 20em;
  font-size: 1.2em;
}


#weather-area #weather-text .sub-copy div.weather-text-col-indent
{
  margin-left: 1em;
}

#weather-area #weather-text .sub-copy div.weather-text-col select
{
  color: #ffffff;
  background-color: #66B0D6;
  border: medium none;
  margin: 0.2em 0pt;
  padding: 0.3em;
  width: 20em;

}

#weather-area #weather-text .sub-copy div.weather-text-col input.submit
{
  float: right;
  display: inline;
}


#weather-area .copy
{
  padding:2em 0 0 2em;
}


#weather-area #weather-text h3
{
  margin: 0;
  padding: 0;

  color: #012b4c;
  margin:1.3em 0 .2em 0;
  padding:0;
}






#weather-area .sub-copy
{
  width: 17em;
  padding: 0;
  margin: 1em 0 2em 2em;
  float: left;
  display: inline;
}

#weather-area .sub-copy a
{
  color: #012b4c;
  text-decoration: underline;
}

#weather-area .sub-copy .col a
{
  text-decoration: none;
}

#weather-area .sub-copy h2
{
  font-size: 1.5em;
}



#weather-area #weather-map
{
  float: left;
  display: inline;
  height: 46.5em;
}



/*
#weather-map
{
    background-image:url(../img/weather_header.gif);
    background-position:top left;
    background-repeat:no-repeat;
}
*/

#weather-area h2
{
  color:#ffffff;
  font-size:1.4em;
  margin:0.5em 0.8em;
}

#flexarea-weather-detail
{
  margin: 0;
  position: relative !important;
  float: left;
  padding-bottom: 2em;
}

#flexarea-weather-detail .weather-date
{
  display: inline;
}


#flexarea-weather-detail .weather-day-column-container
{
  float: left;
  display: inline;
  width: 63em;
}


#flexarea-weather-detail .weather-day-column
{
  float: left;
  display: inline;
  width: 19em;
  height: 19em;
  padding: 0;
  margin-right: 2.5em;
}


#flexarea-weather-detail .weather-day-column-last
{
  margin-right: 0em;
}

#flexarea-weather-detail .weather-day-column h3.weather-dayheading
{
  font-size: 2.1em;
  color: #012b4c;
  margin: 0;
  font-weight: bold;
}

#flexarea-weather-detail .weather-day-column .weather-timeofday-container
{
  float: left;
  display: inline;
  position: relative;
  width: 18.4em;
  height: 6.2em;
  background-color: #66B0D6;
  margin-bottom: 2.8em;
}


#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday1,
#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday2,
#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday3
{
  float: left;
  display: inline;
  position: absolute;
  /*top: 1em;*/
  top: 0.3em;

}

#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday1
{
  left: 1em;
}


#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday2
{
  left: 7em;
}


#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-timeofday3
{
  left: 13em;
}

#flexarea-weather-detail .weather-day-column .weather-timeofday-container  .weather-timeofday-heading
{
  color: #ffffff;
  font-size: 1.2em;
}

#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-condition
{
  float: left;
  display: inline;
  width: 3.625em;
  /*height: 5.3em;*/
  background-color: #ABDCF4;
  padding: 0.3em 0.3em 0.3em 0.3em;
}

#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-condition img
{
  float: left;
  display: inline;
  width: 3.625em;
  height: 3.625em;
}


#flexarea-weather-detail .weather-day-column .weather-timeofday-container .weather-condition .weather-temperature
{
  float: left;
  display: inline;
  width: 4.3em;
  margin: 0.3em 0 0 0;
}


#flexarea-weather-detail .weather-day-column table
{
  float: left;
  display: inline;
  width: 11.9em;
}


html[xmlns] #flexarea-weather-detail .weather-day-column table
{
  width: 18.9em;
}



#flexarea-weather-detail .weather-day-column table tr td
{
  font-size: 0.8em; /* Value for IE 5.5 & 6 */
}

html[xmlns] #flexarea-weather-detail .weather-day-column table tr td
{
  font-size: 1.2em; /* Value for browsers except IE 5.5 & 6 */
}


#flexarea-weather-detail .weather-day-column table tr
{
  line-height: 0.8em; /* Value for IE 5.5 & 6 */
}


html[xmlns] #flexarea-weather-detail .weather-day-column table tr
{
  line-height: 1.2em; /* Value for browsers except IE 5.5 & 6 */
}


#flexarea-weather-detail .weather-day-column table tr td.weather-data-key
{
  width: 8.8em; /* Value for IE 5.5 & 6 */
}

html[xmlns] #flexarea-weather-detail .weather-day-column table tr td.weather-data-key
{
  width: 9.5em; /* Value for browsers except IE 5.5 & 6 */
}


#flexarea-weather-detail .weather-detail-service h3
{
  margin: 0;
  font-size: 1em;
  color: #012B4C;
}


#flexarea-weather-detail .weather-text-headline
{
  float: left;
  width: 100%;
}

#flexarea-weather-detail .weather-text-headline h1
{
  float: left;
}

#flexarea-weather-detail .weather-text-headline span
{
  float: left;
  padding-top: 1.7em;
}


#flexarea-weather-detail .weather-copy-column-first,
#flexarea-weather-detail .weather-copy-column-second
{
  float: left;
  display: inline;
  margin-top: 2.5em;
  width: auto;
}

#flexarea-weather-detail .weather-copy-column-first
{
  width: 25em;
}

#flexarea-weather-detail .weather-copy-column-second
{
  width: 36em;
  padding-bottom: 2em;

}

#flexarea-weather-detail .weather-copy-column-second .col
{
  float: left;
  display: inline;

  text-transform: uppercase;
  font-size: 1.1em;

  width: 17em;
  margin-left: 1em;
  line-height: 1.6em;
}

#flexarea-weather-detail .weather-copy-column-second .col-last
{
  width: 11em;
}


#flexarea-weather-detail .weather-teaserline
{
  margin-top: 3em;
  color: #c81f02;
  font-size: 1.2em;
  float: right;
}

#flexarea-weather-detail .weather-teaserline .weather-teaserline-text
{
  text-decoration: underline;
}

#flexarea-weather-detail .weather-teaserline img
{
  text-decoration: none;
  margin: 0 0 0 1em;
  vertical-align: middle;
}

#flexarea-weather-detail .weather-detail-service
{
  font-size: 1.2em;
  padding-left: 1em;
}

#flexarea-weather-detail .weather-detail-service h3
{
  margin-top: 1em;
}

#flexarea-weather-detail .weather-detail-service a
{
  text-decoration: underline;
}

/* Geofinder */
#geofinder {
  width:26.6em;
  height:50em;
  right:0.75em;
  top:7.2em;
  position:absolute;
  z-index:100;
}


/*Hack for ie 6*/
* html div  #geofinder.homepage-geofinder
{
  voice-family:"\"}\"";
  voice-family:inherit;
  right:0.75em;
}


div#geofinderbody {
  background-color:#008fc7;
  position:absolute;
  width:26.6em;
  /*height:25em;*/
}


#geofinder div#geofinderbody
{
  top:27.4em;
  left:-0.8em;
  overflow:hidden;
}

#geofinder-large div#geofinderbody{
  top:49.6em;
  left:70.3em;
  z-index:10000 !important;
}
#weather-geofinder div#geofinderbody{
  margin-top: .2em;
  top:53.5em;
  left:70.3em;
}

.geofinder-layover
{
  position: absolute;
  left: 0em;
  z-index: 1000;
}

#geofinder-large.geofinder-layover .large-map #print-icon,
#geofinder-large.geofinder-layover .large-map #close-icon{
  position: absolute;
  top: 2em;

  border:none;
}

#geofinder-large.geofinder-layover .large-map #print-icon
{
  left: 92em;
}

#geofinder-large.geofinder-layover .large-map #close-icon
{
  left: 95em;
}

#geofinder-large.geofinder-layover .large-map .map-container,
#weather-area .large-map img
{
  margin-top: 3em;
}


#geofinder-large{
  float: left;
  display: inline;
  background-color: #ffffff;
  padding: 1.3em 0em 4.7em 2em;
  width: 98.5em;
  height: 42.6em;
}

div>#geofinder-large{
  width: 96.5em;
}



#geofinder-large .map-controls{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  z-index:100;
  border-bottom-style: solid;
  border-bottom-color: #008fc7;
  border-bottom-width: 0.1em;
}

#geofinder-large .map-controls .map-controls-content,
#weather-area .map-controls .map-controls-content
{
  overflow: auto;
  width: 31em;
  height: 39em;
  padding: 0;
  margin: 3em 0 0 0;
}

#geofinder-large .large-map{
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  z-index:100;
}




#geofinder-large .map-controls .map-controls-content ul li a
{
  color: #000000;
  font-size: 1.1em;
}

#geofinder-large .map-controls .map-controls-content label
{
  margin: 0.1em 0 0 0;
}

#geofinder-large .map-controls .map-controls-content ul
{
  padding-left: .5em;
}

#geofinder-large .map-controls .map-controls-content li input
{
  margin-right: 1em;
}


#geofinder-large .map-controls .map-controls-content li img
{
  vertical-align: middle;
  margin-right: 0.3em;
  margin-bottom: 0.2em;
  width: 2.2em;
  height: 2.2em;
  padding: 0;
  /*font-size: 0.9em;*/
}

#geofinder-large .map-controls .map-controls-content li ul
{

  list-style-position: inside;
  padding-left: 1em;

  voice-family:"\"}\"";
  voice-family:inherit;

  list-style-position: outside;
  padding-left: 2.6em;
}



#geofinder-large .large-map #print-icon,
#geofinder-large .large-map #close-icon{
  position: absolute;
  top: 8em;
  border:none;
}




#geofinder-large .large-map #print-icon {
  left: 92.5em;
  width: 1.5em;
  height: 1.2em;
}

#geofinder-large .large-map #close-icon{
  left: 95em;
  width: 1.2em;
  height: 1.5em;
}

#geofinder h2,
#geofinder-large h2,
#geofinderbody h2
{
  color:#ffffff;
  font-size:1.4em;
  padding:0.5em 0.8em 0.5em 0.8em;

}

#geofinder-large h2.geo-headline-text,
#weather-area h2.geo-headline-text
{
  position: absolute;
  top: 0em;
  width: 15em;

}


#geofinder h2.geo-headline-text a
{
  color: #ffffff;
}

#geofinder-large .geofinder-headline,
#weather-area .geofinder-headline
{
  position: relative;
  margin: 0;
  padding: 0;

}

#geofinder .geofinder-headline
{
  width: 26.6em;
  height: 3em;
  margin: 0;
  padding: 0;
  background:transparent url(../img/geofinder_header.gif) 0 0 no-repeat;
}


#geofinder div.map-container
{

  margin-left: 0;
  margin-right: 0;
}



#geofinder-large div.map-container
{
  padding: 0;
  margin: 0;
  width: 64.4em;
  height: 39em;
  position: relative;
}

map.container *
{
  display: none;
}

#geofinder .headline-background
{
  width: 26.6em;
  height: 3em;
  position: absolute;
  z-index: 0;
}

#geofinder-large .map-controls .headline-background
{
  width: 31em;
  height: 3em;
  position: absolute;
  z-index: 0;
}

#weather-area .geofinder-headline .headline-background
{
  width: 64.4em;
  height: 3em;
  position: absolute;
  z-index: 0;
}

#geofinder-large .large-map .headline-background
{
  width: 64.7em;
  height: 3em;
  position: absolute;
  z-index: 0;
}


#geofinder select,
#geofinder a.link,
#geofinder-large select,
#geofinder-large a.link,
#geofinderbody select,
#geofinderbody a.link
{
  width:100%;
  font-size:1.2em;
  color:#ffffff;
  font-weight:bold;
}

#geofinder select,
#geofinder-large select,
#geofinderbody select
{
  padding:0.3em;
  margin: 0.2em 0;
  background-color:#66b0d6;
  border:none;
}

#geofinder select.red,
#geofinder-large select.red,
#geofinderbody select.red
{
  background-color:#c81f02;
}

#geofinder input.submit,
#geofinder-large input.submit,
#geofinderbody input.submit
{
  margin: 0.2em 0;
  float:right;
  display: inline;
  /*width:2.5em;*/
  width:auto;
  height:1.6em;
}


#geofinder-large img#map,
#geofinderbody img#map,
body div#geofinder #map-replacement,
#geofinder .map-container
{
  margin-top: 3em;
  border: 0px solid #abdcf4;
  border-style: none;
  border-width: 0;
}
#geofinder .map-container{ margin-top:0;}


#geofinder img#map,
#geofinder-large img#map,
#geofinderbody img#map,
body div#geofinder #map-replacement,
#geofinder .map-container
{

  width:26.6em;
  height:24.4em;
  border: 0px solid #abdcf4;
  border-style: none;
  border-width: 0;
}

/*
#geofinder img#map {
 margin-top: 3em;
 }*/


body div#geofinder div#map-replacement
{

  position: absolute;
  background-color: #ffffff;
  padding: 0 0 0 0;
  margin: 3em 0 0 0 ;
  z-index: 500;
}


#geofinder img#magnifier,
#geofinderbody img#magnifier
{
  width:1.4em;
  height:1.4em;
}

#geofinder img#enlarge,
#geofinderbody img#enlarge
{
  width: 1.7em;
  height: 1.6em;
}

#geofinder a.link,
#geofinder-large a.link,
#geofinderbody a.link
{
  width:20.5em;
  padding:0.2em;
  border-bottom:0.1em solid #ffffff;
  display:block;
  background-image:url(../img/arrow_white.gif);
  background-repeat:no-repeat;
  background-position:0.5em 0.2em;
  text-indent:1.5em;
  margin: 0;
}

#geofinder fieldset,
#geofinder div ,
#geofinder-large fieldset,
#geofinder-large div,
#geofinderbody fieldset,
#geofinderbody div
{
  border:none;
  margin:0 0.8em 0.8em 0.8em;
}

#geofinder #magnifier,
#geofinder-large #magnifier,
#geofinderbody #magnifier
{
  position:absolute;
  top:0.8em;
  right:0.8em;
  border:none;
}

#geofinder #enlarge,
#geofinder-large #enlarge,
#geofinderbody #enlarge
{
  position:absolute;
  top:0.6em;
  right:2.9em;
  border:none;
}

#weather-geofinder a.link
{
  text-align: left;
}






/* Imageteaser */
.imgteaserwide {
  width:61.5em;
  margin:0 0 0 1em;
}
.imgteaser img {
  border: 0 solid #aadcf5;
}

.imgteaser img{
  width:29.7em;
  height:23em;
  position:absolute;

}
.imgteaserwide img{
  width:61.5em;
  height:24.9em;
  position:absolute;
}

.info-imgteaser .visual {

  background-repeat:no-repeat;
  background-position:top left;
  vertical-align: text-bottom;
  position:relative;
}


.info-imgteaser .visual img,
.info-imgteaser .visual {
  width:29.7em;
  height:26em;
}


#impressionsList
{

  position: relative;
}



#impressionsList .visual
{
  margin-top: 0;
  position: absolute;
}

.info-imgteaser #impressionsList
{
  height:26em;
}

#impressionsList,
.imgteaser .visual
{
  height:23em;
}

.imgteaser .visual {
  width: 29.7em;
  margin-top: 2em;
  background-repeat: no-repeat;
  background-position: top left;
  vertical-align: text-bottom;
  position: relative;
}

.imgteaserwide .visual {
  width:61.5em;
  height:24.9em;
  background-repeat:no-repeat;
  background-position:top left;
  vertical-align: text-bottom;
  position:relative;
}
.imgteaser .copy {
  bottom: 0;
  width: 25.0em;
  margin: 0 0 2em 2em;
  position: absolute;
}
.imgteaser.overlay .copy {
  background:transparent url(img/imgteaser_overlay.png) 0 0 repeat;
  margin: 0 0 1.4em 1em;
  padding:.25em 1em 1em;
  width:23em;
}
.imgteaser.overlay.short .copy { width:12em;}

.imgteaserwide .copy {
  width:18em;
}

.imgteaser .copy-top
{
  top: 1.5em;
}

.imgteaser select {
  width: 20em;
  font-size:1.2em;
  color:#ffffff;
  font-weight:bold;

  padding:0.3em;
  margin: 1em 0 0.2em 0;
  background-color:#B4C8EB;
  border:none;
}


.imgteaser .visual .dark-text h2,
.imgteaser .visual .dark-text p,
.imgteaser .visual .dark-text a

{
  color: #002844;
}

.imgteaser .copy .subline {
  color:#c81f02;
  font-weight:bold;
  font-size:1.1em;
}

.imgteaser .copy .subline a
{
  color:#c81f02;
}

.imgteaser .copy .subline a:hover
{
  text-decoration: none;
}

.imgteaser .copy h2.subline
{
  font-size: 2em;
  margin: 0;
  padding: 0;
}

.imgteaser .copy h2,
.imgteaser .copy h2 a,
.imgteaser .copy p,
.imgteaser .copy p a,
.imgteaser .copy a.more
{ color:#ffffff!important; text-decoration: none!important;}

.imgteaser.overlay .copy h2,
.imgteaser.overlay .copy h2 a,
.imgteaser.overlay .copy p,
.imgteaser.overlay .copy p a,
.imgteaser.overlay .copy a.more
{ color:#606060!important; text-decoration: none!important;}

.imgteaser .copy h2 a:hover,
.imgteaser .copy p a:hover,
.imgteaser .copy a:hover
{ text-decoration: none!important;}

.imgteaser .copy h2 {
  font-weight:normal;
  font-size:2em;
  margin-top:0.3em;
}

.imgteaser .copy p {
  margin-bottom:0.2em;
  font-size:1.1em;
}

.imgteaser .copy a.more {    
  text-transform:uppercase;
  font-weight:bold;
}


/*
.imgteaser .cta
{
    background-image:url(../img/corner_trans_blue.gif);
    background-position: top right;
    background-repeat:no-repeat;
    background-color:#66b0d6;

    margin-top:0.2em;
    padding: 1.5em 2em;


}


.imgteaser .cta a {
    text-transform:uppercase;
    font-weight:bold;
    color: #025982;
    padding-left:1.5em;
    background-image:url(../img/arrow_blue.gif);
    background-repeat:no-repeat;
    background-position:left top;
    display:block;
    font-size:1.1em;

}
*/


.imgteaser .cta
{
  background-image:url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  background-color:#66b0d6;

  margin-top:0.2em;
  padding: 0 2em;
  height: 4em;

  display: table;

  #position: relative;
}


.imgteaser .cta-content
{
  display: table-cell;
  vertical-align: middle;


  #position: absolute;
  #top: 50%;
}


.imgteaser .cta a {
  text-transform:uppercase;
  font-weight:bold;
  color: #025982;
  padding-left:1.5em;
  background-image:url(../img/arrow_blue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  display:block;
  font-size:1.1em;

  #position: relative;
  #top: -50%;
}

.imgteaser .cta a.narrow-teaser
{
  width: 21.8em;

}

.imgteaser .cta a.wide-teaser
{
  width: 50.5em;
}


.imgteaser .imageselect-cta,
#flexarea .imgteaser .cta
{
  background-image:url(../img/ecke_recht_weiss.gif);
  background-position: top right;
  background-repeat:no-repeat;
  background-color:#66b0d6;
  padding: 1em 2em;
  margin-top:0.2em;
}

#flexarea .imgteaser .cta a
{
  float: none;
  color: #025982;
}

#flexarea .imgteaser a
{
  text-decoration: none;

}

.imgteaser .imageselect-cta
{
  padding-top: .3em;
  padding-bottom: .3em;
  font-size: 1.0em;
  font-weight: bold;
}

.imgteaser .imageselect-cta p
{
  font-size: 1.1em;
  display:block;
}

.imgteaser .imageselect-cta a
{
  float: none;
  display: inline;
}

.imgteaser .imageselect-cta .imageselect
{
  margin-left: 2em;
}

.imgteaser .imageselect-cta a img
{
  font-size: 0.8em;
  vertical-align: middle;
  width: .8em;
  height: 1.3em;
  margin: 0 0 0 .1em;
  position: static;
}







/* Textteaser */
#flexarea .transparentTeaser .copy
{
  padding: 0.5em 2em 0.5em 2em;

  margin-top:2em;
  display:block;
}

#flexarea .transparentTeaser .copy a:hover
{
  text-decoration: none;
}

#flexarea .imgteaser .copy
{
  padding-left: .5em !important;
}

.textteaser .copy
{
  background:#66b0d6 url(../img/corner_trans_blue.gif) no-repeat top right;
  padding:1.5em 2em 2.5em;
  margin-top:2em;
  display:block;
}

.textteaser .copy p a
{
  color: #012b4c;
}

.textteaser .copy p a:hover
{
  text-decoration: none;
}


.textteaser .copy .subline,
.transparentTeaser .copy .subline
{
  font-size:1.1em;
}

.textteaser .copy .subline a,
.transparentTeaser .copy .subline a
{
  color:#c81f02;
  font-weight:bold;
}


.textteaser .copy .subline a:hover,
.transparentTeaser .copy .subline a:hover
{
  text-decoration: none;
}

.textteaser .copy h2,
.transparentTeaser .copy h2
{
  font-size:2em;
  margin-top:0.3em;
}

.textteaser .copy h2 a,
.transparentTeaser .copy h2 a
{
  color: #012b4c;
}

.textteaser .copy h2 a:hover,
.transparentTeaser .copy h2 a:hover
{
  text-decoration: none;
}


.textteaser .copy h2 .heading-highlight,
.transparentTeaser .copy h2 .heading-highlight
{
  color: #ffffff;
}

.textteaser .copy p,
.transparentTeaser .copy p
{
  margin-top:0.5em;
  margin-bottom:0.2em;
  font-size:1.1em;
}

.textteaser .copy a.more ,
.transparentTeaser .copy a.more
{
  text-transform:uppercase;
  font-weight:bold;
  color:#012b4c;
}

.textteaser .copy a:hover,
.transparentTeaser .copy a:hover
{
  text-decoration:underline;
}

.textteaser .cta
{
  background-color:#66b0d6;

  /*padding:1.5em 2em;*/
  padding: 0 2em;

  margin-top:0.2em;

  height: 4em;
  display: table;
  #position: relative;

}

.textteaser .cta-content
{
  display: table-cell;
  vertical-align: middle;



  #position: absolute;
  #top: 50%;
}


.textteaser .cta a {
  text-transform:uppercase;
  font-weight:bold;
  color: #025982;
  padding-left:1.5em;
  background-image:url(../img/arrow_blue.gif);
  background-repeat:no-repeat;
  background-position:left top;
  display:block;
  font-size:1.1em;

  #position: relative;
  #top: -50%;
}

.textteaser .cta a.narrow-teaser
{
  width: 21.8em;

}

#flexarea .textteaser .cta a
{
  text-decoration: none;

}


img
{
  display: inline;
}

.textteaser img.bottom-image
{
  width: 30em;
  height: 14em;
  margin: 0;
  padding: 0;
  display: block;
}


.selectteaserWhite {
  width: 26em;
  background-color:#ffffff;
  background-image:url(../img/corner_white_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:1.5em 1.5em 2.5em 1.5em;
  margin-top:2em;
}

.selectteaserWhite fieldset {
  border:none;
}

.selectteaserWhite select {
  width:100%;
  font-size:1.2em;
  color:#ffffff;
  font-weight:bold;
  padding:0.3em;
  margin: 0.2em 0;
  background-color:#66b0d6;
  border:none;
}
.selectteaserWhite input.submit {
  margin: 0.2em 0;
  float:right;
  display: inline;
  width:2.5em;
  height:1.6em;
}
.selectteaserWhite h2 {
  color: #c81f02;
}
.selectteaserWhite p {
  margin-top:0.5em;
  margin-bottom:0.6em;
  color: #c81f02;
  font-size: 1.1em;
}

/* Teaserliste */
#teaserlist li {
  width:60.4em;
  height:10.2em;
  margin:1em 0 0.2em 1em;
  background-color:#66b0d6;
  background-image:url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:0;
  display:block;
}
#teaserlist img {
  width:19.9em;
  height:10.2em;
  float:left;
  display: inline;
  margin-right: 1em;
}
#teaserlist div {
  padding:1em;
}
#teaserlist p {
  font-size:1.1em;
  margin-bottom:0.2em;
}
#teaserlist a {
  text-transform:uppercase;
  font-weight:bold;
  color:#012b4c;
}
#teaserlist a:hover {
  text-decoration:underline;
}



/* Eventlist */


.search-navigation
{
  margin: 2em 0 0 0 ;
  padding: 0 0 2em 2em;
}



p.result-number
{
  float: right;
  display: inline;
  padding: 0;
  font-size: 1.2em;
  font-weight: bold;
  color: #ffffff;
  margin: .2em .2em 0 0;
  width: 1.3em;
  height: 2.3em;

  position: absolute;
  /*left:47em !important;*/
  top: 0;
  left:37.0em;

  background-image: url('../img/green-bubble.gif');
  background-repeat: no-repeat;

  /*Werte die von ie5+6 benutzt werden*/
  margin: 0.4em 0.5em 0.9em 0.5em;
  padding-left: 0.3em;
  cursor: pointer;

}
/*hack ffuer ie 5,6*/
body>div p.result-number
{
  /*Werte die von ff, ie7 benutzt werden*/
  margin: 0.4em 0 0 0.5em;
}

a.current-page
{
  font-weight: bold;

}

p.search-page-number,
p.search-page-navigation,
p.search-page-links,
p.search-page-navigation
{
  width: 11em;
  color: #000000;
  text-transform: uppercase;
}

p.search-page-number a,
p.search-page-navigation a,
p.search-page-links a,
p.search-page-navigation a
{
  color: #000000;
}


#search-result {
  width: 100%;
  float: left;
  font-size: 120%;
  margin: 20px 0;
}
#search-result h2 {
  font-size: 140%;
}

#search-result-list {
  width: 65em;
  margin-left: 2em;
  float: left;
  display: inline;
}
#search-result-list li
{
  float: left;
  display: inline;
}
ul.eventlist {
  float: left;
  width: 64em;
  margin: 1em 0 2em 0 ;
}


#schmetter-list {
  width: 56.1em;
  float: left;
  background-color: #FFF;
  padding: 14px 7.1em 20px 1.50em;
  margin: 9px 0 0 18px;
  display: inline;
}
* html #schmetter-list {
  padding: 14px 1.6em 20px 1.50em;
}
ul.schmetterlist {
  float: left;
  width: 60.30em;
}
* html ul.schmetterlist {
  width: 61.60em;
}
#schmetter-list li {
  width: 100%;
  float: left;
}
#schmetter-list ul.schmetterlist li h2 {
  width: 98%;
  float: left;
  font-size: 1.5em;
  color: #FFF;
  background: #2259a6 url(../img/schmetter.gif) no-repeat 100% 50%;
  padding: 6px 0 6px 2%;
  margin: 9px 0 0 0;
}
#schmetter-list ul.schmetterlist li p {
  width: 88%;
  float: left;
  padding: 11px 10% 11px 2%;
  margin: 0 0 0 0;
  font-size:1.2em;
}

#schmetter-list ul.schmetterlist li p a{

}



.eventlist li {
  width:60.4em;
  height:8em;
  margin:0 0 0.2em 0;
  background-color:#2259a6;
  background-image:url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:0;
  display:block;
  position: relative;
  /*overflow:hidden;*/
}

.eventlist .image-area
{
  float:left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 13em;
  height: 8em;
  margin-right: 1em;
  left:0;
}

.eventlist a img {
  width:13em;
  height:8em;


}
.eventlist div {
  padding: 0.6em;
  position: absolute;
  left:13em;
}

#content .eventlist li h2
{
  margin: .3em 0 0 0;
}

.eventlist h2 a
{
  color:#012b4c;
}

.eventlist p.title a, .eventlist a.title
{
  text-decoration: underline;
}

.eventlist p.title a, .eventlist a.title,
.eventlist a.catalog-list-title
{
  color: #FFF!important;
  text-decoration:none!important;
  font-size: 1.6em;
  font-weight: bold;
}

.eventlist p.title {
  width: 48em !important;
  width: 35em;
}

.eventlist p.subtitle {
  width: 48em !important;
  width: 35em;
  font-size:1.1em;
  color: #FFF;
}
.eventlist p.copy {
  font-size:1.1em;
  margin-bottom:0.2em;
  height:4.2em;
  width: 32em;
  color: #FFF;
}
.eventlist p.category {
  color:#C81F02;
}

.eventlist p.place {
  color: #FFF;
  height:2.3em;
  left:37.5em;
  overflow:hidden;
  position:absolute;
  top:0.5em;
  width:7.2em;
}

.eventlist p.price{
  float:right;
  font-size:1.5em;
  font-weight:bold;
  color: #FFF;
  left:25em;
  position:absolute;
  width:5em;
  top:1.5em;
}
.eventlist p.price span.priceDescription {
  font-size: 0.7em;
  font-weight: normal;
}

.eventlist a.more {
  font-weight:bold;
  color:#012b4c;
  text-decoration:underline;
  font-size:1.1em;
}
.eventlist {
  margin-bottom:0.4em;
}

.eventlist .viewpoint-list-copy
{
  font-size: 1.2em;
}


.eventlist p.catalog-list-copy
{
  margin: 0 0 1em 0;
}


.eventlist p.catalog-list-tools
{
  padding: 0;
  margin: 0.4em 0 0 0;
  text-transform: uppercase;
  font-weight: bold;

}


.eventlist p.catalog-list-tools label,
.eventlist p.catalog-list-tools a,
.eventlist p.catalog-list-tools span
{
  float: left;
  display: inline;
}

.eventlist p.catalog-list-tools label,
.eventlist p.catalog-list-tools label input
{
  margin-top: 0;
  padding: 0;
  vertical-align: middle;
}


.eventlist p.catalog-list-tools label input
{
  float: left;
  display: inline;
  margin: 0.3em 0.5em 0.3em 0.3em; /* For all browsers except IE */
  margin: 0em 0.2em 0em 0em !ie ;

}



.eventlist p.catalog-list-tools label
{
  vertical-align: middle;
  line-height: 1.8em;
  width: 12.5em;
  margin-left: -0.3em;
  height: 2em;
  margin-top: -0.2em !ie; /* IE Browsers only */

}

.eventlist p.catalog-list-tools a
{
  color: #012B4C;
  font-size: 1.1em;
  margin-top: 0.2em;
}

.eventlist p.catalog-list-tools span.catalog-list-centerlink
{
  width: 16em;
}


.eventlist .catalog-list-image-area
{
  float:left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 13em;
  height: 8em;
  margin-right: 2em;
}

/* Searchresult */
#searchresult {
  border-top: 0.1em solid #c81f02;
  border-bottom: 0.1em solid #c81f02;
  padding-top: 2em;
  padding-bottom: 1em;
}


#didYouMean {
  width: 100%;
  float: left;
  list-style-type: none;
  padding-top: 1em;
  padding-bottom: 1em;
}

#didYouMean p {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
}

#didYouMean ul {
  width: 100%;
  float: left;
  list-style-type: none;
  padding: 0;
  margin-top: 0;
  margin-bottom: 0;
}

#didYouMean li {
  font-size: 1.1em;
  margin-bottom: 0.5;
  padding-left: 1.0em;
}

#searchresult li {
  font-size:1.1em;
  margin-bottom:1em;
  padding-right: 5em;
}

#searchresult a, #didYouMean a {
  color: #c81f02;
  text-decoration:underline;
}

p.paginatorSearchresultTop,
p.paginatorSearchresult{
  float: right;
  display: inline;
  width: auto;
}

#flexarea div.search-headline p.paginatorSearchresultTop
{
  margin-top: 0;
}

.paginator {
  margin: 3px 0;
}


.nextPage{
  font-size:0.8em;
}


/* Sidebar */
#col3 div.item {
  width:24em;
  border-bottom: 0.1em solid #c81f02;
  padding-bottom:1.4em;
  margin-top: 1.4em;
}

#col3 div.item p{
  font-size:1.1em;
}
#col3 div.item span.phone{
  color: #c81f02;
  font-size:1.2em;
  font-weight:bold;
}
#col3 div.item span.subline{
  color: #c81f02;
  font-size:0.9em;
  font-weight:bold;
}
#col3 div.item a {
  text-transform:uppercase;
  font-weight:bold;
  color:#012b4c;
  font-size:1.1em;
}
#col3 div.item a:hover {
  text-decoration:underline;
}

#col3 div.item ul{
  margin-top:1em;
}
#col3 div.item ul li{
  margin:0.2em 0;
}
#col3 div.item ul li a{
  margin:0.2em 0;
  color: #c81f02;
}


#col3 #weather #forecast {
  background-color:#66b0d6;
  background-image:url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  height:4.7em;
  padding:0.4em;
  margin: 0 0 1em 0;
}

/*
#col3 #weather #forecast img{
    float:left;
    display: inline;
    margin: 0 0.8em 0 0;
    width: 7.1em;
    height: 4.6em;
}
*/

#col3 #weather #forecast img {
  width: 42px;
  height: 42px;
  float: left;
  margin: 0.2em 0.4em 0 0;
  display: inline;

}

#col3 #weather #forecast div,
#col3 #weather #forecast div a
{
  color:#ffffff;
  text-transform: none;
}
#col3 #weather #forecast div a {
  float: left;
}

#col3 #weather #forecast div a:hover
{
  text-decoration: none;
}


#col3 #weather #forecast div{
  font-size:1.4em;
  font-weight:bold;
  padding: 0.5em 0 0 0;

}

#col3 #live
{
  border-bottom-style: none;
}

#col3 #live div{
  background-color:#ffffff;
  background-image:url(../img/corner_white_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:1em;
}
#col3 #live p{
  margin-bottom:0.5em;
}

#col3 #live img{
  width:20.4em;
  height:14.9em;
}


#col3 #live a
{
  font-size: 1.0em;
}


#col3 #tagcloud div{
  background-color:#ffffff;
  background-image:url(../img/corner_white_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding:1em;
  margin-top:0.6em;
}

#col3 #tagcloud a{
  text-transform:none;
  color: #208db8;
  text-decoration:underline;
  text-indent:0;
  display:inline;
  background-image:none;
}

#col3 #tagcloud a.size2{
  font-size:1.4em;
}
#col3 #tagcloud a.size3{
  font-size:1.7em;
}
#col3 #tagcloud a.size4{
  font-size:2em;
}
#col3 #tagcloud h2 {
  margin:0
}
#col3 #tagcloud h3 {
  margin:0;
  padding:0;
  font-size:1.4em;
  font-weight:bold;
  color:#012b4c;
}

#col3 #history ul
{
  height: 5em;
}

#col3 #history ul li{
  float:left;
  display: inline;
  margin-right:0.2em;
  width:3.5em;
  height:2.5em;

  background-color:#66b0d6;
  background-image:url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  display:block;

}

#col3 #history ul li a
{
  width: 100%;
  height: 100%;
  float: left;
  padding: 0;
  margin: 0;
  text-decoration: none;
  position: relative;

}

#col3 #history ul li a .pagename
{
  position: absolute;
  top: 2.5em;
  left: .1em;
  color: #012B4C;
  border: none;
  width: 10em;
}

#col3 #history ul li.highlighted
{
  background-color:#ffffff;
}


#col3 #gallery
{
  padding: 1.5em 0 0 0 ;
}

#col3 #gallery .gallery-content
{
  margin: 0;
  padding: 0;

  background-color: #ffffff;
  background-image:url(../img/corner_white_blue.gif);
  background-position: top right;
  background-repeat:no-repeat;
  padding: 1.5em 0 1.5em 0;

}


#thumbnail-pages
{
  padding: 0 1em 0 1em;
  width: 21.9em;
  height: 14.3em;
}


#col3 #gallery .gallery-content .thumbnails
{
  float: left;

  width: 21.9em;
  height: 14.3em;
}

#col3 #gallery .gallery-content .thumbnails img
{
  float: left;
  display: inline;
  margin: 0 .3em .3em 0;
  width: 7em;
  height: 7em;
}

#col3 #gallery .gallery-content .navigation
{
  float: right;
  display: inline;
  width: 96%;
  padding: 0 .3em 0 0;
  margin: .5em 1em 1.4em 0;
}

#col3 #gallery .gallery-content .navigation p
{

  float: right;
}

#col3 #gallery .gallery-content .navigation p a
{
  padding: 0 .2em 0 .2em;
  color: #002B4D;
}

#col3 #gallery .gallery-content .navigation p a.selected
{
  text-decoration: underline;
  color: #c81f02;
  font-weight: bold;
}

#col3 #gallery .gallery-content .large-image
{
  width: 100%;
  margin: 0;
  padding: 0;
}


/* overlay popup */

#geofinder-large .overlay-window
{

  position: absolute;
  width: 23.5em;
  z-index: 2000;

  text-align: left;
  padding: 0;
  margin: 0;
}


#geofinder-large .overlay-window .gray-titlebar,
#geofinder-large .overlay-window .orange-titlebar,
#geofinder-large .overlay-window .blue-titlebar,
#geofinder-large .overlay-window .green-titlebar
{
  float: left;
  display: inline;
  width: 23.5em;
  margin: 0;
  padding: 0;

}

#geofinder-large .overlay-window .gray-titlebar h3,
#geofinder-large .overlay-window .orange-titlebar h3,
#geofinder-large .overlay-window .blue-titlebar h3,
#geofinder-large .overlay-window .green-titlebar h3
{
  padding: 0;
  margin: 0 0 0 0;
  color: #ffffff;
  float: right;
  display: inline;
  text-transform: uppercase;
  padding: 0.2em 0 0 0.6em;

  width: 21.5em;
  height: 1.3em;

  font-size: 1em;

}


* html #geofinder-large .overlay-window .gray-titlebar h3,
* html #geofinder-large .overlay-window .orange-titlebar h3,
* html #geofinder-large .overlay-window .blue-titlebar h3,
* html #geofinder-large .overlay-window .green-titlebar h3
{
  width: 24.4em;
  height: 1.5em;
  font-size: 0.9em;
}

#geofinder-large .overlay-window .green-titlebar h3
{
  background-color: #2b9f12;
}

#geofinder-large .overlay-window .gray-titlebar h3
{
  background-color: #8B8B8B;
}

#geofinder-large .overlay-window .orange-titlebar h3
{
  background-color: #e8882f;
}

#geofinder-large .overlay-window .blue-titlebar h3
{
  background-color: #008fc7;
}


#geofinder-large .overlay-window .gray-titlebar img,
#geofinder-large .overlay-window .orange-titlebar img,
#geofinder-large .overlay-window .blue-titlebar img,
#geofinder-large .overlay-window .green-titlebar img
{
  width: 1.5em;
  height: 1.5em;
  float: left;
  display: inline;
  position: absolute;
  padding: 0;
  margin: 0;

}




#geofinder-large .overlay-window .body
{
  float: right;
  display: inline;
  padding: 0.6em;
  margin: 0;
  background-color: #ffffff;


  width: 20.8em;

}

* html #geofinder-large  .overlay-window .body
{
  width: 21.6em; /* Value for ie5 */
  voice-family:"\"}\"";
  voice-family:inherit;

  /*  changed for overlay stylesheet optimization - 01.02.2008
    *
   padding-right: 0em;
  */

  width: 22em; /* Value for ie6 */
}

#geofinder-large .overlay-window .body .thumbnail
{
  width: 7.6em;
  height: 5em;
  float: left;
  display: inline;
  margin: 0 0.5em 0.5em 0;
}

#geofinder-large .overlay-window .body .address
{
  /* changed for overlay stylesheet optimization - 01.02.2008
    *
    width: 14em;
    float: right;
    display: inline;
  */
}

#geofinder-large .overlay-window .body .copy,
#geofinder-large .overlay-window .body .address
{
  font-size: 0.9em;
}


#geofinder-large .overlay-window .body .copy
{
  /* changed for overlay stylesheet optimization - 01.02.2008
    *
    width: 22.8em;
    float: left;
    display: inline;
  */
  margin-top: 1em;
}

#geofinder-large .overlay-window .body .morelink
{
  /* changed for overlay stylesheet optimization - 01.02.2008
    *
    width: 20.8em;
    float: left;
    display: inline;
  */
}

#geofinder-large .overlay-window .body .morelink a
{
  font-weight: bold;
  text-transform: uppercase;
  font-size: 1.1em;
  color: #000000;

  /* added for overlay stylesheet optimization - 01.02.2008  */
  display:block;
  clear:both;
  margin-top: 0.5em;
  /* added for overlay stylesheet optimization - 01.02.2008  */
}



/* geofinder imgteaser */
#geofinderbody div#skype, #geofinderbody div#default {
  width: 26.60em;
  margin: 6px 0 0 0;
}
#geofinderbody div#skype img, #geofinderbody div#default img {
  width: 26.60em;
  height: 19.30em;
  margin: 0;
}
#skype .visual, #default .visual {
  width: 26.60em;
  height: 19.30em;
  float: left;
  left:  -1.6em;
  display: inline;
}
* html #skype .visual, * html #default .visual {
  width: 20.60em;
  height: 19.30em;
  position: relative;
  left:  -1.6em;
  display: inline;
}

#skype .copy, #skype .default {
  bottom: 0;
  width: 23.0em;
  margin: 0  0 0 1.5em;
  position: absolute;
  display: inline;
}

#skype .copy .subline, #default .copy .subline {
  color: #c81f02;
  font-weight: bold;
  font-size: 1.1em;
}
#skype .copy .subline a {
  color: #c81f02;
}
#skype .copy .subline a:hover, #default .copy .subline a:hover {
  text-decoration: none;
}

#default .copy .subline a {
  color: #FFF;
}

#skype .copy h2, #default .copy h2 {
  color: #c81f02;
  font-weight: bold;
  font-size: 2em;
  margin: 0.3em 0 0 0;
}
#default .copy h2 {
  color: #FFF;
}

#skype .copy h2 a {
  color:#c81f02;
}
#skype .copy h2 a:hover, #default .copy h2 a:hover {
  text-decoration: none;
}

#skype .copy p, #default .copy p {
  color: #ffffff;
  margin-bottom : 0.2em;
  font-size: 1.1em;
}

#skype .copy p a {
  color: #ffffff;
}
#skype .copy p a:hover {
  text-decoration: none;
}

#geofinder div#txt {
  width: 25.0em;
  position: relative;
  top: 0;
  left: 0;
  float: left;
}
* html #geofinder div#txt {
  margin: 0 0 0 0;
  display: inline;
}
#geofinderbody div#txt p {
  width: 17.00em;
  color: #FFF;
  margin: 0 0 0 0;
  float: left;
}
* html #geofinderbody div#txt p {
  width: 16.00em;
}
#geofinderbody div#txt p a {
  color: #ffffff;
  text-transform: uppercase;
}
#geofinderbody div#txt p a:hover {
  text-decoration: underline;
}

#geofinderbody div#txt img.skype {
  width: 57px;
  height: 28px;
  position: relative;
  margin: 0 0 0 10px;
  display: inline;
}

/* geofinder imgteaser newsletter */
#geofinderbody div.download {
  width: 26.60em;
  height: auto;
  float: left;
  background-color: #abdcf4;
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
}
#geofinderbody div.download img {
  width: 26.60em!important;
  height: auto;
  margin: 0;
}
#geofinderbody div.teaser-newsletter img {
  height: 7.40em!important;
}

/* geofinder imgteaser download */
#geofinderbody div#download {
  width: 26.60em;
  height: auto;
  float: left;
  background-color: #abdcf4;
  padding: 20px 0 0 0;
  margin: 0 0 0 0;
}
#geofinderbody div#download img {
  width: 26.60em!important;
  height: 23.00em!important;
  margin: 0;
}
#download .visual {
  width: 26.60em;
  height: 19.30em;
  float: left;
  left:  -1.6em;
  display: inline;
}
#download.traudich .visual{
  width:auto;
  height:auto;
  margin-bottom:0;
}
#download.traudich .visual a img{ width:auto!important;height:auto!important;position:static;}

* html #download .visual {
  width: 20.60em;
  height: 19.30em;
  position: relative;
  left:  -1.6em;
  display: inline;
}

#download .copy {
  bottom: 0;
  width: 23.0em;
  margin: 0  0 0 1.5em;
  position: absolute;
  display: inline;
}
#download .bottomText{ margin:0 0 0 -.8em; padding:0; display:block;}
#download .bottomText * { color:#606060!important;}
#download .bottomText .copy{ position:static; margin: 0;}
#download .bottomText #txt{ padding:0; margin:0;}

#download .copy .subline {
  color: #fff;
  font-weight: bold;
  font-size: 1.1em;
}
#download .copy .subline a {
  color: #fff;
}
#download .copy .subline a:hover {
  text-decoration: none;
}


#download .copy h2 {
  color: #fff;
  font-weight: bold;
  font-size: 2em;
  margin: 0.3em 0 0 0;
  padding: 0;
}
#download .copy h2 a {
  color:#fff;
}
#download .copy h2 a:hover {
  text-decoration: none;
}

#download .copy p{
  color: #ffffff;
  margin-bottom : 0.2em;
  font-size: 1.1em;
}
#download .copy p a {
  color: #ffffff;
}
#download .copy p a:hover {
  text-decoration: none;
}





/* links fliesstext */
#flexarea .copy p a, #flexarea .copy p a:visited {
  color: #008FC7;
  text-decoration: none;
  background-color: none;
}
#flexarea .copy p a:hover, #flexarea .copy p a:active, #flexarea .copy p a:focus {
  text-decoration: underline;
}

#subcol1 p a, #subcol1 p a:visited {
  color: #008FC7;
  text-decoration: none;
  background-color: none;
}
#subcol1 p a:hover, #subcol1 p a:active, #subcol1 p a:visited {
  text-decoration: underline;
}

#subcol2 p a, #subcol2 p a:visited {
  color: #008FC7;
  text-decoration: none;
  background-color: none;
}
#subcol2 p a:hover, #subcol2 p a:active, #subcol2 p a:visited {
  text-decoration: underline;
}

#subcol1 .imgteaser p a, #subcol1 .imgteaser p a:visited, #subcol2 .imgteaser p a, #subcol2 .imgteaser p a:visited {
  color: #FFF;
  text-decoration: none;
  background-color: none;
}
#subcol1 .imgteaser p a:hover, #subcol1 .imgteaser p a:active, #subcol1 .imgteaser p a:visited, #subcol2 .imgteaser p a:hover, #subcol2 .imgteaser p a:active, #subcol2 .imgteaser p a:visited {
  text-decoration: none;
}

#subcol1 .transparentTeaser p a, #subcol1 .transparentTeaser p a:visited, #subcol2 .transparentTeaser p a, #subcol2 .transparentTeaser p a:visited {
  color: #008FC7;
  text-decoration: none;
  background-color: none;
}
#subcol1 .transparentTeaser p a:hover, #subcol1 .transparentTeaser p a:active, #subcol1 .transparentTeaser p a:visited, #subcol2 .transparentTeaser p a:hover, #subcol2 .transparentTeaser p a:active, #subcol2 .transparentTeaser p a:visited {
  text-decoration: underline !important;
}

/* katalogbestellung */
ul.prospektliste {
  float: left;
  width: 64em;
}

.prospektliste li {
  width: 60.4em;
  height: 8em;
  margin: 0 0 0.2em 0;
  background-color :#66b0d6;
  background-image: url(../img/corner_trans_blue.gif);
  background-position: top right;
  background-repeat: no-repeat;
  padding: 0;
  display: block;
  position: relative;
  overflow: hidden;
}
.prospektliste .catalog-list-image-area {
  float: left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 13em;
  height: 8em;
  margin-right: 1em;
  left: 0;
}
.prospektliste a img {
  width: 13em;
  height :8em;
}
.prospektliste div {
  padding: 0.6em;
  position: absolute;
  left:13em;
}
#content .prospektliste li h2 {
  margin: .3em 0 0 0;
}
.prospektliste h2 a {
  color:#012b4c;
}
.prospektliste p.catalog-list-title {
  color: #012b4c;
  font-size: 1.6em;
  font-weight: bold;
  margin: 0;
}
.prospektliste p.copy {
  font-size:1.1em;
  margin-bottom:0.2em;
  height:4.2em;
  width: 32em;
}
.prospektliste {
  margin-bottom:0.4em;
}
.prospektliste p.catalog-list-copy {
  margin: 0 0 1em 0;
}
.prospektliste p.catalog-list-tools {
  padding: 0;
  margin: 0.4em 0 0 0;
  text-transform: uppercase;
  font-weight: bold;
}
.prospektliste p.catalog-list-tools label,
.prospektliste p.catalog-list-tools a,
.prospektliste p.catalog-list-tools span {
  float: left;
  display: inline;
}
.prospektliste p.catalog-list-tools label,
.prospektliste p.catalog-list-tools label input {
  margin-top: 0;
  padding: 0;
  vertical-align: middle;
}
.prospektliste p.catalog-list-tools label input {
  float: left;
  display: inline;
  margin: 0.3em 0.5em 0.3em 0.3em; /* For all browsers except IE */
  margin: 0em 0.2em 0em 0em !ie ;
}
.prospektliste p.catalog-list-tools label {
  vertical-align: middle;
  line-height: 1.8em;
  width: 12.5em;
  margin-left: -0.3em;
  height: 2em;
  margin-top: -0.2em !ie; /* IE Browsers only */
}
.prospektliste p.catalog-list-tools a {
  color: #012B4C;
  font-size: 1.1em;
  margin-top: 0.2em;
}
.prospektliste p.catalog-list-tools span.catalog-list-centerlink {
  width: 16em;
}
.prospektliste .catalog-list-image-area {
  float:left;
  display: inline;
  margin: 0;
  padding: 0;
  width: 13em;
  height: 8em;
  margin-right: 2em;
}



/* gewinnspiel */
#flexarea .solution-form-area {
  background-color:#f8de86;
  background-image:url(../img/corner_yellow_white.gif);
  background-position:top right;
  background-repeat:no-repeat;
  padding: 2.3em 0 2.3em 1.7em;
  margin: 1em 0 2em 0;
  float: left;
  display: inline;
  position: relative;
  left: -2em;
  width: 56em;
}
#flexarea .solution-form-area label {
  width: 100%;
  clear: left;
  padding: 5px 0;
  margin: 0;
}
#flexarea .emphasized-form-area label {
  width: 100%;
  clear: left;
}
#flexarea .solution-form-area input.xl {
  width: 20.0em;
  margin-left: 20px;
}
#flexarea input.birthday {
  width: 5.2em !important;
}
#flexarea .solution-form-area input.radio {
  float: left;
  margin: 5px 0 0 0;
}
#flexarea .solution-form-area p.radio {
  width: 90%;
  float: left;
  font-size: 110%;
  padding: 0 0 0 5px;
  margin: 0;
}
* html #flexarea .solution-form-area input.radio {
  margin: -3px 0 0 0;
}
* html #flexarea .solution-form-area p.radio {
  font-size: 100%;
}
* html #flexarea .emphasized-form-area input.checkbox {
  margin: -3px 0 0 0;
}
*+html #flexarea .solution-form-area p.radio {
  font-size: 100%;
}
*+html #flexarea .solution-form-area input.radio {
  margin: -3px 0 0 0;
}
*+html #flexarea .emphasized-form-area input.checkbox {
  margin: -3px 0 0 0;
}



#colwrapper1 .gewinn {
  margin-left: 20px;
}
#colwrapper1 h2.gewinn {
  width: 90%;
  font-size: 120%;
  margin: 20px 0 0 0;
}
#colwrapper1 input.float {
  float: left;
}
#colwrapper1 p.gewinn {
  width: 94%;
  float: left;
  font-size: 110%;
  padding: 0 0 0 10px;
  margin: 0;
}
* html #colwrapper1 p.gewinn {
  font-size: 100%;
}
*+html #colwrapper1 p.gewinn {
  font-size: 100%;
}
#colwrapper1 label span.long {
  width: 94%;
  float: left;
  font-size: 100%;
  padding: 0 0 0 10px;
  margin: 0;
}

#comment {
  width:60.0em;
  float:left;
  display: inline;
  margin:0 2em 0 1em;
}


/* link geofinder */
#geofinder-large a.show, #geofinder-large a.show:visited {
  color: #008fc7 !important;
  text-decoration: underline;
  background-color: transparent;
  margin-left: 10px;
  display: inline;
}
#geofinder-large a.show:hover, #geofinder-large a.show:active, #geofinder-large a.show:focus {
  text-decoration: none;
}


/* legende geofinder */
#legende {
  width: 266px;
  float: left;
  text-align: left;
  display: none;
  background-color: #FFF;
  position: absolute;
  top: 10.0em;
  left: 80.0em;
  z-index: 10000;
}

#legende .title {
  width: 100%;
  float: left;
  height: 30px;
  font-size: 150%;
  background: transparent url(../img/legende_header.gif) no-repeat 0 0;
  padding: 0;
  margin: 0;
}

#legende .title span {
  float: left;
  color: #ffffff;
  font-size: 1.0em;
  margin: 0.5em 0.8em 0.5em 0.8em;
}

#legende .title a {
  float: right;
  margin: 0.5em 0.8em 0.5em 0.8em;
}

#legende ul {
  width: 99.5%;
  float: left;
  list-style-type: none;
  background-color: #FFF;
  padding: 2% 0;
  border-style: solid;
  border-width: 0 1px 1px 1px;
  border-color: #06729f #06729f #DFDFDF #06729f;
  margin: 0;
}
* html #legende ul {
  width: 100%;
}

#legende ul.info {
  border-width: 1px 1px 0 1px;
  border-color:  #DFDFDF #06729f #FFF #06729f;
}

#legende ul.belag {
  border-width: 0 1px 1px 1px;
  border-color:  #06729f #06729f #06729f #06729f;
}

#legende ul.anhaenger {
  border-width: 0 1px 1px 1px;
  border-color:  #06729f #06729f #06729f #06729f;
}

#legende li {
  width: 77%;
  float: left;
  font-size: 110%;
  background-repeat: no-repeat;
  background-position: 10px 50%;
  padding: 1% 0 1% 23%;
  margin: 0;
}

* html #legende li {
  padding: 1% 0 1% 30%;
}

#legende li.route_1 {
  background-image: url(../img/service_icons/radwege/rad_wikinger_friesen.png);
}
#legende li.route_2 {
  background-image: url(../img/service_icons/radwege/rad_alte_salzstrasse.png);
}
#legende li.route_3 {
  background-image: url(../img/service_icons/radwege/rad_eider_treene.png);
}
#legende li.route_4 {
  background-image: url(../img/service_icons/radwege/rad_ostseekuestenradweg.png);
}
#legende li.route_5 {
  background-image: url(../img/service_icons/radwege/rad_ochsenweg.png);
}
#legende li.route_6 {
  background-image: url(../img/service_icons/radwege/rad_nordseekuestenradweg.png);
}
#legende li.route_7 {
  background-image: url(../img/service_icons/radwege/rad_nordostseekanalroute.png);
}
#legende li.route_8 {
  background-image: url(../img/service_icons/radwege/rad_moenchsweg.png);
}
#legende li.route_9 {
  background-image: url(../img/service_icons/radwege/rad_holsteinische_schweiz.png);
}
#legende li.route_10 {
  background-image: url(../img/service_icons/radwege/rad_hamburg_ruegen.png);
}
#legende li.route_11 {
  background-image: url(../img/service_icons/radwege/rad_grenzroute.png);
}
#legende li.route_12 {
  background-image: url(../img/service_icons/radwege/rad_elberadweg.png);
}

#legende li.anhaenger_1 {
  background-image: url(../img/service_icons/radwege/anhaenger_tauglich.png);
  padding: 2% 0 2% 23%;
}
#legende li.anhaenger_2 {
  background-image: url(../img/service_icons/radwege/anhaenger_untauglich.png);
  padding: 2% 0 2% 23%;
}
#legende li.anhaenger_3 {
  background-image: url(../img/service_icons/radwege/anhaenger_keine_info.png);
  padding: 2% 0 2% 23%;
}

#legende li.belag_1 {
  background-image: url(../img/service_icons/radwege/belag_glatt.png);
  padding: 2% 0 2% 23%;
}
#legende li.belag_2 {
  background-image: url(../img/service_icons/radwege/belag_befestigt.png);
  padding: 2% 0 2% 23%;
}
#legende li.belag_3 {
  background-image: url(../img/service_icons/radwege/belag_schlecht.png);
  padding: 2% 0 2% 23%;
}
#legende li.belag_4 {
  background-image: url(../img/service_icons/radwege/belag_keine_info.png);
  padding: 2% 0 2% 23%;
}

#legende li.info_1 {
  background-image: url(../img/service_icons/radwege/ico_radinfo_legende.png);
  background-position: 6% 50%;
  padding: 3% 0 3% 23%;
}

* html #legende li.info_1, * html #legende li.belag_1, * html #legende li.belag_2, * html #legende li.belag_3, * html #legende li.belag_4, * html #legende li.anhaenger_1, * html #legende li.anhaenger_2, * html #legende li.anhaenger_3 {
  padding: 3% 0 3% 30%;
}

#legende div.subtitle {
  width: 95.5%;
  float: left;
  font-size: 120%;
  font-weight: bold;
  padding: 2% 0 1% 4%;
  border-style: solid;
  border-width: 0 1px;
  border-color: #06729f;
  margin: 0;
}
* html #legende div.subtitle {
  width: 100%;
}


/* logo wunnerland */
#homepage-mainteaser a.wunlink img {
  width: 154px !important;
  height: 52px !important;
}

#wunnerland {
  text-align: right;
  margin: -10px 0 0 0;
}


/* flashteaser */
.flashteaser {
  position: relative;
  bottom: 0;
  margin: 20px 0 0 0;
  padding: 0;
  z-index: 500;
}
.flashxl {
  position: relative;
  bottom: 0;
  margin: 20px 0 0 0;
  padding: 0;
  z-index: 500;
}

/* sprungmarken staedte seite */
#subcol1 ul#jump {
  width: 100%;
  float: left;
  list-style-type: none;
  padding: 0;
  margin: 2.0em 0 0 0;
}
#subcol1 ul#jump li {
  width: 100%;
  float: left;
  padding: 0;
  margin: 0;
  border-bottom: 1px solid red;
}
#subcol1 ul#jump li span {
  float: left;
  padding: 2px 0 3px 0;
}
#subcol1 ul#jump li a {
  float: right;
  margin: 9px 0 0 0;
  background:transparent url(../img/arrow_blue_jump.gif) 0 0 no-repeat;
  width:11px;
  height:6px;
}
#subcol1 ul#jump li a.husum{ background-image:url(../img/arrow_blue_jump_husum.gif);}

/* themenbloecke */
#colwrapper1 #info {
  width: 100%;
  float: left;
}
#colwrapper1 #info h3 {
  width: 94%;
  float: left;
  font-size: 1.5em;
  font-weight: bold;
  color: #FFF;
  background-color: #2259a6;
  padding: 6px 3%;
  margin: 25px 0 0 0;
}
#colwrapper1 #info h3 span {
  float: left;
}
#colwrapper1 #info h3 a {
  float: right;
  margin: 8px 0 0 0;
  background:transparent url(../img/arrow_white_up.gif) 0 0 no-repeat;
  width:13px;
  height:6px;
}
#colwrapper1 #info h3 a.husum{ background-image:url(../img/arrow_white_up_husum.gif)!important;}

#colwrapper1 #info h4 {
  width: 94%;
  float: left;
  font-size: 1.3em;
  font-weight: bold;
  color: #012b4c;
  padding: 16px 3% 0 3%;
  margin: 0;
}
#colwrapper1 #info p {
  width: 94%;
  float: left;
  padding: 6px 3%;
  margin: 0;
}


/* hotelinfos */
/* klassifizierung */
#info hr {
  width: 98%;
  clear: left;
  padding: 0;
  border-style: solid;
  border-width: 1px;
  border-color: #fff #fff #c81f02 #fff;
  margin: 0 0 0 2%;
}
#info #classification {
  width: 100%;
  float: left;
  padding: 10px 0;
}
#info div.hotel_item {
  width: 20%;
  float: left;
  padding: 10px 0;
}
#info div.hotel_item img {
  float: left;
  margin: 0 10px;
}

/* ausstattung */
* html #info table {
  font-size: 1.0em;
}
#info table.col1 {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table.col1 tr.color {
  background-color: #e2f3fb;
}
#info table.col1 td {
  width: 90%;
  padding: 5px 5%;
}

#info table.col2 {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table.col2 tr.color {
  background-color: #e2f3fb;
}
#info table.col2 td {
  width: 40%;
  padding: 5px 5%;
}
#info table.col2 td span {
  float: left;
}
#info table.col2 td img {
  float: right;
}

#info table.col3 {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table.col3 tr.color {
  background-color: #e2f3fb;
}
#info table.col3 td {
  width: 31%;
  padding: 5px 1%;
}
#info table.col3 td span {
  float: left;
}
#info table.col3 td img {
  float: left;
  margin: 2px 5px;
}

#info table#ausstattung2 {
  width: 98%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table#ausstattung2 td.item {
  width: 18%;
  padding: 5px 0;
}
#info table#ausstattung2 td span {
  float: left;
}
#info table#ausstattung2 td img {
  float: left;
  margin: 2px 5px;
}

/* zimmer */
#info table.col4 {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table.col4 tr.color {
  background-color: #e2f3fb;
}
#info table.col4 td {
  width: 32%;
  padding: 5px 1%;
}
#info table.col4 td.nr {
  width: 8%;
  text-align: right;
  padding: 5px 8% 5px 0;
}

/* veranstaltungsraeume*/
#info table#rooms {
  width: 88%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table#rooms td {
  width: 35%;
  padding: 5px 0;
}
#info table#rooms td.nr {
  width: 10%;
  text-align: right;
  padding: 5px 0;
}
#info table#rooms td.sec {
  width: 45%;
  padding: 5px 0 5px 15%;
}

#info div.room_img {
  width: 100%;
  float: left;
  margin: 10px 0;
}

/* download plaene */
#info table.plan {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table.plan td {
  width: 33%;
  padding: 3px 0;
  vertical-align: top;
}
#info table.plan td a, #info table.plan td a:visited {
  text-decoration: underline;
}
#info table.plan td a:hover, #info table.plan td a:active, #info table.plan td a:focus {
  text-decoration: none;
}

/* personal */
#info table#personal {
  width: 75%;
  float: left;
  border-spacing: 0;
  border-collapse: collapse;
  margin: 10px 0 10px 2%;
}
#info table#personal tr.color {
  background-color: #e2f3fb;
}
#info table#personal td {
  width: 40%;
  padding: 5px 5%;
}

/* button */
#info div.redteaser {
  float: right;
}

div#banner {
  background-color: #ABDCF4;
  margin: 0;
  padding: 20px 0 0;
}

div#banner a img{
  margin: 15px 0 0 0;
}

div#min-height { width:1px; height:805px; float:right }
