* {font-family: Verdana,Arial, Helvetica, sans-serif;}

body{
	background-color:#333333; /*#009933;*/
	font-family: Verdana,Arial, Helvetica, sans-serif;
	font-size:14px;
	margin:0;
	padding:0;
}

#body_uni{
	background-color:#5e9e18;
}
#body_uni_1{
	background-color:#5f9502; /*81ac52    #858f14 #6d7431   #6D8F1A   #A1B017   #487517; 487517*/
	/*background: url("../images/bg_tile_neu_1.png") repeat scroll 0 0 transparent;*/
	background: url("../images/bg_tile20.png") repeat scroll 0 0 transparent;
}
#body_image{
	/*background: url("../images/bg_tile18.png") repeat scroll 0 0 transparent;*/
	background: url("../images/bg_tile_neu_2.png") repeat scroll 0 0 transparent;
}

#wrapper {
    background-color:#ffffff; 
	margin:0 auto;
	padding:0px;
	margin-top:20px;
	width: 1024px;
	height:760px;  /*768*/
	/*border:1px solid #572f0b;*/ /*875805;*/
}



/**************************  Einteilung **********************/
#header {
	background:url("../design/HB-Banner_mit_Verlauf_126_3.jpg") no-repeat; scroll 0 0 transparent; 
	background-color:#ffffff;
	height:210px; /*250px;*/ 
	width: 1024px;
	margin:0;
	padding:0px;
	/*margin:0 0 20px;*/
	position:relative;
	z-index:210;
	float:left;
}

#content{
	height:518px; 
	height:558px; 
	width: 1024px;
	margin:0px;
	padding:0px;
	position:relative;
	float:left;
	background-color:#ffffff;
}

#footer{
	/*background:url("../images/head_bg.png") repeat-x scroll 0 0 #f5f5f5;/* #E2E2E2;*/
	background:none repeat scroll 0 0 transparent;
 	margin:0 auto;
  	padding: 0px;
	margin-top:14px;
  	width:1024px;
    height:30px;
    color:#000;
    font-stretch:expanded;
}

/************************** Ende Einteilung **********************/
/************************** Beginn Allgemein **********************/

#bildunterschrift {
	font-size:10px;
	color:#333;
	font-style:italic;
}

/************************** Ende Allgemein **********************/
/************************** Navigation Buttons im Head *********************/
.btn_kontakt {
	color: #333333;
	font-size: 14px;
	font-stretch: wider;
	line-height: 1.3;
}

.btn_kontakt:hover, .btn_kontakt:active {
	color: #fff;
}


/************************** Navigation Buttons im Head *********************/
#btn_boeden, #btn_wandverkleidung, #btn_moebel, #btn_garten, #btn_schnittholz{	
	width:160px;
	height:65px; /*80px;*/
	float:left;
	margin-top:10px;
	margin-left:9px;
	border-right:0px solid #572f0b;
}

#btn_boeden{
	background: url("../images/button_bodenbelag1.jpg") no-repeat;
	margin-left:1px;
}

#btn_wandverkleidung{
	background: url("../images/button_wandverkleidung3.jpg") no-repeat;	
}

#btn_moebel{
	background: url("../images/button_bauelemente.jpg") no-repeat ;
}
#btn_garten{
	background: url("../images/button_garten2.jpg") no-repeat;
}
#btn_schnittholz{
	background: url("../images/button_holzbau.jpg") no-repeat;
	margin-right:6px;
	float:right;
}
#btn_kontakt{
	background: url("../images/btn_kontakt.jpg") no-repeat;
}

#btn_boeden:hover, #btn_wandverkleidung:hover, #btn_moebel:hover, #btn_garten:hover, #btn_schnittholz:hover{	
	height:75px;/*100px;*/
	color: #690;/*#487517;*/ /*#666600;*/
}

/************************** Ende Navigation Buttons im Head *********************/
/************************** Beginn Navigation WG-Banner *********************/
/*#banner_platten, #banner_holzbau, #banner_farben, #banner_moebel, #banner_tueren, #banner_treppen{	
	width:650px;
	height:100px;
	float:left;
	color:#333;
}
*/
#banner_manufaktur, #banner_massivdielen, #banner_parkett, #banner_laminat, #banner_kork, #banner_linoleum, #banner_moebel, #banner_platten, #banner_holzbau, #banner_farben,
#banner_gartenmoebel, #banner_terrassenbelag, #banner_gartenhaus, #banner_carport, #banner_zaun, #banner_spielgeraet, #banner_grill, #banner_wellness, #banner_konstruktionsholz, #banner_tueren, #banner_treppen {	
	width:200px;
	height:100px;
	float:left;
	color:#333;
	margin-right:25px;
}

