/*
Styles Layout WIDEX
April. 2008 by update.ch - Ph.Urlich
*/


/* Global Styles --------------------------------------------------*/

html{
	font-size:62.5%;
	}

body{
	font:normal 1em Arial,Verdana,Helvetica;
	margin:0;
	padding:0;
	background:#fff url('/_img/main_bg.gif') 0 0 repeat-y;
	color:#333;
	height:100%;
	}

/* clear float class */
.clearfix:after{
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
	}
.clearfix{display: inline-table;}
/* Hides from IE-mac \*/
* html .clearfix{height: 1%;}
.clearfix{display: block;}
/* End hide from IE-mac */


a,a:visited,img{
	border:none;
	outline:none;
	text-decoration:none;
	}

p{
	margin:0 0 .8em 0;
	padding:0;
	font-size:1.2em;
	line-height:18px;
	}
	
h1{
	font-size:1.8em;
	font-weight:normal;
	color:#333;
	padding:0;
	margin:0 0 1em 0;
	}

h2{
	font-size:1.4em;
	font-weight:normal;
	color:#333;
	padding:0;
	margin:0 0 .5em 0;
	line-height:1.4em;
	}

.boxImgLeft h2{
	margin:0 0 .5em 0;
}

h3{
	font-size:1.2em;
	font-weight:normal;
	padding:0;
	margin:2em 0 .5em 0;
	color:#090f15;
	}

/* Panel Titles */

h4{
	font-size:1.1em;
	font-weight:normal;
	color:#333;
	}

blockquote{
	font-size:.75em;
	}

/* ---------------- BildCode -------------------------------- */

.captchaBox{
	text-align:left;
	padding:0 0 0 324px;
}

.captcha{
	border:1px solid #aaa;
	margin:0 0 5px 0;
}


/* Link Styles ------------------------------------------------------ */

a,a:visited{
	color:#4a463b;
	text-decoration:none;
	border-bottom:1px solid #9D9A93;
	}

a:hover{
	color:#7a766b;
	border-bottom:1px solid #B9B7B1;
	}


a.mehrInfos,a:visited.mehrInfos{
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #9D9A93;
}
a.mehrInfos:hover{
	border-bottom:1px solid #B9B7B1;
}

a.eMail,a:visited.eMail{
	font-weight:bold;
	text-decoration:none;
	border-bottom:1px solid #9D9A93;
}
a.eMail:hover{
	border-bottom:1px solid #B9B7B1;
}

/* Basic Layout Box Styles ------------------------------------------- */

#metaNavBox{
	width:100%;
	height:30px;
	background:#fff url('/_img/top_bg_shadow.gif') 0 0 repeat-x;
}
#metaNavBox_inner{
	width:894px;
	height:20px;
	text-align:right;
}

#metaNav{
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
}

#metaNav li{
	list-style-type:none;
	margin:0;
	padding:0;
	float:left;
}

#metaNav a,
#metaNav a:visited{
	display:block;
	padding:3px 10px 0 11px;
	background:transparent url('/_img/topnav_vline.gif') 0 0 no-repeat;
	font-size:1.1em;
	text-decoration:none;
	border-bottom:0;
}

#metaNav a:hover{
	color:#fff;
}

#header{
	position:absolute;
	z-index:1;
	top:20px;
	left:0;
	width:894px;
	}
	#logo{
	float:left;
	width:150px;
	height:51px;
	background-color:#C7C5C0;
	}
	#logo a{
	border-bottom:0;
	}
	#moodBild{
	float:left;
	width:744px;
	height:151px;
	}
	


#wrapper{
	position:absolute;
	top:203px;
	left:0;
	display:inline;
	width:894px;
	margin:0;
	padding:0;
	text-align:left;
	}

	#contentBox{
		position:relative;
		float:left;
		width:624px;
		margin:3px 0 0 210px;
		padding:0 0 10px 0;
	}
	* html #contentBox{
		display:inline;
	}
	#content{
		padding:0 0 10px 0;
	}
	#navigationBox{
		position:relative;
		float:left;
		width:150px;
		margin-left:-834px;
	}
	* html #navigationBox{
		display:inline;
		margin-left:-834px;
	}


