@CHARSET "UTF-8";


/****** start: general layout ********************************************************************/
html { font-size: 125% }
body {
	width: auto;
	margin: 14px 0 0 14px;
	font-size: 50%; /* 10px = 1em */
	font-family: verdana;
	line-height: 12px; }
#doc3 {
	_width:expression(document.body.clientWidth < 979? "978px": "auto" ); /* min-width hack for IE6 */
	min-width: 967px; /* 193+774 */
	margin: 0; }
h1 { font-size: 130%; line-height: 15px; margin-bottom: 7px; }
a { text-decoration: none; color: black; }
.yui-t2 .yui-b {
	float: left;
	width: 193px;
	overflow: hidden; }
.yui-t2 #yui-main .yui-b { margin-left: 200px; }
ul { padding-left: 12px;}
li { list-style-type: disc; list-style-position: outside; margin-left: 5px;}
/****** end: general layout **********************************************************************/


/****** start: main content general **************************************************************/
#main-content {	margin-right: 184px; }
#main-content-projects { margin-right: 177px; *zoom:1; }
#columns { overflow: hidden; }
.columnized { width: 100%; _width: 99%;	display: block; }
.columnized div { float: left; padding-right: 14px; margin: 0px; font-size: 100%; text-align: left; }
/****** end: main content general ****************************************************************/



/****** start: main content templates ************************************************************/
div.startseite-text { width: 250px; margin: 0 0 0 280px; font-size: 100%; }

div.produktgruppe-kategorie-wrapper {
	float: left;
	width: 111px;
	margin-bottom: 7px;
	margin-top: 7px; }
ul.produktgruppe-kategorie-label { font-size: 100%; }
ul.produktgruppe-kategorie-label li { list-style-image: none; list-style-type: none; }
div.produktgruppe-gruppen-wrapper { margin-left: 118px; margin-top: 7px; }

div.type-browse {
	position: relative;
	line-height: 21px;
	padding-bottom: 7px;
	width: 111px; 
	text-align: center;}
div.type-browse span { vertical-align: middle;}
div.type-browse a.prev { position: absolute; top: 0; left: 10px; }
div.type-browse a.next { position: absolute; top: 0; right: 10px; }
div.type-browse-icons-wrapper { position: relative; *zoom:1; padding-top: 20px;}
div.type-browse-icons-wrapper img { border: 0px none; }
div.type-icons-wrapper { position: absolute; right: 7px; bottom: 7px; margin-left: 111px; }
div.type-icons-wrapper img { border: 0px none; }