#banner_platten{
	background: url("../images/uebersichtsbilder/platten_banner1.jpg") no-repeat;
}
#banner_holzbau{
	background: url("../images/uebersichtsbilder/holzbau_banner1.jpg") no-repeat;
}
#banner_farben{
	background: url("../images/uebersichtsbilder/farben_banner1.jpg") no-repeat;
}
#banner_manufaktur{
	background: url("../images/uebersichtsbilder/manufaktur_banner1.jpg") no-repeat;
}
#banner_massivdielen{
	background: url("../images/uebersichtsbilder/massivdielen_banner1.jpg") no-repeat;
}
#banner_parkett{
	background: url("../images/uebersichtsbilder/parkett_banner1.jpg") no-repeat;
}
#banner_laminat{
	background: url("../images/uebersichtsbilder/laminat_banner1.jpg") no-repeat;
}
#banner_kork{
	background: url("../images/uebersichtsbilder/kork_banner.jpg") no-repeat;
}
#banner_linoleum{
	background: url("../images/uebersichtsbilder/linoleum_banner1.jpg") no-repeat;
}
#banner_tueren{
	background: url("../images/uebersichtsbilder/tueren_banner1.jpg") no-repeat;
}
#banner_moebel{
	background: url("../images/uebersichtsbilder/moebel_banner1.jpg") no-repeat;
}
#banner_treppen{
	background: url("../images/uebersichtsbilder/treppen_banner1.jpg") no-repeat;
}
#banner_fassaden{
	background: url("../images/uebersichtsbilder/fassaden_banner1.jpg") no-repeat;
}
#banner_balkone{
	background: url("../images/uebersichtsbilder/balkone_banner1.jpg") no-repeat;
}
#banner_gartenmoebel{
	background: url("../images/uebersichtsbilder/gartenmoebel_banner1.jpg") no-repeat;
}
#banner_terrassenbelag{
	background: url("../images/uebersichtsbilder/terrassenbelag_banner1.jpg") no-repeat;
}
#banner_gartenhaus{
	background: url("../images/uebersichtsbilder/gartenhaus_banner1.jpg") no-repeat;
}
#banner_carport{
	background: url("../images/uebersichtsbilder/carport_banner1.jpg") no-repeat;
}
#banner_zaun{
	background: url("../images/uebersichtsbilder/zaun_banner1.jpg") no-repeat;
}
#banner_spielgeraet{
	background: url("../images/uebersichtsbilder/spielgeraet_banner1.jpg") no-repeat;
}
#banner_grill{
	background: url("../images/uebersichtsbilder/grill_banner1.jpg") no-repeat;
}
#banner_wellness{
	background: url("../images/uebersichtsbilder/wellness_banner1.jpg") no-repeat;
}
#banner_konstruktionsholz{
	background: url("../images/uebersichtsbilder/konstruktionsholz_banner1.jpg") no-repeat;
}


#banner_platten:hover, #banner_holzbau:hover, #banner_farben:hover, #banner_manufaktur:hover, #banner_massivdielen:hover, #banner_parkett:hover, #banner_laminat:hover, #banner_kork:hover, #banner_linoleum:hover,
#banner_moebel:hover, #banner_tueren:hover, #banner_treppen:hover, #banner_gartenmoebel:hover, #banner_terrassenbelag:hover, #banner_gartenhaus:hover, #banner_carport:hover, #banner_zaun:hover, 
#banner_spielgeraet:hover, #banner_grill:hover, #banner_wellness:hover, #banner_konstruktionsholz:hover {	
	height:110px;
	color: #690;

}

.abteilung_uebersicht{
    background:url("../images/bg_stripe_80.png") repeat-x scroll 0 0 transparent;
	margin:0px;
	padding:0px;
	margin-top:82px;/*48px;*/ 
	font-stretch: wider; 
	text-align:left;
	padding-left: 4px; 
	font-size: 14px;
	font-weight:normal;
}