#footer{
	padding:8px 0 0 0;
	margin:0;
	background:transparent url('/_img/footer_line.gif') 0 0 repeat-x;
	text-align:right;
	color:#8c877c;
	font-size:1.1em;
}



/* Main Navigation ----------------------------------------------------- */


/* produkte Navigation */

#produkteNav{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	width:148px;
	}
* html #produkteNav{margin-left:-16px;margin-left/**/:/**/0;}
	
#produkteNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	background:transparent url('/_img/mainnav_line.gif') 0 -10px repeat-x;	
	}
* html #produkteNav li,
html* #produkteNav li{
	padding:0;
	width:148px;
	}

#produkteNav a,
#produkteNav a:visited{
	display:block;
	margin:1px 0 1px 0;
	padding:6px 0 4px 0;
	width:148px;
	font-size:1.4em;
	text-indent:12px;
	color:#4a463b;
	text-decoration:none;
	border-bottom:0;
	}
* html #produkteNav a,
* html #produkteNav a:visited,
html* #produkteNav a,
html* #produkteNav a:visited{
	padding:6px 0 4px 0;
	width:148px;
	}

#produkteNav a:hover{
	color:#fff;
	}

/* ACTIVE STYLES */ 
#produkteNav li.active a,
#produkteNav li.active a:visited{
	display:block;
	background:transparent url('/_img/mainnav_icon_active.gif') 12px 8px no-repeat;
	color:#fff;
	text-indent:26px;
	margin:1px 0 1px 0;
	padding:6px 0 4px 0;
	width:148px;
	}

* html #produkteNav li.active a,
* html #produkteNav li.active a:visited{
	padding:6px 0 4px 0;
	width:148px;
	}

#produkteNav li.active a:hover{
	color:#fff;
	}


/* main Navigation */

#mainNav{
	margin:0;
	padding:0;
	list-style-type:none;
	width:148px;
	}
* html #mainNav{margin-left:-16px;margin-left/**/:/**/0;}
	
#mainNav li {
	margin:0;
	padding:0;
	list-style-type:none;
	background:transparent url('/_img/mainnav_line.gif') 0 0 repeat-x;
	}
* html #mainNav li,
html* #mainNav li{
	padding:0;
	width:148px;
	}

#mainNav a,
#mainNav a:visited{
	display:block;
	margin:1px 0 1px 0;
	padding:10px 0 8px 0;
	width:148px;
	font-size:1.4em;
	text-indent:12px;
	color:#4a463b;
	text-decoration:none;
	border-bottom:0;
	}
* html #mainNav a,
* html #mainNav a:visited,
html* #mainNav a,
html* #mainNav a:visited{
	padding:10px 0 8px 0;
	width:148px;
	}

#mainNav a:hover{
	color:#fff;
	}

/* ACTIVE STYLES */ 
#mainNav li.active a,
#mainNav li.active a:visited{
	display:block;
	background:transparent url('/_img/mainnav_icon_active.gif') 12px 12px no-repeat;
	color:#fff;
	text-indent:26px;
	margin:1px 0 1px 0;
	padding:10px 0 8px 0;
	}

* html #mainNav li.active a,
* html #mainNav li.active a:visited{
	padding:10px 0 2px 0;
	margin:0;
	}

#mainNav li.active a:hover{
	color:#fff;
	}


/* ---------- sublevel styles ----------------------------------------- */

#mainNav ul.sublevel{
	margin:0 0 10px 0;
	padding:0;
	list-style-type:none;
	width:148px;
	display:block;
	}
* html #mainNav ul.sublevel{margin-left:16px;margin-left/**/:/**/0;}

