/* ====================================================================
   Default-Settings
===================================================================== */
*{
  margin:0px;
  padding:0px;
  outline:none;
  border:none;
  list-style-type:none;
  font-family:Verdana, Geneva, sans-serif;
  font-size:13px;
  font-weight:normal;
  text-decoration:none;
  color:#ffffff;
}
.clear{
   clear:both;
   height:0px;
   font-size:0px;
}
body{
  background:#1a171b url(../images/hp_background.jpg) left top repeat-x;
}
h1{
  color:#ffffff;
  font-size:24px;
  margin-bottom:25px;
}
{
  color:#ffffff;
  font-size:13px;
}
p{
  margin-bottom:15px;
}
.blue{
    background:#009ee0;
}
.green{
    background:#899c02;
}
.pink{
    background:#e2007a;
}
.mail{color:#009ee0;}

.link{
  color:#1E90FF;
  text-align:right;
}
 
/* ====================================================================
   Page
===================================================================== */
div#page{
  width:870px;
  margin:0 auto;
}

/* ====================================================================
   Header
===================================================================== */
div#page div#header{
  margin:31px 0 0 0;
  height:100px;
  position:relative;
}
div#page div#header div#logo{
    position:absolute;
    margin-left:-3px; /* schwarzer Rahmen ist nicht zu sehen */
}
div#page div#header div#claim{
    position:absolute;
    margin:30px 0 0 80px;
}
div#page div#header div#login{
  position:absolute;
  margin-right:34px;
  height:85px;
  width:170px;
  right:0px;
  background:transparent url(../images/login.png)right bottom no-repeat;
  }  
div#page div#header  div#login_buttom img{
   position:absolute;
   margin:22px 0 0 145px ;
  }
  div#page div#header div#login_text{
    font-size:10px;
    margin:15px 0 5px 8px;
  }    
  div#page div#header input{
    color:#e20079;
    height:20px;
    width:128px;
      margin:0 0 3px 7px;
      padding:0 0 0 5px;
    background:transparent url(../images/input_hg.png) left 2px no-repeat;
  }
  
  
  input[type=submit]{
		cursor:pointer;
		border:none;
	}

	input[type=submit]:hover{
		opacity:1;
	}

	#submitbtn{
		position:absolute;
		margin:25px 0 0 145px !important;
		width:17px !important;
		height: 29px !important;
		background:url("../images/login_button.png") no-repeat !important;
	}
      
/* ====================================================================
   Hauptnavigation
===================================================================== */
div#page div#navi{
  position:absolute;
  margin-top:65px;
  width:650px;
  }
    div#page div#navi ul{
      float:right;   
    }
    div#page div#navi ul li{
      float:left;
      display:block;
      padding:3px 3px 3px 3px;
      margin-left:50px;
        }  
    div#page div#navi ul li:hover,
    div#page div#navi ul li.active{
     background:#009ee0;
  }

/* ====================================================================
 HAUPTNAVIGATION EBENE 2 UND TIEFER
===================================================================== */
      div#page div#navi ul li ul {        
        position: absolute;
        margin:0 0 0 -3px;
        z-index: 1000; 
        background:#ffffff;
       }
      div#page div#navi ul li ul li{ 
        float:none;
        margin-left:0px;
        padding:3px 20px 3px 10px;
        display:block;
      }      
      /* Link */
      div#page div#navi ul li ul li a{
        color:#000000;
        font-size:11px;
      }
      div#page div#navi ul li ul li:hover a,
      div#page div#navi ul li ul li.active a{
        color:#ffffff;
      }
     
      /* ====================================================================
         AUSBLENDEN ALLER HAUPTNAVIGATIONS EBENEN
      ===================================================================== */
      div#page div#navi ul ul,
      div#page div#navi li:hover ul ul{
        display:none;
        }
      div#page div#navi li:hover ul{
        display:block;
      }
          
