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

html, body, p, ul, h1, h2, h3, h4, h5, h6, li, a, div, dl, dt, dd {
	margin: 0;
	padding: 0;
	}

body {
	color: #48444e;
	background-color:#FFFFFF;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align: center;  /* Zentrierung IE */
	}

a, a:visited, a:hover, a:active {
	text-decoration:none;
	color:#3a2c56;
}

img, a img, a img:focus, a img:active, a:focus, a:active {border: none; outline:0;}
/* 
.textlinks a { border-bottom: dotted 1px #e2bdd8;}
*/
.textlinks a:hover { color:#80005e;}



/* ----- Sonderklassen START ----- */

.pointer {
	cursor: pointer;	
}

.neuheit, .unikat { 
	font-style:italic;
}

.zurueck a {
	color:#9c97a2;
/*	background-color:#eee;*/
	padding:1px;
	}

.zurueck a:hover {
	font-weight:bold;
}

div.zurueck {
	padding:5px 0px 10px 0px;
}


.news_mehr {
	border-bottom: dotted 1px #d4d4d4;
	}
	
.float_left {
	float:left;
	}
.float_right {
	float:right;
	}
.clear_both {
	clear:both;
	}
.clear_left {
	clear:left;
	}
.clear_right {
	clear:right;
	}	
	
.nopadding { padding:0 !important;}
.nopadding h1 img {padding-left:7px;}


.loupe {
	position:absolute;
	top:20px;
	right:20px;
	z-index:50;
	-moz-user-select: none; 
 	-khtml-user-select: none;		
	}

/* ----- Sonderklassen END ----- */

/* 
 * Third-Level Navigation ----------------- 
 */
ul.nav2nd{
	position: absolute;
	z-index:101
}



	ul.nav3rd {
		display:none;
		width:20px; /* reduced width for overlapping */
		/*position: relative;*/
		line-height: 20px;
		z-index:102;
		margin-left: -7px;
	}
	ul.nav3rd li {
		background-color: #fff;
		opacity:0.95;	
		-moz-opacity:0.95;
		-khtml-opacity:0.95;		
		width:130px;
		margin:0 !important;
		border-bottom: 1px solid #E0E0E0;
		border-left: 1px solid #E0E0E0;
		border-right: 1px solid #E0E0E0;

	}
	#div_1_3_subnav ul.nav3rd li a {
		display:block;
		line-height:20px !important;
		padding: 0 10px;
		color: #333;
		}
	ul.nav3rd li:hover,
	ul.nav3rd li.current3 {
		background-color: #efefef !important;
		}

	ul.nav2nd li:hover ul.nav3rd {
		display:block;
	}	

	li.current3 a, 
	ul.nav3rd li a:hover, 
	ul.nav3rd li a:active, 
	ul.nav3rd li a:focus {
		color:#003 !important;
		}


/* 
 * Produktsuche ----------------- 
 */

#div_1_1_logo a { float:left;}

div#gal_prod_search {
	float:right;
	margin-top: 33px;
}

#gal_prod_search img {
	padding:0;
	margin:0;
}

div.gps_center {
	background: url("../kit/gps_input_cent.gif") repeat-x scroll 0 0 transparent;
	float:left;
	min-height:17px;
	height: auto !important;
	height:17px;
	line-height:17px;
	margin:0;
	padding:0;
	}
input.gps_input {
	float:left;
	border:none;
	padding:0 10px;
/*	background-color:#efefef;*/
	background-color: transparent;
	color:#777;
	height:17px;
	line-height:17px;
	vertical-align:middle;	
}
input.gps_submit {
	float:left;
	margin-left: -7px;
}
img.gps_right {
	float:left;
	height:17px;
	vertical-align:middle;
	width:15px;	
}	


/* Alerts, Errors, Notifications */

	div.alerts {
/*		float:left;
		width: 535px;
*/
		margin:10px;
		padding:10px 10px 10px 100px;
		min-height:33px;
		height: auto !important;
		height:33px;
		
	}
	
	div.alerts.notification {
		border: 1px solid #adf;
		background: url(../kit/alert_notify.png) left top no-repeat #def;	
	}
	div.alerts.error {
		border: 1px solid #842F45;
		background: url(../kit/alert_error.png) left top no-repeat #F7E2E2;	
	}


