/* CSS Document */
/************************************************** Reset Styles *****************************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
    margin: 0;
    padding: 0;
    border: 0;
    outline: 0;
    font-weight: inherit;
    font-style: inherit;
    font-size: 100%;
    font-family: inherit;
    vertical-align: baseline;
}
/* remember to define focus styles! */
:focus {
    outline: 0;
}
body {
    line-height: 1;
    color: black;
    background: white;
}
ol, ul {
    list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
    border-collapse: separate;
    border-spacing: 0;
}
caption, th, td {
    text-align: left;
    font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
    content: "";
}
blockquote, q {
    quotes: "" "";
}

/******************************************************* Base *********************************************/
.clearfix:after {
  content: ".";
  display: block;
  clear: both;
  height: 0;
  visibility: hidden;
}
a, a:hover{
    text-decoration:none;
    color:black;
}
body{
    font-family:verdana, arial, sans;
    font-size:9pt;
    line-height:12pt;
    font-color:#000000;
}
div#wrapper{
    width:1100px;
    margin:0 0;
}
div#printLogo{
    display:none;
}
div#wrapper.home{
    background:url(../images/wrapper_bg_home.jpg) top left no-repeat;
}
div#wrapper.standard{
    background:url(../images/wrapper_bg_standard.jpg) top left no-repeat;
}
div#header{
    width:1100px;
    height:67px;
}
div#flashLayer.home{
    position:absolute;
    left:275px;
    margin:0px 0 0 0;
    width:825px;
    height:700px;
    z-index:200;
}
div#flashLayer.standard{
    position:absolute;
    margin:0px 526px 0 74px;
    width:500px;
    height:700px;
}
div#mainLayer{
    position:relative;
    top:0px;
    left:0;
    width:1100px;
    min-height:900px;
}
div#leftCol{
    float:left;
    width:249px;
    padding-top:37px;
}
div#middleCol{
    float:left;
    width:370px;
    padding:130px 0 0 214px;
}
div#weiterempfehlen{
    margin:0 0 10px 0;
}
div#subNavi{
    width:330px;
    margin-bottom:30px;
    height:50px;
}
div#middleColContent{
    clear:both;
    margin:0 0 60px 0;
    min-height:400px;
    width:370px;
}
div#rightCol{
    float:left;
    padding:0px 56px 0 13px;
    width:179px;
}
div#rightColLogo{
    padding:20px 0 41px 7px;
}
div#logoHome{
    padding:713px 0 0 10px;
}
div#rightColContent{

}
div#mainNavi{
    padding:0 0 0 74px;
    margin:0 0 23px 0;
}
div#metaNavi{
    padding:0 0 0 74px;
    margin:0 0 42px 0;
}
div#leftColContent{
    padding:0 0 0 75px;
    width:179px;
}
div#footer{
    text-align:center;
    font-size:7pt;
    margin-bottom:10px;
}
div#footer span,
div#footer a,
div#footer a:hover{
    color:#b4b4b4;
}
div#map{
    margin:5px 0 10px 0;
}
/***************************************** Main Navi ***************************************/
div#mainNavi ul.mainNavi {
    font-family:"arial black", arial, verdana, sans;
    font-size:10pt;
    text-transform:uppercase;
}
div#mainNavi ul.mainNavi li{
    padding:0 0 10px 0;
}
div#mainNavi ul.mainNavi li a{
    height:17px;
    padding:0px 2px 0px 18px;
    color:#ffffff;
}
div#mainNavi ul.mainNavi li a:hover{
    background:url(../images/mainNavi_bg_hov.png) top left no-repeat;
    color:#000000;
}

div#mainNavi ul.mainNavi li a.active{
    background:url(../images/mainNavi_bg_act.png) top left no-repeat;
    color:#000000;
}
div#mainNavi ul.mainNavi li#no6{
    margin-bottom:2em;
}
div#metaNavi ul.metaNavi {
    font-family:"arial black", arial, verdana, sans;
    font-size:8pt;
    text-transform:uppercase;
}
div#metaNavi ul.metaNavi li{
    padding:0 0 0px 0;
}
div#metaNavi ul.metaNavi li a{
    height:17px;
    padding:0px 0px 1px 18px;
    color:#ffffff;
}
div#metaNavi ul.metaNavi li a:hover{
    background:url(../images/metaNavi_bg_hov.png) top left no-repeat;
    color:#000000;
}

