@import url(rte.css);
@import url(plugins.css);
/* ------------------- GRUNDGERÜST ------------------- */
* {
  margin: 0px;
  padding: 0px; 
}

body{
  font-family:Verdana, Arial, sans-serif;
  text-align: center;
  color:#333;
  font-size:12px;
  line-height:18px;
  background-color:#009DD3;
  overflow-x:hidden;
}

#RahmenWrapper{
  background: #035384; /* Old browsers */
  background: -moz-linear-gradient(top, #035384 0%, #037caa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#035384), color-stop(100%,#037caa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #035384 0%,#037caa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #035384 0%,#037caa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #035384 0%,#037caa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #035384 0%,#037caa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035384', endColorstr='#037caa',GradientType=0 ); /* IE6-9 */
  
  position: relative;
  top: -100px;
}

#Rahmen{
  margin: 0 auto;
  position: relative;
  text-align: left;
  top: -33px;
  width: 980px;
}

#HeaderWrapper{
  background-image: url("../lay/bg_header.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 98px;
  position: relative;
  text-align: left;
  z-index: 10;
}

.Mehrsprachig #HeaderWrapper{
  background-image: url("../lay/bg_header_mehrsprachig.png");
  background-position: center bottom;
  background-repeat: no-repeat;
  height: 98px;
  position: relative;
  text-align: left;
  z-index: 10;
}

/*
.Mehrsprachig #NavH{
padding: 4px 0 0 10px;
}
*/

.Mehrsprachig a.aNavH06{
  color: #DCFFDC !important;
  /*padding: 9px 20px 11px 8px !important;*/
}
.Mehrsprachig a.aNavH06:hover,
.Mehrsprachig a.aNavH06.aNavhActiveActive{
  color:#fff !important;
  /*padding: 9px 20px 11px 8px !important;*/
}

#Header{
  height:98px;
  width:980px;
  margin:0 auto;
}

#HeadPic{
  padding-top: 17px;
  position: relative;
  top: -98px;
  
  
  background: #035384; /* Old browsers */
  background: -moz-linear-gradient(top, #035384 0%, #037caa 100%); /* FF3.6+ */
  background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#035384), color-stop(100%,#037caa)); /* Chrome,Safari4+ */
  background: -webkit-linear-gradient(top, #035384 0%,#037caa 100%); /* Chrome10+,Safari5.1+ */
  background: -o-linear-gradient(top, #035384 0%,#037caa 100%); /* Opera 11.10+ */
  background: -ms-linear-gradient(top, #035384 0%,#037caa 100%); /* IE10+ */
  background: linear-gradient(to bottom, #035384 0%,#037caa 100%); /* W3C */
  filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#035384', endColorstr='#037caa',GradientType=0 ); /* IE6-9 */
  height: 340px;
}

#HeadPic #Slider{
  height: 320px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1280px;
  z-index: 1;
}

#HeadPic #Slider img{
  width: 100%;
  height: auto;
}

#Content #Slider > img.spacer-gif,
#Content #Slider > br.spacer-br{
  display:none;
}

#Headimage{
  height: 320px;
  margin: 0 auto;
  overflow: hidden;
  position: relative;
  width: 1280px;
  z-index: 1;
}

#Headimage img{
  
}

#WaveTop{
  background-image: url("../lay/welle_oben.png");
  background-position: 20px 0;
  background-repeat: repeat-x;
  bottom: 0;
  height: 33px;
  position: relative;
  top: 320px;
  z-index: 3;
}

#Logo{
  margin-left: 693px;
  position: absolute;
}

#AllContent{
  background-color: #86C8DE;
  background-image: url("../lay/bg_allcontent.png");
  background-position: center top;
  background-repeat: no-repeat;
  border-radius: 10px;
  position:relative;
  z-index:10;
}

#ContentLeft{
  float: left;
  width: 219px;
}

