@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; }
/****** 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%; }
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-row { padding-right: 30px; }
table.artikel td {padding: 0px 30px 10px 0px; }
table.artikel td.selected { background-color: #FFDF00; }
table.artikel .first-row {font-weight: bold; }
th.evg { width: 145px; }

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; 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; }
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 {
	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: 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; 
	}
	
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:35px;}


.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 {
	float: right; 
	width: 229px;
	padding-right: 7px; }
#type-sidebar h1 { margin-bottom: 2px; }
#type-sidebar h2 { font-weight: bold; margin-top: 14px;}
#type-carousel-wrapper { margin-right: 243px; }

#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 li { height: 15px; font-size: 90%; }
#left-sidebar ul li.selected { 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; }
#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: 177px; }
#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; }	

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