@charset "UTF-8";
/**
 * "Yet Another Multicolumn Layout" - (X)HTML/CSS framework
 * (en) central stylesheet
 * (de) zentrales Stylesheet
 *
 * @creator       YAML Builder V1.2b (http://builder.yaml.de)
 * @file          my_layout.css
 * @-yaml-minver  3.1
 *
 */

/* import core styles | Basis-Stylesheets einbinden */
@import url(../yaml/core/base.css);
/* import screen layout | Screen-Layout einbinden */
/* @import url(../yaml/navigation/nav_slidingdoor.css); */
/* @import url(../yaml/navigation/nav_vlist.css); */
@import url(screen/basemod.css);
@import url(screen/content.css);
@import url(screen/forms.css);
/* import print layout | Druck-Layout einbinden */
@import url(print/print.css);
/* Basis-CSS fuer Suche */
@import url(search.css);
/* Basis-CSS fuer Statuszeile, Tools */
@import url(dvv-tools.css);
/* Virtueller Tischkalender und Kalenderblatt */
@import url(dvv-calendar.css);

html {background-color:#12437E;}

body {
    font-family: Verdana, Geneva, sans-serif;
    background: #12437E url(../img/hg-body.jpg) repeat-x center top fixed;
}
.clear
{
  clear : both;
}

.invisible {
  position: absolute;
  left: -2999px; /* Sprungmarke wird "aus dem Bildschirm geschoben" - denn: display: none gefllt Screenreadern nicht*/
  width: 1500px;
}

div.page {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    margin: 0 auto;
    max-width: 101em;
    min-width: 740px;
    padding: 1em 0;
    position: relative;
    width: auto;
}
.page {
    padding:0;
}
.page_margins {
    max-width: 101em;
	background-color:transparent;
}

H1 {
	color:#fff;
	font-family: Verdana, Geneva, sans-serif;
	padding-bottom:1em;
	font-size:1.85em;
}

#main #col3 h1, #main #col3_home h1 {font-size:2.5em; padding-bottom:0;font-weight:bold;text-transform:uppercase;}

H2 {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-size:1.1em;
	padding-bottom:0.7em;
	letter-spacing:0.05em;
}

#main #col3 h2, #main #col3_home h2 {font-size:1.5em;padding-bottom:0.3em;}

H3 {
	color:#fff;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:normal;
	font-size:1.1em;
	padding-bottom:0.7em;
	letter-spacing:0.05em;
}
a, a:visited, a:focus, a:active  {color:#fff; text-decoration:underline;}
a:hover {color:#1D2685;text-decoration:none; background-color:#fff;}

/***************** Header ***********************/

#header {background:none;}
.header-logo { float:left;margin-top: 0.1em;}
.header-logo a:hover {background-color:transparent;}
#loginlogout {position: relative;right: 25.5em;top: 0;width: 1.5em;}
#loginlogout a {width:auto; height:auto; color:#FFF;}
#loginlogout a:hover {background: url(../img/ico-key.gif) no-repeat scroll left top transparent;}
.social-media-suche {clear:right;float:right; text-align:right; width:30em;margin: -0.7em 0 0.7em;}
.social-media {display:none;/*float:left; padding-left:2em;padding-top: 0.4em;*/}
/*
.social-media a {padding-left:0.6em;}
.social-media a:hover { background-color:transparent;}
*/

.flinks-top {color: #FFFFFF; position: absolute; right: 15.2em; margin-top: -0.2em;}
.flinks-top a {text-decoration:none; padding: 0 0.95em;font-size:1.1em;}
.flinks-top a:hover {text-decoration:underline; background:none;color: #FFFFFF;}

.top-sprachen {display:inline;}
.top-sprachen img {border: 1px solid #A09C83;}

.funktionslinks {bottom: 0.3em;display: inline;position: relative;right:1em;}
/*.funktionslinks a {padding:0}*/

.suche {left: 82.6em;padding-left: 2em;position: absolute;top: -1em;} 

/*************** Header-Bild *********************/

.header-bild {height: 41em;position: relative; top: 9.4em; margin-left:0.1em;}
.header-bild img {border-radius:10px;}
/*.header-bild {background: url(../img/header.gif) no-repeat 0 8.4em transparent;}*/
.header-bild img {background: url(../img/header.jpg) no-repeat 0 transparent;}
.knot_74327 .header-bild img {background: url(../img/header-01.jpg) no-repeat 0 transparent;}
.knot_74375 .header-bild img {background: url(../img/header-20.jpg) no-repeat 0 transparent;}
.knot_74423 .header-bild img {background: url(../img/header-05.jpg) no-repeat 0 transparent;}
.knot_74435 .header-bild img {background: url(../img/header-04.jpg) no-repeat 0 transparent;}
.knot_74471 .header-bild img {background: url(../img/header-03.jpg) no-repeat 0 transparent;}


.sonne-bild {    background: url("../img/sonne.gif") no-repeat scroll 0 0 transparent;
    height: 57px;
    margin-left: -24.9em;
    margin-top: -0.2em;
    position: absolute;
    width: 80px;}
.sonne-bild:hover {background: url("../img/sonne-hover.gif") no-repeat scroll 0 0 transparent;}

.sonne-bild a {display: block;} 
.sonne-bild a:hover {background:transparent;} 
.sonne-bild a img {position: relative; z-index: -2;}


#topnav {margin-top: 0.4em;}

.quicksearchtext {
    background: url(../img/hg-search.gif) no-repeat scroll 0 0 transparent;
    border:none;
    height: 1.86em;
    padding: 0.42em 0.7em;
    width: 14.3em;
}

.quicksearchimg {
    left: -2.6em;
    position: relative;
    top: 0.4em;
	vertical-align: top;
}

#quicksearch label {display:none;}
#quicksearch {margin-top:1em;}

div.wayhome
{position: relative;left: 0.3em; top: -0.2em;}

ul.wayhome
{
  display: inline;
  margin-left: 0;
}
.wayhome li
{
  display: inline;
  margin-left: 0;
}
.wayhome a {
	background: url(../img/ico-wayhome.gif) no-repeat scroll right center transparent;
	padding-right: 1.7em;
	margin-right: 0.4em;
	color:#FFFFFF;
	font-size:1.1em;	
	text-decoration:none;
}
.wayhome a:hover {text-decoration:underline;}
.wayhome a.active {
	color:#FFFFFF;	
	font-weight:normal;
	background:none;
}

#col1 {
	background-image:none;
    float: left;
    margin: 0.9em 0 0 0.1em;
    width: 21.6%;
	border-radius:10px;
	-webkit-border-radius:10px;
	background: url(../img/hg-nav-ssp.png) repeat top left;
	padding:1em 0;
}
#col1_content {padding:0;}

#col1 .vlist.ebene1 .ebene1 {
    display: none;
}
#col1 .vlist.ebene1 .ebene1.current, #col1 .vlist.ebene1 .ebene1.currentParent {
    display: block;
}


.vlist {
  width: 100%;
  /*overflow: hidden;*/
  margin: 0 0 1.5em 0;
  list-style-type: none;
  font-weight: bold;
  
}

.vlist ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.vlist li {
  margin: 0;
  padding: 0;
  list-style:none;
  /*background: url(../img/li-nav.gif) no-repeat center right;*/
  padding-right:2em;
}

.vlist a,
.vlist strong,
.vlist span {
  display: block;
  padding: 3px 0 3px 10%;
  text-decoration: none;
  border-bottom: 1px #fff solid;
  background-color: transparent;
}
.vlist a,
.vlist a:visited {
  color:#000;
  padding-left:3em;
  background-color:transparent;
}

.vlist .ebene1 .ebene1.current a, .vlist .ebene1 .ebene1.currentParent a {
	font-weight:normal;
	font-size:1.7em;
	background-color:transparent;
	color:#000;
	padding-left:1.3em;
	padding-bottom:0.6em;
}

.vlist .ebene1 .ebene1.current li a, .vlist .ebene1 .ebene1.currentParent li a {
	font-weight:normal;
	font-size:1.1em;
	background:transparent url(../img/li-nav.gif) no-repeat 1em center;
	padding: 0.4em 0.3em 0.4em 2.2em;
}

.vlist .ebene1 ul.ebene2 li a:hover, 
.vlist .ebene1 ul.ebene2 li a.active,
.vlist .ebene1 ul.ebene3 li a.active {
	/*color:#fff;
	background:#d66c01 url(../img/li-flyer.gif) no-repeat 1em center;*/
}

.vlist .ebene1.currentParent .current li.ebene3 a,
.vlist .ebene1.currentParent .currentParent li.ebene3 a {
	padding-left:3.5em;
	background:transparent url(../img/li-nav.gif) no-repeat 2.3em center;
}
.vlist .ebene1.currentParent .current li.ebene3 a:hover,
.vlist .ebene1.currentParent .currentParent li.ebene3 a:hover,
.vlist .ebene1.currentParent .currentParent li.ebene3 a.active {
	/*color:#fff;
	background:#d66c01 url(../img/li-flyer.gif) no-repeat 2.3em center;*/
}

.vlist .ebene1.currentParent .current li.ebene4 a,
.vlist .ebene1.currentParent .currentParent li.ebene4 a {
	padding-left:4.5em;
	background:transparent url(../img/li-nav.gif) no-repeat 3.5em center;
}
.vlist .ebene1.currentParent .current li.ebene4 a:hover,
.vlist .ebene1.currentParent .currentParent li.ebene4 a:hover,
.vlist .ebene1.currentParent .currentParent li.ebene4 a.active {
	/*color:#fff;
	background:#d66c01 url(../img/li-flyer.gif) no-repeat 3.5em center;*/
}


/* Level 1 */
.vlist li a,
.vlist li strong,
.vlist li span { /*width: 97%;*/ padding-left: 3%; font-size: 1.1em;} /* LTR */

/* Level 2 */
.vlist li ul li a,
.vlist li ul li strong,
.vlist li ul li span { /*width: 90%;*/ padding-left: 10%; font-size: 1em;} /* LTR */

/* Level 3 */
.vlist li ul li ul li a,
.vlist li ul li ul li strong,
.vlist li ul li ul li span { /*width: 80%;*/ padding-left: 20%;} /* LTR */

/* Level 4 */
.vlist li ul li ul li ul li a,
.vlist li ul li ul li ul li strong,
.vlist li ul li ul li ul li span { /*width: 70%;*/ padding-left: 30%; } /* LTR */

/* Level 5 */
.vlist li ul li ul li ul li ul li a,
.vlist li ul li ul li ul li ul li strong,
.vlist li ul li ul li ul li ul li span {/* width: 60%;*/ padding-left: 40%; } /* LTR */


.vlist li.current a.active,
.flyerNav .vlist li.currentParent a,
.flyerNav .vlist li:hover a {
  background: url(../img/hg-hauptnavi-aktiv.png) repeat-x top center;
  color: #000;
}
.flyerNav .vlist li:hover li a {background:none;}

.vlist li.currentParent
{
  /*background-color : #ffe160;*/
}

/* any level */
.vlist a:active {/* background-color:#d66c01; color: #fff; */}
.vlist a:hover { /*background-color:#d66c01; color: #fff; */}
.vlist a:hover { /*background-color:#d66c01; color: #fff ; */}

/* - - Markierung von genderten und neuen Seiten - - */
/*.vlist a.is_new
{
  background: url("../img/links/asterisk_yellow.png") no-repeat right;
}
.vlist a.is_modified
{
  background: url("../img/links/asterisk_orange.png") no-repeat right;
}
*/

#quickLink1 { position: absolute; top: 37em; width: 100%;}
.dvvToolbar.quickLinks a:hover {background: transparent;}

/*********** NaviLinks *****************/

#main .vlist ul {list-style-type: none; margin: 0.7em 0 0 0;padding: 0;text-align:right;}
#main .vlist ul li {margin: 0;padding: 0;list-style:none;background: url(../img/li-nav.gif) no-repeat 20em 1em;line-height:2.5em;}
#main .vlist ul li:hover {background: url(../img/li-nav-active.gif) no-repeat 20em 1em;}
#main .vlist ul li a, #main .vlist ul li strong, #main .vlist ul li span { /*width: 97%;*/     font-size: 1.2em; font-weight: normal; padding-right: 16%;} /* LTR */
#main .vlist ul li a:hover {font-weight:bold;}
#main .vlist ul li.current {background: url(../img/li-nav-active.gif) no-repeat 20em 1em;border-bottom:1px solid #FFFFFF;}
#main .vlist ul li.currentParent  {background: url(../img/li-nav-active.gif) no-repeat 20em 1em;border-bottom: 1px solid #FFFFFF;}
#main .vlist ul li.currentParent a  {border-bottom:none;font-weight:bold;}
#main .vlist ul li.current a.active {background: url(../img/li-nav-active.gif) no-repeat 20em 1em;font-weight:bold;border-bottom:none;}

#main .vlist ul ul {list-style-type: none; margin: 0.7em 0 0 0;padding: 0 0 1em 3em;width:19.4em;text-align:right;}

#main .vlist ul ul li {padding: 0;line-height:2.5em;background: url("../img/li-ssp.gif") no-repeat scroll 17.4em center transparent;
    line-height: 2.5em;
    margin: 0;
    padding: 0 3.5em 0 0;}


#main .vlist ul ul li:hover {background: url("../img/li-ssp.gif") no-repeat scroll 17.4em center transparent;}
#main .vlist ul ul li a { border-bottom: none;font-size: 1.1em;padding: 0;font-weight:normal !important;}
#main .vlist ul ul li a.active {font-weight:bold;}
#main .vlist ul ul li a.is_new { font-weight:normal;} 
#main .vlist ul ul li a:hover {font-weight: bold !important;}
#main .vlist ul ul li a.active:hover {font-weight:bold;}
#main .vlist ul ul li.current {background:url("../img/li-ssp.gif") no-repeat scroll 17.4em center transparent;border-bottom: none;}  
#main .vlist ul ul li.current a.active {font-weight: bold !important;}

/*********** Flyer-Navi *****************/

.homeLink {  float: left;left: -0.5em;position: relative;top: 0.7em;}
.homeLink  a:hover {text-decoration:none; background:none;}

.vlist .sf-sub-indicator {display:none;}

.flyerNav {
	background: url(../img/hg-hauptnavi.png) no-repeat center top;
	display: block;
	height: 5em;
        position: absolute;
        top: 11em;
        width: 100%;
        z-index: 1;
}

.flyerNav ul {
	/*float: right;*/
	margin: 0.1em 0 0 0;
	padding:0;
	display:block;
	background-color: transparent;
}

.flyerNav ul ul {
	position: absolute;
	z-index: 100;
	margin-top:0;
	width: 24em;
	border: 1px solid #fff;
	border-bottom: none;
	border-left: none;
	border-right: none;
}

.flyerNav li {
	float: left;
	list-style: none;
	display: block;
	height:auto;
	background: none;
	padding:0;
}

.flyerNav li.nav_74327 {margin-left:0.5em;}

.flyerNav .vlist li.current a, .flyerNav .vlist li.currentParent a {
	/*color:#FFF;
	font-weight:bold;*/
}
.flyerNav .vlist li.current a:hover, .flyerNav .vlist li.currentParent a:hover {
	background-color:transparent;
	font-weight:bold;
	color:#183a6f;
}

 .flyerNav ul.nav_74471 {margin-left: -11.75em;}

.flyerNav li.nav_12135 {
	background: none;
}

.flyerNav li:hover {
	/*font-weight:normal;
	background-color:#d66c01;
	color:#183a6f;*/
}

.flyerNav li li {
	width: 24em;
	background: url("../img/hg-flyernavi.png") repeat center top transparent;
	/*background-color:#ffe500;*/
	height: auto;
	border-bottom: 1px solid #fff;
}

.flyerNav li li:hover {
	background-color: #FFEE40;

}

.flyerNav .vlist li a {
	font-size: 1.6em;
	text-transform: uppercase;
	margin: 0;
	color: #fff;
	border:none;
    padding: 0.65em 2em;
    text-align: center;
	background:none;
}

.flyerNav li a:hover {
    color: #183a6f;
    font-weight: bold;
    text-decoration: none;
	background: url(../img/hg-hauptnavi-aktiv.png) repeat-x;
}

.flyerNav li:hover li a {
	background: none;
}

.flyerNav .vlist li li a, .flyerNav .vlist li.current li a, .flyerNav .vlist li.currentParent li a {
	display: block;
	color: #000;
	margin: 0;
	padding: 0.5em 0 0.5em 1.8em;
	background: none;
	width: auto;
	font-size: 1.1em;
	font-weight: normal;
	text-align:left;
	text-transform: none;
	/*background: url(../img/li-flyer.gif) no-repeat 0.6em center;*/
}

#header .flyerNav .vlist li li a:hover,
#header .flyerNav .vlist li.current li a:hover,
#header .flyerNav .vlist li.currentParent li a:hover {
	font-weight:normal;text-decoration:underline;
	/*background: #d66c01 url(../img/li-flyer.gif) no-repeat 0.6em center;*/
	background:none;
}

#header .flyerNav .vlist li.currentParent li ul li a { background: none repeat scroll 0 0 transparent;padding-bottom:0.45em;}

.flyerNav .vlist li.currentParent .ebene2 .current ul li a {font-weight:normal;}

.flyerNav .vlist li.currentParent .ebene2 .current a,
.flyerNav .vlist li.currentParent .ebene2 .currentParent a {
	font-weight:normal;
	/*background: #d66c01 url(../img/li-flyer.gif) no-repeat 1.8em center;*/
}

.flyerNav ul ul ul {
	position: absolute;
	left: 100%;
	margin-top: -25px;
	background-color:transparent;
	
}

.flyerNav ul ul ul li a {
	padding: 0
	
}

.flyerNav ul ul,
.flyerNav ul li:hover ul ul,
.flyerNav ul ul li:hover ul ul
{display: none; margin-right: 0;}

.flyerNav ul li:hover ul,
.flyerNav ul ul li:hover ul,
.flyerNav ul ul ul li:hover ul
{display: block; margin-right: 0;}


#main {
	background-color:transparent;
	margin: 2em 0 5.85em;
	color:#fff;
}

