/* GLOSSAR 
Autor: Lutz Essers, der springende punkt kommunikation gmbh, Köln (http://dspkomm.de)

Name: Prämeta Index-Seite
Datum: August 2012
Beschreibung: Basistemplate
Version: 1.1
Autor: Lutz Essers, der springende punkt kommunikation gmbh, Köln 
Autor URI: http://dspkomm.de

verwendete Farben:
rgb{0,0,255} Prämeta-Blau

#ddd			Hintergrundgrau
#369			deutscher Text
#7e7e7e			englischer Text
rgb(77,77,77)	Navigation Rollover
/*-----------------------------------------*/

/*
INDEX
1. Reset
2. Clearfix
3. Struktur
4. Global
5. Queries
*/










/* 1. RESET –––––––––––––––––––––*/

/* http://meyerweb.com/eric/tools/css/reset/ 
-------------------------------------------*/

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, 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-size : 100%; vertical-align : baseline; background : transparent; }
body { line-height : 1; }
ol, ul { list-style-type : none; }
blockquote, q { quotes : none; }
blockquote:before, blockquote:after, q:before, q:after { content : ''; content : none; }
:focus { outline : 0; }
ins { text-decoration : none; }
del { text-decoration : line-through; }

/* Make HTML 5 elements block-level for consistent styling */
header, nav, article, footer, address, aside, section { display:block; }

nav ul {
	list-style: none;
}

blockquote, q {
	quotes: none;
}

blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

a {
	margin: 0;
	padding: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}

ins {
	background-color: #ff9;
	color: #000;
	text-decoration: none;
}

mark {
	background-color: #ff9;
	color: #000; 
	font-style: italic;
	font-weight: bold;
}

del {
	text-decoration: line-through;
}

abbr[title], dfn[title] {
	border-bottom: 1px dotted;
	cursor: help;
}

table {
	border-collapse: collapse;
	border-spacing: 0;
}

/* change border colour to suit your needs */
hr {
	display: block;
	height: 1px;
	border: 0;   
	border-top: 1px solid #cccccc;
	margin: 1em 0;
	padding: 0;
}

input, select {
	vertical-align:middle;
}

/*-------------------------------------------------------------------*/










/* 2. CLEARFIX -------------------------------------------------------*/

/* More info: http://nicolasgallagher.com/micro-clearfix-hack/


.cf:before,
.cf:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.cf:after {
    clear: both;
}

/**
 * For IE 6/7 only
 * Include this rule to trigger hasLayout and contain floats.
 */
.cf {
    *zoom: 1;
}
/*-------------------------------------------------------------------*/









/* 3. STRUKTUR ------------------------------------------------------*/
html {background:  #ddd;
	font-size: 62.5%; /* Base font size: 10px als Basis für rem-Werte*/
	}

body { 
	position: relative;
	line-height: 16px;
	line-height: 1.6rem;
	margin: 10px auto;
	font-family: 'Droid Sans', 'Helvetica Neue', Helvetica, Arial, sans-serif; 
	text-align: left;
	min-height: 600px;
	width: 1100px;
	height:auto;
				  background-color: rgb(240,240,240);
   -moz-box-shadow: 0 0 4px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 0 0 4px #ffffff; /* Saf3.0+, Chrome */
        box-shadow: 0 0 4px #ffffff; /* Opera 10.5, IE 9.0 */
           -moz-border-radius: 12px; /* FF1+ */
        -webkit-border-radius: 12px; /* Saf3-4 */
                border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
			}
/*-------------------------------------------------------------------*/

			
			
			
			
/*--STARTSEITE--*/


#home header {
	height: 50px;
}

#home #logo {	
	background: url(img/logo.gif) no-repeat center center;
	float: left;
	width: 200px;
	margin: 25px 0 0 102px;
	padding: 5px;
	}

#home #entry_de {
	position: absolute;
	top: 150px;
	left: 244px;
	width: 222px;
	font-size: 12px;
	font-size: 1.2rem;
	z-index: 0;
}

#home #entry_en {
	position: absolute;
	top: 150px;
	left: 497px;
	width: 222px;
	font-size: 12px;
	font-size: 1.2rem;
	z-index: 0;
color: rgb(126,126,126);
}

#home #entry_news_de {
	position: absolute;
	top: 150px;
	left: 750px;
	width: 222px;
	font-size: 12px;
	font-size: 1.2rem;
        font-weight: bold;
	z-index: 0;
}

#home #entry_news_de a {
        color: #369;
}

#home #entry_news_de a:hover {
        color: rgb(126,126,126);
}

#home #entry_news_en {
	position: absolute;
	top: 166px;
	left: 750px;
	width: 222px;
	font-size: 12px;
	font-size: 1.2rem;
        font-weight: bold;
	z-index: 0;
color: rgb(126,126,126);
}

#home .de {
	color: #369;
}