.abteilung_uebersicht a{
	margin:0px;
	padding:0px;
	text-align:left;
}

.abteilung_uebersicht a:link, .abteilung_uebersicht a:visited{
	font-size: 14px;
	text-decoration: none;
	color:#333333;
}

.abteilung_uebersicht a:hover,.abteilung_uebersicht a:active{
  color: #669900; /*#e2001a;*/

}

/************************** Ende Navigation WG-Banner *********************/
/************************** Beginn Warengruppen-Inhalt *********************/

#holzbau_platten_details, #bauelemente_details{
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	height:410px;
	width: 790px;
}
#holzbau_platten_oben, #bauelemente_oben{
	text-align: left;
	font-size: 11px;
	margin-top:12px;
	margin-left: 0px;
	margin-bottom:10px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	height:285px;
	width: 790px;
	border-bottom: 1px solid #ccc;
}
#holzbau_platten_unten, #bauelemente_unten{
	text-align: left;
	font-size: 11px;
	margin-left: 0px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	height:100px;
	width: 790px;
}

/************************** Ende Warengruppen-Inhalt *********************/

a.headerlink{
	font-weight: bold;
	font-size: 18px;
	font-style:oblique;
	text-decoration: none;
	color: #ffffff;
}

a.headerlink:link, a.headerlink:visited {
	font-weight: bold;
	font-size: 16px;
	text-decoration: none;
	color: #ffffff;
}

a.headerlink:hover, a.headerlink:active {
	color: #487517; /*#FFFFFF;*/
	padding-left:10px;
}

/************************** Navigation Links *********************/

#button_newsletter{	
	width:179px;
	height:91px;
	border:none;
}

#button_newsletter{
	background: url("../images/newsletter_test.jpg") no-repeat;
}

#button_newsletter:hover{	
	background: url("../images/newsletter_test_over.jpg") no-repeat;
}


.accordionHeader { display: table; width: 100%; }

#navi_links{
	width:180px;
	height:558px; 
	margin:0px;
	padding:0px;
	background-color:#ffffff;
	float:left;
}  

.navi_left_stripe{
	background-color:#ffffff;
	background: url("../images/bg_stripe1_hover.png") repeat transparent;
	height:25px;
	line-height:25px;
	margin:0px;
	padding-left:14px;	
	cursor: pointer;
	border-bottom:1px solid #cccccc;
}

.navi_left_stripe:hover{
	/*background: url("../images/bg_stripe.png") repeat-x scroll 0 0 transparent;*/
	background-color:#cccccc;
}

.ui-accordion-header,.ui-helper-reset,.ui-state-active, .ui-state-default,.ui-state-focus,.ui-corner-top  {
	/*margin-top:16px;*/
}

.navi_left_news{
	height:80px;
	width:166px;
	background-color:#ffffff;
	margin-top:20px;
}

.navi_left_google{
	background-color:#cccccc;
	background: url("../images/bg_stripe1_hover.png") repeat-x transparent;
	height:20px;
	width:180px;
	line-height:20px;
	margin:0px;	
	cursor: pointer;
	position:absolute;
	top:519px;
	border-bottom:1px solid #cccccc;
	border-top:1px dashed #cccccc;
}

.navi_left_google:hover{
     background-color:#cccccc;
	/*background: url("../images/bg_stripe1_hover.png") repeat-x transparent;*/
}

.navi_left_unten{
	background-color:#cccccc;
	background: url("../images/bg_stripe1_hover.png") repeat-x transparent;
	height:20px;
	width:180px;
	line-height:20px;
	margin:0px;	
	position:absolute;
	top:519px;
	border-bottom:1px solid #cccccc;
	border-top:1px dashed #cccccc;
}



.suche_input{
	font-size:14px;
	color:#333333;
	width:140px;
/*background:url("../images/bg_stripe1_hover.png") repeat-x transparent;*/
	background-color:#ffffff;
	float:left;
	margin-left:14px;
	vertical-align:middle;
}

.suche_btn{
	height:20px; 
	width:20px;
   /*background:url("../images/ok20.png") no-repeat;*/
	background-color: #e2001a;
	/* #FF0000;*/
	border:none;
	margin:0px;
	padding:0px;
	vertical-align:middle;
	text-align:center;
	cursor:pointer;
	color:#ffffff;
}

