@import url("formgen.css");

html, body, div, h1, h2, h3, ol,
span, a, table, td,  img, select, address {
	margin: 0px;
	padding: 0px;
	font: 100.01%/1.5 "Verdana", "Arial", "Helvetica", sans-serif;
	color: #737373;
}

a {
	color: #2D4B9B;
	text-decoration: none;
}

a:hover{
	color: #2D4B9B;
	text-decoration: underline;
}

a:focus{
	color: #2D4B9B;
	text-decoration: underline;
	padding-left: 1px;
}

.inv, dfn{
	position: absolute;
	left: -1000px;
	top: -1000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

abbr, acronym {
    font-style: inherit;
    border-bottom: 2px dotted #8CA6A6;
    cursor: help;
}

#AreaContent ul li
{
    margin-left:40px;
}


/******************************************************
// Hauptnavigation 
/******************************************************/

.MainNav{
	background-color: #EAEDF5;
	padding: 0px;
	margin: 0px;
	top: 65px;
	padding-left: 209px;
}

.MainNav ul, .MainNav li{
	padding: 0;
	margin: 0;
}

.MainNav ul li {
	list-style: none;
	display: inline; 
	font-size: 0.65em;
	min-height: 1.2em;
}

.MainNav ul li a {
    line-height: 16px;
    text-decoration: none;	
    color: #2D4B9B;
    padding-right: 2px;
	padding-left: 6px;
 	margin-bottom: 2px;
	height: 1em;
}

.MainNav ul li a:hover, 
.MainNav ul li a:focus, 
.MainNav ul li a:active,
.MainNav ul li.selectedOne{
  font-weight: bold;
}

.MainNav ul li span.selectedOne{
	font-weight: bold;
	line-height: 16px;
    text-decoration: none;	
	color: #2D4B9B;
    padding-right: 2px;
    padding-left: 6px;
	margin-bottom: 2px;
	height: 1em;
}

.MainNav ul li span.selectedOne a{
   text-decoration: none;	
   font-weight: bold;
	padding: 0px;
    border-right: 0px;
	margin: 0px;
	height: 1em;
}

.MainNav li.selectedOne a{
	font-weight: bold;
}

/* #MainNav ul li span.selectedOne {
	background-color: #425DA5;
	color: #FFFFFF;
	line-height: 16px;
    text-decoration: none;	
	color: #2D4B9B;
    padding-right: 6px;
	padding-left: 6px;
    border-right: 1px solid #2D4B9B;
	margin-bottom: 2px;
	height: 1em;
	color: #FFFFFF;
}*/
/******************************************************
// Weiterführende Links Content
/******************************************************/

.ContentNavItem1
{
  margin-left: 20px;
  padding: 0px;
  padding-left:20px;
  background-image:url("../../images/icon_linkliste.gif");
  background-repeat:no-repeat;
}

.ContentNavItem2
{
  margin-left: 40px;
  padding: 0px;
  padding-left:20px;
  background-image:url("../../images/icon_linkliste.gif");
}


#ContentNav ul{
	margin-left: 20px;
	padding: 0px;
}

ul.ContentSubNav {
	margin-top: 0px;
	margin-left: 20px;
	padding: 0px;
}

#ContentNav {
	/*margin-top: 30px;*/
	margin-top: 14px;
	padding-left: 20px;
}


ul.ContentSubNav li, #ContentNav ul li{
	list-style: url("../../images/icon_linkliste.gif");	
}
ul.ContentSubNav li{
	margin-left: 20px;
}
/******************************************************
// Standardlinks Footer
/******************************************************/


/*
#FootNav li.Overview{
	list-style: url("../../images/icon_overview.gif");
}

#FootNav li.Top{
	list-style: url("../../images/icon_totop.gif");
}

#FootNav li.Print{
	list-style: url("../../images/icon_print.gif");
}*/


/*******************
* Sitemap
*******************/

#Sitemap ul li{
	list-style: none;
}

#Sitemap ul li a{
   padding-left: 20px;
	font-weight: bold;
}

.sitemaplevel1
{
  margin-left:40px;
  padding-left:20px;
  background-image:url(../../images/SitemapLevel1.gif);
  background-repeat:no-repeat;
}

.sitemaplevel2
{
  margin-left:80px;
  padding-left:20px;
  background-image:url(../../images/SitemapLevel2.gif);
  background-repeat:no-repeat;
}