div#metaNavi ul.metaNavi li a.active{
    background:url(../images/metaNavi_bg_act.png) top left no-repeat;
    color:#000000;

}
div#subNavi ul{
    width:330px;
    height:50px;
}
div#subNavi ul.subNavi li{
    display:inline; 
    margin:0 5px 5px 0;
    padding:2px 0;
}
div#subNavi ul.subNavi li a{
    font-family:"arial black", arial, sans;
    text-transform:uppercase;
    font-size:10pt;
    color:#000000;
    padding:0px 2px;
    border:1px solid #000000;
    display:inline-block;
    margin:0 0 5px 0;

}
div#subNavi ul.subNavi li a:hover{
    color:#ffffff;
    border:1px solid #ffffff;
}
div#subNavi ul.subNavi li a.active{
    color:#ffffff;
    border:1px solid #ffffff;
}
/********************************************** Format ************************************/
h1{
    font-family:"arial black", verdana, arial, sans;
    font-size:12pt;
    font-weight:bold;
    color:#ffffff;
    text-transform:uppercase;
    padding:0 0 10px 0;
}
h2{
    font-family:"arial black", verdana, arial, sans;
    font-size:10pt;
    text-transform:uppercase;
    padding:0 0 6px 0;
}
div.listItem h2{
    padding:0;
}
div.textItem h2{
    padding:0;
}
div.textItem p img{
    padding:5px 5px 0 0; 
}
.schrift-weiss{
    color:#ffffff;
}
div#middleColContent div.textItem p{
    padding:0 0 10px 0;
}
div.textItem ul{
    list-style-type:disc;
    margin:0 0 0 22px;
}
div#middleColContent div.textItem p.mehr-link{
    background:url(../images/pag_forward_black.png) center left no-repeat;
    padding:0 0 2px 10px;
    font-weight:bold;
    text-decoration:none;
}
div.textItem .mehr-link-tuerkis {
    background:url(../images/pfeil_blau.png) center left no-repeat;
    padding:0 0 0 10px;
    font-weight:bold;
    color:#005c6a;
}
div.textItem .zurueck-link{
    background:url(../images/pag_back_black.png) center left no-repeat;
    padding:0 0 2px 10px;
    font-weight:bold;
    text-decoration:none;
}
div.textItem .fliesstext-fett{
    font-weight:bold;
    color:#000000;
}
div.textItem .fliesstext-tuerkis{
    font-weight:bold;
    color:#005c6a;
}
div.textItem a{
    text-decoration:underline;
}
strong{
    font-weight:bold;
}
.trenner{
    background:url(../images/item_trenner.png) center left repeat-x;
    height:20px;  
}
.top{
    vertical-align:top;
}
ol{
    list-style:decimal;
    padding-left:25px;
}
/********************************************* Weiterempfehlen ******************************/
div#drucken{
    padding:0 0 0px 0;
}
div#drucken a,
div#drucken a:hover,
div#weiterempfehlen a,
div#weiterempfehlen a:hover{
    display:block;
    height:16px;
    background:url(../images/arrow_right_grey.gif) center left no-repeat;
    font-family:helvetica, verdana, arial, sans;
    padding:0px 0 0px 12px;
    font-size:9pt;
    color:#b4b4b4;
    font-weight:bold;
}
/************************************* Guestbook *******************************/
td.guestbookLabel{
    width:70px;
    vertical-align:top;
    padding-bottom:7px;
}
td.guestbookInput{
    width:250px;
    font-size:9pt;
}
td.guestbookInput input,
td.guestbookInput textarea{
    width:250px;
    border:1px solid #000000;
    font-size:9pt;
}
input.input-blau{
    border:1px solid #000000;
}
td.captcha{
    padding:0 0 0 0px;
}
td.guestbookInput textarea{
    height:100px;
}
a.gbSubmit,
a.gbReset{
    border:1px solid #000000;
    color:#000000;
    background-color:#35bbcf;
    padding:2px 8px;
    font-weight:bold;

}