.navi_left_stripe a:link, .navi_left_stripe a:visited, .navi_left_google a:link, .navi_left_google a:visited{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;  /*12*/
	font-weight:normal; /*bold*/ 
	text-decoration: none;
	color:#333333;
}
.navi_left_stripe a:hover,.navi_left_stripe a:active,.navi_left_google a:hover, .navi_left_google a:active {
	color: #487517;
}

/************************** Ende Navigation Links *********************/
/*********** Navigation Footer **********/
#linknavi{
	text-align:center;
	margin: auto;
	padding:0px;
}

.afooter:link, .afooter:visited{
text-align:center;
font-size:14px;
font-weight:normal;
color:#000; /*#666666;*/
font-stretch:expanded;
}

.afooter_small:link, .afooter_small:visited{
text-align:center;
font-size:10px;
font-weight:normal;
color:#000; /*#666666;*/
font-stretch:expanded;
}

.afooter:hover, .afooter:active, .afooter_small:active, .afooter_small:hover{
color:#ffffff; /*#000000;*/
}
/***********************************/

.abteilung{
    background:url("../images/bg_stripe_80.png") repeat-x scroll 0 0 transparent;
	margin:0px;
	padding:0px;
	margin-top:48px;/*48px;*/ 
	font-stretch: wider; 
	text-align:left;
	padding-left: 4px; 
	font-size: 14px;
	font-weight:normal;	
}

.abteilung a{
	margin:0px;
	padding:0px;
	text-align:left;
}

.abteilung a:link, .abteilung a:visited{
	font-size: 14px;
	text-decoration: none;
	color:#333333;
}

.abteilung a:hover,.abteilung a:active{
  color: #669900; /*#e2001a;*/
}

.slogan{
	height:24px;
	width: 1024px; /*836px;*/
	margin:0px;
	padding:0px;
	margin-top:8px;
	/*padding-top:2px;*/
	/*text-align:center;*/
	float:left;
	/*background-color:#FFFFFF;
	background:url("../images/bg_stripe1_alternativ.png") repeat scroll 0 0;*/
}
.slogan h1{
	margin:0px;
	padding:0px;
	margin-left:180px; /*235*/
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight:bold; 
	color: #5e9e18; /*333333;*/
}

