/* ---------------------------------------------------- */
/* Stylesheet für die Druckversion
   der Internetpräsentation von Promobil                */
/* ---------------------------------------------------- */

/* Browsereinstellungen zurücksetzen  */

/* alle Abstände auf 0 */
* { margin: 0; padding: 0; } 

/* Formatierung für den "body" */
body {  
	background-color: white; 
        width: 100%;
	}

/*Link-Unterstreichungen entfernen */
a:link, 
a:visited, 
a:hover, 
a:focus, 
a:active { 
        color: #007bb6; 
        text-decoration: none; 
        }

/* Positionierung der einzelnen Container-Bestandteile
   des Layouts  */

/* Bereich für den "Wrapper" */  
#wrapper { 
        background-color: white; 
	width: 100%; 
	}

/* Container für die "Farbleiste" */
#farbleiste { 
        height: 20pt; 
        }

* html #farbleiste {	/* Star-HTML-Hack */
	height: 18pt; 
	heig\ht: 20pt; 	
	}

/* Container für das Logo, das nur in
   der Printversion angezeigt wird */
#logo { 
       right: 0;
       margin-top: 10pt;
       margin-bottom: 10pt;
       margin-left: 70%;
       }

/* Diese Elemente werden in der Print-
   version nicht angezeigt            */
#kopfbereich, #subnavi, #styleswitch, #hauptnavi, #breadcrumb
       { 
       display: none;
        }

/* Container für den Inhaltsbereich  */
#inhalt { 
	width: 65%; 
	margin-right: 30%; 
	margin-left: 5%;   
	}

* html #inhalt {	/* Star-HTML-Hack */
	width: 95%; 
	wid\th: 95%;   
	}

/* Container für die Infoboxen -
   Wird mittels float:right im rechten Rand
   des Inhaltsbereichs positioniert. */
#infocontainer {
       background-color: white; 
       position: relative; 
       width: 30%; 
       float: right; 
       }

/* Infoboxen */
.infobox { 
        width: 100%;
        margin-top: 15pt; 
        margin-right: 15pt;  
        border-bottom: 1pt solid silver; 
        }
	

/* Container für die Fusszeile -
   nimmt die Logos auf der Starseite auf.
   Clear: both hebt die 'floats' der vorhergehenden
   Boxen auf. */
#footer { 
       font-size: 8pt;
       left: 10pt;
       width: 100%;
       clear: both; 
       padding-top: 10pt;
       padding-left: 10pt;  
        }

/*Formatierungen für den Fließtext*/
/* Bestimmt Schriftfarbe und Größe sowie ZA */
#content { 
        width: 95%;
	color: #666; 
	font-size: 10pt;
        font-family: Georgia, "Times New Roman", Times, serif;
	line-height: 14pt;
        loat:left;  
	}

#content h2 { 
	color: #007bb6; 
	font-size: 12pt;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
	line-height: 14pt;  
	margin-bottom: 7pt;
	}

#content h4 { 
	color: #666; 
	font-size: 11pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;  
	font-weight: bold;
        font-style: normal; 
	line-height: 14pt; 
	margin-top: 10pt;
        margin-bottom: 0;
        }

#content ul {  
	}

#content ul li{ 
        margin-left: 10pt;
        list-style: inside;
	list-style: disc; 
	}

#content p { 
	margin-bottom: 7pt; 
	}


p.linie { 
        width: 100%; 
        border-bottom: 1pt dotted #007bb6; 
        }

.inh_zitat { 
	color: #007bb6;  
	line-height: 18pt; 
	}

.inh_zwischenueber { 
        font-size: 120%; 
        font-weight: bold; 
        }

.inh_zwischenueberblau { 
	color: #007bb6; 
	font-size: 12pt; 
	font-weight: bold; 
	line-height: 14pt; 
	}

.inh_zwischenueberblauklein { 
	color: #007bb6; 
	font-size: 11pt; 
	font-weight: bold; 
	line-height: 14pt; 
	}

.inh_blaumitlinie { 
	color: #007bb6; 
	font-size: 12pt; 
	line-height: 14pt; 
	vertical-align: middle; 
	width: 100%; 
	border-bottom: 1pt solid #007bb6; 
	}


/* Allgemeine Schriftformatierungen*/

br     { 
	line-height: 7pt; 
	}

strong { 
        font-weight: bold; 
       }

bold { 
        font-weight: bold; 
       }

italic { 
	font-style: italic; 
	}