/*.nav-outer {display:none;}*/

.hlist {
  /* (en) containing floats in IE */
  /* (de) Einfassen der Floats im IE */
  width: 100%;
  overflow: hidden;
  /* (en) containing floats in all other browsers */
  /* (de) Einfassen der Floats in allen anderen Browsern */
  float: left;
  display: inline;
  /* (en|de) Bugfix: IE - collapsing horizontal margins */
  position:relative;
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  /*background: #036090 url("../img/bg/candy-dark-blue.png") repeat-x;*/
  background-color:#000;
  color:#FFF;
  line-height: 0;
}

.hlist ul {
  /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
  display: inline;
  float: left; /* LTR */
  /* (en) Left margin of the first button  */
  /* (de) Abstand des ersten Buttons vom linken Rand  */
  margin: 0 0 0 50px; /* LTR */
  padding: 0;
}

.hlist ul li {
  /* (en|de) Bugfix: IE - Doubled Float Margin Bug */
  display: inline;
  float: left; /* LTR */
  font-size: 1.0em;
  line-height: 1em;
  list-style-type: none;
  margin: 0;
  padding: 0;
}

.hlist ul li a,
.hlist ul li strong {
  background: transparent;
  color: #fff;
  display: block;
  font-size: 1.2em;
  font-weight: normal;
  margin: 0;
  padding: 0.5em 0.8em 0.5em 0.8em;
  text-decoration: none;
  width: auto;
  text-transform: uppercase;
  padding: 0.8em;
}