table.referenztype .first-column { padding-right: 30px; vertical-align: top;}
table.artikel td {padding: 0px 30px 10px 0px; }
table.artikel td.selected { background-color: #FFDF00; }
table.artikel .first-column {font-weight: bold; vertical-align: top;}
th.evg { width: 145px; }

table.referenztype_details_table {
	display: inline-table;
	vertical-align: top;
}
table.referenztype_details_table tbody tr td {
	vertical-align: top;
}
table.referenztype_details_table tbody tr td.content {
	width: 400px;
}
table.product_selector_choice tbody tr td {
	padding: 5px;
}

div.artikel-wrapper { margin-bottom: -41px; margin-right: 7px; }

div.familie-description-wrapper { margin-right: 184px;	margin-bottom: 32px; }
div.familie-buttons-sidebar-wrapper { float:right; width: 170px; padding-right:7px;}
div.familie-buttons-sidebar-wrapper img { border: 0px none; }

div.familie-type-wrapper { margin-bottom: 32px; margin-right: 7px;}
div.familie-type-left-wrapper {	float: left; width: 111px; padding-top: 7px; padding-bottom: 7px; }
div.familie-type-right-wrapper { margin-left: 118px; padding-top: 7px; padding-bottom: 7px;}
div.familie-type-controlicons, div.familie-type-lighticons  { float: right; }
div.familie-type-controlicons img { margin-right: 5px; }
div.familie-type-lighticons img { margin-bottom: 5px; }
div.familie-type-label h1 { margin-bottom: 3px; }
div.familie-type-label { margin-bottom: 10px; }
div.familie-type-table { margin-right: 32px; margin-top: 10px; padding-bottom: 14px; font-size: 100%;}

div.montage-kategoriewerte ul { padding: 7px 0 14px 0; margin-left: 15px;}
div.montage-kategoriewerte li { list-style-type: disc; }
div.montage-kategoriewerte li.selected { background-color: #FFDF00; }
div.montage-arrange { width: 23%; padding-bottom: 10px; }
div.montageTabPictures img { padding: 7px 7px 7px 0px; vertical-align: top; } 
div.montageTabArea { padding-bottom: 20px; padding-top: 20px;}

div.schutzarten-controlicons { width: 111px; padding-top: 7px;}
div.schutzarten-controlicons img { padding: 2px; }
img.pruefzeichen {height: 15px; vertical-align: text-bottom;}
img.icon_lichttechnik { width: 32px; height:32px; margin-bottom: 5px; }
span.schutzart {margin-right:10px; font-family:verdana; font-size: 240%;}
div.gruppen-familien-wrapper { float: left; margin: 0 7px 7px 0; }
div.familien {
	position: relative;
	width: 111px;
	height: 111px;
	background-image: url(../images/verlauf.png);
	background-position: left top;
	background-repeat: repeat-x;
	cursor: pointer; }
div.familien img {
	position:absolute;
	top:0;
	left:0; }
div.familien img.lvk {
	width: 111px; height: 111px;
}

div.lvkbild {
	display: inline;
	position: relative;
	width: 111px;
	height: 111px;
	background-position: left top;
	background-repeat: repeat-x;
	cursor: pointer; }

div.familienlabel {
	position: absolute;
	bottom: 7px;
	width: 100%;
	font-size: 100%;
	text-align:center; }
div.gruppen {
	position: relative;
	width: 111px;
	height: 34px;
	margin-bottom: 7px;
	background-color: #FFDF00;
	cursor: pointer; }
div.gruppenlabel {
	position: absolute;
	top: 5px;
	width: 100%;
	font-size: 100%;
	text-align: center; }
	
/******** start: Kontakt **/

div.employeeWrapper {
	margin-top: 40px;
	float:left;	}
div.employee {
	margin-bottom:7px;
	margin-right:35px; }
div.employeeFunction {
	margin: 0px 0 20px 0; }
div.employeeElement {
	float:left; 
	padding-right:7px; }
input.submitButton  {
}
.yellowForm {
	width: 100px;
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	background-color: #FFDF00; }
form.zipForm {
	margin-top: 7px; }	

/******** ende: Kontakt **/
	
/******** start: Template Productselector **/
div.productselector { margin-bottom: 30px; }
div.productselector-group {
	float: left;
	width: 347px;
	margin: 14px 7px 0 0; }
p.productselector-leftcolumn {
	float: left;
	width: 111px;
	height: 25px; 
	padding-right: 7px; 
	text-align: right; }
p.productselector-rightcolumn {
	*float: left;
	margin-left: 118px;
	*margin-left: 0px;
	width: 229px;
	height: 25px; }
p.productselector-rightcolumn img { cursor: pointer; }	
select.productselector {
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	background-color: #FFDF00;
	width: 229px; }
input.productselector, input.productselector-short {
	width: 227px;
	border: solid 1px;
	border-color: #FFDF00 #000000 #000000 #FFDF00;
	color: black;
	background-color: #FFFFFF; }
input.productselector-short { width: 50px; text-align: right; }	
input.productselector-disabled {
	width: 227px;
	border: none;
	border-left: solid 1px #D3D3D3;
	border-top: solid 1px #D3D3D3;
	background-color: #ECEDED; }
/******** end: Template Productselector **/

/******** start: Diverse Formulare **/
div.formular { margin-left: 30px; margin-bottom: 20px; }

.dataIncompleteWarning {
color: #D2222A;		
	}

img.linkedImage {
		cursor:pointer;
}

table.formularTable td {

	padding-bottom: 8px;	
}

table.formularTable td.formular-label{
	text-align:right;
	padding-right: 5px;	
}

select.formular, select.formularAnrede {
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	background-color: #FFDF00;
	width: 229px;
 }
 
 select.formularAnrede {
 	width: 113px;
 }

input.formularCheckbox {
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	background-color: #FFDF00;
	color: #FFDF00;
}

input.formular, input.formular-short, input.formular-long {
	width: 229px;
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	padding-left: 2px;
	background-color: #FFDF00; 
	font-family: verdana;
	padding-bottom: 1px;
	}
	
input.formular-short { width: 113px; } 

input.formular-long { width: 85%; }

.formularPaddingTop {
	padding-top: 15px;	
}

/******** end: Template Productselector **/


#tab-pictures { float: left; width: 111px;}
#tab-pictures img { padding-bottom: 14px; }
#tab-content { padding-left: 118px; }

#tab_zubehoer_picture {margin-right:10px;}
div.tab_zubehoer_extraPadding {padding-left: 118px;}

div.extra_icons{ float:right; width:39px;}


.Redaktionell_Tabelle_01 td { padding:10px; }
.Redaktionell_Tabelle_01 td.headline { font-weight: bold; }

div.redaktionell-standard { padding-right: 7px; }
div.redaktionell-standard img {	float: left; padding: 0 20px 20px 0;	}
div.redaktionell-standard a:hover { background-color: #FFDF00; }
div.redaktionell-standard b { margin-bottom: 10px; }
div.redaktionell-standard li { list-style-type: disc; list-style-position: inside; }
div.redaktionell-standard ul { list-style-type: disc; list-style-position: inside; }


/******** start: Template Aktuelles **/
div.aktuelles-block { float: left; width: 295px; margin-bottom: 7px; }
div.aktuelles-block h2 { font-weight: bold; }
img.aktuelles-teaser-img { float: left; width: 229px; height: 229px; }
/* .aktuelles-teaser { width: 300px; margin-left: 236px; } */
div.aktuelles-img-left { display: inline; float: left; }
div.aktuelles-img-right{ display: inline; float: right; margin-right: 7px; }
div.aktuelles-text-left { margin-right: 125px; }
div.aktuelles-text-right { margin-left: 118px; margin-right: 7px; }

div.termineMonat div.selected { background-color: #FFDF00; }
/******** end: Template Aktuelles **/
	
div.px40-spacer { height: 32px; }
div.BlackLine {
	width: auto;
	height: 1px;
	background-color: #000;
	overflow: hidden;
	font-size: 1px; }
/****** end: main content templates **************************************************************/



/****** start: right sidebar *********************************************************************/
#right-sidebar {
	float: right;
	width: 170px; 
	padding-right: 7px; }
#right-sidebar .sidebar-item { margin-bottom: 34px; }

ul.right-list-navi li { padding: 0 0 7px 0; line-height: 150%;}
ul.right-list-navi li.displayArrow {
	background-image: url(../images/1_arrow.gif);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 10px; }
ul.right-list-navi li ul li {
	background-image: none; }
ul.right-list-navi li.selected { font-weight: bold; }
ul.right-list-navi li a {
	display: block;
	width: 160px;
	font-size: 100%;
	color: black;
	text-decoration: none; }
ul.right-list-navi li a:hover { background-color: #FFDF00; }

#type-sidebar {
	margin-left: 531px;
	max-width: 465px;
	padding-right: 7px;}
#type-sidebar h1 { margin-bottom: 2px; }
#type-sidebar h2 { font-weight: bold; margin-top: 14px;}
#type-carousel-wrapper { width: 524px; padding-right: 7px; float: left; }

#projekte-details-infos h2 { font-weight: bold; padding-bottom: 14px;}
#projekte-details-carousel-wrapper { margin-right: 7px;}
#projekte-details-infos th, #projekte-details-infos td { vertical-align: top; padding-bottom: 5px; }
#projekte-details-infos th { padding-right: 20px; }
#projekte-details-bottom-wrapper { padding-top: 14px; padding-bottom: 14px; width: 730px; }
#projekte-details-bottom-wrapper .type-browse { float: left; }
.projekte-details-description { margin-left: 147px; margin-right: 111px;}
.projekte-details-icons { float: right; }
/****** end: right sidebar ***********************************************************************/



/****** start: left sidebar **********************************************************************/
#left-sidebar ul { padding-left: 0px; }
#left-sidebar ul li { height: 15px; font-size: 90%; padding-left: 0px; margin-left: 0px; list-style-image: none; list-style-type: none; }
#left-sidebar ul li.selected { font-weight: bold; }
#left-sidebar ul li.highlighted { font-weight: bold; }
#left-sidebar ul li a {
	display: block;
	width: 193px;
	line-height: 12px;
	text-decoration: none;
	color: black; }
#left-sidebar ul li a:hover { background-color: #FFDF00; }
#left-sidebar ul.katalog { margin-left: 16px; }
#left-sidebar ul.katalog li { padding: 0; }
#left-sidebar input.searchfield {
	width: 100%;
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	font-family: verdana;
	padding-left: 2px;
	background-color: #FFDF00; 
	padding-bottom: 1px;}
#left-sidebar .spacer { margin-bottom: 7px; }
/****** end: left sidebar ************************************************************************/



/****** start: header with main menu *************************************************************/
#hd { margin-bottom: 29px; /* (46+7)-24 */ }
#logo {	width: 193px; height: 47px; /* (64+7)-24 */ }
	
#top-row-wrapper {
	position: relative;
	_zoom: 1; /* only IE6 */
	z-index: 10; }
#bottom-row-wrapper {
	position: relative;
	_zoom: 1; /* only IE6 */
	z-index: 9;	
}	
	
#main-menu-top-row {
	margin-left: 259px; /* 193+7+52+7 */
	margin-right: 137px; }
#right-main-menu-top-row {
	position: absolute;
	bottom: 0;
	right: 0;
	width: 177px; }
