/*
###############################################################
### CUSTOM TEMPLATE FOR JOOMLA 1.5 #####
###############################################################
## COLORS:
rot: #ac1919
dunkelgrau: #222222
hellgrau: #dedede
gelb: #fdffd6
*/
/*  **** Grundformatierungen  **** */
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,b,u,i,center,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-size:100%;vertical-align:baseline;background:transparent}body{line-height:1}ol,ul{list-style:none}blockquote,q{quotes:none}blockquote:before,blockquote:after,q:before,q:after{content:'';content:none}:focus{outline:0}ins{text-decoration:none}del{text-decoration:line-through}table{border-collapse:collapse;border-spacing:0}

.clear {
	float: none;
  clear:both;
	height: 1px;
	background-color: #FFFFFF;
	width: 1px;}	

/** Hintergrund **/
body {
  background-color: #222;
  text-align:center;
  font-family: tahoma, sans-serif;
  font-size: 12px;
  color:#545454;
  line-height: 1.1em;}

/** Wrapper **/
#wrapper {
  background-color: #fff;
  width: 960px;
  margin: 10px auto;
  padding: 10px 0;
  text-align: left;
  }
  
  /** Head **/
  #header {
    background-color: #ac1919;
    
    width:940px;
    margin:0 10px;
    position: relative;}
     
  #logo {
    background-image: url(images/logo.jpg);
    background-position: top left;
    background-repeat: no-repeat;
    float: left;
    height: 324px;
    width: 220px;
    margin: 0 ;
    }
    #head {
    position: top right;
    background-image: url(images/header.jpg);
    background-repeat: no-repeat;
    float: right;
    width:720px;
    height:324px;
    margin:0px;
    }
  div.moduletable_hahn {
    height:77px;
    width:77px;
    padding: 160px 0 0 40px;
    }
  
  /** Reiter Navigation **/
    .navhor {      
      position: absolute;
      float: left;
      bottom: 0px;
      margin-left: 225px;
      padding: 0;
      }
      
      ul.menu-nav {
        width:720px;
        float:left;
        padding:15px 5px 0 5px;
        margin:0;
        list-style:none;
        }
               
      ul.menu-nav li {
        float:left;
      	 margin:0;
         padding:0;
         color:#fdffd6;
         font: bold 100%/2 tahoma, sans-serif;
         }
      
      ul.menu-nav li a {
        width: 145px;
        text-align: center;
        display: block;
        margin: 0 2px 0 0;
        padding: 0 15px;
        color: #fdffd6;
        background: url(images/bg_inactive.png) right top no-repeat;
        text-decoration: none;
        }
        
      ul.menu-nav li#aktiv {
         width: 150px;
         text-align: center;
         margin:0 2px 0 0;
	       padding:0 0 0 5px; 
	       background: url(images/bg_activeLeft.png) left top no-repeat;
         }
        
      ul.menu-nav li#aktiv span{
        display:block;
        margin:0;
        padding:0 15px 0 10px;
        background: url(images/bg_active.png) right top no-repeat;
        }
            
      ul.menu-nav a {
	     white-space:nowrap;
	     display:block;
       margin:0 2px 0 0;
       padding:0 15px;
       color:#fdffd6;
       background: url(images/bg_inactive.png) right top no-repeat;	
       text-decoration:none;
        }
        
     ul.menu-nav a:hover {
	     background: url(images/bg_active.png) right top no-repeat;
       padding:0 15px;
       }
        
               
  /**Content**/
  #content{
    margin:10px;
    height: auto;
    background-image: url(images/background.jpg);
    background-position: left top;
    background-repeat: repeat;}
    
    #left{
      background-color: #ac1919;
      float:left;
      width: 220px;
      height: 100%;
      margin: 0px 10px 0px 0;
      color: #fdffd6
      }
      
      /**Navigation**/
      div.menuleft h3 {
        width: 205px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fdffd6;
        margin: 15px 0 15px 0px;
        }
      
      ul.menu {
        margin:0;
        padding:0;
        width: 220px;
        }
      
      ul.menu li {
        font-size: 14px;
        display: block;
        color: #fdffd6;
        text-decoration: none;
        background-image: url(images/pfeil.png);
        background-repeat: no-repeat;
        background-position: left;
        height: 18px;
        padding: 5px 0 5px 25px;
        margin: 0 0 2px 0;
        border-bottom: 1px solid #fdffd6;
        }
      
      ul.menu li a {
        color: #fdffd6;
        text-decoration: none;
        }
      
      ul.menu li a:hover {
        background-image: url(images/pfeil_active.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #fdffd6;
        font-size: 14px;
        display: block;
        color: #ac1919;
        text-decoration: none;
        height: 18px;
        padding: 5px 0 5px 25px;
        margin: -5px 0 -5px -25px;
        border-bottom: 1px solid #fdffd6;
        }
     
      ul.menu  li#current {
        background-image: url(images/pfeil_active.png);
        background-repeat: no-repeat;
        background-position: left;
        background-color: #fdffd6;
        }
      
      ul.menu li#current a {
        color: #ac1919;
        text-decoration: none;
        }
        
        div.menuleftinfo h3 {
        width: 205px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fdffd6;
        margin: 30px 0 15px 0px;
        }
    
    #center {
      background-color: #fff;
      float: left;
      width: 500px;
      font-size: 13px;
      line-height: 15px;
      min-height:680px; /* Mindesthöhe in modernen Browsern */
      height:auto !important; /* !important-Regel für moderne Browser, um nachfolgende height-Angabe zu ignorieren */
      height:680px; /* Mindesthöhe in älteren IEs */}
      
      #center p {
        margin: 15px 0;
        }
      
      h1 {
        font-weight:normal;
        margin-top:15px;
        color: #ac1919;
        font-size: 18px;
        font-variant:small-caps;
        padding: 0 0 15px 0;
        }
    
      .small, .createdate{
        font-style: italic;
        }
        
      .createdate {
        padding: 0 0 15px 0;
        }
      
      #pfad {
    		width: auto; 
    		text-align:left;
    		height: auto; 
        margin: 0 0 15px 0
        }  
      
    #right {
      background-color: #dedede;
      float:right;
      width: 200px;
      height:500px;
      }
      
      div#suchfeld {
        margin: 15px 0 30px 0;
        }
      
      div#suchfeld h3{
        width: 185px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fff;
        margin: 15px 0 15px 0px;
        }
      
      .moduletable-suche {
        width: auto;
        margin: 0px;
        padding: 0px;
        }
            
      .inputbox-suche {
        width: 159px;
        border: 1px solid #ac1919;
        background: #fff;
        font-size: 11px;
        height: 16px;
        padding: 0 0 0 3px;
        }
            
      .button-suche {
        width: 30px;
        background: #ac1919;
        border: 1px solid #ac1919;
        font-family: Verdana, arial;
        font-Size: 11px;
        font-weight: normal;
        color: #fff;
        height: 22px;
        margin-left: 5px;
        padding-bottom: 1px;
        }
            
      div.module {
          margin: 15px 0 30px 0;
        }
        
      div.module h3 {
        width: 185px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fff;
        margin: 15px 0 15px 0px;
        }
         div.mod_weather_wetter {
        padding: 0 5px 0 15px;
        }  
    
      sup {
        font-size:60%;
        height:0;
        vertical-align:top;
        }
        
      img.mod_weather {
        float:right;}    
        
        
    div.moduletable_online {
        margin: 15px 0 30px 0;
        padding: 0 0 5px 15px;
        }
        
      div.moduletable_online h3 {
        width: 185px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fff;
        margin: 15px 0 10px -15px;
        }
      
      
     div.module h4 {
        width: 185px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fff;
        margin: 15px 0 15px 0px;
        }
      div#zitatdestages {
          margin: 15px 0 30px 0;
        padding: 0 5px 0 15px;
        }
      
      div#zitatdestages a{
                color: #545454;
        }
        
     span#zitatdestageslink {
        font-style: italic;
        font-size: 9px}
        
     span#zitatdestageslink a {
        color:#545454;}
        
     div#sprache {
        margin: 0 0 30px 0;
        height: 50px;}
      
     div#jflanguageselection{
        float: left;
        text-align:left;
        margin: 0 0 0px 15px;}
        
    div.moduletable-sprache {
        margin: 15px 0;
        }
        
      div.moduletable-sprache h3 {
        width: 185px;
        font-size: 17px;
        font-variant:small-caps;
        padding: 0 0 5px 15px;
        border-bottom: 5px solid #fff;
        margin: 15px 0 15px 0px;
        }
     
  /**Fusszeile**/
    #footer  {
      margin:0 10px;
      background-color: #dedede;
      height: 40px;
      }
      
      #footer  p.footertext{
      padding: 15px;
      text-align:center;
      }
      
      p.footertext a{
      color:#545454;
      font-weight:bold;}
      
   #qtranslate-3-chooser li{
    display:block;
    float:left;
    margin: 0 0 15px 15px;}
    
  #qtranslate-3-chooser ul{
    margin-bottom: 15px}
    
  .module a {
    font-weight:bold;
    display:block;
    color:#545454;
    margin: 0 0 15px 15px;}
    
    .wp-forecast-curr-details {
    margin: 0 15px;}
    
    .wp-forecast-fc {
        margin: 0 15px!important;
        width:100%!important;}
        
    .contentpaneopen h2 {
    margin: 15px 0;}
    
    .logos {
    background:#fffff0;
    margin: 25px 0;
    text-align:center;}
    
    .logo {
    margin: 10px;}