/* ----- Tabnav START ----- */

ul.tab_nav {
	min-height: 15px;
	height: auto !important;
	height: 15px;

	margin: 15px 0 5px 0;
	border-bottom: solid 1px #acaaaF;
}
ul.tab_nav li {
	font-size:10px;
	line-height:10px;
	color:#acaaaF;

	float:left;
	min-height: 10px;
	height: auto !important;
	height: 10px;

	padding:2px 5px 3px 5px;
	margin-right:2px;
	border-color: #acaaaF;
	border-style: solid;
	border-width: 1px 1px 0px 1px;
	margin-bottom: -1px;
}

ul.tab_nav li.active {
	background-color: #fafafa;
	color: #48444e;
	}


/* ----- Tabnav END ----- */



/* ------- LISTEN Start ------- */

	ul {}
	li {list-style:none;}
	li a {color: #48444e;}
	
	#div_1_2_topnav li {float:left; margin:0px 25px 0px 0px; font-size:14px;}
	ul#lang {float:right;}
	#lang li {margin:0px 10px 0px 0px; font-size:10px; color:#9c97a2; line-height:23px;}
	#lang li a {color:#9c97a2;}
	
	#div_1_3_subnav li {float:left; margin:0px 25px 0px 0px;}
	#div_1_3_subnav li a {color:#9c97a2;}
	#div_4_foot li {float:right; margin:0px 12px 0px 13px;}
	




/* -- Die Varianten im Detailbereich -- */
	#prod_det_var {
		margin:30px 0px 30px 30px;
		position:absolute; left:0px; bottom:0px;
		}
	#prod_det_var li { float:left; margin-right:10px;}



/* -- Produktdetails Bezeichnung, Farbe, Text, Großbild (ohne Varianten) --- */

	/* --- Für JS --- */
		.prod_det_det {}
	
	/* -- Detailbild groß -- */
		.prod_det_pic_big {position:absolute; right:0px; bottom:0px;}

	/* -- Definitionsliste Beschreibung "Name, Größe,.." -- */
		#prod_det_descr {
			margin:30px 0px 0px 30px;
			position:absolute; left:0px; top:0px;
			}

		#prod_det_descr img {
			margin-left: 20px;
			}

		#prod_det_descr dt {
			font-size:15px;
			font-weight:700;
			color: #48444e;
		 	padding-bottom: 10px;
			}

		#prod_det_descr dd { 
			color: #9c97a2;
			float:left;
			font-size:11px;
			font-weight:normal;	
			}

		.det_del {margin:0px 10px 0px 10px; font-weight:normal; color:#CCCCCC;} /* Delimiter */
	
	/* -- Definitionsliste Textausgabe -- */
		
		#prod_det_text {
			margin:30px 0px 0px 30px;
			position:absolute; left:0px; top:30px;
			color:#9c97a2;
			width:500px;
		}

		#prod_det_text dt {
		font-weight:bold;
		}

		#prod_det_text dd {
		
		}

/* -- Newsliste links, einspaltig --*/

	div.news_wrapper {
	width: 315px;
	height: 285px;
	overflow:auto;
	border-right: dotted 1px #d4d4d4;
	}
	
		li.news_entry {
		width:290px;
		min-height: 75px;
		height: auto !important;
		height: 75px;
		padding: 5px 0px;
		border-bottom: dotted 1px #d4d4d4;
		}
				li.news_entry.startpage {
				width:auto;
				min-height:38px;
				height:auto !important;
				height: 38px;
				padding: 0 0 10px 0;
				margin-bottom: 10px;
				}	
			div.news_pic {
			float:left;
			width: 140px;
			}
				div.news_pic.startpage {
				width: auto;
				}

			ul.news_facts {
			float:left;
			width:130px;
			padding: 0px 10px 0px 10px;
			}
			ul.news_facts.startpage {
				width:225px;
			}			
				li.news_name {
				font-size:13px;
				font-weight:bold;
				}
				li.news_cat {
				}
				li.news_det {
				}
					.news_bez {
						color: #aaa;
					}