.sitemaplevel3
{
  margin-left:120px;
  padding-left:20px;
  background-image:url(../../images/SitemapLevel3.gif);
  background-repeat:no-repeat;
}

/********
Level 2
********/

#Sitemap ul li ul li a{
   padding-left: 40px;
	font-weight: normal;
}

/********
Level 3
********/

#Sitemap ul li ul li ul li a{
   padding-left: 60px;
	font-weight: normal;
}

/******************************************************
// Linkliste Aktionen
/******************************************************/
.AktionenLinkListe {
	padding-top: 10px;
}

.AktionenLinkListe ul,
.AktionenLinkListe ul li{
	padding: 0;
	margin: 0;
}



.AktionenLinkListe ul li{
	padding: 0;
	margin: 0;
	display: inline;
	list-style: none;
	padding-bottom: 20px;
}

/******************************************************
// Bereichsmenu
/******************************************************/

.bereichsmenu {
	width:100%;
	color: #999999;
	font-size: 0.9em;
}

div.NaviLeft1
{
	margin-top:0px;
	border-bottom: 1px solid #FFFFFF;
}

div.NaviLeft1 a, div.NaviLeft1Selected
{
	color:#999999;
	display:block;
	padding: 3px;
	text-decoration:none;
	font-weight: bold;
}

.NaviLeft1 a:hover, .NaviLeft1 a:focus, .NaviLeft1 a:active, div.NaviLeft1Selected
{
	color: #425DA5;
	display:block;
        text-decoration:none;
}


div.NaviLeft2, div.NaviLeft2Selected
{
   font-size: 0.75em;
   font-weight: normal;	
}


.NaviLeft2 a, .NaviLeft2Selected{
	color:#999999;
	display:block;
	padding: 3px;
	text-decoration:none;
	font-weight: normal;	
	margin: 2px;
	margin-right: 0px;
	margin-left: 10px;
}

.NaviLeft2 a:hover, .NaviLeft2 a:focus, .NaviLeft2 a:active, div.NaviLeft2Selected
{
	color:#425DA5;
	display:block;
        text-decoration:none;
}

.NaviLeft2Selected a:hover, .NaviLeft2Selected a:focus, .NaviLeft2Selected a:active, .NaviLeft2Selected a:visited
{
	color:#425DA5;
	display:block;
        text-decoration:none;
}

/*
.bereichsmenu ul li ul li{
	font-size: 0.75em;
	font-weight: normal;
}

.bereichsmenu div{
	margin-top:0;
    border-bottom: 1px solid #FFFFFF;
}

.bereichsmenu a, .bereichsmenu span.selectedOne{
	color:#999999;
	display:block;
	padding: 3px;
	text-decoration:none;
	font-weight: bold;
}

.bereichsmenu ul li ul li a, .bereichsmenu ul li ul li span.selectedOne{
	color:#999999;
	display:block;
	padding: 3px;
	text-decoration:none;
	font-weight: normal;	
	margin: 2px;
	margin-right: 0px;
	margin-left: 10px;
}


.bereichsmenu a:hover,
.bereichsmenu a:focus,
.bereichsmenu a:active,
.bereichsmenu span.selectedOne,
.bereichsmenu div a.selectedOne,
.bereichsmenu ul li li.selectedOne a{
	color: #425DA5;
	display:block;
        text-decoration:none;
}

.bereichsmenu ul li ul li a:hover,
.bereichsmenu ul li ul li a:focus,
.bereichsmenu ul li ul li a:active,
.bereichsmenu ul li ul li span.selectedOne{
	color:#425DA5;
	display:block;
        text-decoration:none;
}
*/

body{
	background: url(../../images/bg_left.gif) repeat-y;
}

img{
	border: 0px;
}
/**************************************************/
/* Headbereich
/**************************************************/

#AreaHead {
  position: absolute; 
  left: 0;
  right: 0;
  top: 0;
  height: 65px;
  width: 100%;
  background-color: #EAEDF5;
}


#Logo{
	padding-left: 30px;
	padding-top: 12px;
	padding-bottom: 0px;
}

#AreaMainNav{
   position: absolute;
   top: 65px;
   left: 0px;
   width: 100%;
   background-color: #EAEDF5;
}

/**************************************************/
/* Contentbereich
/**************************************************/

#AreaKategorien, 
#AreaContent, 
#AreaTeaser{
	position: absolute;
	top: 108px;
}