#home a:hover .de {
	color: rgb(77,77,77);
}

#home #nav.en {
	top: 33px;
	right:-19px;
	z-index: 30;
	font-size: 12px;
	font-size: 1.2rem;
}

#home #nav.de li a {
	color:#369;
}

#home .bereichswaehler {
	position: absolute;
	top: 280px;
	width: 222px;
	z-index: 0;
}

#home .bereichswaehler.moebel {
	left: 240px;
}

#home .bereichswaehler.medizin {
	left: 490px;
}

#home .bereichswaehler.ap {
	left: 740px;
}

#home .bereichswaehler span {
background: #F0F0F0; /* old browsers */
background: -moz-linear-gradient(top, #F0F0F0 0%, #C8C8C8 100%); /* firefox */

background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,rgb(200,200,200))); /* webkit */

filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#909090',GradientType=0 ); /* ie */
	width: 100px;	
	padding:  15px 0 10px 4px;
    margin-left: 4px;	
	display: inline-block;
		   -moz-box-shadow: 2px 2px 14px #999; /* FF3.5+ */
		-webkit-box-shadow: 1px 1px 14px #999; /* Saf3.0+, Chrome */
		        box-shadow: 2px 2px 14px #999; /* Opera 10.5, IE 9.0 */
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#home .bereichswaehler span a {
        padding: 0px;
	font-size: 14px;
	font-size: 1.4rem;
        color: #369;
        text-shadow: -1px -1px 1px rgba(80,80,80,.3), 1px 1px 1px rgba(256,256,256,.3);        
}

#home .bereichswaehler span a.en {
	     color: rgb(126,126,126);
	}

#home.bereichswaehler span a:hover{
color: rgb(77,77,77);
font-weight: bold;
background: transparent;	  
}

#home .beschriftung {
text-align: center;
}

#home .beschriftung a {
margin: 0 3px 0 -3px;
}

#home .titelbild {	
		   -moz-box-shadow: 2px 2px 14px #999; /* FF3.5+ */
		-webkit-box-shadow: 2px 2px 14px #999; /* Saf3.0+, Chrome */
		        box-shadow: 2px 2px 14px #999; /* Opera 10.5, IE 9.0 */
	   -moz-border-radius: 0px; /* FF1+ */
	-webkit-border-radius: 0px; /* Saf3-4 */
	        border-radius: 0px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

#home .titelbild img {
	padding: 2px 2px 0 3px;
	width: 216px;
	height: 165px;
}

#home .titel_moebel_vis,
#home .titel_med_vis  {
		   -moz-box-shadow: 0px 0px 20px rgba(5,160,256,.5); /* FF3.5+ */
		-webkit-box-shadow: 0px 0px 20px rgba(5,160,256,.5); /* Saf3.0+, Chrome */
		        box-shadow: 0px 0px 20px rgba(5,160,256,.5); /* Opera 10.5, IE 9.0 */
}

#home .over {
	display: none;
}

#home footer {
	position: absolute;
	bottom:  10px;
	width:  100%; 
	border-top: 2px solid #fff;
	padding-top: 10px;
}

#home footer p {
	margin-left: 48px;
	color: #999;
	display: inline;
}

#home footer a {
	float: right;
	margin-right: 50px;
}   
/*-------------------------------------------------------------------*/





/*--NAVIGATION--*/


#nav {
position:absolute;
top: 0;
right:  30px;
line-height: 10px;	
width: 670px;
border-left: 3px solid #fff;
padding-left: 5px;
z-index: 100;
}

#nav li a, 
#nav li {
 float: left;
}

#nav li {
border-left: 0 solid #fff;
padding: 20px 15px 0 0;
position: relative;
}

#nav li a {
 text-decoration: none;
 color: rgb(126,126,126);
	font-size: 12px;
	font-size: 1.2rem;
 font-weight: bold;
}

#nav li a:hover {
	color: rgb(77,77,77);
	background: transparent;
	font-weight: bold;
	}
	
	
	
/* Submenu */

#nav li ul {
	background: rgb(240,240,240);
	   -moz-box-shadow: 2px 4px 8px #999; /* FF3.5+ */
	-webkit-box-shadow: 2px 4px 8px #999; /* Saf3.0+, Chrome */
	        box-shadow: 2px 4px 8px #999; /* Opera 10.5, IE 9.0 */
   -moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
        text-align: left;
        margin: 10px;	
        padding:3px 5px;
 display: none;
 position: absolute;
 left: 0;
 top: 100%;
 padding: 0; margin: 0;
 z-index: 20;
}

#nav li:hover > ul {
 display: block;
  z-index: 20;
}

#nav li ul li, 
#nav li ul li a {
 float: none;
 padding: 2px;
 width: 200px;
 line-height: 1.2em;
  font-weight: normal;
 
}

#nav li ul li:first-child {
	padding-top: 10px;
}