.hlist ul li a:focus,
.hlist ul li a:hover,
.hlist ul li a:active
{
  /*background: #035080 url("../img/bg/candy-blue.png") repeat-x;*/
  background:none;
  font-weight:bold;
  color: #fff;
  text-decoration: none;
}

.hlist ul li.current, .hlist ul li.currentParent {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  background: #035080 url("../img/bg/candy-blue.png") repeat-x;
}

.hlist ul li.currentParent a
{
  color : #ddf;
}

.hlist ul li.active strong,
.hlist ul li.active a:focus,
.hlist ul li.active a:hover,
.hlist ul li.active a:active { background: transparent; color: #fff; text-decoration: none; }

/*
.hlist .current
{
  background-color: #ddd;
  background-image: none;
}
*/
.hlist2
{
  background: #008100 url("../img/bg/candy-dark-green.png") repeat-x;
}
.hlist2 .active
{
  background: #33a033 url("../img/bg/candy-green.png") repeat-x;
}

.hlist2 ul li a:focus,
.hlist2 ul li a:hover,
.hlist2 ul li a:active
{
  background: #33a033 url("../img/bg/candy-green.png") repeat-x;
  color: #131;
  text-decoration: none;
}

.hlist2 ul li, .hlist2 ul li.currentParent {
  border-left: 1px #070 solid;
  border-right: 1px #060 solid;
}

.hlist2 ul li.current, .hlist2 ul li.currentParent {
  /* (en) Repeat the main color from the image */
  /* (de) Wiederholung der Hauptfarbe aus der Bilddatei */
  background: #035080 url("../img/bg/candy-green.png") repeat-x;
}

/************** Service Spalte ******************/

#col2 {
     background: none;
     color: #000000;
    /*float: left;*/
    font-size: 1.19em;
    line-height: 1.5em;
    margin: 0.7em 0 0 1em;
    width: 18em;
}
#col2_content {
    padding: 0;
}