.schatten {
 /* Versatz links - Versatz oben - Unschärfe - Schattenradius - Farbe */
  -moz-box-shadow: 5px 10px 10px #333333; /* Firefox */
  -webkit-box-shadow: 5px 10px 10px #000; /* Safari and Chrome */
  box-shadow: 5px 10px 10px #333333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.schatten1 {
  -moz-box-shadow: 3px 3px 5px #333333; /* Firefox */
  -webkit-box-shadow: 2px 2px 5px #333333; /* Safari and Chrome */
  box-shadow: 2px 2px 5px #333333; /* Opera 10.5+, future browsers and IE6+ using IE-CSS3 */
  /*behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

/*abgerundet*/
.rundung {
  -moz-border-radius: 10px; /* Firefox */
  -webkit-border-radius: 10px; /* Safari and Chrome */
  border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.rundung5 {
  -moz-border-radius: 5px; /* Firefox */
  -webkit-border-radius: 5px; /* Safari and Chrome */
  border-radius: 5px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
  behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
}

.groove{
	-moz-border-radius: 10px; /* Firefox */
    -webkit-border-radius: 10px; /* Safari and Chrome */
  	border-radius: 10px; /* Opera 10.5+, future browsers, and now also Internet Explorer 6+ using IE-CSS3 */
    behavior: url(ie-css3.htc); /* This lets IE know to call the script on all elements which get the 'box' class */
	background-image:inherit;
	
}

/*breadcrumb im Aktionsfenster*/
.breadcrumb {
	margin: 12px 4px 4px 10px;
	font-size: 10px;
	color: #808080;
}
.breadcrumb a:link, .breadcrumb a:visited {
	color: #808080;
	text-decoration: underline;}
.breadcrumb a:hover {
	color: #690;/*#487517;*/ /*#000;*/
	text-decoration: underline;}

.bord0 {
	border-color: #808080;
	border-style: solid;
	border-width: 1px;
}

.accordion_content{
	margin:0px;
	padding:0px;
	margin-top:0px;
	margin-left:8px;
}

.accordion_content_p{
	height:20px;
	line-height:20px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px; 
	margin:0px;
	margin-left:8px;
	padding:0px;
	background-color:#FFF;
	background: url("../images/bg_stripe1_hover.png") repeat-x transparent;
	vertical-align:middle;
	color:#333333;
	border-bottom:1px solid #cccccc;
}

.accordion_content_p:hover{
	background-color:#FFF;
	background: url("../images/bg_stripe1.png") repeat-x transparent;
}
.accordion_content_p a:link, .accordion_content_p a:visited{
 	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: none;
	color:#333333;
	padding-left:0px;
	margin-left:8px;
}
.accordion_content_p a:hover,.accordion_content_p a:active{
  color:#487517;

}

.aktion{
	text-align: center;
	height:350px;
	width:832px;
	margin-top:10px;
	z-index:1;
}
.aktion h1{
	font-size:31px;
	color:#333333;
	font-weight:normal;
	margin:0px;
	padding:0px;
	margin-left:20px;
	text-align:left;
	vertical-align:baseline;
	border-bottom:solid 1px #cccccc;
}

.aktion h2{
	font-size:16px;
	color:#669900;
	font-weight:bolder;
	letter-spacing:0.02em;
	margin:0px;
	padding:0px;
	margin-left:42px;
	text-align:left;
	vertical-align:top;
}

.warengruppen{
	margin-top:20px;
	padding-bottom:30px;
	height:89px;
	
	border-bottom:solid 1px #cccccc;
}

.uebersicht_6er, .uebersicht_9er{
	margin-top:20px;
	padding-bottom:30px;
	height:89px;
	border-bottom:solid 1px #cccccc;
}

.uebersicht_3er{
	margin-top:20px;
	padding-bottom:30px;
	height:89px;
	/*border-bottom:solid 1px #cccccc;*/
}
/************************************/

/*a:link {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	/*color: #FF0000;*/
	/*color: #e2001a;
}
		
a:visited {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #FF0000;
}
		  
a:hover {
	font-size: 12px;
	text-decoration: none;
	color: #333333;
	font-weight: normal;
}
		
a:active {
	font-weight: normal;
	font-size: 12px;
	text-decoration: none;
	color: #996600;
}
*/
/***********************************/
.bold {
	font-weight: bold;
}

.center {
	text-align: center;
}

.red {
	color: #e2001a; /* Red;*/
}

.redbold {
	color: #e2001a;
	font-weight: bold;
}

.black {
	color: Black;
}

.blackbold {
	color: Black;
	font-weight: bold;
}

.rel {
	position: relative;
}
.right {
	text-align: right;
}

/**************** aktionfelder ****************************/

.img_people{
position:absolute;
bottom:0px;
right:0px;
z-index:50;
}

#aktionsfeld, #aktionsfeld_bodenbelag, #aktionsfeld_tueren, #aktionsfeld_balkone, #aktionsfeld_fassaden, #aktionsfeld_garten, #aktionsfeld_news, #aktionsfeld_moebel, 
#aktionsfeld_holzbau_platten, #aktionsfeld_einzelhandel, #aktionsfeld_kataloge, #aktionsfeld_workshops, #aktionsfeld_service, #aktionsfeld_mitnehmen,
#aktionsfeld_finanzierung, #aktionsfeld_handwerkersuche, #aktionsfeld_planungshilfe, #aktionsfeld_allesueberparkett, #aktionsfeld_allesueberlaminat,
#aktionsfeld_holzabc, #aktionsfeld_bangkirai, #aktionsfeld_neuheiten, #aktionsfeld_ueberuns, #aktionsfeld_jobsundkarriere, #aktionsfeld_kontakt, #aktionsfeld_agb,
#aktionsfeld_impressum , #aktionsfeld_sitemap, #aktionsfeld_newsletter, #aktionsfeld_footer_parkett, #aktionsfeld_wand_decke, #aktionsfeld_schreinerei {
	width:844px;
	height:558px;
	margin:0px;
	float:left;
	background-color:#ffffff;
}

#aktionsfeld_bodenbelag_parkett{
	width:836px; /*844*/
	height:558px;
	margin:0px;
	margin-right:6px;
	padding-left:2px;
	float:left;
	background-color:#ffffff;
}