#nav li ul li:last-child {
	padding-bottom: 5px;
}

#nav li ul li {
 _display: inline; /* for IE6 */
}

#nav li ul li a {
 display: block;
}



/* SUBSUB Menu */

#nav li ul li ul {
 display: none;
}

#nav li ul li:hover ul {
 left: 100%;
 top: 0;
}

#nav li ul li:hover ul.last{
 left: -100%;
 top: 0;
}
/*-------------------------------------------------------------------*/





/*---HEADER---*/


#header,
header {
	position: relative;
	height: 150px;
	width: 100%;
}

#logo {	
	background: url(img/logo.gif) no-repeat center center;
	float: left;
	width: 200px;
	padding: 5px;	
	margin: 40px 0 0 50px;
	}

.logo {

	}
/*-------------------------------------------------------------------*/

	
	
	
	
	
/*---CONTENT---*/ 


#main {
	padding-bottom: 50px;
	height: auto;
}
	
#main h2 {
	padding-left: 20px;
	}
	
#main li {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 160%;
}	

.h3,
.maincontent {
	background: rgb(212,212,212);	
	border: 1px solid #369;
	padding: 2%;
	margin: 0 0 20px 20px;
	/*min-height: 400px;*/
	height:auto;
	width: 92%;
	color: #fff;
	z-index: 10;
	position: relative;
min-height: 100%; /* Mindesthöhe für moderne Browser */
height:auto !important;  /* Important Regel für moderne Browser */ 
height:100%; /* Mindesthöhe für den IE */
overflow: hidden !important; /* FF Scroll-leiste */
	}
	
.uebersicht,
.artikel {
	min-height: 110px;
	overflow: visible;
	position: relative;
	display: block;
	border: 1px solid #aaa;
	padding: 20px 10px 10px 5px;
	margin-bottom: 20px;
	     -moz-box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
	  -webkit-box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
	          box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
	
}

.artikel header,
.uebersicht header {
	position: absolute;
	padding: 5px 20px 3px 3px;
	width: 200px;
	height: 130px;
	top: 10px;
	z-index: 10;
}

.artikel header.headerdetail {
	position: absolute;
	padding: 5px 20px 5px 3px;
	width: 220px;
	top: -50px;
	left: 700px;
	z-index: 10;
}

.artikel header p
{
		font-weight: bold;
		color: #343;
		padding-bottom: 12px;
}

.artikel header h4 {
	color: #343;
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 17px;
	line-height: 1.7rem;
	margin-top: 2px;
}

#breadcrumb {
	position: absolute;
	top: 130px;
	left:45px;
width: 60%;
}
#breadcrumb ul {
	padding: 0px;	
	width: auto;

}

#breadcrumb ul li{
display: inline;
padding: 0 5px;
}

#breadcrumb ul li:first-child {
padding-left: 0px;
}

.B_crumbBox {color:#999;}
/*-------------------------------------------------------------------*/





					/*PRODUKTGRUPPE*/
#prodgruppe {
	padding-bottom:200px;
}

#prodgruppe .uebersicht {
	height: 300px;
	margin: 20px 0;	
}

#prodgruppe .uebersicht .beschlag_gross {
position: absolute;
top: 80px;
left:30px;
width:960px;
margin: 0;
}

#prodgruppe.vertretung.beschlag_gross {
	top:20px;
}

#prodgruppe .uebersicht .beschlag_gross a,
#prodgruppe .uebersicht .film {
	display: inline;
	float: left;
}	

#prodgruppe .uebersicht .film {
	margin-right: 20px;
	margin-top: -20px;
}

#prodgruppe a:hover .figcaption {
color: #000;
}


#prodgruppe .figcaption {
font-size:  12px;
font-size:  1.2rem;
color: rgb(99,99,99);
padding-left: 2px;
width: 150px;
}

#prodgruppe .detailbild {
	margin-right: 9px;
	height: 150px;
	width: 150px;
}

#prodgruppe .imgcapStauer .detailbild {
	margin-right: 10px;
	height: 150px;
	width: 180px;
}

#prodgruppe .vertretung .detailbild {
	width: 80px;
	height: 80px;
}
/*-------------------------------------------------------------------*/


/*DETAIL*/
#moebel_detail .artikel {
	min-height: 300px;
	padding: 0 10px 0 5px;	
}

#moebel_detail .artikel header{
	position: absolute;
	padding: 5px 20px 5px 3px;
	width: 420px;
	top: -35px;
	left: 445px;
	z-index: 10;
}

#moebel_detail .artikel header h3,
#ap h3 {
	margin-bottom:20px;	
}

#moebel_detail .artikel header h4 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 18px;
	line-height: 1.8rem;
margin-top: -9px;
}

#moebel_detail .artikel header p {
	font-size: 1.2em;
	font-weight: normal;
	margin-top:10px;	
}

