/** grund elemente */
/** Textformatierung -> text-editor.css */
html 							{ height:100%; margin-bottom:1px; }
body 							{ margin:0px; padding:0px; text-align:center; background-color:#4E0000; }
form							{ width:480px; text-align:left; }

/** Menu */
div.untermenu				{ margin:0 auto 0 24px; }
div.hauptmenu-leer		{ height: 24px; margin:0 auto 0 24px; }

a.hauptmenu,
a.hauptmenu-aktiv 		{ display:block; width:140px; padding:8px 0px 0px 24px; color:#FFFFFF; font-weight:bold; }
a.hauptmenu:hover			{ color:#AAAAAA; }
a.untermenu 				{ }
a.untermenu-aktiv			{ }
a.untermenu:hover			{ }
a.untermenu-aktiv:hover	{ }
a.untermenu2 				{ }

a.goodranking 				{ color:#FFFFFF; font-weight:normal; }
a.goodranking:hover 		{ color:#AAAAAA; }

/** Aufbau */
.oben, .mitte, .unten	{ display:block; width:927px; margin:0 auto 0 auto; }
.oben 						{ height:207px; text-align:center; background:url('logo.jpg') top center no-repeat; }
.unten						{ height:40px; }
.mitte						{ background:url('content-bg.jpg') repeat-y top center;}

.content-oben, 
.content-unten, 
.content-links, 
.content-rechts,
.content-mitte				{ display:block; float:left; }

.content-oben 				{ width:100%; margin:0 auto 0 auto; padding-top:176px; color:#FFFFFF; text-align:center; }
.content-unten				{ width:100%; margin:6px auto 0 auto; }
/** Gesamt content Weite 927px = content-links 159px + content rechts 144px + content-mitte 624px */
/** Immer padding Angaben zur breiten Angabe addieren um die wirkliche Weite (z.B. content-mitte) zu erhalten! */    
.content-links 			{ width:159px; padding-top:30px; text-align:left; background:url('menu-kopf-links.jpg') top no-repeat; }
.content-rechts 			{ width:144px; height:570px; text-align:left; background:url('menu-kopf-rechts.jpg') top no-repeat; }
.content-mitte 			{ width:584px; padding:10px 20px 10px 20px; text-align:left; background:url('content-mitte.jpg') top no-repeat; }
.content-fuss	 			{ clear:both; width:100%; height:10px; font-size:1px; background:url('fuss.jpg') top center no-repeat;}

.cleaner 					{ clear:both; width:100%; font-size:1px; height:1px; }
.rechts                 { float:right; }
.links                  { float:left; }

/** Suche <- Oben */
input.suche-input			{ width:300px; margin-top:2px; margin-left:97px; margin-right:2px; border:solid 1px #595a59; float:left; }
a.suche-button				{ width:32px; height:22px; float:left; } /** background:url('wk_button_los.gif') no-repeat;  */
a.suche-button:hover		{ text-decoration:none; }

/** Modul-Klassen */
/** Text & Bild */
.text-rechts 				{ width:294px; float:right; }
.text-links 				{ width:294px; float:left;}
.bild 						{ margin-right:4px; margin-bottom:16px; font-size:9px; text-align:left; }
.bild-links 				{ font-size:9px; text-align:left; margin-right:4px; margin-bottom:16px; float:left; }
.bild-rechts 				{ font-size:9px; text-align:right; margin-left:4px; margin-bottom:16px; float:right; }
.bild-link					{ text-decoration:none; }

/** Google Maps & Adsense */
.googlemaps 				{ display:block; width:480px; height:340px; margin-bottom:10px; visibility:hidden; }
.googleadsense				{ width:160px; float:right; }

/** Sitemap */
.sitemap_lvl_1 			{ margin-left:0px; }
.sitemap_lvl_2 			{ margin-left:25px; }

/** Kontakt & Formularfelder */
.label, 						
.label-textarea			{ width:120px; padding-top:2px; float:left; }

.kontakt-textarea,
.kontakt-input, 			
.kontakt-select 			{ width:300px; border:solid 1px #595a59; } 

.kontakt-textarea 		{ height:100px; margin-bottom:16px; }
.submit 						{ width:80px; height:19px; margin:2px 0px 2px 120px; padding:2px; 
								  color:#FFFFFF; font-size:11px; font-wight:bold; text-align:center; vertical-align:middle; 
								  background-color:#4E0000; border:solid 1px #000000; cursor:pointer; }

/** Galerie (Magazinlayout) */
.magazine-container 		{ background:#f7f7f7; float:right; }
.magazine-image a, 
.magazine-image a:hover { background:transparent; border:0;outline:0; }