/* ====================================================================
   Content-Elemente
===================================================================== */
div#page div.moodbild{ /* Moodbild-Container */
  width:836px;
  height:296px;
  margin-bottom:10px;
  }
  div#page div.moodbild div.moodbild_image{ /* Moodbild */
    position:absolute;
    z-index:1;
  }
  div#page div.moodbild div.moodbild_info{ /* Moodbild-Textbox */
    background:#ffffff;
    position:absolute;
    z-index:2;
    color:#000000;
    height:80px;
    overflow:hidden;
    padding:0 20px 0 20px;
    margin-top:175px;
    }
    div#page div.moodbild div.moodbild_info h1{ /* Moodbild-Textbox �berschrift */
      color:#000000;
      font-size:47px;
      margin-bottom:0px;
    }
    div#page div.moodbild div.moodbild_info h2{ /* Moodbild-Textbox Subline */
      color:#000000;
      font-size:13px;
    }
    
  
div#page div#content div.teaserbox{ /* Teaserbox */
  height:265px;
  width:265px;
  float:left;
  margin:14px 25px 0 0;
  background:transparent url(../images/teaserboxShaddow.png) left top no-repeat;
  }
  div#page div#content div.teaserbox div.content{  /* Teaserbox-Inhaltsbox */
    width:244px;
    height:248px;
    overflow:hidden;
    padding:6px 6px 0px 6px;
      }
      div#page div#content div.teaserbox div.content div.picture{ /* Teaserbox-Bild */
         width:244px;
         height:138px;
         background:#000000;
        }
      div#page div#content div.teaserbox div.content div.headline{  /* Teaserbox-Headline */
        font-size:18px;
        margin:8px 0 12px 0;
      }    
      div#page div#content div.teaserbox div.content div.text{ /* Teaserbox-Text */
        font-size:10px;
         width:244px;
      }
       div#page div#content div.teaserbox div.content div.text .bodytext{ /* Teaserbox-Text */
        width:244px;
         font-size:10px;
         border-top:none;
      }
      
/* FDI */
div#page div#content div.teaserboxr{ /* Teaserbox */
  height:265px;
  width:265px;
  float:right;
  margin:14px 25px 0 0;
  background:transparent url(../images/teaserboxShaddow.png) left top no-repeat;
  }
  div#page div#content div.teaserboxr div.content{  /* Teaserbox-Inhaltsbox */
    width:244px;
    height:248px;
    overflow:hidden;
    padding:6px 6px 0px 6px;
      }
      div#page div#content div.teaserboxr div.content div.picture{ /* Teaserbox-Bild */
         width:244px;
         height:138px;
         background:#000000;
        }
      div#page div#content div.teaserboxr div.content div.headline{  /* Teaserbox-Headline */
        font-size:18px;
        margin:8px 0 12px 0;
      }    
      div#page div#content div.teaserboxr div.content div.text{ /* Teaserbox-Text */
        font-size:10px;
         width:244px;
      }
       div#page div#content div.teaserboxr div.content div.text .bodytext{ /* Teaserbox-Text */
        width:244px;
         font-size:10px;
         border-top:none;
      }