/*				dt.news_dl {
				float:left;
				}
				dd.news_dl {
				float:left;
				}
*/


	/* -- News Detailausgabe in col2double --*/


	div.news_det_col2 {
	float:left;
	width: 635px;
	padding:0 0 5px 20px;
	}

	.news_det_col_full {
	}

	ul.news_det_factbar {
	margin: 15px 0px 15px 0px;
	min-height:15px;
	height: auto !important;
	height:15px;
	background-color:#efefef;
	padding-left:5px;
	}

	.news_det_factbar li {
	float:left;
	margin-right:20px;
	line-height:15px;
	}

	.news_factbar_bez {
	color: #888;
	}

	div.news_det_col2_text {
		}

	div.news_det_full_text {
	padding: 10px 0px 0px 0px;
	}
	
/* --- Tabellen für News ---- */ 

div.news_table {
	margin-left: -5px;
}

th {
	background-color:#ddd;
	padding-left:1px;
}

tr {
}
td {
	border-bottom:dotted 1px #d4d4d4;
}

.bold {
	font-weight:bold;
}

/* --- Tabelle für Händler ---- */ 

.dealer_table {
	font-size:10px;
/*	width:900px; */
	margin-top:20px;
	margin-left: -5px;
}

.dealer_table p {
	margin: 3px 0 3px 0;
	padding:0;
}

.dealer_col_1 {
	font-weight: bold;
	}

.dealer_row_expose td {
	background-color: #fcfcfc;
	}


/* -- Definitionslisten für Akkordion -- */
		dl.ak {}

		.ak dt {
			font-size:12px;
			font-weight:bold;
			/*color:#4b457c;*/
			margin:5px 0 0px 0;
			padding:0 0 7px 0;
			border-bottom: 1px dotted #ddd;
			}
		.ak dt:hover {
/*			border-bottom: 1px dotted #aaa;
			padding:0 0 4px 0;				*/
			}
		.ak dd {
			font-weight:normal;
			color:#888;
			line-height:1.5;
			margin: 5px 0 15px 0;
			}

/* -- Definitionslisten für MASTERPIECES -- */
		dl.def_mp {
			margin-top:25px;
			line-height: 19px; /* Abhängig vom negativen dd-marginwert*/
			}
		.def_mp dt {
			color:#000;
			font-weight:normal;
			padding: 0 20px 0 0;
			}

		.def_mp dd {
		color:#888;
		font-style:italic;
		margin: -19px 0px 0px 100px; /* negativer Wert abhängig von der dl-lineheight */
				}


/* ------- LISTEN Ende ------- */


/* ------- TEXT FORMAT Start ------- */
h1 {
	font-size:14px;
	margin: 0;
	padding: 0;
	}
#div_2_gfx h1 {
/*	font-family: Garamond, "Adobe Garamond", Georgia, serif;
	font-weight:bold;
	font-size:24px;
	color:#48444e;
	text-transform: uppercase;
*/
	font-size:15px;
	font-weight:700;
	color: #48444e;
	
	letter-spacing: 0px;
	line-height:1em;
	margin-bottom: 10px;
	}
h2 {font-size:12px;}
h3 {font-size:12px; padding-bottom:5px; color:#48444e;}

h4 {font-size:12px; padding-bottom:5px; color:#48444e;}
p {line-height:1.4em; padding: 0 0 10px 0;}
/* #div_2_gfx p {padding-top:10px;} */

.comment p {
	margin: 10px 0 0 0;
	font-size: 11px;
	color:#888;
	}
.galcomment {
	font-size: 9px;
	color:#888;
	margin: 0 0 0 9px;
}

.hervor {
	color:#000;
	}

/* ------- TEXT FORMAT End ------- */


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


.loading {
	background-image:url(../kit/ajax-loader.gif);
	background-repeat: no-repeat;
	background-position: center center;
}

#det_loader {
	position:absolute;
	top: 100px;
	left:450px;
	height:50px;
	width:50px;
	}

/* ------- LAYOUT Start ------- */
#orbit {
	width:975px;
    text-align: left;    /* Seiteninhalt wieder links ausrichten */
    margin: 0 auto;      /* Zentrierung Standardkonform*/
	}

	#div_1_head {
		}
	
		#div_1_1_logo {
			min-height:80px;
			height:auto !important;
			height:80px;
			padding-left:7px;
			}
		#div_1_1_logo img {