#service h1 {
	color:#212121; 
	font-size:1.5em; 
	font-weight:bold;
	padding-bottom:0.5em;
}
#service h2 {
	color:#000000 !important; 
	font-size:1.3em; 
	padding-bottom:0.2em;
	font-weight:bold;
	text-transform:uppercase;
}

#service {
    background-color:transparent;
}
#serviceTagCloud {
    background-color:transparent;
}

.c50l, .c50r {width: auto;}

#service .url-iframe {width: 217px; margin-top: 4em;}

#col2 #service a {color: #162a83;}
#col2 #service li {background:none;list-style: disc outside url("../img/li-ssp.gif");}
#col2 #service .serviceKontakt {background: url("../img/hg-nav-ssp.png") repeat scroll left top transparent;border-radius: 10px 10px 10px 10px;-webkit-border-radius:10px;padding: 1em;}
#col2 #service .serviceQuick {background: url("../img/hg-nav-ssp.png") repeat scroll left top transparent;border-radius: 10px 10px 10px 10px;-webkit-border-radius:10px;padding: 1em;margin-top: 2em;}

#col2 #service .serviceQuick .image .externerLink {padding:0;}


/************** Content Spalte ******************/

#col3 h2, #col3_home h2 {border-bottom: 1px solid #ffe500;}
#col3 li, #col3_home li {background:none;list-style: disc outside url("../img/li-content.gif");}

#col3 .goPageTop {display:none;}

.claimgross {font-size: 150%;margin-bottom: 0;}
.claimklein {font-size: 80%;}


/*************** Accordion *************/