/* ====================================================================
   Galerie-Carousel
===================================================================== */
div#gallery_carousel{
  width:742px;
  height:178px; 
  margin:60px 0 60px 0;
  position: relative;
  }
  div#gallery_carousel div.previous_button{
    position:absolute;
    margin:67px 0 0 0;
    height:29px;
    width:17px;
    cursor:pointer;
    background:transparent url(../images/arrow-left.png) left top no-repeat;
  }
  div#gallery_carousel div.next_button{
    position:absolute;
    margin:67px 0 0 817px;
    height:29px;
    width:17px;
    cursor:pointer;
    background:transparent url(../images/arrow-right.png) left top no-repeat;
  }
  div#gallery_carousel div.previous_button_disabled,
  div#gallery_carousel div.next_button_disabled {
    background: none;
    cursor: default;
  }  
  div#gallery_carousel div.gallery{
      width:742px;
      height:178px;
      margin-left:43px;
      position: absolute;    
      overflow: hidden;
  }
  div#gallery_carousel div.gallery ul{
    width:10000px;
    position: relative;
    top: 0;
    left: 0;
    }                      
    div#gallery_carousel div.gallery ul li {
      text-align:center; 
      width:188px;
      height:178px;  
      float:left;
    }
  /* Thumbs zentrieren */
  div#gallery_carousel div.gallery table{
    border-collapse: collapse;
    border-spacing:0px;
    width:177px;
    height:178px;
    background:#cccccc;
  }
  div#gallery_carousel div.gallery table td{
    text-align:center;
  }
  /* XXL Abbildung */
  #zoomy {
    position:absolute;
    z-index:10000;
    overflow:hidden;
      padding:10px;
  }
  #zoomycontent{
    text-align:center;
    background:#6c6969;
    padding:29px 20px;
    
  }
  div#zoomy span#close{
    width:45px;
    height:43px;
    display:block;
    position:absolute;
    top:12px;
    right:0px;
    z-index:2;
    background:transparent url(../images/zoomy-close.png) center center no-repeat;
    cursor:pointer;  
  }
  div#zoomy-title{
   
  }      
      
/* ====================================================================
   Footer
===================================================================== */
div#page div#footer{
  display:block;
  margin-right:22px; /* wegen floatenden Teasern */
  padding-bottom:50px;
  padding-top:30px;
  }
  div#page div#footer ul{
    float:right; 
  }
  div#page div#footer ul li{
    float:left; 
    display:block;
    background:transparent url(../images/meta_navi.png) right 3px no-repeat;
    padding:0 12px 0 7px; 
    }
  div#page div#footer ul li.last{
    background:none;
    }
    div#page div#footer ul li a{
      padding:0 3px 0 3px;
    }
    div#page div#footer ul li a:hover,
    div#page div#footer ul li a.active{
      background:#009ee0;
  }    
      div#page div#footer div#fb-root{
       width:300px;
       float:left;
       visibility:hidden;
       }
      
        div#meta_menue{
        width:536px;
        float:left;
        }  
/* ====================================================================
 G�stebuch Ansicht
===================================================================== */
.tx-veguestbook-pi1{
    width:836px;
}  
div.tx-veguestbook-pi1 div.tx-guestbook-left{
  color:#ffffff;
  width:180px;
  float:left;
  min-height:120px;
  height:auto !important;
  height:120px;
  background:none;
}
div.tx-veguestbook-pi1 div.tx-guestbook-left p{
  color:#ffffff;
  border:none;
}
div.tx-veguestbook-pi1 div.tx-guestbook-body{
  background:transparent url(../images/hg-guestbook.gif) top left repeat-y;
  margin-bottom:10px;
}
div.tx-veguestbook-pi1  div.tx-guestbook-right {
  width:604px;
}
div.tx-veguestbook-pi1 .tx-guestbook-header{
  width:810px;
  line-height:20px;
  background-color:#899c02;
  /*color:#666;  added FDI */
}


  .tx-guestbook-pagination a{
  padding:0 5px 0 5px;
  }              