#startseite #ContentLeftInner{
  padding: 15px 0 0 15px;
  font-size:11px;
}

/*
#startseite .spacer-gif {
height: 15px;
}
*/

#startseite #ContentLeftInner .csc-default{
  background-color:#fff;
  border-radius:0 0 10px 10px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7; 
}



#ContentWrapper{
  float: left;
  padding: 0 10px 0 15px;
  width: 736px;
}

#ContentWrapperInner{
  padding:15px 0 20px;
}

#Content{
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  float: left;
  margin-right: 15px;
  padding: 10px 20px 20px;
  width: 441px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7; 
}

#startseite #Content{
  margin-bottom: 15px !important;
  padding:0!important;
  width:736px!important;
}

#ContentSubLeft{
  float:left;
  margin:0 15px 0 0;
  width: 350px;
  
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7; 
  padding: 10px 20px 20px;
}

#startseite #ContentSubLeft{
  background-image: url("../lay/info.png");
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 0 10px 10px 10px;
  width: 350px;
  font-size:11px;
  color:#666;
  line-height:normal;
}

#startseite #ContentSubLeft .spacer-gif,
#startseite #ContentSubLeft .spacer-br{
  display:none;
}


#startseite #ContentSubLeft h1,
#startseite #ContentSubRight .news-latest-title{
  color: #009DD3;
  font-size: 11px;
  margin: 10px 0 0;
  font-weight:bold;
}

#startseite #ContentSubLeft p{
  margin: 0 0 3px;
}

#startseite #ContentSubLeft .filelinkicon{
  display:none;
}

#startseite #ContentSubLeft .filelinktitle strong{
  font-weight:normal;
}

#ContentSubRight{
  float:right;
  width:200px;
  
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7; 
  padding: 10px 20px 20px;
}


#startseite #ContentSubRight h1 {
  color: #009DD3;
  font-size: 11px;
  margin: 10px 0 0;
}

#startseite #ContentLeftInner #c2488,
#startseite #ContentLeftInner #c5342,
#startseite #ContentLeftInner #c5268{
  background-image: url("../lay/info.png");
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 0 10px 10px 10px;
  padding: 20px 5px 10px 20px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7; 
}



#startseite #ContentLeftInner #c2488 p{
  margin:0;
}

#startseite #ContentSubRight{
  background-image: url("../lay/presse.png");
  background-position: left top;
  background-repeat: no-repeat;
  border-radius: 0 10px 10px 10px;
  width: 291px;
}

#Content_Right{
  float: left;
  width: 240px;
  font-size: 0.95em;
  line-height: 1.35em;
}

#Content_Right .csc-default{
  background-color: #FFFFFF;
  border-radius: 10px 10px 10px 10px;
  -webkit-box-shadow: 2px 2px 3px 0 #588EA7;
  box-shadow: 2px 2px 3px 0 #588EA7;
  padding: 10px 20px;
}

#ContentFooter{
  margin: 20px 0 0;
  padding: 0 10px;
}

#Copy{
  float:left;
  color:#035687;
  font-size:11px;
}

#NavAdd{
  float:right;
  color:#035687;
  font-size:11px;
}

#NavAdd a{
  color:#035687;
}

#NavAdd a:hover{
  text-decoration:underline;
}

#NavAdd .printlink{
  background-image: url("../lay/print.png");
  background-position: left center;
  background-repeat: no-repeat;
  padding: 0 0 0 15px;
  text-decoration: none;
}

#NavAdd .linktotop{
  background-image: url("../lay/totop.png");
  background-position: left center;
  background-repeat: no-repeat;
  margin: 0 10px 0 0;
  padding: 0 0 0 15px;
  text-decoration: none;
}

#einespalte #Content{
  width:696px;
  margin:0;
}

#einespalte #Content_Right{
  display: none;
}

#Content ul,
#Content ol{
  margin: 5px 0px 5px 20px;
  
}

