body { font-family: Helvetica, Arial; }
.page { padding-top: 0px; }
/* iPhone’s Safari only scales up to 980px */
.page_margins { min-width: 980px; max-width: 980px; width: 980px; }

#header h1 { float: left; width:235px; margin-top:10px;}
#mainnav { 
    float: left; display: block; width:545px;height: 87px;
    background-color: #DDD;
    padding: 10px; padding-top: 10px; font-size: 10pt; line-height: 16pt; font-weight: normal;
    }
    
#mainnav span { font-weight: bold; line-height: 13pt; }
#mainnav .headline1 { font-size: 12pt !important; }
#mainnav .headline2 { font-size: 9pt !important; }
#mainnav a:link { text-decoration: none; font-weight: bold; color:#8F0000; }
#mainnav a:visited { text-decoration: none; font-weight: bold; color:#8F0000; }
#mainnav a:hover { text-decoration: none; font-weight: bold; color:#000; }
#mainnav a:active { text-decoration: none; font-weight: bold; color:#8F0000; }
#proclim_picto { float: left; width:80px; margin-top:10px; margin-left:40px;}
#red_bar { clear: both; float: right; display: block; width:725px;height: 9px; background-color:#8F0000; }


#col1 { width: 565px; float:right; margin-left: -820px; margin-right: 160px; margin-top: 40px; }
#col1_content { margin-left: 10px; }
#col1_content a:link { text-decoration: none; border-bottom: 1px dotted #8F0000; color:#8F0000; }
#col1_content a:visited { text-decoration: none; border-bottom: 1px dotted #8F0000; color:#8F0000; }
#col1_content a:hover { text-decoration: none; border-bottom: 1px solid #000; color:#000; }
#col1_content a:active { text-decoration: none; border-bottom: 1px dotted #8F0000; color:#8F0000; }


#col2 { width:160px; }
#col2_content { padding: 0px;}
.klinkerbild {margin-bottom: 40px;}

#col3 { width:235px; border-right: 1px dotted #444; margin-top: 40px; margin-bottom: 10px; }
#col3_content { font-size: 10pt; line-height: 14pt; margin-left: 16px;}
#col3_content a:link { text-decoration: none; font-weight: normal; color:#8F0000; }
#col3_content a:visited { text-decoration: none; font-weight: normal; color:#8F0000; }
#col3_content a:hover { text-decoration: none; font-weight: normal; color:#000; }
#col3_content a:active { text-decoration: none; font-weight: normal; color:#8F0000; }

#footer { font-size: 8pt; padding: 5px; text-align: center; border-top: 2px #efefef solid; }
#footer a:link { text-decoration: none; font-weight: normal; color:#666; }
#footer a:visited { text-decoration: none; font-weight: normal; color:#666; }
#footer a:hover { text-decoration: none; font-weight: normal; color:#000; }
#footer a:active { text-decoration: none; font-weight: normal; color:#666; }

/* gray */
* html .REboxGrayContent {height:1%}
.REboxGrayContent {overflow:hidden}
.REboxGray {display:block; background:transparent; font-weight:normal; margin-bottom:1em;}
.REboxGray p {margin:0 2px; padding:2px 0; line-height:1.2em;}
.REboxGrayContent {display:block; background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd; padding:0.5em 1em 0.5em 1em;}
.REboxGrayContent h1, .REboxGrayContent h2, .REboxGrayContent h3, .REboxGrayContent h4, .REboxGrayContent h5 {margin-top:0;}
.rGline1, .rGline2, .rGline3, .rGline4 {display:block; overflow:hidden; font-size:1px;}
.rGline1, .rGline2, .rGline3 {height:1px;}
.rGline2, .rGline3, .rGline4 {background:#eee; border-left:1px solid #ddd; border-right:1px solid #ddd;}
.rGline1 {margin:0 5px; background:#ddd;}
.rGline2 {margin:0 3px; border-width:0 2px 0 2px;}
.rGline3 {margin:0 2px;}
.rGline4 {height:2px; margin:0 1px 0 1px;}


/* --- Links --- */
.external {
    background: url(../images/externalLink.gif) no-repeat right top;
    padding-right: 10px;
    }
.dblink {
    background: url(../images/dbLink.gif) no-repeat right top;
    padding-right: 10px;
    }