#moebel_detail .artikel div {
	height: 50px;
}

#artnr {
margin: 20px 0 40px;
}

#moebel_detail .pdf,
#moebel_detail .mal,
#ap .pdf,
#ap .mal {
	margin: 0px 0px 0 0px;
	line-height:10px;
    padding: 10px 40px;
bottom:10px;
}

#moebel_detail .pdf,
#ap .pdf {
	background: url(img/adobe.gif) left center no-repeat;
}

#moebel_detail .mal,
#ap .mal {
	background: url(img/mal.png) left center no-repeat;
}

#moebel_detail .detail {
	margin: 80px 10px 0px 680px;
	padding: 5px 10px;
}

#moebel_detail .detail li {
list-style: square;
}

#moebel_detail .beschlag_gross {
position: absolute;
top: 80px;
left: 20px;
margin: 0;
}

#moebel_detail .detailbild {
	background: #fff;
	margin-right: 10px;
	height: 200px;
	width:200px;
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
	-webkit-border-radius: 50px;
	
	-moz-box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
	-moz-border-radius: 5px;
	
	box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
	border-radius: 5px
}





/*UNTERGRUPPE*/
#untergruppe .artikel {
	height: 135px;
}

#untergruppe .detail,
#ap .detail {
	height:  190px;
	position: absolute;
	right: 20px;
	left: 700px;
}

#untergruppe .artikel .beschlag_thumb {
    position: absolute;
    left: 170px;
    top: 10px;
}

#untergruppe .beschlag_thumb img {
	margin-right: 10px;
	width:  120px;
	height:  120px;	
	}


#untergruppe table {
	width: 290px;
font-size:  12px;
font-size:  1.2rem;
line-heigt: 16px;
line-height: 1.8rem;	
	text-align: center;
	margin: -10px 0 0 10px;
}

table a {
	background: url(img/button13.png) no-repeat;
	width: 13px; height: 13px;
	margin: auto;
	display: block;
	text-indent: -10000px;
	
	-webkit-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
	-webkit-border-radius: 5px;
	
	-moz-box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
	-moz-border-radius: 5px;
	
	box-shadow: 0 0 3px 0 rgba(0,0,0,.2);
	border-radius: 5px;	
}

table a:hover {
	-webkit-box-shadow: 
		0px 0 8px 1px rgba(0,0,255,.2),
		inset 0 0 20px 6px rgba(0,0,255,.1);
		
	-moz-box-shadow: 
		0px 0 8px 1px rgba(0,0,255,.2),
		inset 0 0 20px 6px rgba(0,0,255,.1);
	
	box-shadow: 
		0px 0 8px 1px rgba(0,0,255,.2),
		inset 0 0 20px 6px rgba(0,0,255,.1);		
}

table a:active {
	-webkit-box-shadow: 
		0px 0 8px 1px rgba(0,0,255,.6),
		inset 0 0 20px 6px rgba(0,0,255,.1);
		
	-moz-box-shadow: 
		0px 0 8px 1px rgba(0,0,255,.6),
		inset 0 0 20px 6px rgba(0,0,255,.1);
		
	box-shadow: 
	0px 0 8px 1px rgba(0,0,255,.6),
	inset 0 0 20px 6px rgba(0,0,255,.1);
}


table tr td:nth-child(odd) {
width: 160px;
}

table tr td:nth-child(even) {
width: 200px;
}

table tr th{
width: 220px;
}





							/*AQUAPROTECT*/
.artikel.ap {
    min-height: 580px;
}

.ap_thumb,
.ap_thumb_tab {
	margin-left: 210px;
	m
argin-top:0;
    width: 470px;
}

.ap_thumb img {
	margin-right: 14px;
	width:  225px;
	height:  auto;
   -moz-box-shadow: 0 0 2px #999; /* FF3.5+ */
-webkit-box-shadow: 0 0 2px #999; /* Saf3.0+, Chrome */
        box-shadow: 0 0 2px #999; /* Opera 10.5, IE 9.0 */
           -moz-border-radius: 5px; /* FF1+ */
        -webkit-border-radius: 5px; /* Saf3-4 */
                border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */}
                
.ap_thumb img:nth-child(even) {
	margin-right: 0;
	}                
           


.ap_thumb_tab .table {
		width: 450px;
		font-size: 14px;
}
	
.ap_thumb_tab tr.headline td {
		background: #fff;
		font-size: 16px;
			}
			
.ap_thumb_tab td {
		line-height: 160%;
		text-align:center;
		padding-bottom:20px;
	}
.ap_thumb_tab tr.light {
		background: #d5e9f3;
	}
	
.ap_thumb_tab tr.dark {
		background: #c0e5f4;
	}
	
.ap_thumb_tab img.table {
		width: 80px;
		margin: 20px 0 -20px 10px;
		
	}