#Content_Right ul,
#Content_Right ol{
  margin: 5px 0px 5px 20px;
}

/* ----------------------- HAUPTNAVIGATION --------------------- */
#NavH{
  font-size: 16px;
  font-style: italic;
  font-weight: bold;
  height: 38px;
  padding: 17px 0 0 10px;
}

#NavH ul{
  list-style-type:none;
}

#NavH ul li{
  float: left;
  margin:0;
  padding: 0;
  height: 38px;
}

.aNavH, a.aNavH:link, a.aNavH:active, a.aNavH:visited{
  display:block;
  margin:0;
  color: #b5d9fc;
  padding: 9px 22px 11px 8px;
  text-decoration:none;
}

.aNavH01{
  padding-left: 7px !important;
}

.aNavH04{
  color:#f7dfde !important;
}

.aNavH05{
  padding-left: 13px !important;
  color:#035384 !important;
}

.aNavHActive, a.aNavHActive:link, a.aNavHActive:active, a.aNavHActive:visited, a.aNavH:hover {
  display:block;
  margin:0;
  color: #fff!important;
  padding: 9px 22px 11px 8px;
  text-decoration:none;
}


/* ----------------------- CONTENTNAVIGATION ------------------- */
#NavC{
  margin: 20px 5px 20px 15px;
}

#NavC ul{
  margin: 0px;
  padding: 0px;
  list-style-type:none;
}

#NavC ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNavText, a.UNavText:active, a.UNavText:visited, a.UNavText:link {
  display:block;
  height:100%;
  font-size:12px;
  font-weight:normal;
  height:100%;
  padding: 4px 2px;
  text-decoration:none; 
  border-bottom:1px solid #ddebf1; 
  color:#035384;
}

.UNavTextActive, a.UNavTextActive:active, a.UNavTextActive:visited, a.UNavTextActive:link, a.UNavText:hover {
  display:block;
  height:100%;
  font-size:12px;
  font-weight:normal;
  height:100%;
  padding: 4px 2px;
  text-decoration:none;
  border-bottom:1px solid #ddebf1; 
  color:#fff;
  background-color:#2588a9;
}

#NavC ul li ul{
  list-style-type:none;
  margin:0;
  padding:0 0 0 10px;
  background-color:#6cb4cc;
}

#NavC ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
}

.UNav2Text, a.UNav2Text:active, a.UNav2Text:visited, a.UNav2Text:link {
  display:block;
  font-size:11px;
  font-weight:normal;
  height:100%;
  padding: 2px;
  text-decoration:none;
  color:#09476c;
  border-bottom:1px solid #b0d5e2;
}

.UNav2TextActive, a.UNav2TextActive:active, a.UNav2TextActive:visited, a.UNav2TextActive:link, a.UNav2Text:hover {
  display:block;
  font-size:11px;
  font-weight:normal;
  height:100%;
  padding: 2px;
  text-decoration:none;
  color:#fff;
  border-bottom:1px solid #b0d5e2;
}

#NavC ul li ul li:last-child a.UNav2Text, #NavC ul li ul li:last-child a.UNav2TextActive{
  border:none!important;
}

/* ----------------------- CONTENTNAVIGATION 3. & 4. Ebene------------------- */
#NavC ul li ul li ul{
  list-style-type:none;
  margin:0 0 0 13px;
  padding:0;
  width:160px;
  border:none;
}

#NavC ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
  width:160px;
}

.UNav3Text, a.UNav3Text:active, a.UNav3Text:visited, a.UNav3Text:link {
  display:block;
  font-size:11px;
  font-weight:normal;
  height:100%;
  padding: 3px 0px 3px 3px;
  text-decoration:none;
  color:#333;
}

.UNav3TextActive, a.UNav3TextActive:active, a.UNav3TextActive:visited, a.UNav3TextActive:link, a.UNav3Text:hover {
  display:block;
  font-size:11px;
  font-weight:normal;
  height:100%;
  padding: 3px 0px 3px 3px;
  color:#972645;
  text-decoration:none;
}


