@charset "utf-8";
/* CSS Document */

html { height:100%; }
body { 
			margin:0px; padding:0px; 
			/*background-color:#535e68;*/
			background: #eee url(./iqua_bg.gif) top center repeat-y; 
			text-align:center; 
			height:100%;
}
body.withcontext { background: #eee url(./iqua_bg_mitcontext.gif) top center repeat-y; }

a { color: #535e68; text-decoration: none; }
a:hover { text-decoration: underline; }

#content { 
			margin:0 auto; 
			width:1024px;
			font-family:Verdana, Arial, Helvetica, sans-serif;
			text-align:left;
            overflow: hidden;
			}

/* ---------- MAIN MENU ------------------------------------------------------------------------------------------- */
.floatright { float: right; }
#iquaHeaderWave {
	margin:0 auto; 
	height:56px; 
	width: 100%;

	position: relative;
	background: url(./header_iqua_wave.png) top left no-repeat;
	border-bottom:3px solid white; 
}

#iquaHeaderWave a.log { float: right; }
#iquaHeaderWave img { border: none; }


#iquaHeaderMenu {
			margin:0 auto;
			clear:both;
			height:113px; 
			}
			
			
	.menuHeader {
			margin:0 auto;
			display:block;
			width:1024px; 
			height:35px; 
			float:none; 
			clear:both;
			background-color:#535e68;
			overflow: hidden; 
			}
	
		.menuItem {
				margin:0 auto;
				width: 170px;
				height: 35px;
				overflow: hidden;
				float:left; 
				text-align: center;
				font-size:12px; color:white; 
				}
			
		
		.menuItem a {
				font-size:12px; color:white; 
				text-transform:uppercase;
				text-decoration:none; 
				display: block;
				text-align: center;
				padding-top: 11px;
				width: 170px;
				height: 35px; 
				}
		
		.menuItem.active, .menuItem.active a { width: 174px; }
		.menuItem a:hover, .menuItem a.active {
				background: #eff0f4;
				color: #535e68;
				}
		
	.menuSubHeader {
			margin:0 auto;
			height:78px;
            width: 100%;
			background-color:#535e68;
            position: relative;
			}
        .menuSubHeaderTop {
            position: absolute;
            z-index: 100;
            top: 0px; left: 0px; 
        }
        .menuSubHeaderBack {
            position: absolute;
            height: 66px;
            z-index: 1;
            width: 100%;
            background: #eff0f4;
        }
	
		.subMenuItem {
            z-index: 100;
			margin:0 auto;
			float:left;
			text-align:center; 
			background-color:#535e68;
        }
			
		.subMenuItem a {
            z-index: 100;
			font-size:9px;
                color:#fff;
			text-transform:uppercase;
			background-color:#535e68;
			text-decoration:none; 
			}
		
		
/* ---------- CONTEXT MENU -------------------------------------------------------------------------------------------- */

#contextMenu {
	width:146px;
	float:left; 
	}
	
	.contextItemDescription {
		margin:0 auto;
		padding:0 0 0 15px; 
		font-size:10px; 
		color:white; 
		text-transform:uppercase;
		background-color:#535e68;
			
		}					

	.contextItemDescriptionProduct {
		margin:0 0 2px 0;
		cursor: pointer;
		background-color:#828a92;
		color:white; 
		}

.contextItemAccessories, .contextItem.default, .contextItem.sub {
    background: #eff0f4;
    /*height: 80px;*/
    font-size: 15px;
    color: #333;
    display: block;
    text-align: center;
    vertical-align: middle;
    width: 146px;
}
.contextItem.sub { background: #828a92; }


    .contextItemAccessories div a, .contextItem.default div a, .contextItem.sub div a {
        text-decoration: none;
        color: #333;
    }
    .contextItem.sub div a { font-size: 10px; color: #eff0f4; }
    
    .contextItem.default div.contextItemDescription { padding: 0px; height: 10px; }
    .contextItemAccessories div, .contextItem.default div, .contextItem.sub div {
        padding: 30px 10px;
    }
    .contextItem.sub div { padding: 5px 10px; margin-bottom:2px; }
		
		.contextItemDescriptionProduct .productNumber {
			padding:0 0 0 10px; 
			font-size:17px; 
			}

		.contextItemDescriptionProduct .productDescription {
			font-size:10px; 
			}
			
		
/* ---------- MAIN CONTENT --------------------------------------------------------------------------------------------- */		
		
#iquaMainContent {
			float:left;

            padding-bottom: 50px;
            
			}
				
			#iquaMainContent.noback {
				background: #fff; 
			}