.ap_thumb_tab .klein {
	width:11px;
	padding: 0 6px 0 5px;
}

.ap_thumb_tab .gross {
	width:15px;
	padding: 0 5px 0 3px;
}


.ap_thumb_tab .tab_ol {
	           -moz-border-radius: 5px 0 0 0; /* FF1+ */
        -webkit-border-radius: 5px 0 0 0; /* Saf3-4 */
                border-radius: 5px 0 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */

}

.ap_thumb_tab .tab_or {
	           -moz-border-radius: 0 5px 0 0 0; /* FF1+ */
        -webkit-border-radius: 0 5px 0 0; /* Saf3-4 */
                border-radius: 0 5px 0 0; /* Opera 10.5, IE 9, Saf5, Chrome */

}

.ap_thumb_tab .tab_ur {
	           -moz-border-radius: 0 0 5px 0; /* FF1+ */
        -webkit-border-radius: 0 0 5px 0; /* Saf3-4 */
                border-radius: 0 0 5px 0; /* Opera 10.5, IE 9, Saf5, Chrome */

}

.ap_thumb_tab .tab_ul {
	           -moz-border-radius: 0 0 0 5px; /* FF1+ */
        -webkit-border-radius: 0 0 0 5px; /* Saf3-4 */
                border-radius: 0 0 0 5px; /* Opera 10.5, IE 9, Saf5, Chrome */

}




.detail_service {
	position: absolute;
	top: 285px;
	height:  190px;
	right: 20px;
	left: 700px;
	padding: 5px 15px;
/*-moz-box-shadow: 0px 0px 2px #999;
-webkit-box-shadow: 0px 0px 2px #999; 
        box-shadow: 0px 0px 2px #999; 
  background-color: #ddd;
  background-image: -moz-linear-gradient(top, #ccc, #ddd); 
  background-image: -o-linear-gradient(top, #ccc, #ddd); 
  background-image: -webkit-gradient(linear,left top,left bottom,color-stop(0, #ccc),color-stop(1, #ddd)); 
  background-image: -webkit-linear-gradient(#ccc, #ddd); 
  background-image: linear-gradient(top, #ccc, #ddd); */
}


.detailbild:last-child {
	margin-right: 0;
	}

.detail li {
list-style-position: inside;
}



th {
	font-size: 12px;
	width: 25%;
}	

td {
	width: 25%;
}








/*--- UNTERNEHMEN ---*/


.unternehmen_content {
  height:auto;
  width:500px;
  text-align:justify;
  margin:-10px 20px 50px 430px;
  padding:20px 80px 0px 20px;
  position:relative;
}

.unternehmen_img {
  float:left;
  width:400px;
  height:auto;
  margin:15px 10px 60px 0px;
  border:1px solid black;
}

#unternehmen h3 {
	margin-bottom:22px;	
}



/*-------------------------------------------------------------------*/

#untergruppe .beschlag_thumb img,
.detailbild {	
	background: #fff;
	-webkit-box-shadow: 0 0 5px 0px #999;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 0 5px 0px #999;
	-moz-border-radius: 5px;	
	box-shadow: 0 0 5px 0px #999;
	border-radius: 5px;
}


/*---FOOTER---*/


footer{
	position: absolute;
	bottom:  10px;
	width:  100%; 
	border-top: 2px solid #fff;
	padding-top: 10px;
}

.foo_index {
	position: absolute;
	width:  100%;
	bottom: -2px; 
	border-top: 2px solid #fff;
	padding-top: 10px;
}

footer p,
.foo_index p {
	margin-left: 48px;
	color: #999;
	display: inline;
	font-size:  10px;
	font-size:  1rem;
}

footer a {
	float: right;
	margin-right: 50px;
}	

.foo_index p {
	margin-right: 10px;
	float: right;
}

.foo_index .brand {
	float:left;
}

.foo_index a:nth-child(odd) {
	color: #369;
}

.foo_index .last {
	margin-right: 50px;
}

/*-------------------------------------------------------------------*/





/*---ANSPRECHPARTNER---*/


.artikel_ansprechpartner {
    position: relative;
    height: 170px;
    border: 1px solid #aaa;
    padding: 0px 10px 0px 5px;
    margin: 23px 0;
         -moz-box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
      -webkit-box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
              box-shadow: -1px -1px 1px #999, 1px 1px 1px #eee; 
} 

.ansprechpartner {
	float:left;
	width: 330px;
	padding: 10px 0;
}  

.ansprechpartner h4 {
    margin: 0px 0 0 120px;
    color: #333;
    width: 180px;
}

.ansprechpartner p {
    margin: 10px 0 0 120px;
    color: #333;
    width:180px;
}

.ansprechpartner p:last-child {
	position: absolute;
	bottom: 8px;
}