#mainNav ul.sublevel li{
	list-style-type:none;
	margin:1px 0 1px 0;
	padding:0;
	width:148px;
	background:none;
	}


#mainNav ul.sublevel li a,
#mainNav ul.sublevel li a:visited{
	display:block;
	text-indent:26px;
	background:none;
	color:#4a463b;
	font-size:1.2em;
	padding:2px 0 2px 0;
	margin:0;
	text-decoration:none;
	}

* html #mainNav ul.sublevel li a,
* html #mainNav ul.sublevel li a:visited{
	padding:2px 0 2px 0;
	}
	
#mainNav ul.sublevel li a:hover{
	color:#fff;
	padding:2px 0 2px 0;
	margin:0;
	}


/* sublevel active styles */
#mainNav ul.sublevel li.subactive a,
#mainNav ul.sublevel li.subactive a:visited{
	display:block;
	color:#fff;
	padding:2px 0 2px 0;
	margin:0;
	}

* html #mainNav ul.sublevel li.subactive a,
* html #mainNav ul.sublevel li.subactive a:visited,
html* #mainNav ul.sublevel li.subactive a,{
	padding:2px 0 2px 0;
	margin:0;
	display:block;
	}

#mainNav ul.sublevel li.subactive a:hover{
	display:block;
	color:#fff;
	padding:2px 0 2px 0;
	margin:0;
	}


/* ----------------------- Table Styles Content --------------------- */

table.agenda{
	font-size:1em;
	border-collapse:collapse;
	margin:0 0 1em 0;
	}

table.agenda th{
	text-align:left;
	}

table.agenda td, table.agenda th{
	padding:0 2px 0 0;
	}
	
table.agenda th{
	font-weight:normal;
	color:#746e4c;
	text-align:left;
	}




/* Text Boxes ------------------------------------------------------- */

/* home top box ----------------------------*/

.boxImgLeft{
	margin:15px 0 15px 0;
	padding:10px;
	width:604px;
	background-color:#f0efec;
}
* html .boxImgLeft{
	width:624px;
}

.boxImgLeft .imgLeft{
	width:221px;
	float:left;
	margin:1px 0 0 0;
}

.boxImgLeft .textRight{
	width:373px;
	float:left;
	margin:0 0 0 10px;
}



/* 2 Spalten home -------------------------*/

.box2ColOuter{
	width:624px;
}
.box2ColOuter .leftCol{
	width:312px;
	margin:0 10px 0 0;
	float:left;
}
.box2ColOuter .rightCol{
	float:left;
}
.box2ColOuter .leftCol .textBox,
.box2ColOuter .rightCol .textBox{
	width:302px;
	margin:0 0 20px 0;
}




/* produkte content ----------------------*/

.contentImgRight{
	width:624px;
	margin:0 0 10px 0;
	padding:0;
}
.contentImgRight .textLeft{
	width:424px;
	padding:0 20px 0 0;
	float:left;
}
.contentImgRight .imgRight{
	width:180px;
	float:left;
	padding:3px 0 0 0;
}

.contentImgRight img{margin:0 0 15px 0;}



.contentFaces{
	width:624px;
	margin:0 0 15px 0;
}
.contentFaces .imgLeft{
	width:300px;
	float:left;
	margin:0 24px 0 0;
}
.contentFaces .textRight{
	width:300px;
	float:left;
}




/* akustiker map*/
.contentMap{
	width:624px;
}
.contentMap .leftCol{
	float:left;
	width:300px;
	margin:0 24px 0 0;
}
.contentMap .rightCol{
	float:left;
	width:300px;
}
.contentMap .rightCol .locationItem{
	float:left;
	width:300px;
	margin:0 0 12px 0;
	padding:12px 0 0 0;
	border-top:1px solid #A49E92;
}
.contentMap .rightCol .textLeft{
	float:left;
	width:100px;
	margin:0 10px 0 0;
}
.contentMap .rightCol .textRight{
	float:left;
	width:190px;
}