#bodenbelag_einzeln_erster,#bodenbelag_einzeln,#bodenbelag_einzeln_laminat,#bodenbelag_einzeln_massivholz{
	float:left;
	height: 200px;
	width:200px;
	margin:0px;
	margin-top:8px;
	padding:0px;
	
	margin-left:16px;
	text-align:center;
	/*border: 1px solid black;*/
	color:#5c5c5c;
}

#bodenbelag_einzeln_erster{
	margin-left:40px;
}

#bodenbelag_einzeln,#bodenbelag_einzeln_laminat,#bodenbelag_einzeln_massivholz{
	margin-left:70px;
}
#bodenbelag_einzeln_erster a, #bodenbelag_einzeln a,#bodenbelag_einzeln_laminat a, #bodenbelag_einzeln_massivholz a{
    color:#5c5c5c;
	margin:0px;
	padding:0px;
	font-size:18px; 
	text-align:left;
	text-decoration:none;
}

#bodenbelag_einzeln_erster a:link, #bodenbelag_einzeln_erster a:visited,#bodenbelag_einzeln a:link, #bodenbelag_einzeln a:visited,#bodenbelag_einzeln_laminat a:link,#bodenbelag_einzeln_laminat a:visited,#bodenbelag_einzeln_massivholz a:link, #bodenbelag_einzeln_massivholz a:visited{
 	font-weight: bold;
	font-size: 18px;
	font-weight:bold;
	text-decoration: none;
	color:#5c5c5c;
}
#bodenbelag_einzeln_erster a:hover,#bodenbelag_einzeln a:hover, #bodenbelag_einzeln_laminat a:hover,#bodenbelag_einzeln_massivholz a:hover, #bodenbelag_einzeln_erster a:active, #bodenbelag_einzeln a:active,#bodenbelag_einzeln_laminat a:active, #bodenbelag_einzeln_massivholz a:active{
  color: #e2001a;
 }
 
#bodenbelag_einzeln_laminat{
 	float:left;
	color:#5c5c5c;
	background: url("../images/parador_laminat_200_grau_test.png") no-repeat transparent;
 }
#bodenbelag_einzeln_laminat:hover{
	background: url("../images/parador_laminat_200_test.png") no-repeat;
 }
 
#bodenbelag_einzeln_massivholz{
 	float:left;
	color:#5c5c5c;
	background: url("../images/massivholzboden_200_grau_test.png") no-repeat transparent;
 }
#bodenbelag_einzeln_massivholz:hover{
	background: url("../images/massivholzboden_200_test.png") no-repeat;
 }

/********************** Bereiche aus Footer ****************************/ 
#impressum_left {
	text-align: left;
	font-size: 11px;
	margin-left: 45px;
	margin-top: 10px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
#impressum_right {
	text-align: left;
	font-size: 11px;
	margin-right: 45px;
	margin-top: 10px;
	float: right;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 } 
 
#impressum_lowerpart {
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	float: left;
	border-top: solid 1px #ccc;
	font-family:Verdana, Arial, Helvetica, sans-serif;
 }
 
#agb, #sitemap {
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}

/**************** Bereiche aus linker Navi ************************/

#einzelhandel, #workshops, #jobsundkarriere, #service, #mitnehmen, #planungshilfe, #newsletter, #kontakt, #bangkirai {
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
}
 
#jobsundkarriere1 {
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	color: #333;
}

#workshop_boden{
	background: url("../images/workshops_bodenbelaege.jpg") no-repeat;
	width:290px;
	height:50px;
	padding-top:100px;
	padding-left:10px;
	float:left;
	font-size:16px;
}
 
#workshop_terrasse{
	background: url("../images/workshops_terrassendielen.jpg") no-repeat;
	width:290px;
	height:50px;
	margin-left:400px;
	padding-top:100px;
	padding-left:10px;
	font-size:16px;
} 
 
#aktion_footer {
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
} 

#parkettdetails, #laminatdetails{
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
}

#newsbeitrag {
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
	/*overflow:scroll;*/
	height: 400px;
}
 
#ueberuns, #news {
	text-align: left;
	font-size: 11px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
} 

#handwerkersuche {
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
}
 
#navi_bangkirai {
	margin-left: 20px;
	float:left;
}

#navi_planungshilfe_parkett {
	margin-left: 20px;
	float:left;
}