#AreaSpace{
	position: absolute;
	left: 100;
	top: 79;
	width: 500px;
	height: 25px;
}

*html #AreaSpace{
	top: 83px;
}

#AreaKategorien {
	position: absolute;
	left: 21px;
	width: 164px;
} 

#AreaKategorien ul, 
#AreaKategorien li{
	list-style: none;
	margin: 0;
	padding: 0;
}

#AreaContent{
	left: 208px;
	width: 417px;
	border-right: 1px solid #ABB7D7;
	font-size: 1em;
}

#AreaTeaser {
  left: 624px;
  width: 140px;
  padding-left: 8px;
}

#AreaFooter{
  margin-bottom: 20px;
  margin-top: 20px;
  font-size: 0.7em;
}
  
.clear{
   clear:both;
   font-size:0px;
}
	
.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden;
}
	
* html .clearfix{
	clear: none;
}

/****************************/
/* Seitenüberschriften     
/****************************/

h1{
	font-size: 1.5em; 	
	margin-bottom: 25px;
}

h1.pageHeadline{
	font-size: 1.6em;
	font-size: 1.5em;
	color: #2D4B9B;
}



h2.downloads span
{
	font-weight: bold;
	margin-top: 15px;
	font-size: 1.0em;
	margin-bottom: 8px;
	color: #2D4B9B;
}


h2, H4, h2 span{
	font-weight: bold;
	margin-top: 15px;
	font-size: 1.2em;
	margin-bottom: 8px;
	color: #2D4B9B;
}

h2 a, h3 a, h2 span{
	font-weight: bold;
}

h3{
	font-weight: bold;
	margin-top: 15px;
	margin-bottom: 8px;
	color: #2D4B9B;
}

H4
{
	font-weight:normal;
}


#einrueck{
   margin:0px;
   margin-left:10px;
}


fieldset#AktionenSuche{
	border: 0px;
	padding: 0px;
}

.contentpane{
	font-size: 0.7em;
    margin-right: 12px;
}
.contentpane ul {
	padding-left: 1.5em;
}
*html .contentpane ul {
	padding-left: 0;
	margin-left: 1.5em;
}

#AktionenNotfall, #AktionenSuche{
    font-size: 0.6em;
	width: 100%;
	margin-bottom: 26px;
	padding: 0px;
}

a.Notfall{
	font-weight: bold;
	color: #737373;
	font-style: normal;
    font-size: 0.6em;
	width: 100%;
	padding: 0px;
}

div.TeaserText h2 {
	margin: 1em 0 0.1em 0;
	font-size: 0.7em;
	line-height: 100%;
}
div.TeaserText p {
	margin: 0 0 1em 0;
	font-size: 0.6em;
	line-height: 120%;
}

div.TeaserImage {
	margin: 10px 0 0 0;
	float: left;
	position: relative;
}

/*******************************************/
/* Adressangaben
/*******************************************/

.address{
 border: 1px solid red;
}

/****************************/
/* Formular Volltextsuche   
/****************************/

*html form#suche{
	margin-bottom: 3em;
}
.VolltextSuche{
	font-style: normal;  
	margin: 0px;
	padding: 0px;
	width:100%;
}

.VolltextSuche input.field{
	width: 114px;
        height: 17px;
	border: 1px solid #75736E;
	float:left;
	font-size: 0.7em;
        background-color:#eaedf5;
}

.VolltextSuche input.button{
	border: 0px;
	width: 15px;
	height: 15px;
	margin-left: 2px;
	float:left;
}

hr.resultlist{
 height: 0px;
 color: #FFFFFF;
 border: 1px solid #EAEDF5;
 float:left;
 width: 100%;
}

span.tblSearchMarkup{
	background-color: #F0EB7A;
}

/****************************/
/* News  
/****************************/

.AktionenPic{
	margin-bottom: 20px;
}

#News{
	border-bottom: 1px solid #ABB7D7;
	padding-bottom: 20px;
	margin-bottom: 35px;
}

#News .headline a{
	font-weight: bold;
}

#News .documents{
	height: 140px;
}

#News .pic{
	width: 100px;
	float: left;
	left: 1;
	height: 140px;
	margin-bottom: 40px;
}

#News .doc{
	height: 20px;
	width: 100%;
   text-align: left;
}

.keyVisual{
	margin-bottom: 25px;
}


/* Kontakt Telefonnummern */