.content2ColText {
	width:624px;
}
.content2ColText .leftCol{
	width:300px;
	margin:0 24px 10px 0;
	float:left;
}	
.content2ColText .rightCol{
	width:300px;
	margin:0 0 10px 0;
	float:left;
}	


.contentTextOnly{
	margin:0 0 30px 0;
}



/* SITEMAP ---------------------------------------------------------------- */

ul.sitemap{
	list-style-type:none;
	margin:0 0 30px 0;
	padding:0;
}

ul.sitemap li{
	padding:0;
	margin:0 0 12px 24px;
}

ul.sitemap li a,
ul.sitemap li a:visited{
	padding:0 0 0 0;
	font-size:1.2em;
	font-weight:bold;
}

ul.sitemap ul{
	list-style-type:none;
	margin:0 0 0 20px;
	padding:0;
}

ul.sitemap ul li{
	margin:0;
	padding:0;
}

ul.sitemap ul li a,
ul.sitemap ul li a:visited{
	background:none;
}



/* List Styles Content ----------------------------------------------------- */

#content ul{
	margin:0 0 1em 24px;
	padding:0;
	list-style-type:square;
}
#content ul li{
	font-size:1.2em;
	padding:0 0 5px 0;
}

ul.list,ol.list{
	font-size:1em;
	}

ul.list{
	list-style-type:square;
	padding:0 0 0 25px;
	}

ol.list{
	xmargin:0;
	padding:0 0 0 30px;
	}

* html ul.list,
* html ol.list{
	margin-left:10px;
	}

ul,ol{
	font-size:1em;
	}

ul{
	list-style-type:square;
	padding:0 0 0 25px;
	}

ol{
	xmargin:0;
	padding:0 0 0 30px;
	}

* html ul,
* html ol{
	margin-left:10px;
	}

/* FORMS ---------------------------------------------------------------------- */


.error{
 color:#d0005f;
	padding:5px 0 2px 0;
}

form{
	position:relative;
	margin:0;
	padding:0;
	}

form p{
	margin:0;
	padding:2px 0 2px 0;
	font-size:1.2em;
	}


div.kontaktForm{text-align:right;margin:0 0 10px 0;}

.kontaktForm label{
	width:300px;
	text-align:right;
	display:block;
	float:left;
	margin:0 24px 0 0;
	padding:4px 0 0 0;
}

form select {border:1px solid #aaa;}

fieldset{margin:0;padding:0;border:0;}

input.text {
	font:normal 1em Helvetica, Arial, sans-serif;
	background:#fff;
	padding:2px 0 2px 3px;
	margin:3px 0 3px 0;
	border:1px solid #A49E92;
	color:#333;
	}
input.text:focus {
	font:normal 1em Helvetica, Arial, sans-serif;
	background:#eee;
	padding:2px 0 2px 3px;
	margin:3px 0 3px 0;
	border:1px solid #A49E92;
	color:#333;
	}
	
input.sendbtn{
	background-color:#D4D2CF;
	border-top:0;
	border-bottom:1px solid #A49E92;
	border-right:1px solid #A49E92;
	font:normal 1.2em Helvetica, Arial, sans-serif;
	padding:4px 15px 0 15px;
	color:#616582;
	margin:5px 222px 0 0;
}

textarea.textarea {
	font:normal 1em Helvetica, Arial, sans-serif;
	background:#fff;
	padding:2px 0 2px 3px;
	border:1px solid #A49E92;
	color:#333;
	margin:3px 0 3px 0;
	}
textarea.textarea:focus {
	font:normal 1em Helvetica, Arial, sans-serif;
	background:#eee;
	padding:2px 0 2px 3px;
	border:1px solid #A49E92;
	color:#333;
	margin:3px 0 3px 0;
	}
	
form.suche{
	margin:10px 0 9px 0;
	}

form.suche label{
	font-size:1em;
}


form select{
	font-size:1em;
}