/* ---------------- basic.frontend.css -----------------*/
/* der komplette Bildschirmbody */
html, body {
    border: 0 none;
    height: 100%;
    margin: 0;
    min-width: 100%;
    padding: 0;
}
* html body {overflow: hidden;}     
body{ background-image: url("/picture/backgr.jpg");
    background-attachment: fixed;
    background-size: cover;
    color: #490000;
    font-family: "Roboto Condensed",sans-serif;
    font-size: 1em;
    overflow: hidden;
    text-align: left; } 

a:hover { text-decoration: none !important; }
/* ------------- Banner Vordergrunddefinition ------ */
#headerBlock {
   /* background: rgba(255, 255, 0, 0.3) url("/picture/Banner.jpg") no-repeat scroll 200px 0 / cover ; */
    display: block;
    height: 155px;
    margin: 5px 0 0;
    position: relative;
    width: 100%;
    
    -webkit-border-top-left-radius: 15px;
    -webkit-border-top-right-radius: 15px;
    -khtml-border-top-left-radius: 15px;
    -khtml-border-top-right-radius: 15px;
    -moz-border-radius-topleft: 15px;
    -moz-border-radius-topright: 15px;
    border-top-left-radius: 15px;
    border-top-right-radius: 15px;    
}
.sub_ul a { cursor: pointer; }
 .header_txt{padding: 6px 0 0 4px;}   
/*  ---- Ueberschriften nach INTERNET INETRN 3-2005,S.60  ---- */
h1, h2, h3, h4, h5, h6 { font-family: 'Roboto Condensed', sans-serif; hyphens: auto;}
h1 {
    background: url("/picture/H1Back.jpg") repeat scroll 0 0 transparent;
    border-bottom: 1px solid #AAAAAA;
    color: #490000;
    clear: both;
    font-size: 2.3em;
    font-weight: bold;
    margin: 10px 5px 10px 0;
    padding: 8px 0 4px 14px;
   }
h2  {
    background: #F8F5D8;
    color: #490000;
    font-size: 1.8em;
    letter-spacing: 2px;
    margin: 10px 0 ;
    padding: 4px 0 2px 18px;
     }
h3  {
    border-bottom: 1px solid #60605F;
    border-left: 1px solid #60605F;
    color: #490000;
    font-size: 1.6em;
    letter-spacing: 2px;
    padding: 4px 0 12px 18px; }
h4  { color: #450000; padding: 0 0 0 18px; text-decoration: underline;} 
h1, h2, h3, h4, p{
/*   -moz-hyphens: auto;
   -o-hyphens: auto;
   -webkit-hyphens: auto;
   -ms-hyphens: auto;
   hyphens: auto; */ }
#mainBlock {}   
/*#mainBlock td, #mainBlock th, #mainBlock div, #mainBlock span,
#mainBlock p { font-family: 'Roboto Condensed', sans-serif; font-size: 15px; } */
/* ----------- Eigene Blöcke -----------------------*/
/*  zur Verwendung bei Containern mit floating Elements */
.BOX_R:before, .BOX_L:before,
.BOX_R:after, .BOX_L:after { content: ""; display: table; }

.BOX_R, .BOX_L {
	box-shadow: 3px 3px 11px -3px;
    clear: both;
    margin: 0;
    padding: 6px;
    width: 47%;}
.BOX_R { clear: right; float: right;  }
.BOX_L { clear: left; float: left;    }       
.BOX_L div.image-with-text {}
.BOX_R div.image-with-text { border-left: 0px solid #DDDDDD;  }
.BOX_L li, .BOX_R li, .articleText li {margin-left:15px;  padding-left:5px;}

.imageEntry p::before { color: #990000; content: "Abb.: "; font-size: 0.8em;}
.imageEntry p {  font-size: 0.8em !important; margin-top: 3px; text-align: left;}

.imgtxt-top-right, .imgtxt-bottom-right {margin: 0 0 1em 1em !important;  }
.image-with-text ul li {left: 0; list-style-position: outside; margin: 0; position: relative;}
.imgtxt-left   {}
.imgtxt-right  {margin: 0 0 1em 1em !important;}
.image-with-text p {/*margin: 1em 1em 1em 0 !important;*/}
.image-with-text p {
  /* Old IE Support    -ms-word-break: break-all;*/
  /* Non standard for webkit    word-break: break-word; 
  -webkit-hyphens: auto; -moz-hyphens: auto; -ms-hyphens: auto;  hyphens: auto; */}
.imgtxt-top-center, .imgtxt-bottom-center {text-align: center;}
.video_div { display: inline-block; min-width: 45%; padding: 0 0 10px; }  
.article-summary-text p {margin:0 25px;}
#footerBlock {

    background: rgba(255, 255, 0, 0.8) none repeat scroll 0 0;
    border-top: 1px solid #900;
    bottom: 4px;
    color: #000000;
    height: 1.5em;
    position: absolute;
    text-align: center;
    width: 100%;

    -webkit-border-radius: 0 0 10px 10px;
    -khtml-border-radius: 0 0 10px 10px;
    -moz-border-radius: 0 0 10px 10px;
    border-radius: 0 0 10px 10px;       
  }
#footerBlock a{ color:#555555; }
#footerBlock a:hover {color:#000000; }
 
/* -------- Formatierung für Kontakt -------------- */

.emailForm input[type="text"], .emailForm input[type="email"], .emailForm textarea {
    background-color: rgba(255, 255, 0, 0.6); display: block; width: 97%;
}
.emailForm {background-color: #f9ebd1; padding: 0 10px 0 0;}
.emailForm input[type=text],
.emailForm input[type=email],
.emailForm textarea {display:block; width:100%;} 
.rechenfeld { margin: 5px 0;  width: 100px !important;}
.senden {    background: #ddd none repeat scroll 0 0;
    color: #333; cursor: pointer;  font-weight: bold;
    line-height: 25px; margin: 20px 0 5px;  padding: 5px;}              
td.form-label required, td.form-label {
    font-weight: bold;
    padding: 8px 14px 3px;
    vertical-align: top;
    width: 50%;
    }                               
td.form-field { vertical-align: top;}   
 
#senden { margin: 15px 0;}  */