/* Browser Reseter */
body,div,span,p,a,img,h1,h2,h3,h4,h5,h6,ul,ol,li,blockquote,input{
  margin: 0;
  padding:0;
  outline: none;
}
img{
  border:0;
}
a{
  outline:0;
  color:#2c68a5;
  text-decoration:underline;
}
a:hover{
  outline:0;
  color:#2c68a5;
  text-decoration:none;
}
hr{
 border: 0px; /* Für Firefox und Opera */
 border-top: solid 1px #ccc;
 border-bottom: transparent; /* Für I.Explorer (Seiten-Hintergrundfarbe!) */
} 

/* General body layout */
body{
  font-family: Arial, Helvetica, sans-serif;
  font-size:12px;
  font-weight: normal;
  background:#fff;
}

.top-wrap{
  min-width: 1080px;
  width:100%;
  float:left;
  background:#fff url(../images/top-wrap.gif) repeat-x top;
}
.top-wrapSmall{
  min-width: 1080px;
  width:100%;
  height:186px;
  float:left;
  background:#fff url(../images/top-wrap_small.gif) repeat-x top;
}

#body-wrap{
  width:980px;
  float:none;
  margin:0px auto;
}

#header-wrap{
  width: 980px;
  float:left;
}


/* Additional Top-Line */
.topan{  
  width: 980px;
  height:30px;
  float:right;
}

.topan p.time{
  float:right;
  font-size:11px;
  color:#757575;
  padding:9px 0 0 0;
  margin:0 6px 0 0px;
}

.topan p.call{
  min-width: 126px;
  float:right;
  font-size:11px;
  color:#757575;
  padding:9px 0 0 0;
  margin:0 36px 0 0;
}

.topan p.mail{
  min-width:126px;
  float:right;
  font-size:11px;
  color:#757575;
  margin-right: 25px;
  padding:9px 0 0 0;
}

/* Header-Bereich mit Logo */
#header{
  width:980px;
  height:250px;
  float:left;
  position:relative;
}
#headerSmall{
  width:980px;
  height:186px;
  float:left;
  position:relative;
}

div.logo{
  position:absolute;
  top: 16px;
  left: 12px;
  width: 195px;
  height: 100px;
}
div.lettering{
  font-size:2.2em;
  font-style: italic;
  color:#7d1b29;
  position:absolute;
  top: 36px;
  left: 120px;
}
div.navigation{
    position:absolute;
    top: 102px;
    right:0px;
    text-align: right;
}
div.search_input{  
  position:absolute;
  top: 0px;
  left: 750px;
}
div.search_input div.search_send{  
    position:relative;
    top: -26px;
    left:194px;
}
div.search_input div.searchterm input{
    background:url(../images/search_bg.png) no-repeat left;
    border:0;
    width:173px;
    height:23px;
    font-size:11px;
    color:#434343;
    padding:5px 32px 5px 20px;
    float:left;
    margin:28px 16px 0 0;
}

div.foreign{  
  position:absolute;
  font-size:11px;
  color:#757575;
  top: 70px;
  right: 20px;
}

/* styling navigation */
ul.nav li {
    display:block;
    list-style: none;
    float:left;
    margin-right:2px;
}
ul.nav li a{
    float:left;
    font-size:11px;
    color:#464646;
    line-height:36px;
    padding:0px 24px;
    text-align:center;
    text-transform:uppercase;
    text-decoration:none;
}

/* stylin navigation hover state */
ul.nav li a:hover, ul.nav li a.active{
    float:left;
    font-size:11px;
    color:#464646;
    text-align:center;
    text-transform:uppercase;
    padding:0px 14px 0 0px;
    background:url(../images/nav-right.png) no-repeat right;
}

ul.nav li a:hover span, ul.nav li a.active span{
    display:block;
    text-align:center;
    height:35px;
    float:left;
    padding:0 10px 0 24px;
    background:url(../images/nav-left.png) no-repeat left;
}

/* stylin banner content */
div.banner{  
  position:absolute;
  align: center;
  top: 180px;
  width:980px;
  height:365px;
  float:left;
  background:url(../images/banner_bg2.jpg) no-repeat top center; /* bg2 ist nicht transparent und damit zu alten Browsern kompatibel. Muss aber wegen Verlauf genau positioniert werden */
}
.banner img.slider{
    width:621px;
    height:300px;
    float:left; 
}

.banner .slideshow li a{
    font-size:14px;
    color:#fff;
    font-weight:bold;
}

.banner .slideshow{
    float:left;
    list-style: none;
    width:635px;
    height:300px;
    overflow:hidden;
    position:relative;
    margin:0;
    padding:0;
    left:30px;
    top:32px;
    border:0px;
    background:none;
}

.banner div.banner-list{
    width: 270px;
    height:100px;
    float:right;
    padding:32px 30px 0 0px;
}

.banner div.banner-list ul{
  float:left;
  list-style: none;
}

.banner div.banner-list ul li{
    width:260px;
    float:left;
    display:block;
    padding:10px 0 10px 11px;

    background:#fff;
    border:1px solid #c9c9c9;
    margin:0 0 8px 0;
}