/*			padding: 0px 10px 0px 0px; /* 30px top & bottom entfernt */
			}
				
		#div_1_2_topnav {
			border-top: solid 1px #e0e0e0;
			border-bottom: solid 1px #e0e0e0;
			min-height:23px;
			height:auto !important;
			height:23px;
			padding: 0px 7px 0px 7px;
			}
		#div_1_2_topnav, #div_1_2_topnav a {
			line-height:23px;
			}	
		
		#div_1_3_subnav {
			min-height:30px;
			height:auto !important;
			height:30px;
			padding: 0px 7px 0px 7px;
			}
		#div_1_3_subnav, #div_1_3_subnav a {
			line-height:30px;
			}	

	#div_2_gfx {
		position:relative;
/*		background-color:#F8F8F8;*/
		border-bottom: dotted 1px #ddd;
		border-top: dotted 1px #ddd;
		min-height:305px;
		height:auto !important;
		height:305px;
		z-index:1;
		}
	#div_2_overlay {
		position:absolute;
		top:30px;
		left:30px;
		width:350px;
		z-index:100;
		-moz-user-select: none; 
    	-khtml-user-select: none;
		}
		.div_2_overlay_text {
		margin-top:55px;
		}
		dl.reiter_hor {
			position: relative;
			}
		dl.reiter_hor dt {
			float:left;
			margin-right:10px;
			background-color:#fcfcfc;
			padding: 0.2em;
			border-top:1px dotted #888;
			border-bottom:1px dotted #888;
			}
		dl.reiter_hor dt:hover {
			background-color:#f5f5f5;
		}			
		dl.reiter_hor dd {
			padding:0;
			margin:0;
			position: absolute;
			left: 0px;
			top: 35px;		
		}
		dl.reiter_hor dt.active {
			background-color:#f5f5f5;
		}
		
	#div_3_cont {}

		/* -- Rendered Headlines -- */
		#div_3_1 {
			min-height:50px;
			height:auto !important;
			height:50px;
			line-height:50px;
			}
		#div_3_1 img {
			line-height:50px;
			margin: 15px 7px 0px 0px;
			}
		
		/* -- Redaktionelle Inhalte -- */
		#div_3_2 {
			min-height:235px;
			height:auto !important;
			height:235px;
			padding: 0px 7px 0px 7px;
			}