div.gbSenden{
    float:left;
    width:75px;
}
div.gbReset{
    float:left;
    width:75px;
}
div.gbAntwort{
    padding-bottom:40px;
}
h2.errormessage{
    line-height:11pt;
    font-size:11pt;
    font-weight:bold;
    padding-bottom:10px;
}
div.vpgb_headline{
    color:#000000;
}
div.vpgb_headline span.gb_name{
    font-weight:bold;
}
div.vpgb_titel{
    padding:0 0 8px 0;
}
div.vpgb_trenner{
    margin:12px 0 12px 0;
    height:2px;
    background:url(../images/item_trenner.png) center left repeat-x;
}
div#vpgb_nav_top,
div#vpgb_nav_bottom{
    padding-bottom:12px;
    text-align:center;
}
div#vpgb_nav_top a,
div#vpgb_nav_bottom a{
    font-size:9pt;
}
div#vpgb_nav_top a{
    color:#ffffff;
}
div#vpgb_nav_top a.vpgb_aktiv{
    color:#000000;
}
div#vpgb_nav_bottom a{
    color:#b9b9b9;
}
div#vpgb_nav_bottom a.vpgb_aktiv{
    color:#000000;
}

a.vpgbAnzeigeVor{
    background:url(../images/pfeilBlau.png) center left no-repeat;
    padding:0 0 0 16px;
    margin-left:10px;
        color:#91cbf1;
}
a.vpgbAnzeigeZurueck{
    background:url(../images/pfeilBlauBack.jpg) center right no-repeat;
    padding:0 16px 0 0;
    margin-right:10px;
        color:#91cbf1;
}

div#vpgb_nav_top span.pagination_backlink{
    padding:0 0 0 5px;
    margin-right:10px;
    background:url(../images/pag_back_white.png) center left no-repeat;
}
div#vpgb_nav_top a.pagination_backlink,
div#vpgb_nav_bottom a.pagination_backlink{
    padding:0 0 0 5px;
    margin-right:10px;
    background:url(../images/pag_back_black.png) center left no-repeat;
}
div#vpgb_nav_bottom span.pagination_backlink{
    padding:0 0 0 5px;
    margin-right:10px;
    background:url(../images/pag_back_grey.png) center left no-repeat;
}

div#vpgb_nav_top span.pagination_forwardlink{
    padding:0 5px 0 0;
    margin-left:10px;
    background:url(../images/pag_forward_white.png) center right no-repeat;
}
div#vpgb_nav_top a.pagination_forwardlink,
div#vpgb_nav_bottom a.pagination_forwardlink{
    padding:0 5px 0 0;
    margin-left:10px;
    background:url(../images/pag_forward_black.png) center right no-repeat;
}
div#vpgb_nav_bottom span.pagination_forwardlink{
    padding:0 5px 0 0;
    margin-left:10px;
    background:url(../images/pag_forward_grey.png) center right no-repeat;
}
/*************************************** weiterleiten popup *********************/
body.popup{
    background:url(../images/weiterleiten_bg.jpg) top left no-repeat;
    padding:121px 0 0 25px;
}
.popup{
    font-size:0.7em;
    color:#000000;
}
.popup fieldset{
    border:medium none;
}
.popup_field_row{
    position:relative;
    width:400px;
}
.popup_field_left{
    float:left;
    width:200px;
    padding-top:10px;
}
.popup_field_left input{
    width:180px;
}
.popup_field_right{
    float:right;
    width:200px;
    padding-top:10px;
}
.popup_field_right input{
    width:180px;
}
.popup_message{
    clear:both;
    position:relative;
    width:320px;
    padding-top:10px;
}
.popup_bottom{
    padding-top:5px;
}
.popup textarea{
    height:100px;
    width:380px;
}
input.submit{
    background:url(../images/senden.gif) top left no-repeat;
    width:68px;
    height:15px;
    border:none;
    cursor:pointer;
}
/****************************************** Pagination ************************/
div#pagination table{
    width:100%;
    margin-bottom:5px;
}
div#pagination td{
    text-align:center;
}
table.pagination_top span.pagination_backlink{
    font-size:8pt;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_white.png) center left no-repeat;
}
table.pagination_top a.pagination_backlink,
table.pagination_top a.pagination_backlink:hover{
    font-size:8pt;
    color:#365a9d;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_black.png) center left no-repeat;   
}
table.pagination_top span.pagination_forwardlink{
    font-size:8pt;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_white.png) center right no-repeat;
}
table.pagination_top a.pagination_forwardlink,
table.pagination_top a.pagination_forwardlink:hover{
    font-size:8pt;
    color:#365a9d;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_black.png) center right no-repeat;   
}