#iquaMainContent.complete {
    width: 100%;
}
			
					
		
	/* ------ productGroupMenu ------------------------------------------------------------------------------------------- */	
	
	.productGroupMenu, .referenceGroupMenu, .siteMenu {
			margin:0 auto;
			padding:0 0 0 20px;
			height:70px; 
			background-color:#eff0f4;
			position: relative;
		}
				
			.productGroupMenuName, .referenceGroupMenuName, .siteName {
				width:450px;
				font-size:1.4em; 
				color:#666666; 
				float:left;
				vertical-align: bottom;
				position: absolute;
				bottom: 10px;	
					
			}
                 .referenceGroupMenuName { width: 580px; }
                .referenceGroupMenuLinks { padding-top: 10px; width: 250px; float: right; }
                    .referenceGroupMenuLinks a { font-size: 0.65em; color: #555; margin-left: 20px; text-decoration: none; }
			
			

			.productGroupMenuItemsLeft {
				width:600px;
				padding:7px 0 0 0;
				text-align:left; 
				float:left;
				position: absolute;
				bottom: 10px;
				left: 0px;
			}
			
				.productGroupMenuItemsLeft a {
					font-size:0.65em;
					color:#666666;
					text-decoration:none;
				}
				
			.productGroupMenuItemsRight {
				width:400px; 
				padding:7px 0 0 0;
				float: right;
				text-align:right; 
				position: absolute;
				right: 20px;
				bottom: 10px;
			}
			
			.productGroupMenuItemsRight.leftside {
				text-align: left; 
			}
			
				.productGroupMenuItemsRight a {
					font-size:0.65em;
					color:#666666;
					text-decoration:none;
				}

			
						
	/* ------ productSubmenu ------------------------------------------------------------------------------------------- */				
	
	.productSubmenu {
		width:100%;
		height:18px; 
		background-color:#535e68;
		text-align:right; 
		padding:0 0 0 0;
		color:white;
	}
	
		.productSubmenu a {
			font-size:11px; 
			text-transform:uppercase;
			text-decoration:none;
			color:white;
            padding: 1px 4px;
		}
		
		.productSubmenu a:hover, .productSubmenu a.active {
            background-color:#828a92;
		
		}	


			
	/* ------ productCategories ---------------------------------------------------------------------------------------- */
	
	.productCategoriesBaseLayout, .referenceCategoriesBaseLayout {
			margin:50px 0 0 0;
			width:870px;				
			background-color:white; 
			}
							
	.productCategories, .referenceCategories {
				margin:0 15px 45px 0;
				height: 170px;
				float:left; 
				}
				
		.productCategoriesDescription, .referenceCategoriesDescription {
				width:234px;
				padding:5px 0; 
				margin:5px 0 0 0;
				text-align:center; 
				font-size:9px;
				color:white;
				text-transform:uppercase; 
				background-color:#535e68;	
		}
		
		

	/* ------ productGroups -------------------------------------------------------------------------------------------- */	
		
	.productGroupBaseLayout, .referenceGroupBaseLayout, .siteBaseLayout {
		width:878px;
        float: right;
	}
        .referenceGroupBaseLayout { width: 100%; float: left; }
					

		.productGroupContent, .productGroupContent, .siteblock.complete {
			clear:both;
			width:877px;
		}
		
			.productGroupDescriptionText, .referenceGroupDescriptionText, .siteblock {
				width:505px;
				padding:20px 60px 0 20px;
				font-size:0.8em; 
				line-height:1.6em; 
				float:left; 	
			}
			.siteblock { font-size: 0.65em; }
			
				.productDescriptionHeadline, .referenceDescriptionHeadline {
					clear:both;
					display:block;
					font-size:1.2em; 
					color:#666666;
				}
					
				.productDesciptionText, .referenceDescriptionText {
					clear:both;
					float:none;
					margin:0 0 20px 0;
				}
		
		
			.productGroupSeries, .referenceGroupSeries {
				width:282px;
				float:left;
				background-color:#535e68;
				color:white;
				font-size:1.2em;
				padding:5px; 
			}
			
			.productGroupFotos, .referenceGroupFotos {
				width:282px;
				float:left;
				
				margin:20px 0 0 0;
			}
                .productGroupFotos a img, .productGroupFotos a {
                    border: 0px solid;
                }
                .productGroupFotos img, .referenceGroupFotos img {
                    cursor: pointer;
                }
			
			.productGroupSneakFoto, .referenceGroupSneakFoto {
				margin:20px 0 0 0;
			}
				
	
	
	/* ------ productOverview ------------------------------------------------------------------------------------- */				
	
	.productOverview, .referenceOverview {
		padding:0 0 0 20px; 
		font-size:0.65em; 
		overflow: hidden;
	}
	.referenceOverview { width: 980px; }
	.referenceOverview div.productGroupFotos { float: right; }
		.productOverviewSelectors,.productOverviewSelectorsNo, .referenceOverviewSelectors {
			background-color:#004a8c;
			color:white;
			border-left:2px solid white;
			text-align:center;
            vertical-align: top;
		}
			.productOverviewSelectorsNo input[type='text'] { margin-right: 5px; width: 12px; color: #fff; padding: 2px; background: none; border: 1px solid #fff; }
			.productOverviewSelectorsNo input[type='submit'] { background: #fff; border: 1px solid #fff; color: #004a8c; cursor: pointer; }
            .productOverviewSelectors span.sel b, .productOverviewSelectorsNo span.sel b, .referenceOverviewSelectors span.sel b {
                padding-right: 18px;
                background: url(arrows_selection.gif) right bottom no-repeat;
            }
                .productOverviewSelectors span.sel b.act, .referenceOverviewSelectors span.sel b.act {
                    background-position: right top;
                }
	
		.productOverviewHeadline, .referenceOverviewHeadline {
			color:white;
            background: #666;
            line-height: 2em;
		}
        .productOverviewHeadline, .referenceOverviewHeadline td.sel {
               
            }
		
			.productOverviewCriterias, td.referenceOverviewCriterias {
				border-left:2px solid #999999;
				text-align:center; 
			}
		
		.productList, .referenceList {
			border-bottom:1px solid #999999;
			line-height:2em; 
		}
            .vertreter .productList {
                line-height: normal;
                padding: 5px;
            }
		
		.productListCriteria, .referenceListCriteria {
			border-bottom:1px solid #999999;
			border-left:1px solid #999999;
			line-height:1.2em; 
			text-align:center;
		}

        tr.productRow.vertreter td { line-height: normal; padding: 15px; }
        tr.productRow.vertreter:hover { cursor: default; }
        
        tr.productRow.vertreter img {  }
        a img { border: 0px; }
		tr.productRow:hover, tr.referenceRow:hover { background-color:#ffff5e; cursor: pointer; }
		
		
		
	/* ------ productOverview ------------------------------------------------------------------------------------- */		
				
	.productDetailsContent {
		clear:both;
		width:877px;
	}
		
		.productDetails {
			width:505px;
			padding:20px 60px 0 20px;
			font-size:0.8em; 
			line-height:1.6em; 
			float:left; 	
		}
		
		
		.productArticleNumber {
			color:#666666;
			font-weight:bolder;
			font-size:1.2em; 
		}
		
		.productArticleName {
			color:#666666;		
			font-weight:bolder;
			font-size:1.2em; 
		}
		
		.productArticleDescription {
			font-size:0.85em; 
			padding:20px 0; 
		}
			
		.productArticleCriterias {
			font-size:0.85em; 
		}

div.realProductSelectors, div.realReferenceSelectors {
    padding-top: 10px;
    background: #004A8C;
}
    div.realProductSelectors a, div.realReferenceSelectors a {
        display: block;
        color: #ccc;
        padding: 3px 8px;
        text-decoration: none;
    }
        div.realProductSellectors a:hover, div.realReferenceSelectors a:hover {
            color: #fff;
        }
td.productOverviewSelectors span.sel, td.referenceOverviewSelectors span.sel {
    cursor: pointer;
    padding: 10px;
    display: block;
}


.referenceArgument, .referenceClient, .referenceCategory {
    font-weight: bold;
    font-size: 1.2em;
    line-height: 1.8em;
}
.referenceDescriptions {
    line-height: 1.8em;
    font-size: 1.2em;
    width: 800px;
    float: left;
}
.referenceDescriptionText { width: 500px; }
.referenceDescriptionPicture { width: 250px; float: right; text-align: left; }
.referenceDescriptionPicture img { width: 150px; margin-top: 15px; }

.referencePics { width: 160px; float: left; }
.referenceDescriptionText { width: 500px; float: left; padding-top: 10px; }
.referenceDescriptionBild { width: 200px; float: right; }
.referenceDescriptionBild a img { border: 0px; padding-top: 20px; }

div.productReplacements { clear: both; margin: 20px 0px 0px 20px; float: left; }
    div.productReplacements table td, div.productReplacements table th { padding: 2px 5px; font-size: 0.65em; }
	table.productReplacementsTable { border-spacing: 0px; }
	.productReplacementPhoto { width: 100%; display: block; clear: both; padding-top: 20px; text-indent: 10px; font-size: 12px; font-weight: bold; padding-left: 13px; }
	div.productReplacements table.productReplacementsTable td { border-top: 1px solid #ccc; padding: 4px 5px; }
table.references {
    border:0px solid #fff;
    width: 980px;
    margin-top: 20px;
}

.accessorypg {
    display: none;
    width: 500px;
    font-size: 12px;
    background: #fff;
    border: 1px solid #ccc;
    padding: 5px;
    margin: 5px 0px;
    cursor: pointer;
}
.accessoryPKG {
    cursor: pointer;
    font-size: 14px;
    padding: 5px;
    background: #EFF0F4;
    width: 500px;
    display: block;
    margin: 5px 0px;
}
table.accessories {
    display: none;
    font-size: 0.8em;
}
table.accessories th {
	border-bottom: 1px solid #777;
	border-spacing: 0px;
	
}
table.accessories td {
	padding: 3px; 
	border-bottom: 1px dotted #999; 
}

div.prospektkategorietitle {
    width: 400px;
    font-size: 14px;
    color: #333;
    margin-top: 10px;
}
div.prospekt {
    padding: 3px;
}
    div.prospekt a {
        text-decoration: none;
        color: #555;
        display: block;
        width: 400px;
    }
        div.prospekt a:hover {
            color: #bbb;
        }

        
b.abteilungTitel {
    font-size: 14px;
}
ul.mitarbeiter {
    overflow: hidden;
    width: 580px;
    margin: 0px 0px 20px 0px; padding: 0px;
}
ul.mitarbeiter li {
    list-style: none;
    list-style-type: none;
    width: 250px;
    float: left;
    margin: 20px;
    overflow: hidden;
    height: 100px;
}
    ul.mitarbeiter li img.mabild {
        float: left;
        width: 70px;
    }
        ul.mitarbeiter li p {
            width: 150px;
            float: right;
            margin-top: 0px;
            padding-top: 0px;
            font-size: 10px;
        }

table.vertretungen {
   
}

table.managementtable {
	font-size: 1em;
}

a.mailericon img, li a.mailericon img, img.mailericon { width: 15px; }

div.newsitem {
	width: 500px;
	padding-bottom: 20px; 
	padding-top: 10px;
	overflow: hidden; 
}
 h3.newstitle, h2.newstitle { margin-top: 0px; padding-top: 0px; color: #535e68; font-weight: normal; }
 h2.newstitle { font-size: 20px; }
div.newstext { width: 350px; float: left; }
div.newsitem.notfirst { border-top: 1px dotted #ccc; }
span.newsdate { background: #535e68; color: #fff;  }


ul.linkliste li a {
	font-size: 12px;
	color: #888;
	text-decoration: none;
	font-weight: bold;
}
ul.linkliste li {
	padding-bottom: 5px;
}
ul.linkliste {
	list-style-image: url(./pfeil_klein.gif);
	list-style-position: outside;
	list-style-type: square;
}

div.pressetextpreview {
	width: 800px;
	float: left;
	margin-bottom: 20px; 
	padding-bottom: 10px; 
	border-bottom: 1px dotted #ccc;	
}

div.pressepic {
	float: left; width: 120px;
}
div.pressepic img { width: 120px; }
div.pressepreview {
	float: right; width: 660px;
	text-align: left;	
}

div.pressepreview a {
	background: #535e68; color: #fff;
	text-decoration: none;  	
}
div.pressepreview a:hover {
	background: #fff; color: #535e68;	
}

div.realpress { width: 480px; float: left; padding-right: 30px; }
div.pagenavigation { clear: both; margin-top: 10px; text-align: center; width: 800px; }
div.pagenavigation a { padding: 5px; background: #535e68; color: #fff; text-decoration: none; }
div.pagenavigation a:hover, div.pagenavigation a.active {background: #fff; color: #535e68;	 }
div.pagenavigation a.active { font-weight: bold; }

span.zipsearchinfo { font-size: 9px; color: #aaa; }

table.hhide { display: none; }

div.langChoice { float: left; }
div.langChoice a { color: #eff0f4; }
div.langChoice div.langChoiceRef span { float: left; }
div.langChoice div.langChoiceRef { float: left; cursor: pointer; color: #eff0f4; }
div.langChoice div.langChoiceRef ul { z-index: 80; width: 150px; clear: left; background: #535e68; padding: 5px; list-style-type: none; float: left; display: none; }
/*
	div.langChoice div.langChoiceRef:hover ul, div.langChoice div.langChoiceRef.hovered ul { display: block; }
*/
div.langChoice div.langChoiceRef ul li a { display: block; padding: 5px; }
div.langChoice div.langChoiceRef ul li a:hover { background: #eff0f4; color: #535e68; }

div.langChoice, div.langChoice2 { position: absolute; top: 20px; left: 20px; font-size: 10px; color: #ddd; }
	#langchoice { font-size: 10px; padding: 1px 0px; border: 1px solid #fff; background: #535e68; color: #fff; }
		#langchoice option { padding: 2px; background: #535e68; font-size: 10px; }
		
div.langChoice2 { left: 20px; }
div.langChoice a, div.langChoice2 a { font-size: 10px; text-decoration: none; }