/* ====================================================================
   Kontakt und G�stebuch Formulare
===================================================================== */  
.csc-mailform-field,
.tx-guestbook-field{
  padding-bottom:20px;
  clear:left;
} 
.csc-mailform-field label,
.tx-veguestbook-pi1 .tx-guestbook-field label,
.tx-guestbook-field label{
  float:left;
  display:block;
  width:178px;
  padding:0 0 0 22px;
} 
.csc-mailform-field input[type=text],
.tx-guestbook-field input[type=text],
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-med,
.tx-veguestbook-pi1 .tx-guestbook-field input.tx-guestbook-form-inputfield-big,
.tx-veguestbook-pi1 .tx-guestbook-field textarea.tx-guestbook-form-textarea{
  float:left;
  width:635px;
  color:#000000;
}
.csc-mailform-field input[type=submit],
.tx-guestbook-field input[type=submit]{
  width:100px;
  height:20px;
  text-align:center;
  margin:20px 0 0 200px;
  color:#000000;
}
.csc-mailform-field input[type=submit]:hover,
.tx-guestbook-field input[type=submit]:hover{
  background:#009ee0;
  color:#ffffff;
  cursor:pointer;
}
.csc-mailform-field textarea,
.tx-guestbook-field textarea{
  width:635px;
  height:200px; 
  float:left;
  color:#000000; 
}
/* Captcha */
.captcha .tx-guestbook-field label{
  float:none;
  padding-left:200px;
  width:635px;
  margin:10px 0 0 0;
  color:#ffffff;
}
.captcha .tx-guestbook-field label a{
  color:#ffffff;
  text-decoration:underline;
}
.captcha .tx-guestbook-field label .tx-srfreecap-pi2-cant-read {
  color:#ffffff;
}
img.tx-srfreecap-pi2-image{
  margin:15px 0 0 200px;
  clear:left;
}
input#freecap{
  float:none;
  margin:20px 0 0 200px;
  width:80px;
}
.tx-guestbook-field{
    margin-bottom:10px;
}
/* ====================================================================
h1 Standard
===================================================================== */
    .csc-firstHeader,
     .csc-default .csc-header h1 { 
      background-color:#009ee0;
    color:#ffffff;
      overflow:hidden;
      width:795px;
      line-height:55px;
      margin:50px 0 15px 0;
      padding:0 20px 0 20px;
    }  
    
    
/* ====================================================================
Text
===================================================================== */  
.bodytext{
 width:835px;
 }

/*=====================================================================
added FDI
===================================================================== */

div#page div.moodbildk{ /* Moodbild-Container */  
  width: 836px;
  height: 296px;
  margin-bottom:10px;
  }
  div#page div.moodbildk div.moodbild_imagek{ /* Moodbild */
    position:absolute;
    z-index:1;
  }
  
div#page div.moodbildk div.moodbild_infok35{ /* Moodbild-Textbox */
    background:#ffffff;
    position:absolute;
    z-index:2;
    color:#000000;
    height:60px;
    overflow:hidden;
    padding:10px 20px 0 20px;
    margin-top:190px;
    }
    div#page div.moodbildk div.moodbild_infok35 h2{ /* Moodbild-Textbox �berschrift */
      color:#000000;
      font-size:20px;
      margin-bottom:0px;
      text-align:center;
    }
  div#page div.moodbildk div.moodbild_infok{ /* Moodbild-Textbox */
    background:#ffffff;
    position:absolute;
    z-index:2;
    color:#000000;
    height:60px;
    overflow:hidden;
    padding:10px 20px 0 20px;
    margin-top:190px;
    }
    div#page div.moodbildk div.moodbild_infok h1{ /* Moodbild-Textbox �berschrift */
      color:#000000;
      font-size:38px;
      margin-bottom:0px;
    }
    div#page div.moodbildk div.moodbild_infok h1k{ /* Moodbild-Textbox �berschrift */
      color:#000000;
      font-size:38px;
      margin-bottom:0px;
    }
    div#page div.moodbildk div.moodbild_infok h2{ /* Moodbild-Textbox �berschrift */
      color:#000000;
      font-size:20px;
      margin-bottom:0px;
    }

.zentriert{ 
  text-align:center;
 }

.firebrick1{
  background:#FF3030;
}

.form{width:132px;margin:5px;padding:0; background:#95b6d8; -moz-border-radius:6px; -khtml-border-radius.6px; border-radius:6px; -webkit-border-radius:6px;}

.fieldset{margin:0;padding:15px;border:0;}

.legend{display:none;}

.label{display:block; color:#fff;}

.input{font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#369;}

.inputtext{width:100px; -moz-border-radius:6px; -khtml-border-radius.6px; border-radius:6px; -webkit-border-radius:6px; margin:2px 0 5px 0; padding:2px; border:1px solid #369; color:#369;}

.inputsubmit{cursor:pointer; float:right; -moz-border-radius:6px; -khtml-border-radius.6px; border-radius:6px; -webkit-border-radius:6px; border:1px solid #369; background:#fff; height:21px; width:70px;}