/* CSS Document */

/* basic */

body {
	color: #5a5a59;
	font-size: 11px;
	font-family: verdana, arial, helvetica, sans-serif;
	margin: 0px 0px;
	padding: 0px 0px;
	background-color:#700000;
	background-image:url(bg_main.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	}

img {behavior: url("http://www.hoeke-optik.de/files/aufbau/pngbehavior.htc");}

a {color:#700000; text-decoration:underline;}
a:hover {color:#700000; text-decoration:none;}

p, li {line-height:21px;}

H1 {font-size: 1.8em; color:#700000; font-weight:bold; padding:0px 0px 12px 0px; margin:0px; border-bottom:#d2bfbf 1px solid; margin:0px 0px 12px 0px; }
H2 {font-size: 1.6em; color:#700000; font-weight:bold; padding:0px 0px 12px 0px; margin:0px;}

/* container */

#wrapper {width:980px; margin:auto; padding:0px 0px 50px 0px;}

#header {padding:25px 30px 20px 30px; height:72px;}
#slogan { float:right; width:300px; text-align:right;}
#menu { height:34px; padding:0px 0px 0px 30px; background-image:url(bg_menu.jpg); background-position:center top; background-repeat:no-repeat; margin:0px;}
#bild {height:270px; background-image:url(bg_bereichsbild.jpg); background-position:bottom; background-repeat:no-repeat;}
#main_content { background-color:#FFF; padding:30px;}
#content { width:620px; float:left;}
#sub_content { width:250px; float:right;}

#anzeige { margin: 37px 0px 0px 0px;}
#anzeige img { border:#bc2f1f 1px solid;}

#footer { height:270px; background-image:url(bg_footer.gif); background-position:center; background-repeat:no-repeat; color:#7a7979; font-size:11px;}
#footer_inhalt_1 { float:left; padding:30px 0px 30px 30px; width:400px; }
#footer_inhalt_2 { float:right; padding:30px 30px 30px 0px; width:500px; }
#hersteller {padding:19px 0px 0px 0px;}

.clearer {clear:both;}


/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield { width: 470px; height: 150px; margin-left: 0px; border:#EE1C25 1px solid; }
/* Textfeld */
.formgen .formtext { height: 16px; width: 470px; background-color: #ffffff; border:#EE1C25 1px solid; margin-left: 0px; margin-bottom: 5px; }
/* Trennelement , Abstand */
.formgen .formtrenn { display: block; height: 30px;	}
/* Hinweistext */
.formgen .formhinweis { font-weight: bold; color: #003366; font-size: 1.2em; }
/* Überschrift */
.formgen .formheadline { font-weight: bold; color: #003366; }
/* Passwortfeld */
.formgen .formpassword { width: 200px; background-color: #CCCCCC; margin-left: 4px; }
/*Captcha-Bild*/
.formgen .formcaptcha { border: 1px solid #FB9A14; }
/* Label */
.formgen label { width: 120px; clear: left; float: left; height: 19px; padding: 0px;}


/* Aussehen der Select-Ausgabe */
.formgen .formselect { width: 200px;	margin-left: 4px;}
/* Sende-Button */
.formgen .formsubmit {width: 120px; border:#EE1C25 1px solid; margin-left: 120px; margin-top: 10px; }
.senden { width: 100px; border:#4D5C90 1px solid;}

/* Definition des Fieldsets, das das ganze Formular umschließt */
.formgen fieldset { width: 620px; padding: 0px 0px; border:none; }
/* Fieldsetbeschriftung */
.formgen legend { font-weight: bold; color: #333333; display:none; }

/* -------------- AUSGABEN / Fehlermeldungen --------*/
/* Fehlermeldung nach Versand */
.formgen .forminfo { color: #FFFFFF; background-color: #FF0000; border: 1px dashed #000000;	margin: 5px; padding: 5px; }
/* Markierung der Labels bei Fehler */
.formgen .formerror {color: #30302F; background-color: #FFD2D2; }




/* Beispiel-CSS für magazin_Layout */
.magazine-layout { position: relative; width: 100%; }
.magazine-container { background: #f6f6f6; }
/* magazin_Layout mit verlinkten Einzelbildern */
.magazine-image a,
.magazine-image a:link,
.magazine-image a:visited { color: #000; display: table; display: inline-block; line-height: 0.0em; filter: alpha(opacity=100); opacity: 1.00; -moz-opacity: 1.00; }
.magazine-image a:focus,
.magazine-image a:hover,
.magazine-image a:active { color: #000; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; }
/* komplett verlinktes magazin_Layout */
a.magazine-link,
a:link.magazine-link,
a:visited.magazine-link { cursor: pointer; display: table; display: inline-block; line-height: 0.0em; filter: alpha(opacity=100); opacity: 1.00; -moz-opacity: 1.00; }
a:focus.magazine-link,
a:hover.magazine-link,
a:active.magazine-link { cursor: pointer; filter: alpha(opacity=80); opacity: 0.80; -moz-opacity: 0.80; }




/* Download */
.download-hdl p, 
.download-file p, 
.download-desc p { /* IE6 Hack */ margin: 0;}
.download-hdl p { padding: 3px 3px; background-color: #ebe1bf; font-weight: bold; color: #36393A; margin-top: 10px;}
.download-file { padding: 10px 0px 3px 0px;}