.banner div.banner-list ul li img{
    margin:0 11px 0 0;
    float:left;
    align:left;
}
.banner div.banner-list ul li h3{
    font-size:11px;
    color:#525252;
    text-transform:uppercase;
}
.banner div.banner-list ul li p{
    display:block;
    min-width:153px;
    max-width:auto;
    font-size:11px;
    color:#525252;
    line-height:16px;
}
.banner div.banner-list ul li p a{
    color:#2c68a5;
    text-decoration:underline;
}
.banner div.banner-list ul li p a:hover{
    color:#2c68a5;
    text-decoration:none;
}

/* styling spacer */
.spacer{  
  width:980px;
  padding-top:270px;
}
/* stylin main body HOME-PAGE!!! */
#content-wrapHP{  
  width:980px;
  float: left;
  padding-top:20px;
  padding-bottom:10px;
}
#content-wrapHP h1{
  font-size:18px;
  color:#7e7e7e;
  font-weight:normal;
  text-transform:uppercase;
  padding-bottom:25px;
  padding-right:14px;
  background-color:#fff;
  float:left;
}
#content-wrapHP h1 strong{
    font-size:18px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;   
}
#content-wrapHP h2{
  font-size:18px;
  color:#525252;
  font-weight:normal;
  padding:15px 0 10px 0;
}
#content-wrapHP h3{
  font-size:14px;
  color:#525252;
  font-weight:bold; 
  line-height:21px;
  padding:5px 0 10px 0;
}
#content-wrapHP img{
  float:left;
  margin:6px 22px 6px 0;
}
#content-wrapHP p{
  font-size:12px;
  color:#525252;
  padding-right:12px;
  line-height:21px;
  display:block;
  padding:0px 0 10px 0;
}

/* stylin main body */
#content-wrap{  
  width:980px;
  float: left;
  padding-top:20px;
  padding-bottom:10px;
}
#content-wrap h1{
  font-size:18px;
  color:#7e7e7e;
  font-weight:normal;
  text-transform:uppercase;
  padding-bottom:25px;
  padding-right:14px;
  background-color:#fff;
  float:left;
}
#content-wrap h1 strong{
    font-size:18px;
    color:#000;
    font-weight:bold;
    text-transform:uppercase;   
}
#content-wrap h2{
  font-size:18px;
  color:#525252;
  font-weight:normal;
  padding:15px 0 10px 0;
}
#content-wrap h3{
  font-size:14px;
  color:#525252;
  line-height:21px;
  font-weight:bold;
  padding:15px 0 10px 0;
}
#content-wrap img{
  margin:6px 10px 6px 0;
}

#content-wrap p{
  font-size:12px;
  color:#525252;
  line-height:21px;
  padding:0px 0 10px 0;
}

#content-wrap td{
  font-size:12px;
  color:#525252;
  line-height:21px;
  padding:0 4px 0 4px;
}

#content-wrap ul{
  padding:0 0 10px 0px;
}

#content-wrap li{
  font-size:12px;
  color:#525252;
  line-height:21px;
  padding:0 0 0px 5px;
  margin:0 0 0px 20px;
}

.leftWrap{
  width:630px;
  float:left;
  padding-left:2px;
  padding-right:40px;
  background:#fff;
}

.rightWrap{
  width:300px;
  float:right;
  padding-left:0px;
  padding-right:2px;
  background:#fff;
}

.singleWrap{
  width:980px;
  float:left;
  padding-left:2px;
  padding-right:40px;
  background:#fff;
}
  
.rightUpper, .rightLower{
  width:300px;
  padding-bottom:30px;
  background:url(../images/right-pan_bg.jpg) no-repeat;
}
.leftUpper, .leftLower{ 
  width:630px;
  padding-bottom:30px;
  background: url(../images/leftpan_bg.jpg) no-repeat right 2px;
}
.singleContent{ 
  width:100%;
  padding-bottom:30px;
  background: url(../images/fullpan_bg.jpg) no-repeat right 2px;
}

/* stylin testimonial quotes */
div.quote{
    clear:both;
    width:300px;
    float:left;
}

#content-wrapHP div.quote img{
    float:left;
    margin:0;
}

div.quote blockquote{
    width:226px;
    float:left;
    font-size:12px;
    color:#626262;
    line-height:21px;
    padding:4px 37px 7px 26px;
    background:url(../images/quoter-rep-y.png) repeat-y;
}

div.quote div.sign{
    width:265px;
    float:left;
    display:block;
    font-size:12px;
    color:#626262;
    font-weight:bold;
    text-align:right;
    padding:35px 7px 20px 0;
    background:url(../images/quote-bot.png) no-repeat;
}

/* stylin footer content */
#footer-wrap{

  width: 100%;
  height:109px;
  float:left;
  background:url(../images/footer-wrap.gif) repeat-x;
}
.footer{
  width:980px;
  height:84px;
  float:none;
  margin:0 auto;
  padding:25px 0 0 0;
}
.footer p.copyright{
    min-width:300px;
    font-size:11px;
    color:#727272;
    line-height:21px;
}