.ansprechpartner img {
    float:left;
    margin: 0px 10px 0 0;
    height: 150px;
    -webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
    -webkit-border-radius: 5px;
    -moz-box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
    -moz-border-radius: 5px;
    box-shadow: 0 0 3px 0px rgba(0,0,0,.2);
    border-radius: 5px
}
/*-------------------------------------------------------------------*/





/*---VERTRETUNGEN---*/


#vert_uebers .artikel {
	height: 200px;
	margin: 5px 0 40px;	
}

#vert_uebers .vert_laender {
position: absolute;
top: 20px;
left:30px;
width:960px;
margin: 0;
}

#vert_uebers .vert_laender a {
	display: inline;
	float: left;
	width: 120px;
	margin-bottom: 20px;
}	

#vert_uebers a:hover .figcaption {
color: #000;
}


#vert_uebers .figcaption {
font-size:  12px;
font-size:  1.2rem;
color: rgb(99,99,99);
padding-left: 2px;
width: 100px;
}

#vert_uebers .detailbild {
	margin-right: 5px;
	height: 50px;
}

#vert_uebers .imgcapStauer .detailbild {
	margin-right: 10px;
	height: 150px;
	width: 180px;
}

.artikel.vertretung {
	min-height: 150px;
	float:left;
	margin: 10px 5px 10px 100px;
	position: relative;
	height:auto;
	width:860px;
}

.artikel.vertretung h3 {
	position: absolute;
	top:10px;
}


.artikel.vertretung h4 {
	font-size: 12px;
	font-size: 1.2rem;
	line-height: 16px;
	line-height: 1.6rem;
	margin-top: 5px;
	float:left;
	margin-left: 260px;
	width: 250px;
}

/*.artikel.vertretung h4 {
	position: absolute;
	top: 5px;
	left: 260px;
	width: 250px;
}*/

.artikel.vertretung header {
	width: 280px;
	height: auto;
	margin: -10px 0px 0px 0px;
}

.artikel.vertretung .komdat {
	float:left;
	margin: -10px 0px 0px 550px;
	}	

.komdat td {
	text-align: left;
	
}

.komdat td:first-child {
	color: #888;
	padding-right:20px;
}

.table {
	margin-top: 30px;
}

.flagge {
position: absolute;
top: 50px;
left: -18px;
}

.flagge img {
	width:  50px;
   -moz-box-shadow: 0 0 2px #999; /* FF3.5+ */
-webkit-box-shadow: 0 0 2px #999; /* Saf3.0+, Chrome */
        box-shadow: 0 0 2px #999; /* Opera 10.5, IE 9.0 */
           -moz-border-radius: 5px; /* FF1+ */
        -webkit-border-radius: 5px; /* Saf3-4 */
                border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */}
/*-------------------------------------------------------------------*/

                
                
                
                
/*---DETAILSUCHE---*/

.detailsuche {
	margin-left: 180px;
	margin-top: -3px;
	}

#detailsuche .ergebnis p {
	font-size:14px;               
	font-size: 1.4rem;
	color: #333;
	padding-right: 20px;
	padding-left: 2px;
	line-height:18px;
	margin-bottom: 8px;
}

#detailsuche .artikel {
	min-height: 30px;
	width: 30%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

#detailsuche .artikel.liste {
	min-height: 30px;
	width: 98%;
	margin-right: 2%;
	display: inline-block;
	vertical-align: top;
}

.liste {
	font-size:  12px;
font-size:  1.2rem;               
	line-height:18px;
	width: 960px;
}

#detailsuche .artikel:nth-child(3n+1) {
	margin-right: 0;
}

#detailsuche .artikel header {
	height: 30px;
	}
	
#detailsuche .ergebnis {
	margin-top: 30px;
	left: 150px;
	width: auto;
	min-width: 150px;
	height: auto;
	/*background: #ddd;*/
	padding: 0;
	z-index: 90;
}


	
/*-moz-box-shadow: 3px 3px 22px rgb(74,74,74);
-webkit-box-shadow: 3px 3px 22px rgb(74,74,74);
box-shadow: 3px 3px 22px rgb(74,74,74);
	
  -webkit-border-radius: 12px;
     -moz-border-radius: 12px;
          border-radius: 12px; */
}


/*.close {
	position: absolute;
	right: -15px;
	top: -15px;
}*/
/*-------------------------------------------------------------------*/









/* 4. GLOBAL -------------------------------------------------------*/