/* ------- BILD-BOXEN Start------- */
			.contbigger {
			float:left;
			margin-bottom:10px;
			width:560px;
			}
			#map {
			width:560px;
			height:270px;
			}
			
			.col_single {
				width:315px;
				min-height:235px;
				height:auto !important;
				height:235px;
				float:left;
				margin-bottom:20px;
				padding:0 !important;
				}

			.col_single_3_2 {
				width:310px;
				min-height:235px;
				height:auto !important;
				height:235px;
				float:left;
				margin-bottom:20px;
				padding:0 !important;
				}
			
			div.press_mat_right { margin: 0 0 0 10px; padding:0 0 0 15px !important; width:285px; border-left:1px dotted #ddd;}
			.press_mat_right li {
				font-weight:bold;
				list-style-type:disc;
				list-style-position:inside;
				margin: 5px 0 0 0;
			}
			.press_mat_right li li {
				font-weight:normal;
				list-style-type:none;
				margin: 3px 0 0 0 ;
				padding: 0 0 0 20px;
				
				}



			.col_double {
				width:645px;
				min-height:235px;
				height:auto !important;
				height:235px;
				float:left;
				margin-bottom:20px;
				}
			

			#col_1 {
				margin-right:15px;
				}
			#col_2 {
				margin-right:15px;
				}
			#col_d1 {
				margin-right:15px;
				}
				
				/* Kollektionsboxen Inhalt */
				.col_txt {
					min-height:95px;
					height:auto !important;
					height:95px;
					border-top: solid 5px;
					background-color:#fff;
					padding:10px;
					font-size:10px;
/*					text-align: justify;
*/					}
				.col_txt p {padding: 0;}
				.ae {border-top-color:#4b457c;}
					.ae a {color:#4b457c; font-weight:bold;}
				.sl {border-top-color:#72002e;}
					.sl a {color:#72002e; font-weight:bold;}
				.oo {border-top-color:#3b6d00;}
					.oo a {color:#3b6d00; font-weight:bold;}
				.box_neutral {border-top-color:#48444e;}
					.box_neutral a {color:#48444e; font-weight:bold;}

				.box_stabo {border-top-color:#0f4872;}
					.box_stabo a {color:#0f4872; font-weight:bold;}
				.box_pabo {border-top-color:#5a7d37;}
					.box_pabo a {color:#5a7d37; font-weight:bold;}
				.box_stajabo {border-top-color:#61396d;}
					.box_stajabo a {color:#61396d; font-weight:bold;}

				.col_pic {
					min-height:115px;
					height:auto !important;
					height:115px;
					background-color:#9c97a2;
					}
					
				/* Spalten Startseite */
				#col_1.col_single.startpage a, #col_2.col_single.startpage a, #col_3.col_single.startpage a {
					display:block; 
				}		
			

/* ------- BILD-BOXEN Ende ------- */
/* ---------- Galerie START ----------*/


div.galerie {
	}

div.image {
	float:left;
	margin:0px 0px 9px 9px;
	display: inline; /* fixes the ie margin-bug */
	padding: 1px;
	border: solid 1px #ccc;
	}		
	div.image:hover { border: solid 1px #999;}

	div.galerie.startpage {
		margin-left: -10px;
		margin-top: 11px;
		}
	div.galerie.startpage div.image {
		margin: 0px 0px 11px 11px;
		}
	
div.image img {
	border: solid 1px #fff;
	}

/* ---------- Galerie ENDE ----------*/

/* ---------- Ausstellungs Fotos START ----------- */

div.exib_gal {
	margin-bottom:30px;
	}

.exib_gal .image {
	margin: 0 9px 9px 0;
	}
	
.exib_gal_table th {
	background:#fafafa;
	font-size: 10px;
	color:#48444e;
/*	border-bottom:1px dotted #ccc; */
}

.exib_gal_table td {
	vertical-align: top;
	padding-right: 5px; 
	}


	
/* ---------- Ausstellungs Fotos ENDE ----------- */
	


/* ---------- Impressum START ----------*/
	.impressum {}
	div.impressum table, div.impressum td, div.impressum tr {border:none;}
	div.impressum div { }
	div.impressum dl {margin-top: -7px;}
	div.impressum dt {padding:0px 2px 3px 0px ; margin:12px 0 0 0;; color:#9c97a2; border-bottom: 1px dotted #888;}
	div.impressum dd {margin: 5px 0 0 0px; }

	
/* ---------- Impressum ENDE ----------*/

/* ---------- Sitemap START ----------*/

	div.sitemap {margin: 0 -35px 20px 0;}
	div.sitemap ul {}
	div.sitemap ul li {float: left; font-weight:bold; line-height:14px;
						margin: 0 25px 0 0;}
    div.sitemap li li:hover {list-style: disc;}						
	div.sitemap ul a {}						
	div.sitemap ul ul {border-top: 1px dotted #4d4d4d; margin: 5px 0 0 0; padding: 5px 0 0 0;}
	div.sitemap li li {float:none; font-weight: normal;}

/* ---------- Sitemap ENDE ----------*/

	#div_4_foot {
		min-height:16px;
		height:auto !important;
		height:16px;
		border-top: solid 1px #e0e0e0;
		border-bottom: solid 1px #e0e0e0;
		padding: 0px 7px 0px 7px;
		}

	#div_4_foot, #div_4_foot a {
		font-size:10px;
		line-height:16px;
		color:#9c97a2;
		}
/* ------- LAYOUT End ------- */


/* ------- GENERAL CLASSES Start ------- */
.amid {vertical-align:middle;}
.bold {font-weight:bold;}

.current1 a {color:#9c97a2 !important;}
.current2 a {color:#000 !important;}
.current4 a {color:#48444e !important;}
/* ------- GENERAL CLASSES End ------- */


/* ------- FARBEN Start ------- */
.grey1 {color:#474050;}
.grey2 {color:#48444e;}
.grey3 {color:#9c97a2;}
.grey4 {color:#fafafa;}

.purple1 {color:#3a2c56;}
.purple2 {color:#4b457c;}

.red1 {color:#550022;}
.red2 {color:#72002e;}

.green1 {color:#143325;}
.green2 {color:#3b6d00;}

.blue1 {color:#192840;}
.blue2 {color:#1d3659;}
/* ------- FARBEN End ------- */