div.nameValuePair{
width: 100%;
float: left;
/*border: 2px solid red;*/
margin: 2px;
}

div.nameValuePair .left{
 width: 100px;
 /*border: 1px solid blue;*/
 text-align: left;
}

div.nameValuePair .right{
 /*border: 1px solid green;*/
 float: right;
 width: 250px;
}
hr.pairSpacer{
 height: 2px;
 color: #FFFFFF;
 /*border: 1px solid green;*/
 border: 0px;
 float:left;
 width: 100%;
}

/*******************************************/
/* Content / Datentabellen
/*******************************************/

table.tblContent,     /* th's stehen horizontal über der Tabelle */
table.tblContent tr td,
table.tblContent tr th,
table.tblContentLeft, /* falls die th's links vertikal neben der Tabelle stehen */
table.tblContentLeft tr td,
table.tblContentLeft tr th{
	padding: 1px;
	margin: 0px;
}

table.tblContent,
table.tblContentLeft{
	border: 1px solid #2D4B9B;
	width: 100%;
	background-color: #FFF;
}

table.tblContent tr td,
table.tblContentLeft tr td {
  border: 0px;
  border-bottom: 1px solid #EAEDF5;
  text-align: right;
}

table.tblContentLeft tr td{
  border-left: 1px solid #EAEDF5;
}

table.tblContent th,
table.tblContentLeft th{
  text-align: center;
  vertical-align: bottom;
  background-color: #EAEDF5;
  border: 0px;
  border-bottom: 1px solid #FFF;
  color: #2D4B9B;
  font-weight: bold;
}

table.tblContentLeft tr td{
 text-align: center;
}

table.tblContentLeft th{
  text-align: left;
}


table.tblContentLeft th.tblHead{
 font-weight: normal;
}

/*******************************************/
/* Pseudotabellen
/*******************************************/



div.psRow{
  width: 100%;
  margin-bottom: 4px;

  padding: 2px;
}

div.psRowLeft{
  width: 48%;
  /*border: 1px solid red;*/
  float: left;
}

div.psRowRight{
  width: 49%;
  margin-left: 50%;
  /*border: 1px solid red;*/
}

div.psRow:after {
  content: "."; 
  display: block; 
  height: 0; 
  clear: both; 
  visibility: hidden;
}

* html div.psRowRight{
  margin: 0px;
}

* html div.psRow{
    content: "."; 
    display: block; 
	height: 0; 
	clear: both; 
}


/*************************************/
/* Kalender 
/*************************************/

div.kalender {
	border-top: 1px solid #ABB7D7;
	padding-top: 7px;
}



div.kalender hr{
	background-color: #ABB7D7;
	color: #ABB7D7;
	border: 0 none;
	height: 1px;
	clear: both;
	display: block;
}

div.kalender h2.kalTitle a {
		font-weight: bold;
}

div.kalender h2.kalTitle  {

	margin-top: 0px;
}

div.kalender a.kalDetailLink {

}

.txtSmall{
	font-size: 0.8em;
}

div.wrapperContent{ 
    /* Box, um zusammengehörigen Inhalt farblich hervorzuheben (z.B. bei Bäder und Saunen > Schimmbäder > Preise */
	margin-top: 10px;
    border: 1px solid #ABB7D7;
	background-color: #F6F6F6;
	padding: 2px;
	padding-top: 0px;
}

/****************************/
/* Galerie  
/****************************/

.DMS a{
	font-weight: bold;
}

.DMSicon{
	width: 30px;
	float: left;
	border: 1px solid #FFF;
}

.DMSlink{
	margin-left: 35px;
	margin-bottom: 10px;
}



input, 
textarea{
	font-family:  Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #737373;
}


/*
legend{
  background-color: #FFF;
  border: 1px solid gray;
  padding: 2px;
}
*/

legend{
	color: #2D4B9B;
}

fieldset{

}

/************************************/
/* Formularfelder                   */
/************************************/


div.FormDataPair {
	width: 100%;
	display: block;
	float: left; /* Mac Umbruch */
}

div.nameLeft {
	float: left;
	padding-top: 3px;
	width: 12em;
	text-align: right;
}

div.valueRight {
	float:left;
	padding: 2px;
	padding-left: 5px;
}


div.valueRight input.checkbox{
	width: 20px;
	margin-right: 10px;
	border: 0px;
}