#uebersicht{
	text-align: left;
	font-size: 12px;
	margin-top: 10px;
	margin-left: 45px;
	margin-right: 45px;
	float: left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	line-height:1.3;
}

.bangkirai_link a:link, .bangkirai_link a:visited{
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	font-stretch: wider;
	text-decoration: none;
}

.bangkirai_link a:hover {
	color: #690;
}

.green_link a:link, .green_link a:visited {
	text-decoration:underline;
	color: #333;
}

.green_link a:hover {
	color: #690;
} 

.green_link_news a:link, .green_link_news a:visited {
	text-decoration:none;
	color: #333;
	font-weight:bold;
}

.green_link_news a:hover {
	color: #690;
}

.green_link_seitenzahl a:link, .green_link_seitenzahl a:visited {
	text-decoration:none;
	color: #333;
	font-weight:normal;
}

.green_link_seitenzahl a:hover {
	color: #690;
	font-weight:normal;
}

.workshop_link a:link, .workshop_link a:visited {
	color: #333;
	line-height:1.5;
}

.workshop_link a:hover {
	color: #690;

	line-height:1.5;
}

.big_green_link a:link, .big_green_link a:visited {
	text-decoration:underline;
	color: #333;
	font-size:14px;
}

.big_green_link a:hover {
	color: #690;
	font-size:14px;
} 

.green_link_NU a:link, .green_link_NU a:visited{
	color: #333;
	font-size: 12px;
	line-height: 1.5;
	font-stretch: wider;
	text-decoration: none;
}

.green_link_NU a:hover {
	color: #690;
}

.newsletter_link a:link, .newsletter_link a:visited {
	width:179px;
	height:91px;
	background: url("../images/newsletter_test.jpg") no-repeat transparent;
 }
.newsletter_link a:hover, .newsletter_link a:active{
	width:179px;
	height:91px;
	background: url("../images/newsletter_test_over.jpg") no-repeat;
 }
/************* Kataloge *****************/

.katalog_border {
	border-color: #ccc;
	border-style: solid;
	border-width: 1px;
}

/************* Ende Kataloge *****************/

/************* Beginn Newsbeiträge *****************/

.newsbeitrag {
	color:#333;
	
}

.newsbeitrag h3{
	font-size:20px;
	color:#333;
	margin:0px;
}

.newsbeitrag h4{
	font-size:16px;
	color:#333;
	margin:0px;
}

.newsbeitrag h5{
	font-size:14px;
	color:#333;
	margin:0px;
}
/************* Ende Newsbeiträge *****************/


#ssv{
margin: 14px 30px;
padding:0;
/* background: url("../images/aktion_ssv_790x450.jpg") no-repeat;*/

 float:left;
 background-color:#ffffff;
 text-indent: center; 
 }
 
 .aktion_stripe{
 	height:20px;
 	width:844px;
	background-color:#cccccc;
	background: url("../images/bg_stripe1.png") repeat-x transparent;
 	line-height:20px;
	margin:0px;
	position:absolute;
	top:519px;
	border-bottom:1px solid #cccccc;
	border-top:1px dashed #cccccc;
	cursor:default;
	float:left;
	z-index:2;
 }
 .aktion_stripe:hover{
 	background: url("../images/bg_stripe1_hover.png") repeat-x transparent;
 }
  
.aktion_stripe p{
   color:#333333;
   font-size: 11px; 
   text-align:left;
   font-weight:normal;
   margin:0px;
   margin-left:50px;
   padding:0px;
   z-index:2;
}
 

/*
 * jQuery UI Tabs 1.8.10
 *
 * Copyright 2011, AUTHORS.txt (http://jqueryui.com/about)
 * Dual licensed under the MIT or GPL Version 2 licenses.
 * http://jquery.org/license
 *
 * http://docs.jquery.com/UI/Tabs#theming
 */