#main-menu-rowseparator {
	width: 100%;
	height: 1px;
	background-color: #000;
	overflow: hidden;
	font-size: 1px; }
#main-menu-bottom-row {
	margin-left: 200px; /* 193+7 */
	margin-right: 177px; }
#right-main-menu-bottom-row { float: right; width: 177px; }

ul.right-navi li.selected { font-weight: bold; }
ul.right-navi li a {
	display: block;
	width: 111px;
	font-size: 100%;
	line-height: 24px;
	color: black;
	text-decoration: none; }
ul.right-navi li a:hover { background-color: #FFDF00; }
/****** end: header with main menu ***************************************************************/

/** Seminare **/
.termineTermin {
	font-size: 90%; 
	padding-left: 15px;}
.selectedTermin {
	font-weight:bold;}
	
/** Image Zoom **/
.bereich {
	z-index: 50;
	background-color: #FFFFFF;
	position: absolute;
	text-align: center;
	font-weight: bold; }
.beschreibung {
	color: #FFFFFF;
	background-color: #000000;
	display: none; }	

/** External Access Link **/
div.linkfield {
	width: 315px;
	margin-right: 7px;
	height: 32px;
	float: left;
	position: relative;
}
input.linkfield {
	overflow: hidden; 
	width: 312px;
	border: none;
	border-left: solid 1px #000000;
	border-top: solid 1px #000000;
	font-family: verdana;
	font-size: 10px;
	padding-left: 2px;
	background-color: #FFDF00; 
	position: absolute;
	bottom: 0px;
	padding-bottom: 1px;
} 


/****** start: Progress Bar **********************************************************************/
div.Progress { position: absolute; width: 500px; height: 150px; background-color: white; border: solid 1px black; text-align: center; }
div.DropShadow { position: absolute; width: 500px; height: 150px; background-color: silver; }
div.Progress p { padding: 20px 0px 10px 0px; }
img.Progress { border: none; }
/****** end: Progress Bar ************************************************************************/