@charset "utf-8";
/* CSS Document */

/* Redaxo - Module */

/* Modul_ Inhalt - Bild mit Lightbox */

.map { float: left; height: 499px; width: 596px; }

#imagewrap { float: left; margin-right: 25px; margin-bottom: 15px; width: 133px; height: 100px; }

.inhalt_bild { padding: 1px; border: 2px solid #003158; float: left; margin-bottom:10px; }

.textpic-caption { font-size: 9px; font-family: Verdana, Arial, Helvetica, sans-serif; color: #989898; float: left; margin-top: 3px; }

#pfeil { position:relative; width:29px; height:25px; z-index:88; float:left; background: url(img/pfeil.png) no-repeat top right; margin-left:0px; top:-105px; left:109px; }

/* FixFloat */
.fixfloat { clear: both; font-size: 0; height: 1px; line-height: 0; }

/* Trennlinie */
.trennlinie { border: 0; border-bottom: 1px solid #c0c0c0; margin-top: 30px; margin-bottom: 15px; background-color: #ffffff; /* Farbe für Opera und Firefox */ color: #ffffff; /* Farbe für Internet Explorer (IE) */ height: 1px; }

/* ########### Bühne öffnen - schließen ########## */
.close { margin-left: 20px; color: #0072bd; font-family: verdana; font-weight:bold; background: url(img/close.jpg) no-repeat right bottom; width: 130px; }
.close a, .close a:hover { color: #0072bd; font-family: verdana; font-weight:bold; text-decoration:none; }

.open { margin-left: 20px; color: #0072bd; font-family: verdana; font-weight:bold; background: url(img/open.jpg) no-repeat right top; width: 130px; }
.open a, .open a:hover { color: #0072bd; font-family: verdana; font-weight:bold; text-decoration:none; }

/* #################################### */

/* ##### Kontakt-Formular ##### */

/*
.formgen{
  position:relative;
  z-index:11111;
}
*/
.kontakt-links { float: left; width: 48%; color: #fff; }
.kontakt-rechts { float: right; margin-right: 30px; color: #fff; }
.fieldset { float: left; margin-right: 0px; padding-right: 20px; margin-bottom: 20px; width: 550px; }
.formtext { left: 30px; border: 1px solid #d3d3d3; margin-bottom: 10px; width: 260px; }
.text2 { border: 1px solid #d3d3d3; margin-bottom: 0px; width: 60px; }
.formtextfield { position: relative; left: 0px; border: 1px solid #d3d3d3; margin-bottom: 7px; width: 320px; height: 166px; } 
.formtextfield .select:hover, .formtextfield .text:hover, .formtextfield .textarea:hover { border:1px solid #929292; }
.formtextfield:hover, .formtext:hover { border: solid 1px #868686; background:#ededed; }
.formhinweis { width: auto; }
.formsubmit, #buttonSubmit, #buttonLogoff, .submit { background: #34120F; color:#ffffff; float: right; margin-right: 92px; }

a.button, .button { border: 1px solid #8b9690; background: #ac0026; margin-top: 7px; padding: 3px; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; color:#ffffff; text-align:right; }
a.button:hover, .button:hover { background: #da0030; text-decoration: none; text-align:right; }

label { width: 105px; display: block; float: left; color: #fff; margin-right:15px; }

.formcaptcha { margin-right: 500px; }

legend { margin-left: 0px; margin-bottom: 5px; font-weight: bold; }

text[id]legend { margin-left: 0px; }

.forminfo, .formerror { color: #db0133; }

.table_download { margin-bottom: 15px; }


input.formerror {
    border: 1px solid #DB0133;
    margin-bottom: 10px;
    margin-right: 30px;
    width: 260px;
    background: none repeat scroll 0 0 #F8DBDB;
}

textarea.formerror  {
    border: 1px solid #DB0133;
    margin-bottom: 10px;
    margin-right: 30px;
    background: none repeat scroll 0 0 #F8DBDB;
}

.forminfo{
    margin-left: 35px;
    margin-top: 10px;
}

.formblock{
    margin-right: -8px;
    margin-top: 10px;
}
/* ######################################################################### */

/* ------ Imagefloat ------ */

.text#image_float_left { float:left; text-align:left; margin-top:5px; margin-right:20px; margin-bottom:10px; padding:5px; border:solid 1px #6978a7; }
.text#image_float_right { float:right; margin-top:-36px; margin-left:20px; margin-bottom:10px; margin-right:10px; padding:5px; border:solid 1px #6978a7; }

/* ------------------------ */

/* ########### Bildergalerie ########## */

#galerie { float: left; height: auto; margin-bottom: 10px; margin-top: 0px; width: 54%; }
.galerie_klein { padding: 1px; border: 1px solid #d4d4d4; margin-right: 25px; margin-bottom: 10px; float: left; }

.history_back { width: auto; float: left; margin-top: 10px; position: relative; top: 173px; color: #7A0511; }
.history_back:hover { color: #251910; }
/* #################################### */

/* ########### NEWS Teaser ############ */
#slider { float:left; height:auto; width:460px; }
.teaser { width:224px; height:auto; margin-bottom:40px; float:left;	display:inline; }
.teaser_titel { color: #bc0500; font-size: 13px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-left: 169px; list-style-type:none; }
.teaser_image{ float:left; text-align:left; margin-top:-16px; margin-right:15px; padding:1px; border:solid 1px #a0a0a0; }
.teaser_text { text-align:left; }

/* #################################### */
.image_verti { position:relative; height:287px; width:215px; clear: both; background: #fff; padding: 3px; border: 2px solid #b9b9b9; margin-top: 20px; }

/* ########### Teaser ########### */
.teaser-leistungen { float: left; margin-right: 10px; }
.teaser-leistungen .teaser-link img { border: 5px solid #fff; float: left; clear: left; }
.teaser-leistungen .teaser-link img.clear { border: medium none; float: left; margin-right: 10px; margin-top: 7px; }
.teaser-leistungen .teaser-link p { font-weight: bold; }
.teaser { width:295px; height:210px; margin:25px 12px 0 12px; float:left; }
.teaser-button { width:152px; height:28px; float:right; background:url(img/button.jpg) no-repeat; }
.teaser-button:hover { background:url(img/button_hover.jpg) no-repeat; }
.teaser h1 { font-size:14px; color:#00397a; text-transform: uppercase ; font-weight:normal; font-family:arial; margin-top:5px; }
.teaser p{ color:#fff; margin:20px 0 20px 40px; }

.pictogramm { margin:0 10px 0 -10px; display:inline; float:left; }

#inhalt .pictogramm { margin:10px 0 0 -55px; display:inline; float:left; }

#download-start { width:283px; height:60px; background:url(img/downloadbutton_start.png) no-repeat; position:absolute; top:201px; left:25px; z-index:33; }
#download-start p { font-size:12px; color:#1e67b9; font-weight:normal; text-align:left; line-height:14px; margin:16px 0 0 50px; }
#download-start a { font-size:12px; color:#1e67b9; font-weight:normal; text-decoration:none; }
#download-start a:hover { text-decoration:underline; }
.download-button { width:175px; height:35px; position:absolute; top:95px; right:25px; z-index:33; }

.formgen { margin: 35px; }

/* ########### Gallerific ########### */
#slideshow img { padding: 0; }

.body_id6 #galerie_rechts { height: auto; margin: -25px; }

a.advance-link { float: left; }

div.galerie-box { margin-left: -5px; }

#slideshow img { margin-left: -2px;; padding: 0; }

div#thumbs { margin-left: 30px; width: 300px; float: left; position:relative; bottom:30px; }

.galerie { padding: 25px; }

ul.thumbs li { float: left; height: 80px; list-style-type: none; margin: 0 10px 5px 5px; width: 80px; }
ul.thumbs li a img { border: 5px solid #fff; }

.bottom { display: block; height: 20px; margin-left: 100px; margin-top: -25px; position: absolute; }

.pagination a { color: #888; font-size: 12px; padding-right:5px; }
.pagination a:hover { color: #7A0511; }
.pagination span.current { color: #7A0511; font-size: 14px; }

#beschreibung {    
    background: none repeat scroll 0 0 #34120F;
    bottom: 0;
    color: #FFFFFF;
    float: left;
    height: auto;
    left: -2px;
    padding-left: 20px;
    position: absolute;
    width: 580px;
    padding-top: 7px;
    padding-bottom: 7px;
    opacity: 0.7;
    font-family: Tahoma,Verdana,Arial;
}

/* ##########################  Map mit mehreren Markern ######################### */

.google_map {
  display:block;
  height:500px;
  width:600px;
  overflow:visible;
}