/* Hintergründe */
html {background:  #ddd;}

body {
				  background-color: rgb(240,240,240);
   -moz-box-shadow: 0 0 4px #ffffff; /* FF3.5+ */
-webkit-box-shadow: 0 0 4px #ffffff; /* Saf3.0+, Chrome */
        box-shadow: 0 0 4px #ffffff; /* Opera 10.5, IE 9.0 */
           -moz-border-radius: 12px; /* FF1+ */
        -webkit-border-radius: 12px; /* Saf3-4 */
                border-radius: 12px; /* Opera 10.5, IE 9, Saf5, Chrome */
			}

#home #logo {	background: url(img/logo.png) no-repeat center center;}

#home .bereichswaehler span {
background: #F0F0F0; /* old browsers */
background: -moz-linear-gradient(top, #F0F0F0 0%, #C8C8C8 100%); /* firefox */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#F0F0F0), color-stop(100%,rgb(200,200,200))); /* webkit */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#F0F0F0', endColorstr='#909090',GradientType=0 ); /* ie */
	width: 100px;	
	padding:  15px 0 10px 4px;
    margin-left: 4px;	
	display: inline-block;
		   -moz-box-shadow: 2px 2px 14px #999; /* FF3.5+ */
		-webkit-box-shadow: 1px 1px 14px #999; /* Saf3.0+, Chrome */
		        box-shadow: 2px 2px 14px #999; /* Opera 10.5, IE 9.0 */
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
-moz-border-radius-bottomright: 5px;
-moz-border-radius-bottomleft: 5px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
border-bottom-right-radius: 5px;
border-bottom-left-radius: 5px;
}

#nav li ul {
	background: rgb(240,240,240);
	   -moz-box-shadow: 2px 4px 8px #999; /* FF3.5+ */
	-webkit-box-shadow: 2px 4px 8px #999; /* Saf3.0+, Chrome */
	        box-shadow: 2px 4px 8px #999; /* Opera 10.5, IE 9.0 */
   -moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

#logo {	background: url(img/logo.gif) no-repeat center center;}

table a {background: url(img/button13.png) no-repeat;}

hr {	background-color: #888;}

.h3,
.maincontent {	background: rgb(212,212,212);}

/*#prodgruppe .detailbild,
#prodgruppe .imgcapStauer .detailbild,
#prodgruppe .vertretung .detailbild,
#untergruppe .beschlag_thumb img,
#vert_uebers .detailbild,
#vert_uebers .imgcapStauer .detailbild {background: #fff;}*/



#home.bereichswaehler span a:hover,
#nav li a:hover 
{background: transparent;}

/*--TYPOGRAFIE--*/




h1 { }
h2 {
	font-size: 22px;
	font-size: 2.2rem} /* 22px */
h3,
#detailsuche dt {
	font-size:  18px;
	font-size:  1.8rem;
	color: #333;
	}



h4 {
	font-size: 14px;
	font-size: 1.4rem;
	line-height: 18px;
	line-height: 1.8rem;
	color: #333;	
	margin-bottom: 20px;
}

h5 {font-size: 1.143em} /* 16px */
h6 {font-size: 1em} /* 14px */

p, table {
	font-size: 12px;
	margin-bottom : 1.5em;
	color: #343;
		margin-bottom: 1em;
		-webkit-hyphens: auto;
		-moz-hyphens: auto;
		-ms-hyphens: auto;
		-o-hyphens: auto;
		hyphens: auto;
	}
	
th {
	line-height: 30px;
}	
	
* p:last-child {margin-bottom: 0;}

ol { }
ul {  
	margin: 0 0 20px 0;}

li {
	font-size: 12px;
	font-size: 1.2rem;
	color: #343;
	}

dl { }
dt { }
dd { }

b {font-weight: bold;}
i {font-style: italic;}
sdong {font-weight: bold;}
em {font-style: italic;}
blockquote { }

.winkelzeichen {
 font-size : 20px;
font-size: 2rem
line-height: 16px;
line-height: 1.6rem;
 position : relative;
 bottom : 1px;
font-weight: normal;
}

.mini {
font-size: 12px;
}
/*-------------------------------------------------------------------*/





/*--LINKS--*/


a {
	text-decoration:none;
	color: rgb(126,126,126)
}

a img {border: 0; text-decoration: none;}
a:link,
a:visited {
	}
a:focus { }
a:hover,
a:active {
	color: rgb(77,77,77);
	 }
/*-------------------------------------------------------------------*/	 
	 
	 
	 
	 
	 
/*ALLG. KLASSEN*/


.nodot {list-style-type: none;}
.hidden {display: none;}
.abst_o {margin-top: 1em;}
.abst_u {margin-bottom: 1em;}
.abst_l {margin-left: 1em;}
.clear {clear: both;}
.replace {
	background-repeat: no-repeat;
	background-position: 0 0;
	text-indent: -9999px;
	}
.text-shadow {text-shadow: 1px 5px 2px #333333;}
hr {
	width:150px;
	height: 1px;
	color: #7e7e7e;
	background-color: #888;
	border: 0; 
}
.rechts {float:right;}
/*-------------------------------------------------------------------*/



/* DOWNLOAD BEREICH */

.downmoebel {
	float:left;
	width: 300px;
	margin: 0px;
}

.downmoebel	.liste {
	height: 100%;
	margin: 0 20px 60px 0;
}

.downloadliste { 
 margin:-6px 10px 10px 0px;
 display: inline-table;
 width: 300px;
}

.downloadliste.aqua {
	float:left;
	width: 200px;
}

.downloadliste h4{
 margin-top:35px;
 margin-bottom:15px;
}

.liste .produktname_download{
 background:url("img/adobe.gif") no-repeat scroll left center transparent;
 background-size:20px;
line-height: 22px;
 padding-left:30px;
 margin-bottom:5px;
}

/*---------*/


/*--- DOWNLOAD ---*/


.download_content {
  height:860px;
  width:950px;
  text-align:justify;
  margin:-10px 20px 50px 0px;
  padding:20px 80px 0px 20px;
  position:relative;
}

.download_img {
  float:left;
  width:400px;
  height:auto;
  margin:15px 10px 60px 0px;
  border:1px solid black;
}

#download h3 {
	margin-bottom:22px;	
}

/*MESSE CONTAINER*/

.messe_container{
  
height:auto;
margin:5px 0px 60px 35px;
float:left;
}

.messe_container img.messe_bild{
 float:left;
 width:60px;
}


.messe_text p { 
 width:240px;font-size:11px;
 padding-top:5px;
 margin-left:75px; 
}

/*-------*/


/*FAQ Seite*/

.faq_nav {
 
 position:absolute;
 /*margin-left:-275px;*/
 top:10px;
 left:-305px;
 width:270px;
}
ul.faq_nav li {
 margin-top:10px;}


.faq_content {
  height:auto;
//width:386px; (erweitert wegen »Aktuelles« auf:)  
  width:500px;
  
  margin:-10px 20px 50px 350px;
  padding:20px 80px 0px 20px;
  position:relative;
}

.faq_img {
  float:left;
  width:400px;
  height:auto;
  margin:15px 10px 60px 0px;
  border:1px solid black;
}

#faq h3 {
	margin-bottom:22px;
	line-height: 22px;
	line-height: 2.2rem;	
}