div.valueRight input,
div.valueRight textarea{ 
	width: 230px; /* Standardbreite der Formularfelder, ggf. durch Gebrauch des "style"-Attributs anpassen */
}

span.checkbox input
{
   width:20px;
}

div.valueRight input.checkbox{
	width: 20px;
	margin-right: 10px;
	border: 0px;
}

/* Fehlermeldungen */
.FormWarning{
  color: red;
}
p.FormWarning{
  margin: 1em 0 1em 0;
  font-weight: bold;
}

/* Hinweise */
.FormAlert{
  color: green;
}

/* Fieldset */
fieldset{
  margin-top: 13px;
  margin-bottom: 13px;
  width: 380px;
}

fieldset legend{
  font-weight: bold;
}

/************************************/
/* Formularfelder                    */
/************************************/


input,
textarea{
  border: 1px solid #737373;
  background-color: #EAEDF5;
}

input.checkbox{
  border: 0px;
}

textfield{
  margin: 2px;
}

/*# input[type=checkbox],
# input[type=radio],
# input[type=button],
# input[type=submit]*/

input[type=checkbox]
{
  width:10px;
}

input[type=text],
input[type=checkbox],
textarea{
 background-color: #EAEDF5;
}

label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit] {
cursor: pointer;
}

input:focus, 
textarea:focus{
 background-color: #FFFFFF;
}	

/*
div#EcardKategorie {
	float: left;
	width: 30%;
}
div#EcardKategorie ul {
	margin: 0 0 0 1.7em;
	padding: 0;
}
div#EcardKategorie li {
	list-style: url("/cachepics/icon_linkliste.gif");	
	margin-bottom: 0.5em;
	padding: 0;
}
*/

div#EcardGalerie {
	/*border: 1px solid #ccc;*/
	padding: 0px;
	margin: 0 0 3em 0;
}
*html div#EcardGalerie {
	padding-bottom: 0;
}

div.EcardGalerieRow {
	clear: both;
}
div.EcardGalerieColWrapper {
	float: left;
	width: 33%;
	text-align: center;
}
div.EcardGalerieCol {
	margin: 0.7em 0.7em 0.9em 0.7em;
	font-size: 0.9em;
	text-align: left;
}
div.EcardGalerieCol a {
	line-height: 130%;
}
div.EcardGalerieCol img {
	margin-bottom: 0.5em;
}

div#EcardImageWrapper {
	text-align: left;
}
img#EcardImage {
	border: none;
}

h2#EcardTitle {
	margin-top: 10px;
}
p#EcardDesc {
	margin-bottom: 10px;
}

p.FormGroupDesc {
	margin: 5px;
}

/* NEW RIGHT TEASER */

.newRightTeaser
{
	width: 100%;
	font-size: 10px !Important;
	margin-top: 5px;
	margin-bottom: 10px;
}
.newRightTeaser .Headline
{
	width: 100%;
	padding: 3px;
	background-color: #2D4B9B;
	color: #ffffff;
	font-size: 11px;
	height: 12px !important;
	line-height: 12px !important;
}
.newRightTeaser img
{
	float: right;
	clear: right;
	margin-right: -13px;
}

.newRightTeaser a
{
	float: right;
	clear:right;
}


span.sub
{
	font-size: 9px;
	position: relative;
	top: 2px;
}

/* TOGGLE TEASER */
.item .content
{
	
	width: 100%;
	float: left;
	clear: left;
	color: black;		
	margin-bottom: 15px;
	float: left;
	position: relative;
	clear: left;
	
	font: 100.01%/1.5 "Verdana", "Arial", "Helvetica", sans-serif;
	color: #737373;
}

.item .content a {
	color: #2D4B9B;
	text-decoration: none;
}

.item
{
	float: left;
	position: relative;
	width: 400px;	
}


.item .link
{
	margin-bottom: 10px;
	display:block;
	text-decoration: none;
	float: left;
	position: relative;	
	clear: left;
	width: 100%;
	cursor: pointer;


	font-weight: bold !Important;
	font-size: 1.2em !important;
	color: #2D4B9B !important;
}

.item .more
{
	background-position: 0px -2px;
	color: #2D4B9B;
	position: relative;
	cursor: pointer;
}

.item .back
{
	float: right;
	clear: right;
	position: relative;
	color: #2D4B9B;
	cursor: pointer;
	height: 6px;
	width: 12px;
  	background-image:url("../../images/arrow.gif");
  	background-repeat:no-repeat;
}