﻿@charset "utf-8";
/* CSS Document: Style */

/* Farben 
	Dunkelblau: 		 #002f56;
	Mittelblau: 		 #778aa2;
	Schrift + Headlines: #01213f;
*/

/* ##### Reset-Skript ##### */
#ie6box { display: none; }


center, isindex, html, body, div, span, applet, object, iframe,
blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp, h6,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 101%; font-family: inherit; font-variant: inherit; }

html { height:101%; margin-bottom:0px; }

/*################################################################*/

/* WEBSITE - Struktur */

body { margin:0px; background:url(img/site_bg.jpg) repeat-x top center #fff; height:101%; }

#container { width:1226px; height:800px; min-height:600px; background: none; margin:0 auto; }

a.logo, a.logo:hover { display:block; height:220px; width:350px; background:transparent; margin:0 auto; }

#content { width:1200px; height:499px; float:left; background:url(img/content_bg.png) no-repeat top left; margin:0px; padding:14px; }
#content .startscreen { float:left; }

#left_cont {
    float: left;
    height: 500px;
    left: -3px;
    margin-top: 0;
    position: relative;
    width: 597px;
}

#inhalt-start { width:275px; height:430px; background:url(img/inhalt_start_bg.jpg) no-repeat top left; float:left; margin:0px; padding:35px; }
#inhalt-start img { border:solid 1px #fff; margin:30px 0 5px 0; }
#inhalt-start a {/* background:url(img/link_pfeil.png) no-repeat center right; */ padding-right:15px; line-height:18px; color:#251910; font-family:tahoma, verdana; }

.float_left { float:left; margin: 0; }
.float_right { float:right; }