#faq h4 {
	margin-top:60px;
        margin-bottom:-5px;
 
}

#faq p {
 margin-top:20px;}


#toTop {
	display:none;
	text-decoration:none;
	position:fixed;
	bottom:10px;
	right:10px;
	overflow:hidden;
	width:51px;
	height:51px;
	border:none;
	text-indent:100%;
	background:url(img/ui.totop.png) no-repeat left top;
        z-index:200;
}

#toTopHover {
	background:url(img/ui.totop.png) no-repeat left -51px;
	width:51px;
	height:51px;
	display:block;
	overflow:hidden;
	float:left;
	opacity: 0;
	-moz-opacity: 0;
	filter:alpha(opacity=0);
}

#toTop:active, #toTop:focus {
	outline:none;
}


/*--- AGB, Sitemap und Impressum ---*/


.agb_content {
  height:auto;
  width:386px;
  text-align:justify;
  margin:-10px 20px 50px 263px;
  padding:20px 80px 0px 20px;
  position:relative;
}

.agb_img {
  float:left;
  width:400px;
  height:auto;
  margin:15px 10px 60px 0px;
  border:1px solid black;
}

#agb h3 {
	margin-bottom:22px;	
}

#agb h4 {
	margin-left:-263px;
        padding-top:20px;
 
}

#agb p {
 margin-top:-40px;}

#agb p.impressum{
 margin-top:5px;}



#sitemap h3 {
line-height: 50px;
}

#sitemap li{
	margin: 5px 0 0 20px;
	font-weight: normal;	 
}

#sitemap .site-land {
	font-size: 16px;
	font-size: 1.6rem;
	margin: 20px 0 0 0;
	font-weight: bold;
}

#sitemap .site-recht li{
	margin-left: 40px;	 
}



/*FILME */

.aquaprotect_filme {
 float:right; margin:10px;
}


.aquaprotect_filme_download_wrapper {
 float:right; margin:29px 10px 10px 10px;
}


.aquaprotect_filme_download {
 float:none; margin:10px;
}

#aquaprotect_download_content {
 height:1000px;
}

.aquaprotect_filme h4 {
 width:300px;
}


.aquaprotect_filme iframe {
 height:250px;
 width:300px;   -moz-box-shadow: 2px 4px 8px #999; /* FF3.5+ */
	-webkit-box-shadow: 2px 4px 8px #999; /* Saf3.0+, Chrome */
	        box-shadow: 2px 4px 8px #999; /* Opera 10.5, IE 9.0 */
   -moz-border-radius: 5px; /* FF1+ */
-webkit-border-radius: 5px; /* Saf3-4 */
        border-radius: 5px; /* Opera 10.5, IE 9, Saf5, Chrome */
}

/*-------------------------------------------------------------------*/




a.vertretungen {
	text-decoration:none; 
	color: rgb(126,126,126)
}