@charset "utf-8";

*    { margin: 0px; padding: 0px; border: 0px; }
html  { }
body  {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;  
    background:#fff url(../images/bg888.gif);
   }
.contentpane {
    font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:12px;
    color:#333;  
  background:none;
   }
   
   p{font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
    font-size:14px;
    color:#333;}

#page-title{padding-top: 40px; line-height: 1;}

pre{
  margin:0;
  poadding:0;
  border:0;
  }

element.style {
    cursor: pointer;
    display: block;
    opacity: 0.7;
    visibility: visible;
}
/**** GRUNDGERÜST ****/
div#wrapper { width: 100%; height:100%;margin-top:0px; 
 }


 
/** kopfbereich **/
div#head {   width: 100%;
      height:100px;
      clear:both;
    position:absolute;
    top:0;
    left:0;
    background:#ffffff;
    z-index:999;
      }
div#titel{ 
height:20px;
padding-top:40px;
/*border-bottom:1px solid #ff6600; */
margin:0 50px;
      
  }

/** contentbereich **/
div#content { width: 100%; 
margin-top:100px;}

div#component { width: 100%;
margin-top:20px;
        }


#component h1{
      display:none;
  }
.modalizer_link{
      margin:0;
      padding:0;
      font-size:1.4em;
      font-weight:normal;
      
  }

/** footerbereich **/
div#footer{}

/* +++++ Typo ++++ */

a, a:hover, a:link, a:active{
    color:#ff6101;
    text-decoration:none;
    text-transform:uppercase;    
  }
  corder
.logo:hover{
  color:#ff6101;
  text-decoration:underline;
  }



.logo h1, .logo h1 a{
    font-size:1.3em;
    float:right;    
    color:#ff6101;
  font-weight:bold;
        
}
.logo h1a:hover{
  text-decoration:underline;
}
div#head h2, div#head h2 a, div#head h2 a:link{
    font-size:1.3em;
    float:left;    
    color:#0072FC;    
  font-weight:bold;
  }
div#head h2 a:hover{
  color:#ff6101;
  
  }
  .item-page h2{
    font-size:1.3em;
    width:100%;
    color:#666;
    
    }

h1, h1 a {font-size:1.3em;
  font-weight:bold;
  color:#333;
  text-transform:uppercase;
  }
  

h2, h2 a {font-size:1.3em;
  font-weight:bold;  
  color:#ff6101;
  text-transform:uppercase;
  }

h2 a:hover{
    color:#ff6101;
  }
  
h3, h3 a{  
font-size:1.3em;
  font-weight:bold;
  color:#ff6101;
  text-transform:uppercase;
  padding: 2.3em 0em 2.5em 1.4em;  
 
  }
  
  
h3 a:hover{
  color:#ff3300;
  text-decoration:underline;
  }
h4 {
  white-space:nowrap;
  display:inline-block;
  font-size:1.2em;
  color:#fff;
  font-weight:normal;
  padding:0 0 62px 50px;
  text-transform:uppercase;
  display:none;
  
}

.grau {
  font-size:1.2em;
  color:#333;
  font-weight:normal;
  padding:0 0 62px 50px;
  text-transform:uppercase;
}


 h6 {font-size:1em;
  font-weight:normal;}
  
ul{
  list-style-image: url(../images/knopf.gif);
  margin-bottom:5px;
}
li{
  text-transform:uppercase;
  font-size:1.0em;
  color:#333333
}
li:hover {
  color:#ff6600;
}

.mydiv{
    width:820px;
    height:620px;
    background:red;
    position:fixed;
    top:50%;
    left:50%;
    margin-top:-310px; /* negative half the size of height */
    margin-left:-410px; /* negative half the size of width */
}


/* iPhone Portrait */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
  h3, h3 a{  
   padding: 2.3em 0em 2.2em 1.4em;  
  }
  .logo h1, .logo h1 a{
    font-size:1.4em;
    float:right;    
    color:#ff6101;
  font-weight:bold;
        
}
.logo h1a:hover{
  text-decoration:underline;
}
div#head h2, div#head h2 a, div#head h2 a:link{
    font-size:1.4em;
    float:left;    
    color:#0072FC;    
  font-weight:bold;
  }
div#head h2 a:hover{
  color:#ff6101;
  
  }
  
}

/* iPhone Landscape */
@media screen and (max-width: 480px) and (orientation: landscape) {
  
}
/* golux edit */

body:not(.contentpane) div[itemprop="articleBody"]{padding-top:100px;}
body:not(.contentpane) h3 {height:100px;padding:0;width:100%;}
body:not(.contentpane) h3 a,.logo {padding:0 0 0 50px;line-height:100px;display:block;width:100%;box-sizing:border-box;}
body:not(.contentpane) .logo h1 {padding-right:20px;}
h2{padding:10px 0 40px;}
#page-title{padding-top:42px;}
body.contentpane{padding:5px 15px;}
.contentpane h3 a {padding:0;}
.contentpane h3{margin:17px 0;padding:0;}
.rokbox-wrapper {overflow:hidden;}
.rokbox-previous,.rokbox-next{height:100%;position:absolute;top:calc(50% - 16px);}
.rokbox-next{right:0;}
/* iPhone Portrait */
@media only screen and (max-width: 480px), screen and (max-device-width: 480px) {
.logo h1, .logo h1 a{font-size:16px;}
div#head h2, div#head h2 a, div#head h2 a:link{font-size:16px;}
}
@media (max-width:768px){
 body:not(.contentpane) h3 a,.logo {padding:0 0 0 20px;} 
}
/* mediabox styles */
.wf-mediabox-container{padding:0;}
.wf-mediabox-numbers{display:none;}
.wf-mediabox-caption,.wf-mediabox-nav{position:absolute;top:unset;left:unset;}
.wf-mediabox-caption{z-index:1000001;pointer-events:none;bottom:0;width:100%;background:rgba(0,0,0,0.5);padding:12px 5px;}
.wf-mediabox-nav{position:unset;background:none;padding:0;}
.wf-mediabox-caption p{color:white;}
.wf-mediabox-next,.wf-mediabox-prev{position:absolute;height:calc(100% - 50px);top:50px;width:100px;}
.wf-mediabox-container .com-content-article__body{padding:26px;}
.wf-mediabox-transition-scale .wf-mediabox-body.wf-mediabox-transition{}