#NavC ul li ul li ul li ul{
  list-style-type:none;
  margin:0 0 0 5px;
  padding:0;
  width:155px;
  border:none;
}

#NavC ul li ul li ul li ul li{
  display:block;
  margin:0px;
  padding:0px;
  width:155px;
}

.UNav4Text, a.UNav4Text:active, a.UNav4Text:visited, a.UNav4Text:link {
  display:block;
  font-size:10px;
  font-weight:normal;
  height:100%;
  padding:0px;
  text-decoration:none;
  color:#333;
}

.UNav4TextActive, a.UNav4TextActive:active, a.UNav4TextActive:visited, a.UNav4TextActive:link, a.UNav4Text:hover {
  display:block;
  font-size:10px;
  font-weight:normal;
  height:100%;
  padding:0px;
  text-decoration:none;
  color:#972645;
}
/* ----------------------- BREADCRUMBS ------------------- */
#BreadCr{
  color: #035384;
  font-size: 10px;
  font-weight: normal;
  padding: 5px 0 3px;
}

a.aBreadCr, a.aBreadCr:link, a.aBreadCr:active, a.aBreadCr:visited{
  text-decoration:none;
  color:#035384;
}

a.aBreadCr:hover {
  text-decoration:underline;
}

/* ----------------------- METANAVIGATION ------------------- */
#NavP{
  color: #67AAC1;
  font-size: 10px;
  font-weight: normal;
  margin-right: 270px;
  padding: 15px 0 0;
  position: relative;
  text-align: right;
}  

#NavP ul li{
  display:inline;
}

a.aNavP, a.aNavP:link, a.aNavP:active, a.aNavP:visited{
  font-weight: normal;
  font-size: 10px;
  text-decoration:none;
  color:#67AAC1;
}

a.aNavP:hover {
  text-decoration:underline;
}

/* ----------------------- FOOTER --------------------- */
#Footer{
  padding: 10px 0px 10px 23px;
}

a.aFooter, a.aFooter:link, a.aFooter:active, a.aFooter:visited{
  text-decoration:none;
  background-image: url("../lay/footerlink.png");
  background-position: left 5px;
  background-repeat: no-repeat;
  padding: 0 0 0 13px;
}

a.aFooter:hover {
  text-decoration:underline;
}

#FooterWrapper{
  background-color: #009DD3;
  position: relative;
  top: -146px;
  text-align:left;
  
}
#WaveBottom{
  background-image: url("../lay/welle_unten.png");
  background-position: 20px top;
  background-repeat: repeat-x;
  height: 33px;
  position: relative;
  top: -33px;
}

.Footerblock{
  border-right: 1px solid #2FB9E8;
  color: #D1EFF6;
  float: left;
  font-size: 11px;
  height: 150px;
  padding: 0 10px;
  width: auto;
}

.Footerblock ul li{
  display:block;
}

.Footerblock a{
  color:#d1eff6;
  font-size:11px;
}

.Footerblock .stadtplan{
  margin:10px 0 0;
}

.Footerblock img{
  -webkit-box-shadow: 2px 2px 3px 0 #195671;
  box-shadow: 2px 2px 3px 0 #195671; 
}

.Footerblock .tx-mvyahooweather-pi1 img{
  -webkit-box-shadow:none;
  box-shadow:none; 
  width:21px;
}

#FooterWrapperInner{
  width:980px;
  margin:0 auto;
}

/* -------------------------- Suche ---------------------------- */
#Suche{
  padding: 16px 0 16px 15px;
}

#Suche form{
  display:inline;
  padding:0px;
  margin: 0px;
}