table.pagination_bottom span.pagination_backlink{
    font-size:8pt;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_grey.png) center left no-repeat;
}
table.pagination_bottom a.pagination_backlink,
table.pagination_bottom a.pagination_backlink:hover{
    font-size:8pt;
    color:#365a9d;
    padding:0 8px 0 14px;
    background:url(../images/pag_back_black.png) center left no-repeat;   
}
table.pagination_bottom span.pagination_forwardlink{
    font-size:8pt;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_grey.png) center right no-repeat;
}
table.pagination_bottom a.pagination_forwardlink,
table.pagination_bottom a.pagination_forwardlink:hover{
    font-size:8pt;
    color:#365a9d;
    padding:0 14px 0 8px;
    background:url(../images/pag_forward_black.png) center right no-repeat;   
}

table.pagination_top td a,
table.pagination_top td a:hover{
    color:#ffffff;
}
table.pagination_bottom td a,
table.pagination_bottom td a:hover{
    color:#b9b9b9;
}
div.newsHeadline a,
div.newsHeadline a:hover{
    color:#000000;
    font-weight:bold;
}

/****************************************************** News ********************************/
div.newsMoreLink a,
div.newsMoreLink a:hover,
div.textItem a.mehr-link{
    padding:0 0 0 14px;
    background:url(../images/pag_forward_black.png) center left no-repeat;
    text-decoration:none;
}
div.newsItem{
    margin:0 0 4px 0;
}
div.backlink a,
div.backlink a:hover{
    padding:0 0 0 14px;
    background:url(../images/pag_back_black.png) center left no-repeat;
}
div.newsItemTrenner{
    background:url(../images/item_trenner.png) top left repeat-x;
    height:2px;
    margin:5px 0;
}
div#zurUebersicht a,
div#zurUebersicht a:hover{
    padding:0 0 0 14px;
    background:url(../images/pag_forward_black.png) center left no-repeat;
}