#inhalt-start img.float_left { border: none; margin: 7px 0 0 5px; }
.inhalt_ref { background:#d1c8c1; width:943px; min-height:250px; float:left; height:500px; left:-2px; position:relative; }
.inhalt_cont { width:903px; min-height:250px; float:left; padding:20px; height:460px; }
.inhalt_ref .text  { width:310px; background:transparent; float:right; height: 249px; margin-right:10px;}
.inhalt_ref .text h1, .inhalt_ref .text h2 { margin-top: 15px;float: left;margin-left: -10px; }

ul#slider li.roter_Streifen{list-style:none;}
#slideshow a.advance-link{color:transparent;}
#content-right { background:#34120f; width:252px; height:100%; float:left; }

#kontaktbox { background:#4e312e; width:206px; padding:34px 15px 32px 30px; margin-top: 51px; float:left; }
#kontaktbox h1 { color:#916b63; font-size:11px; margin-bottom:10px; }
#kontaktbox a, #kontaktbox p { color:#fff; line-height:22px; font-size:11px; font-weight:normal; }

#footer { width:1226px; height:110px; float:left; background:url(img/footer_bg.jpg) repeat-x top left; margin:0px; padding:0px; }
#footer p { color:#fff; font-size:13px; margin: 20px 0 0 70px; }
#footer a, #footer a:hover { color:#fff; }



/* ####################### */

/* ######### Navigation ######### */

/* ### Main-Navi ### */
ul#mainnavi {float:left; width:175px; height:auto; display:block; overflow:hidden; margin:45px 30px 0 30px;}
ul#mainnavi li {list-style-type:none; text-indent:-999999px; background:transparent; width:auto; }

/* Roll-Over Bilder */
ul#mainnavi  li.navid2 a {width:165px; min-height:16px; height:auto; background:url(img/navi/unternehmen.jpg) no-repeat top left; display: block; margin:10px 0;}
ul#mainnavi  li.navid2 a:hover {background:url(img/navi/unternehmen_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid2.current a {background:url(img/navi/unternehmen_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid3 a {width:100px; min-height:16px; height:auto; background:url(img/navi/beratung.jpg) no-repeat top left; display: block; margin:10px 0;}
ul#mainnavi  li.navid3 a:hover {background:url(img/navi/beratung_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid3.current a {background:url(img/navi/beratung_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid4 a {width:165px; min-height:16px; height:auto; background:url(img/navi/leistung.jpg) no-repeat top left; display: block; margin:10px 0;}
ul#mainnavi  li.navid4 a:hover {background:url(img/navi/leistung_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid4.current a {background:url(img/navi/leistung_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid5 a {width:101px; min-height:16px; height:auto; background:url(img/navi/produkte.jpg) no-repeat left;display: block; margin:10px 0;}
ul#mainnavi  li.navid5 a:hover {background:url(img/navi/produkte_hover.jpg) no-repeat left;}
ul#mainnavi  li.navid5.current a {background:url(img/navi/produkte_hover.jpg) no-repeat left;}

ul#mainnavi  li.navid6 a {display:block; width:117px; min-height:16px; height:auto; background:url(img/navi/referenzen.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid6 a:hover {background:url(img/navi/referenzen_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid6.current a {background:url(img/navi/referenzen_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid7 a {display:block; width:84px; min-height:16px; height:auto; background:url(img/navi/service.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid7 a:hover {background:url(img/navi/service_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid7.current a {background:url(img/navi/service_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid11 a {display:block; width:94px; min-height:16px; height:auto; background:url(img/navi/kontakt.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid11 a:hover {background:url(img/navi/kontakt_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid11.current a {background:url(img/navi/kontakt_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid40 a {display:block; width:117px; min-height:16px; height:auto; background:url(img/navi/downloads.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid40 a:hover {background:url(img/navi/downloads_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid40.current a {background:url(img/navi/downloads_hover.jpg) no-repeat top left;}



ul#mainnavi  li.navid6.current ul.subnav1 li.navid13 a {display:block; width:100px; min-height:16px; height:auto; background:url(img/navi/parkett.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid13 a:hover {background:url(img/navi/parkett_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid13.active a {background:url(img/navi/parkett_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid6.current ul.subnav1 li.navid14 a {display:block; width:100px; min-height:16px; height:auto; background:url(img/navi/dielen.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid14 a:hover {background:url(img/navi/dielen_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid14.active a {background:url(img/navi/dielen_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid6.current ul.subnav1 li.navid15 a {display:block; width:100px; min-height:16px; height:auto; background:url(img/navi/kork.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid15 a:hover {background:url(img/navi/kork_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid6.current ul.subnav1 li.navid15.current a {background:url(img/navi/kork_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid11.current ul.subnav1 li.navid36 a {display:block; width:100px; min-height:16px; height:auto; background:url(img/navi/anfahrt.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid11.current ul.subnav1 li.navid36 a:hover {background:url(img/navi/anfahrt_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid11.current ul.subnav1 li.navid36.current a {background:url(img/navi/anfahrt_hover.jpg) no-repeat top left;}

ul#mainnavi  li.navid11.current ul.subnav1 li.navid37 a {display:block; width:100px; min-height:16px; height:auto; background:url(img/navi/adresse.jpg) no-repeat top left;display: block; margin:10px 0;}
ul#mainnavi  li.navid11.current ul.subnav1 li.navid37 a:hover {background:url(img/navi/adresse_hover.jpg) no-repeat top left;}
ul#mainnavi  li.navid11.current ul.subnav1 li.navid37.current a {background:url(img/navi/adresse_hover.jpg) no-repeat top left;}



ul.subnav2 { display: none; }
/* ##################### */


/* ######### ########## ######### */

ul#subnavi {width:auto; height:auto; float:left; margin:0 0 10px 25px; list-style-type:none;}
ul#subnavi li {line-height:14px; width:auto; margin:2px 0; float:left; padding:3px 0 0 0; background:url(img/sub_pfeil.png) transparent no-repeat center left;  text-indent:1px !important; }  
ul#subnavi li a {background:none !important; padding-left:15px; line-height:20px; margin:0px !important;}
ul#subnavi li a:hover,ul#subnavi li.current a  {background:none !important;}
ul#subnavi li a{ color:#fff; font-size: 12px; font-family: Tahoma,Verdana, Geneva, sans-serif; font-weight: normal; text-decoration:none; }
ul#subnavi li a:hover { color:#916b63; text-decoration:none; }
ul#subnavi li.current a { color:#916b63; }
ul#subnavi li.current a:hover { color:#916b63; }

ul#metanavi { width:100%; height:20px; margin:0 auto; text-align: center;}
ul#metanavi li { display:inline; width: auto; height:20px; margin:0 5px; }
ul#metanavi li a {font-family:verdana; font-size:10px; font-weight: normal; color:#b5b5b5;}
ul#metanavi li a:hover {font-family:verdana; font-size:10px; font-weight:normal; color:#916b63; text-decoration:none;}
ul#metanavi li.service-active a {font-family:verdana; font-size:10px; font-weight:normal; color:#916b63;}

/*###########################################################################*/

/* ### Schriftformatierungen ### */

body { font-size: 12px; font-family: Tahoma, Verdana, Arial; color: #251910; line-height: 20px; text-align:left; word-spacing:1px; font-weight:normal; }

/* Textauszeichnungen */
p, .fieldset, .forminfo, #form-module-thanks, td, th { font-size: 12px; font-family: Tahoma, Verdana, Arial; color: #251910; line-height: 20px; text-align:left; word-spacing:1px; font-weight:normal; }


.body_id12 .text p {font-size:11px;}


i { font-weight: bold; font-style: normal; color:#fff; }

legend { font-weight: bold; color:#c3022e; font-size: 12px; }

em { color:#fff; font-style: oblique; font-size:14px; }

strong { font-weight: bold; font-size: 12px; line-height:18px; margin:25px 0 0 0; }

/* Überschriften */
h1 { color: #251910; font-size: 16px; font-family: Arial black, Helvetica, sans-serif, Arial; font-weight: bold; line-height:30px; text-transform:uppercase; margin:0px; }
h2 { color: #251910; font-size: 12px; font-family: arial,Helvetica, sans-serif, Arial; font-weight: bold; margin:0px; text-transform:uppercase; line-height:18px; letter-spacing:1px; }
h3 { color: #002f56; font-size: 14px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin-bottom: 10px; margin-top:1px; }
h4 { color: #002f56; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; margin-top: 1px; margin-bottom: 1px; }
h5 { color: #002f56; font-size: 12px; font-family: Arial, Helvetica, sans-serif; font-weight: normal; margin:0; }
h6 { color: #fff; font-size: 11px; font-family: Arial, Helvetica, sans-serif; font-weight: bolder; height:14px; padding:5px 5px 5px 7px; width:60px; display:block; background:#3f6aa9; text-align:left; }

.Stil1, .Stil2 { color: #ffffff; }

/* Text-Links */
#galerie a { float: left; margin-right: 10px; }

a { color: #916b63; font-weight: bold; margin: 0; text-decoration: none; }
a:hover { text-decoration: underline; }
a img { text-decoration: none; margin:0px; }
a img:hover { text-decoration: none; margin:0px; }

.text_image { float:right; border:solid 1px #0073b9; margin: 15px 0 0 0; }

/*#galerie a img { border: 5px solid #fff; }*/

ul.ref_list {width:auto; float:left;}
ul.ref_list li {display:inline; float:left; margin:2px 5px; }
ul.ref_list li a {display:block; width:140px; height:105px; padding:5px; background:url(img/ref_list_bg.gif) no-repeat top left #d1c8c1;}
ul.ref_list li a p {margin:1px 0; font-size:11px; line-height:12px;}
ul.ref_list li a:hover {display:block; background:#efbf01; width:140px; height:105px; padding:5px; text-decoration:none;}

ul.ref_list li a p strong {font-size:12px; color:#916b63; background:url(img/link_pfeil.png) no-repeat center left; padding-left:12px;}