.ui-tabs { position: relative; padding: 0; zoom: 1; } /* position: relative prevents IE scroll bug (element with position: relative inside container with overflow: auto appear as "fixed") */
.ui-tabs .ui-tabs-nav { margin: 0; padding: 0; }
.ui-tabs .ui-tabs-nav li { list-style: none; float: left; position: relative; top: 1px; margin: 0 .2em 1px 0; border-bottom: 0 !important; padding: 3px 6px; white-space: nowrap; }
.ui-tabs .ui-tabs-nav li a { float: left; text-decoration: none; background: #ccc; padding: 0 5px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { margin-bottom: 0; padding-bottom: 1px; }
.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, .ui-tabs .ui-tabs-nav li.ui-state-disabled a, .ui-tabs .ui-tabs-nav li.ui-state-processing a { cursor: text; }
.ui-tabs .ui-tabs-nav li a, .ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { cursor: pointer; } /* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */
.ui-tabs .ui-tabs-panel { display: block; border-width: 0; padding: 0; background: none; }
.ui-tabs .ui-tabs-hide { display: none !important; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited {
    color: #EB8F00;
    outline: medium none;
    text-decoration: none;}

#tabs { height: 370px; } 
.tabs-bottom { position: relative; } 
.tabs-bottom .ui-tabs-panel { height: 330px; overflow: auto; } 
.tabs-bottom .ui-tabs-nav { position: absolute !important; left: 0; bottom: 0; right:0; padding: 0; } 
.tabs-bottom .ui-tabs-nav li { margin-top: -2px !important; margin-bottom: 1px !important; border-top: none; border-bottom-width: 1px; }
.ui-tabs-selected { margin-top: -3px !important; }

.clear {
	clear: both;
	float: none;
	height: 0;
	font-size: 0;}

.contentArea {
	width: 812px;
	margin-left: 20px;
	padding-top: 10px;}
	
a.employeeImageInfo:link, a.employeeImageInfo:visited {
	display: block;
	width: 120px;
	height: 180px;}
a.employeeImageInfo:hover {
	background-position: 0 -180px;}
.wengerter_info {
	background: url(../images/mitarbeiter/wengerter_info.jpg);}
.jopp_info {
	background: url(../images/mitarbeiter/jopp_info.jpg);}
.walter_info {
	background: url(../images/mitarbeiter/walter_info.jpg);}
.deboy_info {
	background: url(../images/mitarbeiter/deboy_info.jpg);}
.koehl_info {
	background: url(../images/mitarbeiter/koehl_info.jpg);}
.marhoefer_info {
	background: url(../images/mitarbeiter/marhoefer_info.jpg);}
.safran_info {
	background: url(../images/mitarbeiter/safran_info.jpg);}
.fleischhacker_info {
	background: url(../images/mitarbeiter/fleischhacker_info.jpg);}
.gitter_info {
	background: url(../images/mitarbeiter/gitter_info.jpg);}
.hfrey_info {
	background: url(../images/mitarbeiter/hfrey_info.jpg);}
.guendling_info {
	background: url(../images/mitarbeiter/guendling_info.jpg);}
.kreuzer_info {
	background: url(../images/mitarbeiter/kreuzer_info.jpg);}
.welge_info {
	background: url(../images/mitarbeiter/welge_info.jpg);}
.streit_info {
	background: url(../images/mitarbeiter/streit_info.jpg);}
.heidt_info {
	background: url(../images/mitarbeiter/heidt_info.jpg);}
.nietsch_info {
	background: url(../images/mitarbeiter/nietsch_info.jpg);}
.subtil_info {
	background: url(../images/mitarbeiter/subtil_info.jpg);}
.mastroserio_info {
	background: url(../images/mitarbeiter/mastroserio_info.jpg);}
.burda_info {
	background: url(../images/mitarbeiter/burda_info.jpg);}
.mclea_info {
	background: url(../images/mitarbeiter/mclea_info.jpg);}
.pforr_info {
	background: url(../images/mitarbeiter/pforr_info.jpg);}
.betz_info {
	background: url(../images/mitarbeiter/betz_info.jpg);}
.karl_info {
	background: url(../images/mitarbeiter/karl_info.jpg);}
.leschyna_info {
	background: url(../images/mitarbeiter/leschyna_info.jpg);}
	
.tooltipBox {
	width: 500px;
	height: 300px;
	padding: 5px;
	color: #333;
	font-size: 13px;}

.tooltipBox p {
	margin: 0;
	padding: 0;
	margin-bottom: 13px;}		

.tooltipImage {
	margin-right: 5px;}
	
.tooltipBox a:link, .tooltipBox a:visited {
	color: #333;
	text-decoration: underline;}
.tooltipBox a:hover {
	color: #690;}	
 
.tel {
	padding-top: 8px;
	color: #690;
	font-size: 17px;
	font-weight: bold;}