..ui-icon {background-image:none;}
.ui-state-default, .ui-widget-content .ui-state-default, .ui-widget-header .ui-state-default 
{background: url("../img/accord-bg.png") repeat-x scroll 50% 50% #E6E6E6;}
.ui-accordion-header, ui-helper-reset ui-state-active ui-corner-top ui-state-hover
{background: url("../img/accord-bg.png") repeat-x scroll 50% 50% #E6E6E6;margin-top:0}
.ui-accordion-header a {padding-left:0.5em !important;}
.ui-corner-all {border-radius: ;-webkit-border-radius:4px 4px 0 0;}
.ui-accordion-content {padding: 1em 0 !important;height:auto !important;}
.ui-accordion-content .composedcontent-dvv-box h1 {display:none;}
.ui-accordion-content .composedcontent-dvv-box p {font-size: 0.9em;}
.ui-widget-content {border:none; background:none;    color: #FFFFFF;
    font-size: 0.95em;}
 .ui-widget-header { background: none;}
 .ui-tabs .ui-tabs-nav li {list-style:none;}
#service .c100l {}
#service .ui-icon {display:none !important;}
.ui-state-default a, .ui-state-default a:link, .ui-state-default a:visited {color: #FFFFFF;font-size: 0.95em;text-decoration: none;text-transform: uppercase;}
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {color: #FFFFFF;font-size: 0.95em;text-decoration: none;text-transform: uppercase;}

/* Sitemap */

.sList{
     background: none repeat scroll 0 0 #4D79B3;
      border-radius: 10px 10px 10px 10px;
      margin: 0 0 2.5em;
    padding: 1em;
}
.sList ul {
  margin-bottom: 0;
}

.sList li, #col3 .sList li  {
  list-style:none;
}

.sList li.ebene0 {margin-left:0em;}
.sList li.ebene0 a {
	color:#fff; 
	font-size:1.2em; 
	display:block; 
	padding: 0.2em 0.5em; 
	text-decoration:none;
}
.sList li.ebene1 {
	margin:1.5em 0;
	background-color:#eee;
}
.sList li.ebene1 a {
	background-color:transparent;
	color:#fff;
	display:block;
	padding:0.2em 0.5em;
	text-decoration:underline;
	font-size:1.1em;
	font-weight:bold;
}
.sList li.ebene1 ul a {
	color:#FFF;
	padding:0 0.5em;
	padding-left:1em;
	text-decoration:underline;
	font-size:1em;
	background:none;
}

.sList li.ebene2 a {
	font-weight:normal;
}


.sList ul.ebene3 {
    padding: 0.5em;
}

.sList li {
  list-style-type: none;
}
.sList a[hreflang=de]
{
  background: url("../img/flaggen/de.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=en]
{
  background: url("../img/flaggen/en.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=fr]
{
  background: url("../img/flaggen/fr.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=es]
{
  background: url("../img/flaggen/es.png") no-repeat right;
    padding-right: 25px;
}
.sList a[hreflang=it]
{
  background: url("../img/flaggen/it.png") no-repeat right;
  padding-right: 25px;
}
.sList a[hreflang=el]
{
  background: url("../img/flaggen/el.png") no-repeat right;
  padding-right: 25px;
}

#col3, #col3_home {
    background-color: transparent;
    color: #FFFFFF;
    float: left;
    font-size: 1.19em;
    margin: 0;
    width: 45em;
}

.home #col3 {background: none; padding-left:20.5em;}

#content
{font-size:1.15em;overflow:hidden;}

#contentFooter
{
  margin-top: 2em;
  border-top: none;
  padding-top:0.6em;
  padding-bottom: 0.8em;
  text-align:right;
}



#contentFooter hr
{
  height: 1px;
  border-bottom: 1px solid white;
}

/************ Footer ***************/
#footer {
	background: url(../img/hg-bottom.png) no-repeat center bottom;
	border-top:none;
	font-size:1.2em;
	padding:1em;
	position: relative;
	margin:0;
	color:#fff;
}
#bottom-adresse {float:left;}
#bottom-flinks {float: left;margin: 0 0 0 32.5em;}
#bottom-flinks a {padding:0 0.5em; color:#6a6a6a; text-decoration:none;font-size:0.95em;}
#bottom-flinks a:hover {background-color:transparent; text-decoration:underline;}

#footer .zeile2 { position: relative;/*top: 11em;*/}

/*********** Bottom *************/
#facebook {display:none;}
#copyright {font-size: 0.95em;float:left;}
.copyright_logo {
    padding-bottom: 1.5em;
}
.copyright_logo a:hover{
    background:none;
}

.aqwa_bottom {border-bottom: 1px solid #000000;float: right;font-size: 0.95em;left: -8em;margin-bottom: 0.5em;position: relative;}
.aqwa_bottom h3 {border-bottom: 1px solid #000000;color: #000000;font-weight: bold;}
.kontakt_div {float:left;}
.kontakt_div p, .oeffnung_div p {line-height: 1em;}
.kontakt_div .kontakt_tel {background: url("../img/telefon.gif") no-repeat left;padding-left: 2em;padding-top: 0.3em;}
.oeffnung_div {float:right;margin-left: 6em;}
#funktions_links {clear:both;}

/* Allgemein */
.nowrap
{
  white-space:nowrap;
}
/* Formulare */
.requiredMark
{
  color: #6666FF;
}
.error .requiredMark
{
  color: #FF6600;
}
.error
{
  color: red;
}

/* Login */
#j_username
{
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#j_password
{
  background: url("../img/links/key.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* QuickLinks als Liste */
ul.quickLinkList
{
  margin-bottom: 0;
}
ul.quickLinkList + ul.quickLinkList
{
  border-top: 1px solid #66f;
}
.quickLinkList li
{
  list-style: none;
  margin-left: 0;
}
/* QuickLinks als Dropdown */
.quickLinkDropdown
{
  width: 100%;
  background: #ffe;
}
.quickLinkDropdown .quickLinkSeparator
{
  color: #66f;
}

/* #recommend_form */ fieldset
{
  padding: 8px;
}
/* #recommend_form */ legend
{
  margin-bottom : 8px;
}
#recommend_form
{
  overflow: auto;
  width: 380px;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
#recommend_form #an
{
  width: 340px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #text
{
  width: 358px;
  background: url("../img/links/comment.png") no-repeat right bottom;
  border: 1px solid silver;
}
#recommend_form #absender
{
  width: 340px;
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#recommend_form #von
{
  width: 340px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form
{
  overflow: auto;
  width: 380px;
  padding-top: 8px !important;
  padding-bottom: 12px !important;
}
#contact_form #to
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #subject
{
  width: 350px;
  background: url("../img/links/subject.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
/* funktioniert nicht z.B. bei Firefox
#contact_form #attachment
{
  width: 310px;
  background: url("/master/images/icon16/attachment.gif") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
*/
#contact_form #text
{
  width: 368px;
  background: url("../img/links/comment.png") no-repeat right bottom;
  border: 1px solid silver;
}
#contact_form #fromName
{
  width: 350px;
  background: url("../img/links/user.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}
#contact_form #from
{
  width: 350px;
  background: url("../img/links/mail.png") no-repeat;
  padding-left: 18px;
  border: 1px solid silver;
}

/* - - Links - - */



#contentFooter a:hover {background-color:transparent;}


.dateiGroesse
{
  color : #FFF;
}
.goPageTop
{
  padding: 0 10px 0 0;
  background: url("../img/links/up.png") no-repeat right;
}
.dateiLink
{
  padding: 0 0 0 1.6em;
  background: url("../img/links/file_icon.png") no-repeat left;
}
.internerLink
{
  /*padding: 0 12px 0 0;
  background: url("../img/links/internal.png") no-repeat right;*/
}
.externerLink
{
  padding: 0 0 0 1.2em;
  background: url("../img/links/link_blue.png") no-repeat left center;
}
.neuFensterLink
{
  /*padding: 0 0 0 1em;
  background: url("../img/links/newwindow.png") no-repeat left center;*/
}
.mailLink
{
  padding: 0 0 0 1.8em;
  background: url("../img/links/mail.png") no-repeat left;
}



/* - - Social Bookmarks - - */
#Social_Bookmarks {/*display:none;*/}

a.socialbookmark {
  text-decoration: none;
}
span.socialbookmark
{
  white-space: nowrap;
}
/* - - CMS7 specific - - */
.boxborder {
  border-bottom: 4px solid #eeeeee;
  padding-bottom:0.5em;
  margin-bottom:2em;
}
/* - - Bilder - - CMSVII-224 */
div.image {display:inline-table;width:1px;}
div.center {display:table;}
/* - - Bildergalerie - - */
.galleryImage
{
  float: left;
  width: 200px;
  height: 150px;
  margin-right:8px
}
.galleryImage .caption
{
  color : gray;
}
.textSubheading /* Zwischenberschrift */
{
  display: block;
  font-weight: bold;
}

/*** Tag clouds ***/
div.tagCloud {
  font-size: 1.2em;
  background-color: #F5FFF5;
  padding-left: 0;
  padding-right: 4px;
  padding-bottom: 4px;
  text-align: center;
  word-spacing: 6px;
}

.tagCloud ul {
  margin: 0;
}

.tagCloud li {
  margin-left: 0;
  display: inline;
}

.tagCloud a {
  text-decoration: none;
  white-space: nowrap;
  word-spacing: 0;
  color: #0000FF;
  border-bottom: 1px dotted #bbf;
}

a.tag1 { /* geringste Hufigkeit */
  font-size: 0.9em;
  color: #6666FF;
}

a.tag2 {
  font-size: 1.0em;
  color: #4444FF;
}

a.tag3 {
  font-size: 1.2em;
  font-weight: 600;
  color: #1111FF;
}

a.tag4 {
  font-size: 1.3em;
  font-weight: 800;
  color: #0000FF;
}

a.tag5 { /* grte Hufigkeit */
  font-size: 1.5em;
  font-weight: 800;
  color: #0000CC;
}
/* Zufllige Hervorhebung 1 */
a.tag_rnd1
{
  color : #f00;
}
/* Zufllige Hervorhebung 2 */
a.tag_rnd2
{
  color : #f77;
}

/* Adress-Anzeige */
.telSp
{
  display: inline-block;
  width: 0.2em;
}
.vCard
{
  position: relative;
  line-height: 140%;
}
.vCardLink
{
  float: right;
  width: 10em;
}
.vCard .fn
{
  font-weight: bold;
}
.vCard .org
{
  font-weight: bold;
}
.vCard .bez
{
  display: inline-block;
  width: 10em;
}
.vCard .mapsLink, .vCard .efaLink
{
  padding-left: 10em;
}
.vCard .homepage
{
  padding-left: 10em;
  margin-bottom: 1em;
}
span.tel
{
  padding-left: 18px;
  background: url("../img/links/phone_icon.png") left no-repeat;
}
span.fax
{
  padding-left: 18px;
  background: url("../img/links/fax_icon.png") left no-repeat;
}
span.mobile
{
  padding-left: 18px;
  background: url("../img/links/mobile_icon.png") left no-repeat;
}

/* Map-Anzeige */
.mapCanvas
{
  width: 390px;
  height: 300px;
  margin-top: 1em;
}

#col3_wide {background:none;  margin: 0 0 0 30%;}

#col3_wide .mapCanvas
{
  width: 590px;
  height: 400px;
  margin-top: 1em;
}
.miniMapCanvas
{
  width: 250px;
  height: 180px;
  margin-top: 1em;
}

/* Element "Download-Liste" */
table.downloadlist
{
  border: 1px solid #ddd;
  border-collapse: collapse;
}
.downloadlist td, .downloadlist  th
{
  border-top: 1px solid #ddd;
  border-left: 1px solid #ddf;
  border-bottom: 1px solid #ddd;
}
.downloadlist td, .downloadlist th
{
  padding-top: 2px;
  padding-bottom: 2px;
  padding-left: 5px;
  padding-right: 5px;
  vertical-align: top;
  background-color: white;
}

/* Service-bw */
.aktivAktuelleAuswahl
{
  font-weight: bold;
}

/* Grundstruktur der Elemente */
.kopf .title {
  font-weight: bold;
  font-size: 1.2em;
  margin-bottom: 0.2em;
}
.rumpf div {
}
.fuss .caption {
  font-weight: bold;
  font-size: 1.1em;
}
.bez {
  float: left;
  display: block;
  width: 14em;
  font-weight: bold;
}
#service .bez
{
  width: 8em;
}
/* RSS */
.rss .title
{
  font-weight: bold;
}
/* Wetter */
.weatherBox {
  border : 1px solid #ffa500;
  padding : 2px;
}
.weatherBox img {
  float: right;
}
.forecast
{
  border-top: 1px solid #ffa500;
}
.forecast .date
{
  font-weight: bold;
}
/* Klima */
.climateBox
{ /* wegen float-adjust */
  overflow: auto;
}
.climateBox .title
{
  font-weight: bold;
}
div.temperatur, div.niederschlag {
  width: 4em;
  height: 8em;
  position: relative;
  float: left;
  margin-right: 0.2em;
}
div.skala
{
  top: 2em;
  height: 4em;
  width: 4em;
  position: relative;
}
.niederschlag .skala {
  height: 3em;
}
.climateBox div.dat {
  font-size: 0.9em;
  white-space: nowrap;
}
.climateBox div.month {
  position: absolute;
  top: 0.2em;
  left: 0.2em;
  z-index: 5;
}
.climateBox div.dat {
  position: absolute;
  bottom: 0.2em;
  left: 0.2em;
  z-index: 5;
}
.climateBox div.graph {
  position: absolute;
  width: 100%;
  bottom: 0;
  text-align:center;
}
.luftTemperaturen div.graph {
  background-color: #F60;
}
.wasserTemperaturen div.graph {
  background-color: #33F;
}
.niederschlaege div.graph {
  background-color: #00F;
}
.climateBox br
{
  clear: both;
}

.zoomIcon {
  background: url("../img/links/zoom.png") no-repeat !important;
  bottom: 16px;
  display: block;
  height: 20px;
  left: 4px;
  position: relative;
  z-index: 50;
}

/* Effekt */
.toggle-icon
{
  position: absolute;
  left: .5em;
  top: 50%;
  margin-top: -8px;
}
.toggle_title {
  position: relative;
  padding: 0 0 0 20px;
  cursor: pointer;
}
/* Tooltip CMSVII-278 */
.tooltip {
  display:none;
  background-color: InfoBackground;
  border:1px solid ThreeDShadow;
  color: InfoText;
  font: message-box;
  padding:3px;
  font-size:13px;
}
/* Trenner CMSVII-207 */
.basecontent-dvv-trenner .sep {
  margin-top: 2em;
  margin-bottom: 2em;
  padding-top: 0;
  padding-bottom: 0.5em;
  border: 0;
  border-bottom: 4px #eeeeee solid;
  clear: both;
  visibility:hidden;
}
.align_left {
  text-align: left;/*this will align it for IE*/
  margin: 0 auto 0 0; /*this will align it left for Mozilla*/
}
.align_right {
  text-align: right;
  margin: 0 0 0 auto;
}
.align_center {
  text-align: center;
  margin: 0 auto 0 auto;
}
.sep50
{
  width: 50%;
}
.sep75
{
  width: 75%;
}
.sep90
{
  width: 92%;
}
.sep100
{
  width: 100%;
}

/**************** Startseite ******************/

.vk_liste {
    background: url("../img/hg-nav-ssp.png") repeat scroll left top transparent;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    font-size: 0.8em;
    left: -22em;
    padding: 1em;
    position: absolute;
    top: 0.7em;
    width: 18.5em;
    color:#000;}
    
#col3 .vk_liste h2 {border-bottom:none; text-transform:uppercase;color:#000;}
#col3 .vk_liste li {background: url("../img/li-nav.gif") no-repeat scroll 0 0.25em transparent;list-style: none outside none;margin-left: -1.2em;padding-left: 2em;}
#col3 .vk_liste li a {color:#162A83;}
#col3 .vk_liste .summary {padding-bottom:1em;}

    
    .vk_liste .zmNavigClassInnen {display:none;}

.video_cont {
    background: url("../img/hg-nav-ssp.png") repeat scroll left top transparent;
    border-radius: 10px 10px 10px 10px;
    -webkit-border-radius:10px;
    font-size: 0.8em;
    left: -22em;
    padding: 1em;
    position: absolute;
    top: 0.7em;
    width: 18.5em;
    color:#000;}
    
#col3 .video_cont h2 {border-bottom:none; text-transform:uppercase;color:#000;}
#col3 .video_cont li {background: url("../img/li-nav.gif") no-repeat scroll 0 0.25em transparent;list-style: none outside none;margin-left: -1.2em;padding-left: 2em;}
#col3 .video_cont li a {color:#162A83;}
#col3 .video_cont .summary {padding-bottom:1em;}

    
 .video_cont .zmNavigClassInnen {display:none;}

/**************** Footer ******************/

#footer {height: 10em;margin-bottom:-1em;}

 #footer #hauptnavi {left: 2em;position: absolute;top: 1em;width: 17em;}   
#footer #hauptnavi ul li {background:none;list-style: disc outside url("../img/li-content.gif");}
#footer #hauptnavi ul li a {color:#ffffff;border: medium none;font-size: 0.95em;font-weight: normal; padding: 0;}
#footer #hauptnavi ul li a:hover {text-decoration:underline;}
#footer #hauptnavi ul li a.active {background:none;}
/*#footer #hauptnavi ul li.currentParent a {padding:0;}*/

#footer .bottom-authlinks {left: 19em;position: absolute;top: 1em;}   
#footer .bottom-authlinks a {font-size: 0.95em;text-decoration: none;}
#footer .bottom-authlinks a:hover {text-decoration: underline;background:none;color:#FFFFFF;}
#footer .bottom-authlinks ul li {background:none;list-style: disc outside url("../img/li-content.gif");}

#footer .bottom-flinks {left: 36em;position: absolute;top: 1em;}   
#footer .bottom-flinks a {font-size: 0.95em;text-decoration: none;}
#footer .bottom-flinks a:hover {text-decoration: underline;background:none;color:#FFFFFF;}
#footer .bottom-flinks ul li {background:none;list-style: disc outside url("../img/li-content.gif");}

#footer #Social_Bookmarks {left: 50em;position: absolute;top: 1.5em;}  

#footer #copyright {left: 52.75em;position: absolute;top: 4.5em;}  

#footer #bottom-fish {left: 51em;position: absolute;top: 6em; width:5em; height:5em; background: url(../img/fish.png) transparent no-repeat center center;}

#PageServices {left: 71em;position: absolute;top: 0.5em;}
#PageServices a {font-size: 0.95em;text-decoration: none;}
#PageServices a:hover {text-decoration: underline; background:none;color:#ffffff;}
 #PageServices a img {margin-right: 0.2em;position: relative; top: 0.5em;}
#PageServices a img:hover { background:none;}



/**************** Tabellen ******************/

.basecontent-table td {
    padding:0.5em;
}
.basecontent-table th {
    /*text-align:center;*/
	vertical-align: top;
}


/**************** Lightbox ****************/

#lightbox-container-image img {max-width:580px; max-height:580px;width:auto !important; height:auto !important;}
#lightbox-container-image-box {max-width:600px; max-height:600px;width:auto !important; height:auto !important;}
#lightbox-container-image-data-box {max-width:580px; width:auto !important; height:auto !important;}
#lightbox-container-image-box #lightbox-nav-btnPrev {height:100% !important;}
#lightbox-container-image-box #lightbox-nav-btnNext {height:100% !important;}

/*************** Login ******************/

#loginForm {background: url("../img/hg-nav-ssp.png") repeat scroll left top transparent; border-radius: 10px 10px 10px 10px;-webkit-border-radius:10px;color: #000000;padding: 1em;}
#loginForm fieldset {padding: 4px 4px 16px 10px;}
#loginForm .type-text {padding-bottom: 0.5em;}

/*************** Veranstaltungen *************/

#zmEListe .zmRegister, #zmEListe .zmOrt, #zmEListe .zmitem .vEvent img, #zmEListe .zmitem .description h4, #zmEListe #zmDataItems hr {display:none;}
#zmEListe .zmitem {background: none repeat scroll 0 0 #4D79B3;border-radius: 10px 10px 10px 10px;-webkit-border-radius:10px;padding: 1em;margin-bottom:1em;}
#zmEListe .zmitem h3 {font-weight: bold;}
.zmhitsfound { margin-bottom: 1em;}

.zmDetailCuppamare_Familienbad {background: none repeat scroll 0 0 #4D79B3;border-radius: 10px 10px 10px 10px;padding: 1em;}
#main #col3 .zmDetailCuppamare_Familienbad h2 {border-bottom:none;}
#main #col3 .zmDetailCuppamare_Familienbad h3 {font-weight:bold;}
#main #col3 .zmDetailCuppamare_Familienbad .vCalendarLink {margin-top:1.5em;}
#main #col3 .zmDetailCuppamare_Familienbad .label {margin-top:1em;}
#main #col3 .zmDetailCuppamare_Familienbad .kopf h3 {display:none;}
#main #col3 .zmDetailCuppamare_Familienbad hr, #main #col3 .zmDetailCuppamare_Familienbad .zmnavnext {display:none;}
#main #col3 .zmDetailCuppamare_Familienbad .vcard .tel {position: relative; top: -1em;}
#main #col3 .zmDetailCuppamare_Familienbad .vcard .tel {position: relative; top: -1em;}
#main #col3 .zmDetailCuppamare_Familienbad .vcard .mapsLink, #main #col3 .zmDetailCuppamare_Familienbad .vcard .efaLink {display: inline; padding-left: 0; padding-right: 2em; position: relative; top: 2em;}
#main #col3 .zmDetailCuppamare_Familienbad .zmzureu {padding: 1em 1em 1em 0;}

/************** Dynamic Content *****************/

.basecontent-dynamic-content .odd, .basecontent-dynamic-content .even {padding-bottom:1em;}
.basecontent-dynamic-content .odd p, .basecontent-dynamic-content .even p {padding-top:1em;}
.basecontent-headline { font-size: 1.3em; font-weight: bold;}

.basecontent-dynamic-content .date {display:none;}

.boxborder  {border:none;}


/*** Team ***/
#cc_84596 h2 {width: 50%;}


/**** Gutscheine  *****/

.Gutscheine {font-size: 0.9em;}
.bestellung {background: none repeat scroll 0 0 #4D79B3; border-radius: 10px 10px 10px 10px;}
.bestellung fieldset {border:none;}
.Gutscheine .odd, .Gutscheine .even, .pDaten {height:2em;}
.Gutscheine .Summenzeile {background: none repeat scroll 0 0 #FFFFFF;color: #000000;font-size: 1.2em;font-weight: bold;}
.Gutscheine .Kat {font-size: 1.5em;}


/**** Tabellen Eintritt etc *****/
.Eintritt td {height: 2em;}

/**** Suche ****/

.searchResultData, #searchTypeSpan, .termComb {display:none;}

/**** Druckansicht ****/

.print_margins {font-size: 110%; padding: 2em;}
.print_margins .page {max-width: 100%;min-width: 100%;}
.print_margins .wayhome {visibility:hidden;}
.printPageFunctions {position: absolute;right: 2em;}
.print_margins .page #main li {background:none; margin-left:1em;padding-left:0; list-style: outside;}
.c25l {display:none;}

/*** Seitenempfehlung ***/
#recommend_form {
    font-size: 1.1em;
}
#recommend_form input {
    color: #FFFFFF;
}
#recommend_form #text {background:#FFFFFF;}

/*** Update 7.3.1.4  ***/


.pm-topnews .pm-pubDate {display: none;}
 
.Veranstaltungskalender #col3 #content h1,
.Firmen #col3 #content h1,
.Vereine #col3 #content h1,
.Tourismusverzeichnis #col3 #content h1 {display:none;}
 
.Veranstaltungskalender #col3 #content h1.basecontent-headline,
.Firmen #col3 #content h1.basecontent-headline,
.Vereine #col3 #content h1.basecontent-headline,
.Tourismusverzeichnis #col3 #content h1.basecontent-headline {display:block;}
 
#zmselbst .Ueberschrift {display:none;}
 
 
.basecontent-attachment img, .basecontent-external-attachment img {
    height:1.4em; 
    width:auto; 
    overflow:hidden;
}

.basecontent-attachment .caption, .basecontent-external-attachment .caption {    
    left: 0.5em;
    position: relative;
    top: -0.4em;
}
 
#main .basecontent-attachment a:hover, #main .basecontent-external-attachment a:hover {text-decoration:none;}
.basecontent-attachment span:hover, .basecontent-external-attachment span:hover {text-decoration:underline;}

/*** Tabelle Schrift ***/
table {font-size: 0.95em;}