/***************************************** Liste ********************************************/
div.left{
   float:left;
   width:125px;
   padding:0 0px 0 0;
}
div.right{
   float:left;
   width:235px;
   margin-top:-2px;
}
div.listItem{
    margin:0 0 10px 0;
}
div.listDate{
    color:#c1c1c1;
    padding:0 0 2px 0;
}
div.listHeadline{
    margin:0 0 5px 0;
}
div.listText p{
    padding:0 0 0 0;
}
div.listMoreLink{
    padding:3px 0 0 0;
}
div.listMoreLink a{
    background:url(../images/pag_forward_black.png) center left no-repeat;
    padding:0 0 0 10px;
    font-weight:bold;
}
div.listItemTrenner{
    height:1px;
    background:url(../images/item_trenner.png) top left repeat-x;
    margin:0 0 20px 0;
    clear:both;
}
span.bild_image1{
    display:none;
}
/********************************************* Kontakt ************************************/
div.contactRow{
    margin-bottom:4px;
}
.contactRow label {
    float:left;
    width:100px;
    color:#000000;
}
.contactRow label.anreden {
    width:90px;
}
.contactRow label.wunsch{
    width:95px;
}
.contactRow input, .contactRow textarea {
    width:200px;
}
div#contactFormSubmit{
    padding-left:100px;
    margin-top:10px;
}
div.contactRow table{
    margin-left:-2px;
}
input.resetbutton{
    margin-right:8px; 
    border:1px solid #000000;
    color:#000000;
    background-color:#35bbcf;
    font-weight:bold;
    font-size:8pt;
    padding:0 8px;
    cursor:pointer;
}
input.submitbutton{
    border:1px solid #000000;
    color:#000000;
    background-color:#35bbcf;
    font-weight:bold;
    margin-right:10px;
    font-size:8pt;
    padding:0 8px;
    cursor:pointer;
}
/********************************************* Video *************************/
div.video-list-item{
    margin:0 0 10px 0;
    width:500px;

}
div.video-list-item-left{
    float:left;
    width:63px;
    height:43px;
    padding:0 10px 0 0;
}
div.video-list-item-right{
    float:left;
    width:270px;
}
div.video-list-item-trenner{   
    clear:both;
    background:url(../images/item_trenner.png) top left repeat-x;
    height:1px;
    margin:0 0 10px 0;
}
a.video{
    font-size:8pt;
    padding:0 0 2px 10px;
    background:url(../images/pfeil_blau.png) center left no-repeat;
    color:#005c6a;  
    font-weight:bold;  
}
a.video1{
     
}

/*************************************** Fotogallery **************************/
div#content.gallery span.bild_image1{
    display:none;
}
td.gallery_image{
    padding:0 15px 10px 0;
    text-align:left;
    vertical-align:top;
}
div.galleryText{
    padding:0 0 3px 0; 
}
div.galleryItem{
    width:150px;
    float:left;
    padding:0 15px 20px 0;
}
div.wrapper-gallery{
    overflow:hidden;
    width:100px;
    height:100px;
    border:1px solid #ffffff;
}

div.gTop p a,
div.gTop p a:hover,
div.gBottom a,
div.gBottom a:hover{
    text-decoration:underline;
    color:#91cbf1;
}
div#galleryContainer{
    width:550px;
}
/******************************************* Aktuelles Home ***********************/
div#aktullesContent{
    background:url(../images/aktuelles_home_bg_bottom.png) bottom left no-repeat;
    padding-bottom:17px;
}
div#aktuellesContentInner{
    background:url(../images/aktuelles_home_bg_top.png) top left no-repeat;
    margin:0px;
    padding:5px 6px 0px 6px;
}
div#aktuellesContentInner div.newsHomeItem{
    background-color:black;
    color:#ffffff;
    padding:5px 5px 0px 5px;
    margin:0 5px;
}
div.newsHomeItem div.newsSubheadline{
    font-size:8pt;
    line-height:11pt;
}
div.newsHomeItemTrenner{
    background: url(../images/akutelles_home_bg_hacken.png) top left no-repeat;
    height:9px;
    margin-bottom:5px;
}
div.newsHomeItem div.newsHeadline h3 a{
    color:#ffffff;
    font-size:8pt;
    text-transform:uppercase;
}
div.newsHomeItem div.newsMoreLink a{
    color:#01b6d2;
    background:none;
    font-style:italic;
    padding:0;
    font-size:8pt;
}
/************************************* Newsletter *******************************/

div.newsletterRow{
    padding:0 0 5px 0;
    width:200px;
}
div.newslettertRow label{
    width:105px;
    float:left;
    color:#000000;
}
div.newsletterRow input{
    width:200px;
    margin-top:3px;
    color:#000000;
    border:1px solid #000000;
}
div.newsletterRow input.newsletterSend{
    background:url(../images/pag_forward_black.png) left center no-repeat transparent;
    padding:0 2px 0 14px;
    width:70px;
    border:none;
    color:#000000;
    font-size:9pt;
    cursor:pointer;
    font-weight:bold;
    text-transform:uppercase;
}
div.headlineImageNewsletterStart p{
    font-size:8pt;
}
div.newsletterRow label{
    font-size:8pt;
    color:#000000;
}