/**
 * Gleiche Schriftgroesse in allen Browsern
 */
html {
    font:normal 100.01% arial, sans-serif;
}

/**
 * alle Bilder ohne Rahmen
 */
img {
    border: 0px;
}

/**
 * Div-Container
 */
#oben {
    position: absolute;
    top: 0px; left: 0px;
    width: 100%;
    height: 133px;
    background: #395093 url(/fileadmin/rheinsberg/templates/images/kopf.jpg) no-repeat scroll left top;    
}

/**
 * Thematische Navigation
 * 
 * Allgemeine Einstellungen.
 */
.thema1, .thema2, .thema3, .thema4, .thema5, .thema6 {
    -moz-box-sizing:border-box;
    position: absolute;
    z-index: 10;
    font: bold 0.8em Arial, Helvetica, sans-serif;  
    color: #FFFFFF;
    border: 1px solid #FFFFFF;
    border-right-width: 0px;    
    margin: 0px;
    padding-top: 0.25em;
    padding-bottom: 0.25em;
    overflow: hidden;    
    text-align: center;
    text-decoration: none;
}

/**
 * Fuer IE Schriftgroesse runtersetzen.
 */
* html .thema1,* html .thema2,* html .thema3,* html .thema4,* html .thema5,* html .thema6 {    
    font: bold 0.7em Arial, Helvetica, sans-serif;  
}

.thema1 {    
    top: 104px; left: 165px;
    width: 194px;       
    background-color: #831730;    
}

/**
 * Fix fuer IE
 */
* html .thema1 {        
    left: 167px;    
}

.thema2 {
    top: 104px; left: 357px;
    width: 194px;   
    background-color: #BF8229;
}
.thema3 {
    top: 104px; left: 551px;
    width: 194px;   
    background-color: #274E39;
}
.thema4 {
    top: 104px; left: 745px;
    width: 97px;    
    background-color: #C54B36;
}
.thema5 {
    top: 104px; left: 842px;
    width: 88px;    
    background-color: #8087BA;
    border: 1px solid #FFFFFF;    
}
.thema6 {
    top: 104px; left: 745px;
    width: 184px;    
    background-color: #8087BA;
    border: 1px solid #FFFFFF;    
}

/**
 * Fix fuer IE
 */
* html .thema5 {        
    width: 86px;
}

/**
 * Div-Container
 */
#suche {
   -moz-box-sizing:border-box;
    position: absolute;
    top: 104px; left: 5px;
    width: 140px;   
    z-index: 10;
    font: bold 0.8em Arial, Helvetica, sans-serif;  
    color: #666666;
    background-color: #8087BA;
    margin: 0px;
    padding: 0.2em; 
    padding-right: .3em;
    overflow: visible;  
    border: 1px solid #FFFFFF;
}

/**
 * Voreinstellungen zuruecksetzen
 */
#suche form {
    padding:0;
    margin:0;
}

/**
 * Lupe
 */
#suche .suchbutton {
    margin: 0;
    padding: 0;    
    float:right;
}

/**
 * Input
 */
#suche .suchbox {
    font: normal 0.8em Arial, Helvetica, sans-serif;    
    color: #000000;
    background-color: #FFFFFF;
    overflow: visible;
    border: 1px solid #CCCCCC;    
    width: 110px;
    margin: 0;
    padding: 0;
    float:left;
}

.clear {    
    clear:both; 
    display:block; 
    height:0; 
    overflow:hidden; 
    visibility:hidden; 
}
 
#headline {
    -moz-box-sizing:border-box;
    width: 100%;    
    font-size: 1.2em;
    line-height: 1.4em;
    padding-left:.3em;
/*    width: 550px;    */
    margin-top: .8em;
    margin-right: 0;
    margin-bottom: 1em;
    margin-left: 0;
    font-weight: bold;  
    clear:left;
}

* html #headline {
    font-size: 1em;
}

#mitte h1, #mitte h2, #mitte h3 {
    font: bold 1em Arial, Helvetica, sans-serif;    
    text-align: left;
    padding-left: 0.3em;    
    line-height: 1.4em;
    margin-bottom: 1em;
    margin-top: .9em;
}

* html #mitte h1, * html #mitte h2, * html #mitte h3 {
    font: bold 0.9em Arial, Helvetica, sans-serif;    
}