#Suche .searchfield{
  background-color: #FFFFFF;
  border: medium none;
  border-radius: 10px 10px 10px 10px;
  color: #009DD3;
  font-size: 10px;
  font-weight: normal;
  height: 28px;
  padding: 2px 5px 2px 10px;
  vertical-align: middle;
  width: 130px;
}

#Suche .submitbtn{
  border:none;
  vertical-align:bottom;
  background-color:transparent;
  margin-bottom: 3px;
}

/* ------------------------- FORMULARE --------------------------- */
input, select, textarea{
  border: 1px solid #b4b6b9;
  background-color: #fff;
  color: #666666;
  font-size: 13px;
  padding: 2px;
  font-family:Arial,Helvetica,sans-serif;
}

legend{
  display: none;
}

fieldset, form{
  margin: 0px;
  padding: 0px;
  border: 0px none;
}

/* -------------------------- DIVERSES ---------------------------- */
/* ---- clear the new way ----- */
.clearer, .Clearer {
  display: block !important;
  height: 0;
  width: 0;
  line-height: 0;
  font-size: 0;
  clear: both;
  visibility: hidden;
}

a img{
  outline: 0;
  border: 0px none;
}

.hide{
  position: absolute;
  left: -1000px;
  top: -1000px;
  width: 0;
  height: 0;
  overflow: hidden;
  display: inline; 
}

hr{
  background-color:#CCCCCC;
  border:none;
  height:1px;
}

#Content_Right DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
  color: #035C8C;
  font-size: 10px !important;
  line-height: normal;
}

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption{
  color: #035C8C;
  font-size: 10px !important;
  line-height: normal;
}

/* -------------------------- startseite ---------------------------- */

#startseite #c2457 DIV.csc-textpic-center DIV.csc-textpic-text,
#startseite #c2453 DIV.csc-textpic-center DIV.csc-textpic-text,
#startseite #c2452 DIV.csc-textpic-center DIV.csc-textpic-text,
#startseite #c2451 DIV.csc-textpic-center DIV.csc-textpic-text{
  min-height: 29px;
  text-align: left;
  margin-left: 20px;
}

#startseite #c2457 DIV.csc-textpic-center DIV.csc-textpic-image,
#startseite #c2453 DIV.csc-textpic-center DIV.csc-textpic-image,
#startseite #c2452 DIV.csc-textpic-center DIV.csc-textpic-image,
#startseite #c2451 DIV.csc-textpic-center DIV.csc-textpic-image{
  height:122px;
  overflow:hidden;
}

.filelinkcontent{
  overflow: -moz-hidden-unscrollable !important;
}

/* -------------------------- sprache ---------------------------- */

#Language {
  left: 14px;
  position: relative;
  top: -15px;
  width: 135px;
  
}

.CUR,.NO {
  float: left;
  font-size: 0.8em;
}

.CUR img {
  border-style: none;
  margin: 0 5px;
  padding: 0;
}    

body.Mehrsprachig #BreadCr{
  visibility:hidden;
}

#startseite div.csc-textpic .csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

.csc-textpic-center.csc-textpic-above .csc-textpic-image img,
.csc-textpic-center.csc-textpic-above .csc-textpic-image table{
  margin:0 auto;
}

.csc-textpic-intext-right .csc-textpic-imagewrap,
.csc-textpic-intext-right-nowrap .csc-textpic-imagewrap,
.csc-textpic-intext-left-nowrap .csc-textpic-imagewrap{
  margin-top:15px;
}


.tx-mvyahooweather-pi1{
width: 217px;
overflow: hidden;
font-size: 10px;
}

.tx-mvyahooweather-pi1 table table:first-child tr:first-child p > br{
display:none;
}

.tx-mvyahooweather-pi1 table table:first-child tr:first-child td{
min-height:22px;
}

.tx-mvyahooweather-pi1 p img{
max-width:24px;
  height:inherit;
}

.tx-mvyahooweather-pi1 table tr td{
vertical-align: top;
padding: 3px;
}
