/* ### Vorbereitende Ma?nahmen | Reset ##################################################################*/
	/* Hiermit werden die Randabst?nde und border aller HTML-Elemente auf Null gesetzt. Damit wird das       
	** Aussehen der Webseite in unterschiedlichen Browsern vereinheitlicht. 
	*/
	
	* { margin:0; padding: 0; } 

	/* Das zur?cksetzen der Innen- und Au?enabst?nde verursacht zu kleine Selectboxen. Dies wird korrigiert */
	option {padding-left: 0.4em}
	
	/*
	** Die nachfolgenden Angaben entstammen dem Artikel 'Useful Code Snippets' von Mike Foskett
	** [http://www.websemantics.co.uk/tutorials/useful_css_snippets/]
	*/
	
	/* Vertikalen Scrollbalken im Netscape & Firefox erzwingen. Dies verhindert, dass zentrierte Layouts 
	** um 10 Pixel springen wenn der Seiteninhalt kleiner wird als die H?he des Browserfensters. */
	html { height: 100% } 
	body { 
		min-height: 101%;	
	/* Beseitigung des Rundungsfehlers bei Schriftgr??en im Opera sowie Standardformatierungen */
		font-size: 100.01%; 
	/* FIX: Verhindert, dass positionierte Elemente nicht verschoben werden when die Gr??e des Browser 
			Fensters ge?ndert wird. */
		position: relative; 
	
	/* Vorgabe der Standardfarben und Textausrichtung*/     
		color: #000;        
		background: #3c5497;
		text-align: left;
	} 
	
	/* Standardrahmen zur?cksetzen */
	fieldset, img { border:0; }
	
	/* Anpassung f?r Safari Browser. font-size:100% ist f?r den Safari in Formularen zu gro? */ 
	select, input, textarea { font-size: 99% }
    
    

/* ### Main-Styles ##################################################################*/
    
    
body,table,td,div,form,input,pre {
    font-family: arial, helvetica; 
    font-size: 12px; 
    color: #37414B; 
    vertical-align: top;
    }
    
#seite {
    margin:auto;
    width: 1005px;
    background: #FFF;
    background-image:url(../img/hg.gif);
    background-repeat:repeat-y;
    }
    
/* ### Kopf-Styles ##################################################################*/
    
#kopfdatum { 
    width:auto;
    height:40px;
    background-image:url(../img/hg_kopfdatum.gif);
    background-repeat:no-repeat;
    background-position:bottom;
    }
    
    
#kopfbild { 
    width:auto;
    height:245px;
    padding-left:39px;
    background-image:url(../img/hg_kopfbild.gif);
    background-repeat:no-repeat;
    }
    
#titelbild {
    width:854;
    height:228px;
    background-image:url(../img/hg_titelbild.jpg);
    background-repeat:no-repeat;
    background-position:left;
    padding-right:56px;
    text-align:right;
    }

#kopfnav { 
    float:left;
    width:100px;
    height:10px;
    padding:10px 0px 0px 37px;
    }
    
#datumbox {
    float:right; 
    width:200px;
    height:10px;
    padding:10px 55px 0px 0px;
    text-align:right;
    }  
    
/* ### K?rper-Styles ##################################################################*/ 
    
#koerper { 
    width:auto;
    min-height:100px;
    }
    
    * html #koerper { height:100px; } /* nur f?r IE 5.5 - 6.x */
    html + body #koerper { height:100px; } /* nur vom IE 5.0 */
    
#navbox { 
    float:left;
    width:198px;
    background-image:url(../img/hg_hauptnav.jpg);
    background-repeat:no-repeat;
    min-height:100px;
    }
    
    * html #hauptnav { height:100px; } /* nur f?r IE 5.5 - 6.x */
    html + body #hauptnav { height:100px; } /* nur vom IE 5.0 */
    
#hauptnav { 
    width:auto;
    min-height:183px;
    text-align:right;
    padding-bottom:20px;
    }
    
    * html #hauptnav { height:183px; } /* nur f?r IE 5.5 - 6.x */
    html + body #hauptnav { height:183px; } /* nur vom IE 5.0 */
  
#newsletterbox {
    width:auto;
    min-height:80px;
    padding-left:28px;
    color:#fff;
    }
    
    * html #newsletterbox { height:80px; } /* nur f?r IE 5.5 - 6.x */
    html + body #newsletterbox { height:80px; } /* nur vom IE 5.0 */
    
.newsletterbtn{
    font-size:10px;
    color:#fff;
    background: #3c5497;
    border:1px solid #fff;
    margin-top:3px;
    }
      
.newslettertext {color: #ffffff; padding-bottom:5px; font-weight:bold;}


#katalogbox {
    width:auto;
    height:186px;
    color:#fff;
    padding-top:10px;
    }
    
#inhalt { 
    float:right;
    width:720px;
    min-height:414px;
    padding:0px 60px 60px 0px;
    background-image:url(../img/hg_inhalt.jpg);
    background-repeat:no-repeat;
    }
    
    * html #inhalt { height:414px; } /* nur f?r IE 5.5 - 6.x */
    html + body #inhalt { height:414px; } /* nur vom IE 5.0 */
    