.footer p.foot-sign{
    float:right;
    text-align:right;
    min-width:126px;
    font-size:1em;
    color:#727272;
    line-height:21px;
    font-weight:bold;
    margin:0 0px 0 0;
}

/* stylin foot navigation */
ul.footNav{
    min-width:273px;
    float:left;
}
ul.footNav li{
    float:left;
    line-height:21px;
    color:#727272;
    display:inline;
}
ul.footNav li a{
    font-size:12px;
    color:#727272;
    padding:0 5px;
    border-left:1px solid #727272;
}
ul.footNav li.first a{
    font-size:12px;
    color:#727272;
    padding:0 5px 0 0;
    border-left:none;
}

/* Formatierung der Social Network Links */
#SocialBookmark {
    margin:0;
    float:center;
}
#SocialBookmark ul{
    margin: 0;
    padding: 0; 
}
#SocialBookmark li{
    float: left;
    list-style: none;
    margin: 0 0 0 4px;
    padding:0;
}
#SocialBookmark li img{
    padding: 1px;
    border: solid 1px #ccc;
}
#SocialBookmark li a{
    font-size: 0.8333em;
}

/* Formatierungen für die Volltextsuche */

.sucheEingabe {
    background-color: #FDD9C1;
    border: 1px solid #26288C;
    color: #26288C;
}

.sucheHighlight {
    border:1px solid #FD4115;
    background-color:#FDD9C1;
}

.sucheErg {
    margin-bottom: 15px;
}

.sucheErgHeader {
    margin-bottom: 5px;
    font-weight:   bold;
}

.sucheErgHeader:hover {
    margin-bottom: 5px;
    font-weight:   bold;
}

.sucheErgBody {
}



/* Formatierungen für die Kalender-Übersicht */

.calTopTable {
    border-width: 1px;
    border-style: solid;
    border-color: #727272;
    background-color: #fff;
}

.calOutTable {
    border-width: 1px;
    border-style: solid;
    border-color: ##727272;
    background-color: #fff;
}

.calEntryDate {
    background-color: #eee;
}
div.calEntry {
    padding:10px 10px 10px 10px;
}
.calEntryHoly {
    background-color: #fff;
    border-top-width: 1px;
    border-bottom-width: 1px;
    border-bottom-style: solid;
    border-top-style: solid;
    border-color: #727272;
}

.calEntryParent {
    background-color: #eee;
}

.calTableHeader {

  font-size:18px;
  color:#525252;
  font-weight:normal;
  margin: 8px 0 10px 0;
  text-align: center;
}


/* Formatierung für Bilder-Galerie */
.gal_blank {
    FONT-SIZE: 17px; 
    FONT-WEIGHT: normal;
}
.gal_td {
    PADDING-TOP: 14px ;
    PADDING-BOTTOM: 14px ;
}
.gal_td a { 
  text-decoration:none;
}
div.galSingle {
  align: center;
}
div.galSingle a {
  text-decoration:none;
}
#content-wrap div.galSingle img.gal {
  margin:0;
  padding:0;
  border:0;
}
#content-wrap div.galSingle img {
  margin:0;
  padding:0 6px 0 6px;
  border:0;
}
/*
 * CSS styles for Sitemap.
*/

#body-wrap ul.sitemapStandardMainCat {
        margin-left:0;
        padding-left: 0;
}

#body-wrap ul.sitemapStandardMainCat li {
    border-bottom: 1px solid #ffffff;
    list-style-type: none;
}

#body-wrap ul.sitemapStandardMainCat li.sitemapStandardLevel_1 {
        background-color: #e7e7e7;
        padding: 3px 3px 3px 10px;
}

#body-wrap ul.sitemapStandardMainCat li.sitemapStandardLevel_2 {
        background-color: #f2f2f2;
        padding: 3px 3px 3px 30px;
}

#body-wrap ul.sitemapStandardMainCat li.sitemapStandardLevel_3 {
        background-color: #ffffff;
        padding: 3px 3px 3px 50px;
}

/*
 * CSS styles for Wocheninfo.
*/
#wi {
  border:1px solid #727272; 
  margin:20px 0 20px 0; 
  padding:10px 10px 10px 10px; 
  width:720px; 
  float:right;
}
#wi h1{
  font-size:18px;
  color:#525252;
  font-weight:normal;
  text-transform:none;
  padding:5px 0 5px 0;
  background-color:none;
  float:none;
}
#wi h2{
  font-size:16px;
  color:#525252;
  font-weight:bold;
  padding:5px 0 5px 0;
}
#wi h3{
  font-size:14px;
  color:#525252;
  font-weight:bold;
  padding:10px 0 10px 0;
}
#wi img{
  margin:6px 10px 6px 0;
}

#wi p{
  font-size:12px;
  color:#525252;
  line-height:18px;
  padding:5px 0 5px 0;
}

#wi td{
  font-size:12px;
  color:#525252;
  line-height:18px;
  padding:0 4px 0 4px;
}

#wi ul{
  padding:0 0 10px 0px;
}

#wi li{
  font-size:12px;
  color:#525252;
  line-height:18px;
  padding:0 0 0px 5px;
  margin:0 0 0px 20px;
}

.print-button{
  text-align: right;
}

