body {margin:0; padding:0; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px;background-color:#E3E4E4; color:#707173;}



/*stile fuer index*/
#container_index {height:571px; width:100%; background-image:url(../gfx/index_hg.gif); background-repeat:repeat-x;}

#index_oben {width:969px; height:416px; margin:0 auto;}

#index_oben #index_left {float:left; width:446px; text-align:right; height:416px;}
#index_oben #index_left img {margin:2px 0 0 2px; padding:0; float:right;}
#index_oben #index_left .img_top {margin:50px 0 0 0;}

#index_oben #index_right {float:left; width:517px; height:416px; margin:0 0 0 6px;}
#index_oben #index_right .img_top {margin:282px 0 0 0;}

#index_unten {width:969px; height:155px; margin:0 auto;}

#index_unten #index_left {float:left; width:446px; text-align:right; padding:10px 0 0 0;}
#index_unten #index_left .navi_index { float:right; margin:5px 0 0 0; font-size:12px;}
#index_unten #index_left .navi_index a, #index_unten #index_left .navi_index a:hover {margin:0 10px 0 0; color:#FFFFFF; text-decoration:none;}
#index_unten #index_left .navi_index a:hover {color:#B10A1F;}

#index_unten #index_right {float:left; width:517px; margin:0 0 0 6px;}
#index_unten #index_right .index_adresse {border:2px #FFFFFF solid; padding:5px 10px; margin:5px 0 0 0; font-size:12px; color:#FFFFFF; float:left; width:206px; line-height:1.6em;}
#index_unten #index_right .index_adresse a, #index_unten #index_right .index_adresse a:hover {color:#FFFFFF; text-decoration:none;}
#index_unten #index_right .index_adresse a:hover {color:#B10A1F;}


/*stile fuer folgeseiten*/
#container {width:100%;}
#content_border { width:965px;border:1px solid #807E7F; margin:0 auto;}

/*stile fuer navi*/
#navi {width:965px; margin:0 auto; background-color:#FFFFFF; background-image:url(../gfx/top_left_hg.gif); background-position:bottom left; background-repeat:no-repeat; float:left;}

#navipunkte {position:absolute; top:35px; width:700px;}

#navipunkt_home, #navipunkt_wir_ueber_uns, #navipunkt_produkte, #navipunkt_produkte_aktiv, #navipunkt_marktplatz, #navipunkt_referenzen, #navipunkt_kontakt {padding:3px 7px; margin:35px 8px 0 8px; position:absolute; top:35px;}
#navipunkt_home {margin:0 0 0 8px;}
#navipunkt_wir_ueber_uns {margin:0 0 0 87px;}
#navipunkt_produkte {margin:0 0 0 218px;}
#navipunkt_produkte_aktiv {border-left:solid 1px #B10A1F; padding:3px 7px 0 7px; margin:0 0 0 218px;}
#navipunkt_marktplatz {margin:0 0 0 324px;}
#navipunkt_referenzen {margin:0 0 0 446px;}
#navipunkt_kontakt {margin:0 0 0 565px;}

#navi a, #navi a:hover {padding:3px 7px; color:#707173; text-decoration:none;}
#navi a:hover {background-color:#B10A1F; color:#FFFFFF;}
#navi .navi_aktiv {background-color:#B10A1F; color:#FFFFFF;}
#navi img {float:right; margin:0 10px 0 0;}


#subnavi {padding:10px 0; margin:15px 0 0 0; background-color:#C6C7C8; width:190px;}
#subnavi a, #subnavi a:hover {padding:3px 7px; text-decoration:none; margin:0; width:176px; float:left;}
#subnavi a:hover {background-color:#FFFFFF; color:#B10A1F;}
#subnavi .a_aktiv {background-color:#FFFFFF; color:#B10A1F;}

#navi p {float:left; margin:95px 0 0 40px;}
#navi p a, #navi p a:hover {text-decoration:none; color:#B10A1F; padding:0;}
#navi p a:hover {color:#707173; background-color:#DCDDDE;}

#navi #top_right {width:404px; height:130px; float:right; background-color:#D4D5D6;}
#navi #top_right .img_border_right {border-right:4px solid #FFFFFF; float:left; margin:0; padding:0;}
#navi #top_right h1 {font-size:17px; color:#B10A1F; float:left; font-weight:normal; width:209px; border-bottom:1px solid #707173; margin:100px 0 0 0; padding:0 5px; height:17px;}
#navi #top_right .top_right_quadrat {float:left; margin:8px 10px 0 10px;}


/*stile fuer content*/
#content {width:965px; margin:0 auto; background-color:#FFFFFF;}

#top_left {width:480px; height:120px; float:left; background-image:url(../gfx/top_left_hg.gif); padding:5px 40px;}





#bottom_left, #bottom_left_galerie, #bottom_left_marktplatz, #bottom_left_kontakt {width:557px; background-color:#FFFFFF; float:left; margin:5px 0 0 0;}
#bottom_left_galerie {margin:100px 0 0 0;}
#bottom_left_marktplatz {padding:5px 15px; width:528px;}
#bottom_left_kontakt {padding:5px 40px; width:478px;}
#bottom_left_kontakt img {margin:0 0 5px;}

#bottom_left_kontakt a, #bottom_left_kontakt a:hover {text-decoration:none; color:#B10A1F;}
#bottom_left_kontakt a:hover {color:#707173;}

#galerie_content { float:left; margin:0 40px 3px 40px;}

#galerie {float:left;padding:0 0 10px 0; border-right:1px solid #000000; width:75px; margin:0 3px 0 0;}
#galerie .bildnummer {float:right; color:#B10A1F; font-size:10px; margin:0 3px 8px 0; padding:0; line-height:0.7em;}
#galerie img {float:right;}
#min_height {float:left; height:80px; width:0;}


#bottom_right {width:404px; float:right; background:#D4D5D6; margin:5px 0 5px 0; padding:0 0 20px 0;}
#bottom_right h1, #bottom_right h2 {font-size:17px; color:#B10A1F; float:left; font-weight:normal; width:300px; border-bottom:1px solid #707173; margin:130px 33px 20px 29px; padding:0 20px; height:17px;}
#bottom_right h1 img {margin:0 10px 0 0;}
#bottom_right h2 {margin:50px 33px 20px 29px;}
#bottom_right h3, #bottom_right h4 {float:left; font-weight:normal; color:#B10A1F; font-size:12px;width:353px;margin:20px 23px 20px 28px;}
#bottom_right h4 {margin:0 23px 20px 28px;}
#bottom_right p {margin:0 23px 0 28px; line-height:1.5em; float:left; width:353px;}


#bottom_left_marktplatz p {margin:0 0 0 10px; float:left; font-size:10px;}


.listenbild_titel {height:29px; width:39px; margin:20px 5px 10px 0; float:left;}
.liste_titel_1, .liste_titel_2, .liste_titel_3, .liste_titel_4, .liste_titel_5, .liste_titel_6, .liste_titel_7, .liste_titel_8, .liste_titel_9 { float:left; width:48px; height:29px; background-color:#FFFFFF; margin:20px 0 0 0; padding:2px 0 2px 5px; font-size:10px; color:#B10A1F; background-image:url(../gfx/grau_15px.gif); background-position:bottom; background-repeat:repeat-x;}
.liste_titel_2, .liste_titel_3,.liste_titel_5 {width:20px;}
.liste_titel_4, .liste_titel_9 {width:35px;}
.liste_titel_6 {width:87px;}
.liste_titel_8 {width:100px;}
.liste_titel_7 {width:66px;}

.listenbild {height:29px; width:39px; margin:0 5px 1px 0; float:left;}
.liste_1, .liste_2, .liste_3, .liste_4, .liste_5, .liste_6, .liste_7, .liste_8, .liste_9 { float:left; width:48px; background-color:#D4D5D6; margin:10px 0 0 0; padding:2px 0 2px 5px; font-size:10px;}
.liste_2, .liste_3,.liste_5 {width:20px;}
.liste_4, .liste_9 {width:35px;}
.liste_9 {text-align:right; padding:2px 5px 2px 0;}
.liste_6 {width:87px;}
.liste_8 {width:100px;}
.liste_7 {width:66px;}

/*table {width:530px;}
tr {width:500px;}*/
.liste_tabelle {background-color:#D4D5D6; padding:2px; font-size:10px;}
.liste_ueberschrift {padding:3px 6px 3px 3px; font-size:10px; color:#B10A1F;}
table td img {margin:0 10px 1px 0; padding:0; border:none;}


.formular_beschriftung {font-size:10px; color:#B10A1F; margin:5px 0 0 28px; padding:0; float:left;}
.textfeld {border:none; background-color:#FFFFFF; width:320px; margin:0 0 0 28px;}
.formular_button_1 {border:none; background-color:#FFFFFF; width:80px; font-size:9px; margin:5px 0 0 268px; vertical-align:middle;}
form a, form a:hover {text-decoration:none; color:#707173;}
form a:hover {color:#B10A1F;}



#footer {height:28px; width:969; background-image:url(../gfx/footer_hg.gif); background-repeat:repeat-x; clear:both; margin:0;}
#footer p { margin:12px 0 0 40px; float:left;}
#footer a, #footer a:hover {text-decoration:none; color:#707173;}
#footer a:hover {color:#B10A1F;}

/*allgemeine stile*/
.rot {color:#B10A1F;}
.float_left {float:left;}
.schwarz_bold {color:#000000; font-weight:bold;}

.p_float_right {float:right; text-align:right; line-height:1.3em;}
.p_floatleft {float:left; line-height:1.3em;}