#inhaltprodukte { 
    float:right;
    width:720px;
    min-height:414px;
    padding:0px 60px 60px 0px;
    background-image:url(../img/hg_inhalt.jpg);
    background-repeat:no-repeat;
    }
    
    * html #inhaltprodukte { height:414px; } /* nur f?r IE 5.5 - 6.x */
    html + body #inhaltprodukte { height:414px; } /* nur vom IE 5.0 */
    
#inhaltprodukte img {
    border:1px solid #3c5497;
    }
    
#inhaltbox { 
    float:right;
    width:270px;
    min-height:350px;
    padding:0px 0px 0px 15px;
    }
    
    * html #inhaltbox { height:350px; } /* nur f?r IE 5.5 - 6.x */
    html + body #inhaltbox { height:350px; } /* nur vom IE 5.0 */ 
    
    
#mininav {
    width:auto;
    height:40px;
    }


    
/* ### Standard-Styles ##################################################################*/ 
    
#koerper ul {margin-left:30px;}
.bildlinks {float:left;}
.bildrechts {float:right;}
.saubersauger {clear:both;}
.SpamMessage {color: #299145;}
#vorladen {visibility: hidden;}

/* ### Optional ##################################################################*/ 

#vorladen {visibility: hidden;}
    
    #standardtags {
    width:auto;
    width:100px; 
    height:100px;  
    background:#00B800;  
    background-image:url(grafiken/bild.jpg);
    background-repeat:repeat-y;     /* senkrecht */ 
    background-repeat:repeat-x;     /* wagerecht */
    background-repeat:no-repeat;
    background-position:right;  
    position:absolute;
    position:relative;  
    padding:0px 0px 0px 0px;
    margin:0px 0px 0px 0px; 
    color:#FFF;
    font-size:9px;
    font-weight:bold;
    text-align:center;
    vertical-align:top;
    line-height:24px;
    border:1px solid #00ff00; /* GR?N */
    list-style-type: none;
    }
    
    * html #standardtags { height:415px; } /* nur f?r IE 5.5 - 6.x */
    html + body #standardtags { height:415px; } /* nur vom IE 5.0 */
    
    
/* ### Linkfarben ##################################################################*/

#kopfnav a { text-decoration: none; }
#kopfnav a:link { color: #fff; }
#kopfnav a:visited { color: #fff; }
#kopfnav a:hover { color: #fff; }

#katalogbox a { text-decoration: none; }
#katalogbox a:link { color: #fff; }
#katalogbox a:visited { color: #fff; }
#katalogbox a:hover { color: #fff; }

#newsletterbox a {color:#fff;}
#newsletterbox a:link { color: #fff; }
#newsletterbox a:visited { color: #fff; }
#newsletterbox a:hover { color: #fff; }

a:link { color: #000000; }
a:visited { color: #000000; }
a:hover { color: #000000; }

a.footerlink:link {color: #FFFFFF; text-decoration: none;}
a.footerlink:visited {color: #FFFFFF; text-decoration: none;}
a.footerlink:active {color: #FFFFFF; text-decoration: none;}
a.footerlink:hover {color: #FFFFFF; text-decoration: underline;}

a.bildlink img { border: 1px solid #0044A5;}
a.bildlink:hover img { border: 1px solid #5598F7; } 

/* ### Kontakt Formular ##################################################################*/

.csc-mailform-field-Vorname {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Name {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Strasse {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-PLZ {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Wohnort {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Telefon {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-EMail {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Anzahl_der_Kinder {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Katalog_per_Post_anfordern {float: left; width:200px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-Ihre_Wnsche__Anregungen {float: left; width:400px; padding:0px 10px 10px 0px; text-align:right;}
.csc-mailform-field-formtype_mail {float: left; width:400px; padding:0px 10px 10px 0px;}
.csc-mailform label { float: left;}

/* ### RTE Konfiguration ##################################################################*/

.tabellenbreite {
width:100%;
vertical-align: top;
}

p.smallFont {
	padding:5px 0px 5px 0px;
	font-size: 10px;
	}
	
.smallFont {
	padding:5px 0px 5px 0px;
	font-size: 10px;
	}

.blueHeadline {
    font-size: 20px;
    color:#0080c0; 
    padding:0px 0px 15px 0px;
}

span.blueHeadline {
    font-size: 20px;
    color:#0080c0;
    padding:0px 0px 15px 0px;
}

.zitate {
    font-size: 12px;
    color:#0080c0; 
    padding:0px 0px 15px 0px;
}

span.zitate {
    font-size: 12px;
    color:#0080c0;
    padding:0px 0px 15px 0px;
}

.zitatname {
    font-size: 11px;
    color:#005b88; 
    padding:0px 0px 15px 0px;
}

span.zitatname {
    font-size: 11px;
    color:#005b88;
    padding:0px 0px 15px 0px;
}

.roterText {
    color:#da251e;
    font-weight:bold;
}

span.roterText {
    color:#da251e;
    font-weight:bold;
}
	
/* ### Sonstige-Styles ##################################################################*/