acronym {  
        cursor:help;
        }

abbr {  
        cursor:help;
        }

/* Formatierungen für die Infobox*/
.infobox h2 { 
	color: #000; 
	font-size: 10pt;
        font-family: Verdana, Arial, Helvetica, sans-serif; 
	font-weight: bold; 
        line-height: 12 pt;
	margin-bottom: 6pt; 
        }

.infobox p { 
	font-size: 9pt;
        font-family: Verdana, Arial, Helvetica, sans-serif;
        color: #666;  
        line-height: 12pt;
	font-weight: normal;
        margin-bottom: 6pt;
        }
	
.info_fettblau { 
        color: #007bb6; 
        font-size: 9pt; 
        font-weight: bold; 
        line-height: 12pt;  
        }

.infobox p a { 
        color: #007bb6; 
        text-decoration: none;
        margin-bottom: 6pt; 
        }

/* Formatierungen für die Formulare */
form { 
        background-color: white; 
        color: #666;  
        }
	
form p { 
	background-color: white; 
	color: #666; 
	font-size: 8pt; 
	line-height: 12pt; 
	font-family: Georgia, "Times New Roman", Times, serif; 
	}
	
form h2 { 
	color: #007bb6; 
	font-size: 11pt; 
	font-weight: bold; 
	line-height: 14pt; 
	margin-top: 10pt; 
	margin-bottom: 10pt;  
	border-bottom: 1px dotted #007bb6;  
	}

form label { 
        font-size: 8pt; 
        line-height: 12pt; 
        }
	
#adresse label { 
	font-size: 8pt; 
	line-height: 12pt; 
	margin-right: 10pt; 
	}
	
#adresse input { 
	font-size: 8pt; 
	line-height: 12pt;  
	}
	
/* Formatierungen für die Bilder*/
/* des Contentbereichs          */
#content .inh_imgright { 
        width: 140px; 
        height: 105px; 
        float: right; 
        margin-right: 10pt; 
        margin-bottom: 16pt; 
        margin-left: 10pt; 
        }

#content .inh_imgrightbig { 
        width: 300px; 
        height: 200px; 
        float: right; 
        margin-right: 10pt; 
        margin-bottom: 16pt; 
        margin-left: 10pt; 
        }

#content .inh_imgrighthoch { 
	margin-right: 10pt; 
	margin-left: 10pt; 
	width: 120px; 
	height: 160px; 
	float: right; 
	margin-bottom: 16pt; 
	}

#content .inh_imgwunschhoch { 
	margin-right: 10pt; 
	margin-left: 10pt; 
	width: 120px; 
	height: 180px; 
	float: right; 
	}

#content .inh_imgwunschquer { 
	margin-right: 10pt; 
	margin-left: 10pt; 
	width: 120px; 
	height: 120px; 
	float: right; 
	}

#content .inh_imgspende { 
	width: 240px; 
        height: 180px; 
        }

#content .inh_imgcafe { 
	width: 240px; 
	height: 88px; 
	}

#content .inh_imgifd { 
	margin-right: 10pt; 
	margin-left: 10pt; 
	width: 120px; 
	height: 120px; 
	float: right; 
	margin-bottom: 16pt; 
	}

#content .inh_imgkokobe { 
        width: 120px; 
        height: 90px; 
        float: right; 
        margin-right: 10pt; 
        margin-bottom: 16pt; 
        margin-left: 10pt; 
        }

#content .inh_imgkontakt { 
        width: 224px; 
        height: 190px; 
        float: right; 
        margin-right: 10pt; 
        margin-left: 10pt; 
        }

/* der Infoboxen                */
#infobox .info_imghoch { 
         width: 120px; 
         height: 160px;
         margin-bottom: 6pt;  
         }

#infobox .info_imgquer { 
         width: 160px; 
         height: 120px;
         margin-bottom: 6pt;  
         }

/* Formatierungen für den Footer  */
#footer p { 
       font-size: 6pt;
       color: #666;
	}

#footer img {
       width: 50%;
       height: 50%; 
       margin-right: 5pt; 
       border-width: 0; 
       float: left;
       }


/* Unsichtbare Anzeigen */ 
.unsichtbar { 
         position: absolute; 
         top: -1000px; 
         left: -1000px; 
         width: 0; 
         height: 0; 
         overflow: hidden; 
         display: inline; 
         }


/* Clearfix */
.clearMe {
       clear: both;
	}