.hl0 {
	font-style: italic;
	font-weight: bold;
}


html {
height: 100%;
overflow-y: -moz-scrollbars-vertical; 
overflow-y: scroll;
overflow-x: auto; 
}


body {
	background: rgb(247,247,247);
	color: #333333;
	font-family: arial, lucida sans, sans-serif;
	font-size: 9pt;
	font-style: normal;
	line-height: 12pt;
	margin: 0px;
	padding: 0px;
}

#bgimg {
	position:fixed;
	z-index: -1;
}

/* 1600 x 1200 */
body#start { background: url(../img/layout/bg/start_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#produkte { background: url(../img/layout/bg/produkte_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#referenzen { background: url(../img/layout/bg/referenzen2_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#aktuell { background: url(../img/layout/bg/aktuell_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#unternehmen { background: url(../img/layout/bg/unternehmen_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#standorte { background: url(../img/layout/bg/standorte_1600.jpg) no-repeat right top fixed rgb(247,247,247); }
body#partner { background: url(../img/layout/bg/partner_1600.jpg) no-repeat right center fixed rgb(247,247,247); }
body#kontakt { background: url(../img/layout/bg/kontakt_1600.jpg) no-repeat left top fixed rgb(247,247,247); }



/* +++++++++++++++++++++++++++++++++++++++++++++ Allgemein +++++++++++++++++++++++++++++++++++ */

/* +++++++++++ Schrift +++++++++++ */

h1 {
	margin: 10px 0 10px 0;
	padding: 0px;
	color: #333333;
	font-size: 16pt;
	font-style: normal;
	font-weight: normal;
	line-height: 18pt;
}


h2 {
	margin: 15px 0 5px 0;
	padding: 0px;
	color: #333333;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	line-height: 14pt;
}

h2.news {
	margin: 0px 0 5px 0;
}

h2.black {
	color: #333333;
}

h3 {
	margin: 20px 0 10px 0;
	padding: 0px;
	color: #333333;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
}

h4 {
	margin: 15px 0 0px 0;
	padding: 0px;
	color: #333333;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
}

h5 {
	margin: 15px 0 0px 0;
	padding: 0px;
	color: #333333;
	font-size: 9pt;
	font-style: italic;
	font-weight: bold;
}

h5:first-child {
	margin: 0px 0 0 0;
}


h6 {
	margin: 0px 0px 0px 0px;
	padding: 0px;
	color: #333333;
	font-size: 9pt;
	font-style: normal;
	font-weight: bold;
}

h7 {
	margin: 0px 0px 15px 0px;
	padding: 0px;
	color: #333333;
	font-size: 9pt;
	font-style: normal;
	font-weight: normal;
	display: block;
}

p {
	margin: 4px 0 10px 0;
	padding: 0px;
	line-height: 13pt;
	font-size: 9pt;
}


a {
	border: 0px;
}

a:link, 
a:visited {
	color:#333333;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}

a:hover,
a:active {
	color:#333333;
	text-decoration: none;
}



/* +++++++++++ Elemente +++++++++++ */

#wrapper {
	width: 965px;
	margin: 10px 0 0 25px;
	padding: 0px;
}

#header {
	position: relative;
	width: 940px;
	height: 140px;
	margin: 0px;
	padding: 0px;
}

#logo {
	position: absolute;
	background: #ffcc00;
	top: 0px;
	left: 0px;
	width: 220px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	color: #3e91d0;
	line-height: 14pt;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
}

#logo .logo_bbl {
	margin: 0px 0 0 0px;
	padding: 0px;
} 

#navigation {
	position: relative;
	width: 220px;
	float: left;
	margin: 0px 0 0 0;
	padding: 0px;
	border: 0px solid red;
}


#navigation ul {
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 0px;
	overflow: hidden;
}

#navigation ul li,
#navigation ul li:last-child {
	list-style: none;
	list-style-type: none;
	width: 220px;
	margin: 0px 0px 1px 0px;
	padding: 0px 0px 0px 0px;

}

#navigation ul li a:link,
#navigation ul li a:visited {
	list-style: none;
	list-style-type: none;
	display: block;
	width: 210px;
	margin: 0px 0px 1px 0px;
	padding: 12px 0px 9px 10px;
	font-size: 11pt;
	line-height: 10pt;
	background: #ffcc00;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	outline: none;
	-moz-outline-style: none;
}

#navigation ul li a:hover,
#navigation ul li a:focus,
#navigation ul li a:active {
	display: block;
	width: 210px;
	margin: 0px 0px 1px 0px;
	padding: 12px 0px 9px 10px;
	font-size: 11pt;
	line-height: 10pt;
	background: #fcd94b;
	
}

#navigation ul li a.selected,
#navigation ul li a.selected:link,
#navigation ul li a.selected:visited {
	list-style: none;
	list-style-type: none;
	background: #ffffff;
	margin: 0px 0px 1px 0px;
	padding: 12px 0px 9px 10px;
	font-weight: bold;
}

#navigation ul li a.offen:link,
#navigation ul li a.offen:visited {
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 9px 10px;
	background: #fcd94b;
}

#navigation ul li a.offenselected:link,
#navigation ul li a.offenselected:visited {
	list-style: none;
	list-style-type: none;
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 9px 10px;
	background: #fcd94b;
	font-weight: bold;
}

#navigation ul li a.offen:hover,
#navigation ul li a.offen:focus,
#navigation ul li a.offen:active {
	margin: 0px 0px 0px 0px;
	padding: 12px 0px 9px 10px;
	background: #fcd94b;
}

#navigation ul li ul  {
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 10px;
	font-size: 10pt;
	line-height: 12pt;
	background: #ffe89c;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	z-index: 2;
}

#navigation ul li ul li {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 0px 0px 0px 10px;
	font-size: 10pt;
	line-height: 14pt;
	z-index: 2;
	border-bottom: 1px solid #a5a5a5;
}

#navigation ul li ul li:last-child {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 0px 0 0px 10px;
	font-size: 10pt;
	line-height: 14pt;
	z-index: 2;
	border-bottom: 0px solid red;
}





#navigation ul li ul li a:link,
#navigation ul li ul li a:visited {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-size: 10pt;
	line-height: 14pt;
	background: #ffe89c;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px solid #a5a5a5;
	z-index: 2;
	outline: none;
	-moz-outline-style: none;
}

#navigation ul li ul li a:hover,
#navigation ul li ul li a:focus,
#navigation ul li ul li a:active {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-size: 10pt;
	line-height: 14pt;
	background: #fff4ce;
	border-bottom: 0px solid #a5a5a5;
	z-index: 2;
}

/*#navigation ul li ul li:last-child {
	width: 210px;
	margin: 0 0px 0px 0px;
	padding: 0px;
	font-size: 10pt;
	line-height: 14pt;
	z-index: 2;
}

#navigation ul li ul li a.link:last-child,
#navigation ul li ul li a.visited:last-child {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-size: 10pt;
	line-height: 14pt;
	background: #ffe89c;
	border-bottom: 0px solid #a5a5a5;
	z-index: 2;
}

#navigation ul li ul li a.hover:last-child,
#navigation ul li ul li a.focus:last-child,
#navigation ul li ul li a.active:last-child {
	width: 210px;
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-size: 10pt;
	line-height: 14pt;
	background: #ffffff;
	border-bottom: 0px solid #a5a5a5;	
}*/


#navigation ul li ul li a.offen:link,
#navigation ul li ul li a.offen:visited {
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-weight: normal;
	border-bottom: 0px solid red;
	background: #fff4ce;
}

#navigation ul li ul li a.offenselected:link,
#navigation ul li ul li a.offenselected:visited {
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	font-weight: bold;
	border-bottom: 0px solid red;
	background: #fff4ce;
}

#navigation ul li ul li a.offen:hover,
#navigation ul li ul li a.offen:focus,
#navigation ul li ul li a.offen:active {
	padding: 5px 0px 3px 10px;
	background: #fff4ce;
	border-bottom: 0px solid red;
	
}

#navigation ul li ul li a.selected:link,
#navigation ul li ul li a.selected:visited {
	background: #ffffff;
	margin: 0 0px 0px -10px;
	padding: 5px 0px 3px 10px;
	border-bottom: 0px solid red;
	font-weight: bold;
}

#navigation ul li ul li ul {
	width: 210px;
	margin: 0px 0px 0px -10px;
	padding: 3px 0px 0px 10px;
	font-size: 10pt;
	line-height: 14pt;
	background: #ffffff;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px solid #a5a5a5;
	z-index: 3;
}

#navigation ul li ul li ul li {
	width: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	line-height: 14pt;
	z-index: 3;
	border-bottom: 0px;
}

#navigation ul li ul li ul li:last-child {
	width: 210px;
	margin: 0px;
	padding: 0px;
	font-size: 10pt;
	line-height: 14pt;
	z-index: 3;
	border-bottom: 0px;
}

#navigation ul li ul li ul li a:link,
#navigation ul li ul li ul li a:visited {
	width: 200px;
	margin: 0px 0px 0px -10px;
	padding: 2px 0px 2px 20px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	background: #fff6d8;
	background: #ffffff;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px;
	z-index: 3;
	outline: none;
	-moz-outline-style: none;
}

#navigation ul li ul li ul li a:hover,
#navigation ul li ul li ul li a:focus,
#navigation ul li ul li ul li a:active {
	width: 200px;
	margin: 0px 0px 0px -10px;
	padding: 2px 0px 2px 20px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	background: #fff6d8;
	background: #ffffff;
	color: #3e91d0;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px;
	z-index: 3;
}

#navigation ul li ul li ul li a.offenselected:link,
#navigation ul li ul li ul li a.offenselected:visited,
#navigation ul li ul li ul li a.offenselected:hover,
#navigation ul li ul li ul li a.offenselected:focus,
#navigation ul li ul li ul li a.offenselected:active,
#navigation ul li ul li ul li a.selected,
#navigation ul li ul li ul li a.selected:link,
#navigation ul li ul li ul li a.selected:visited {
	background: #ffffff;
	color: #3e91d0;
	padding: 2px 0px 2px 20px;
	font-weight: bold;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
}

#navigation ul li ul li ul li a.offen:link,
#navigation ul li ul li ul li a.offen:visited,
#navigation ul li ul li ul li a.offen:hover,
#navigation ul li ul li ul li a.offen:focus,
#navigation ul li ul li ul li a.offen:active {
  background: #ffffff;
	color: #333333;
	padding: 2px 0px 2px 20px;
	font-weight: bold;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
}

/* 4. Ebene */
#navigation ul li ul li ul li ul {
	width: 210px;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 3px 20px;
	font-size: 10pt;
	line-height: 14pt;
	background: #ffffff;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px solid #a5a5a5;
	z-index: 3;
}

#navigation ul li ul li ul li ul li,
#navigation ul li ul li ul li ul li:last-child {
	width: 180px;
	margin: 0 0 0 10px;
	padding: 0 0 0 0px;
	font-size: 10pt;
	line-height: 14pt;
	border-bottom: 0px;
  list-style: square;
  color: #b6b6b6;
}

#navigation ul li ul li ul li ul li a:link,
#navigation ul li ul li ul li ul li a:visited {
	width: 180px;
	margin: 0px 0px 0px 0px;
	padding: 2px 0px 2px 0px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	background: #fff6d8;
	background: #ffffff;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px;
	outline: none;
	-moz-outline-style: none;
	color: #b6b6b6;
}

#navigation ul li ul li ul li ul li a:hover,
#navigation ul li ul li ul li ul li a:focus,
#navigation ul li ul li ul li ul li a:active {
	width: 180px;
	font-size: 10pt;
	font-weight: normal;
	line-height: 14pt;
	background: #fff6d8;
	background: #ffffff;
	color: #3e91d0;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
	border-bottom: 0px;
	z-index: 3;
}

#navigation ul li ul li ul li ul li a.selected,
#navigation ul li ul li ul li ul li a.selected:link,
#navigation ul li ul li ul li ul li a.selected:visited {
	background: #ffffff;
	color: #3e91d0;
	padding: 2px 0px 2px 10px;
	font-weight: bold;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
}

#main {
	position: relative;
	width: 719px;
	margin: 0 0 0 1px;
	padding: 0px;
	border: 0px solid red;
	float: left;
}



#content {
	position: relative;
	width: 719px;
	min-height: 400px;
	margin: 0 0 0 0px;
	padding: 0px;
	border: 0px solid red;
	float: left;
	background: url(../img/layout/bg_content_100.gif) repeat-y;
}

#content #left {
	position: relative;
	float: left;
	width: 478px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 40px 10px;
	border: 0px solid red;
}

#content #right {
	position: relative;
	float: left;
	width: 200px;
	margin: 0px 0px 0px 1px;
	padding: 10px;
	border: 0px solid red;
}


#content .break,
#content_breit .break {
	clear: both;
	height: 30px;
}

#content .break_40,
#content_breit .break_40 {
	clear: both;
	height: 40px;
}

#content .break_20,
#content_breit .break_20 {
	clear: both;
	height: 20px;
}
#content .break_10,
#content_breit .break_10 {
	clear: both;
	height: 10px;
}

#content .clear,
#content_breit .clear {
	clear: both;
}




.extlink {
	color: #3e91d0;
}


#content_breit {
	position: relative;
	width: 698px;
	margin: 0px 0px 0px 0px;
	padding: 10px 10px 40px 10px;
	border: 0px solid red;
	float: left;
	background: #ffffff;
	opacity: 1.0;
	filter: Alpha(opacity=100);
	-moz-opacity: 1.0;
}


.AP {
	display: block;
	width: 698px;
	margin: 0px;
	padding: 0px;
	border: 0px solid red;
	float: left;
}

.AP1,
.AP2,
.AP3 {
	position: relative;
	width: 220px;
	float: left;
	margin: 0px 0px 30px 0px;
	padding: 0px;
}

.AP1, 
.AP2 {
	margin: 0 19px 0px 0;
}

.person_r {
	width: 330px;
	float: left;
	margin: -5px 0px 0 0;
	padding: 0px;
}

.foto {
	position: relative;
	float: left;
	width: 220px;
	height: 300px;
	margin: 0px 0px 10px 0;
	padding: 0px;
	border-bottom: 0px solid #3e91d0;
	background: #e8e8e8;
}

.meta_foto {
	position: relative;
	width: 160px;
	height: 218px;
	margin: 6px 10px 10px 0;
	padding: 0px;
	border-bottom: 0px solid #3e91d0;
}

.daten {
	position: relative;
	float: left;
	margin: 0px;
	padding: 0px;
}



#breadcrumb {
	margin: 0px 0 10px 0px;
	padding: 0px;
	width: 460px;
	font-size: 8pt;
	color: #b6b6b6;
}

#meta {
	margin: 0px 0 10px 0px;
	padding: 0px;
	width: 200px;
	font-size: 8pt;
	color: #b6b6b6;
}

.line {
	width: 200px;
	margin: 0 0 20px 0;
	height: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.line-wide {
	width: 478px;
	margin: 0 0 20px 0;
	height: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.news-line-wide {
	width: 478px;
	margin: 0 0 20px 0;
	height: 20px;
	border-bottom: 1px solid #e8e8e8;
}

.news-line-wide:last-child {
	display: none;
}

#content a:link,
#content a:visited,
#content_breit a:link,
#content_breit a:visited {
	color: #3e91d0;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}

#content a:hover,
#content a:active,
#content a:focus,
#content_breit a:hover,
#content_breit a:active,
#content_breit a:focus {
	color: #3e91d0;
	text-decoration: underline;
}



#content img,
#content_breit img {
	border-bottom: 3px solid #3e91d0;
}

#content .noborder {
	border: 0px;
}



#content ul {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#content ul li {
	list-style-type: square;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
}


#content ol,
#content ol li {
	list-style-type: decimal;
	margin: 0px 0px 0px 14px;
	padding: 0px 0px 0px 0px;
}



/*.produktList {
	position: relative;
	float: left;
	overflow: hidden;
	width: 230px;
	height: 140px;
	margin: 0 18px 35px 0;
	padding: 0px;
	cursor: pointer;
}

.produktList a {
	display: block;
}

.produktList_r {
	position: relative;
	float: left;
	overflow: hidden;
	width: 230px;
	height: 140px;
	margin: 0 0px 35px 0;
	padding: 0px;
	cursor: pointer;
}


.produktbild {
	position: relative;
	float: left;
	width: 230px;
	height: 140px;
	margin: 0px;
	padding: 0px;
}

.produktDesc {
	position: absolute;
	float: left;
	overflow: hidden;
	top: 105px;
	width: 210px;
	height: 120px;
	margin: 0px 0 0 0;
	padding: 10px;
	background: #3e91d0;
	opacity: 0.85;
	filter: Alpha(opacity=85);
	-moz-opacity: 0.85;
}*/

.head {
	color: #ffffff;
	font-size: 12pt;
	font-weight: normal;
	
}

.text {
	color: #ffffff;
	font-size: 9pt;	
	margin-top: 20px;
}



.boxgrid { 
	position: relative;
	float: left;
	overflow: hidden;
	width: 230px;
	height: 140px;
	margin: 0 0px 35px 0;
	padding: 0px;
	cursor: pointer;
}

.boxgridRight { 
	position: relative;
	left: 18px;
	float: left;
	overflow: hidden;
	width: 230px;
	height: 140px;
	margin: 0 0px 35px 0;
	padding: 0px;
	cursor: pointer;
}

.boxgrid img,
.boxgridRight img { 
	position: absolute; 
	top: 0; 
	left: 0; 
	border: 0; 
	background: #e8e8e8;
}
			
.boxcaption { 
	float: left;
	position: absolute;
	overflow: hidden;
	width: 210px;
	height: 100px;
	margin: 0px;
	top: 105px;
	padding: 10px;
	background: #3e91d0;
	opacity: .85; 
	-moz-opacity: 0.85;
	/* For IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=85);
	/* For IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=85)";
	cursor: pointer;
}

.boxcaption a {
	display: block;
	cursor: pointer;
	outline: none;
	-moz-outline-style: none;
}

.caption .boxcaption {
	top: -105;
	left: 0;
	cursor: pointer;
}






.col1 {
	position: relative;
	float: left;
	width: 230px;
	margin: 0px 18px 10px 0;
	padding: 0px;
}


.col2 {
	position: relative;
	float: left;
	width: 230px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}


.farbe1, .farbe2 {
	position: relative;
	float: left;
	width: 152px;
	margin: 0px 11px 0px 0;
	padding: 0px;
}


.farbe3 {
	position: relative;
	float: left;
	width: 152px;
	margin: 0px 0px 0px 0px;
	padding: 0px;
}






#footer {
	position: relative;
	float: left;
	color: #ffffff;
	width: 698px;
	margin: 0px 0 0 0px;
	padding: 8px 0px 50px 10px;
	border: 0px solid red;
}

#footer a:link, 
#footer a:visited {
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}

#footer a:hover,
#footer a:active {
	color:#ffffff;
	font-weight: normal;
	text-decoration: none;
}

#footerD {
	position: relative;
	float: left;
	color: #333333;
	width: 698px;
	margin: 0px 0 0 0px;
	padding: 8px 0px 50px 10px;
	border: 0px solid red;
}

#footerD a:link, 
#footerD a:visited {
	color:#333333;
	font-weight: normal;
	text-decoration: none;
}

#footerD a:hover,
#footerD a:active {
	color:#333333;
	font-weight: normal;
	text-decoration: none;
}











/* Layout helpers
----------------------------------*/
.ui-helper-hidden { display: none; }
.ui-helper-hidden-accessible { position: absolute; left: -99999999px; }
.ui-helper-reset { margin: 0; padding: 0; border: 0; outline: 0; line-height: 1.3; text-decoration: none; font-size: 100%; list-style: none; }
.ui-helper-clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.ui-helper-clearfix { display: inline-block; }
/* required comment for clearfix to work in Opera \*/
* html .ui-helper-clearfix { height:1%; }
.ui-helper-clearfix { display:block; }
/* end clearfix */
.ui-helper-zfix { width: 100%; height: 100%; top: 0; left: 0; position: absolute; opacity: 0; filter:Alpha(Opacity=0); }


/* Interaction Cues
----------------------------------*/
.ui-state-disabled { cursor: default !important; }


/* Icons
----------------------------------*/

/* states and images */
.ui-icon { display: block; text-indent: -99999px; overflow: hidden; background-repeat: no-repeat; }


/* Misc visuals
----------------------------------*/

/* Overlays */
.ui-widget-overlay { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }








#tabs ul,
#tabs ul li {
	list-style: none;
	list-style-type: none;
	margin: 0px 1px 0px 0px;
	padding: 0px 0px 0px 0px;
}


#tabs-1 ul, 
#tabs-2 ul, 
#tabs-3 ul, 
#tabs-4 ul, 
#tabs-5 ul, 
#tabs-6 ul, 
#tabs-7 ul, 
#tabs-8 ul {
	list-style-type: square;
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
}

#tabs-1 ul li,
#tabs-2 ul li,
#tabs-3 ul li,
#tabs-4 ul li,
#tabs-5 ul li,
#tabs-6 ul li,
#tabs-7 ul li,
#tabs-8 ul li {
	list-style-type: square;
	margin: 0px 0px 0px 16px;
	padding: 0px 0px 0px 0px;
}

.ui-tabs { 
	padding: 0px; 
	list-style: none;
	list-style-type: none;
}

.ui-tabs .ui-tabs-nav { 
	list-style: none; 
	position: relative; 
	margin: 20px 0 20px 0;
	padding: 0px; 
	display: block;
}

.ui-tabs .ui-tabs-nav ul { 
	list-style: none; 
	list-style-type: none;
	margin: 0px;
	position: relative; 
	padding: 30px; 
	width: 500px;
	clear: both;
}

.ui-tabs .ui-tabs-nav li { 
	list-style: none;
	list-style-type: none;
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0px 1px 0px 0px; 
	padding: 0; 
	background: #74bce8;
}

.ui-tabs .ui-tabs-nav li:hover,
.ui-tabs .ui-tabs-nav li:focus,
.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	list-style: none;
	list-style-type: none;
	position: relative; 
	float: left; 
	border-bottom-width: 0 !important; 
	margin: 0 1px 0px 0; 
	padding: 0; 
	background-color: #3e91d0;
}

.ui-tabs .ui-tabs-nav li a { 
	list-style: none;
	list-style-type: none;
	float: left; 
	text-decoration: none; 
	padding: 5px 9px 4px 9px; 
	color: #ffffff;
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected { 
	list-style: none;
	list-style-type: none;
	padding-bottom: 0px; 
	border-bottom-width: 0; 
}

.ui-tabs .ui-tabs-nav li.ui-tabs-selected a, 
.ui-tabs .ui-tabs-nav li.ui-state-disabled a, 
.ui-tabs .ui-tabs-nav li.ui-state-processing a { 
	list-style: none;
	list-style-type: none;
	cursor: text;
}

.ui-tabs .ui-tabs-nav li a, 
.ui-tabs.ui-tabs-collapsible .ui-tabs-nav li.ui-tabs-selected a { 
	list-style: none;
	list-style-type: none;
	cursor: pointer; 
} 
/* first selector in group seems obsolete, but required to overcome bug in Opera applying cursor: text overall if defined elsewhere... */

.ui-tabs .ui-tabs-panel { 
	list-style: none;
	list-style-type: none;
	padding: 0px; 
	display: block; 
	border-width: 0; 
	background: none; 
}

.ui-tabs .ui-tabs-hide { 
	display: none !important; 
}

.ui-helper-clearfix {
	list-style: none;
	list-style-type: none;
	display: block;

}

.ui-widget-header {
		list-style: none;
	list-style-type: none;
	background: #e8e8e8;
}

#tabs a:link,
#tabs a:visited {
	color: #ffffff;
	text-decoration: none;
	outline: none;
	-moz-outline-style: none;
}

#tabs a:hover,
#tabs a:active,
#tabs a:focus {
	color: #ffffff;
	text-decoration: none;
	background: #3e91d0;
}


#tabs p a:link,
#tabs p a:visited {
	color: #3e91d0;
	text-decoration: none;
	background: none;
}

#tabs p a:hover,
#tabs p a:active,
#tabs p a:focus {
	color: #3e91d0;
	text-decoration: underline;
	background: none;
}














label {
	font-size: 8pt;
	margin: 0px 0 2px 0;
}

input, textarea {
	background: #D7EAF4;
	background: #e8e8e8;
	border-style: none;
	border-width: 0px solid #000000;
	color: #333333;
	cursor: auto;
	display: inline-block;
	font-family: arial, lucida sans, sans-serif;
	font-size: 8pt;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	letter-spacing: normal;
	width: 192px;
	margin: 0px 0 8px 0;
	padding: 4px 4px 4px 4px;
	text-align: left;
	text-indent: 0px;
	text-shadow: none;
	text-transform: none;	
}

input:focus,
textarea:focus {
	background: #c5dfef;
}

textarea {
	resize: none;
	font-family: arial, lucida sans, sans-serif;
}

#submit {
	background: #74bce8;
	width: auto;
}



.auszeichnung {
	font-style: italic;
}


.abschnitt {
	clear: both;
	margin: 0px 0 0 0;
	display: block;
}

#content_breit .abschnitt_li {
	position: relative;
	float: left;
	width: 330px;
	margin: 0 29px 10px 0;
	padding: 0px;
}

#content_breit .abschnitt_re {
	position: relative;
	float: left;
	width: 330px;
	margin: 0 0px 10px 0;
	padding: 0px;	
}
	
#content .abschnitt_li {
	position: relative;
	float: left;
	width: 220px;
	margin: 0 29px 10px 0;
	padding: 0px;
}

#content .abschnitt_re {
	position: relative;
	float: left;
	width: 220px;
	margin: 0 0px 10px 0;
	padding: 0px;	
}	
	
.bildzelle {
    position: relative;
    float: left;
    margin-top: 2px;
    margin-right: 20px;
    margin-bottom: 10px;
    padding: 0px;
}

.bild {
    position: relative;
}


.bildtitel {
    font-size: 8pt;
    line-height: 10pt;
    color: #333333;
    width: 220px;
    margin-bottom: 5px;
}

.bildtitel-wide {
    font-size: 8pt;
    line-height: 10pt;
    color: #333333;
    margin-bottom: 5px;
}

.abschnitt p {
	position: relative;
}

table, tr {
	margin: 0px;
	padding: 0px;
}

td {
	padding: 4px 10px 4px 10px;
	border-bottom: 1px solid #e8e8e8;
	vertical-align: top;
}


tr.even {
	background: #none;
}

tr.odd {
	background: #none;
}


#sitemap ul {
	margin: 0px;
	padding: 0px;
	color: #3e91d0;

	
}

#sitemap ul li {
	margin: 0px 0 10px 0px;
	padding: 10px 10px 10px 0px;
	list-style-type: none;
	font-size: 11pt;
	line-height: 20pt;
	border-bottom: 1px solid #e8e8e8;

}

#sitemap ul li:last-child {
	border: none;

}

#sitemap ul li ul {
	position: relative;
	left: 180px;
	margin: -24px 0 0 0;
	padding: 0px;
	width: 200px;

}

#sitemap ul li ul li {
	list-style-type: none;
	font-size: 9pt;
	line-height: 16pt;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
	border: none;
}

#sitemap ul li ul li ul {
	position: relative;
	left: 160px;
	margin: -21px 0 10px 0;
	padding: 0 0 0 0px;
		width: 200px;
}

#sitemap ul li ul li ul li {
	list-style-type: none;
	line-height: 16pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
}

#sitemap ul li ul li ul li ul {
	position: relative;
	left: 170px;
	margin: -21px 0 10px 0;
	padding: 0px;
	width: 180px;
}

#sitemap ul li ul li ul li ul li {
	list-style-type: none;
	line-height: 16pt;
	font-weight: normal;
	margin: 0px;
	padding: 0px;
	border: none;
}

#sitemap ul.sitemapDesc,
#sitemap ul li ul.sitemapDesc,
#sitemap ul li ul li ul.sitemapDesc,
#sitemap ul li ul li ul li ul.sitemapDesc,
#sitemap ul li.sitemapDesc,
#sitemap ul li ul li.sitemapDesc,
#sitemap ul li ul li ul li.sitemapDesc,
#sitemap ul li ul li ul li ul li.sitemapDesc {
	margin: 10px 0 10px 0;
	padding: 0px;
	color: #333333;
	font-size: 11pt;
	font-style: normal;
	font-weight: normal;
	list-style-type: none;
}

#sitemap ul li ul.sitemapDesc {
	margin: -34px 0 0 0;
}

#sitemap ul li ul li ul.sitemapDesc {
	margin: -32px 0 0 0;
}

#sitemap ul li ul li  ul li ul.sitemapDesc {
	margin: -30px 0 0 0;
}

#kontaktformular p {
	clear: both;
}

#kontaktformular table, tr {
	margin: 0px;
	padding: 0px;
}

#kontaktformular td {
	padding: 4px 20px 4px 0px;
	border: 0px;
	vertical-align: top;
}


#metakontaktKipping,
#metakontaktKleinert,
#metakontaktCzichos,
#metakontaktSchulze,
#metakontaktObuch {
	border: 0px solid red; 
}

#kontaktformular fieldset,
#metakontaktKipping fieldset,
#metakontaktKleinert fieldset,
#metakontaktCzichos fieldset,
#metakontaktSchulze fieldset,
#metakontaktObuch fieldset {
	border: none;
	margin: 0px;
	padding: 0px;
}

#kontaktformular input,
#kontaktformular textarea {
	width: 230px;
	border: 1px solid #ffffff;
}

#metakontaktKipping input,
#metakontaktKleinert input,
#metakontaktCzichos input,
#metakontaktSchulze input,
#metakontaktObuch input,
#metakontaktKipping textarea,
#metakontaktKleinert textarea,
#metakontaktCzichos textarea,
#metakontaktSchulze textarea,
#metakontaktObuch textarea {
	border: 1px solid #ffffff;
	width: 190px;
}

#metakontaktKipping textarea,
#metakontaktKleinert textarea,
#metakontaktCzichos textarea,
#metakontaktSchulze textarea,
#metakontaktObuch textarea {
	overflow: auto;
} 

#kontaktformular input.error,
#kontaktformular textarea.error,
#metakontaktKipping input.error,
#metakontaktKleinert input.error,
#metakontaktCzichos input.error,
#metakontaktSchulze input.error,
#metakontaktObuch input.error,
#metakontaktKipping textarea.error,
#metakontaktKleinert textarea.error,
#metakontaktCzichos textarea.error,
#metakontaktSchulze textarea.error,
#metakontaktObuch textarea.error {
	border: 1px dotted red;
}

/*#kontaktformular input.valid,
#kontaktformular textarea.valid,
#metakontaktKipping input.valid,
#metakontaktKleinert input.valid,
#metakontaktCzichos input.valid,
#metakontaktSchulze input.valid,
#metakontaktObuch input.valid,
#metakontaktKipping textarea.valid,
#metakontaktKleinert textarea.valid,
#metakontaktCzichos textarea.valid,
#metakontaktSchulze textarea.valid,
#metakontaktObuch textarea.valid {
	border: 1px dotted green;
}*/

#kontaktformular input.plz,
#kontaktMetaAntwort input.plz {
	width: 60px;
}

#kontaktformular input:focus,
#kontaktformular textarea:focus {
	background: #c5dfef;
}

#kontaktformular textarea {
	resize: none;
	font-family: arial, lucida sans, sans-serif;
	float: left;
	overflow: auto;
}



#kontaktformular #submit:hover,
#kontaktformular #submit:focus {
	background: #3e91d0;
	width: auto;
}


#kontaktformular #submit,
#metakontaktKipping #submit,
#metakontaktKleinert #submit,
#metakontaktCzichos #submit,
#metakontaktSchulze #submit,
#metakontaktObuch #submit {
	background: #74bce8;
	width: auto;
	border: none;
	color: #ffffff;
	cursor: pointer;
	outline: none;
	-moz-outline-style: none;
}

#metakontaktKipping #submit:hover,
#metakontaktKipping #submit:focus,
#metakontaktKleinert #submit:hover,
#metakontaktKleinert #submit:focus,
#metakontaktCzichos #submit:hover,
#metakontaktCzichos #submit:focus,
#metakontaktSchulze #submit:hover,
#metakontaktSchulze #submit:focus,
#metakontaktObuch #submit:hover,
#metakontaktObuch #submit:focus {
	background: #3e91d0;
	width: auto;
	border: none;
	color: #ffffff;
	cursor: pointer;
}

#kontaktformular label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	position: absolute;
	left: 260px; 
	margin: 0px;
}

#metakontaktKipping label.error,
#metakontaktKleinert label.error,
#metakontaktCzichos label.error,
#metakontaktSchulze label.error,
#metakontaktObuch label.error {
	/* remove the next line when you have trouble in IE6 with labels in list */
	color: red;
	font-style: italic;
	margin: 0px;
	padding: 0px;
}






/* BEGIN DEMO STYLE */

	#nav a:link, #nav a:visited {color:#3e91d0;text-decoration:none;outline:none;}
	#nav a:hover, #nav a:active {color:#3e91d0;text-decoration:underline; }
	.caption{display:block;font-style:normal;color:#333333;}
	.demo{list-style:none; position:relative;margin-top:0px; padding: 0px;}
	.gallery_demo{list-style:none; width:478px;margin:0; padding: 0px;overflow: hidden;}
	.gallery_demo li{cursor:pointer;width:74px;height:54px; margin: 10px 5px 0px 0px;background:#000;float:left;overflow:hidden;}
	.gallery_demo li.hover{border-bottom:3px solid #74bce8;}
	.gallery_demo li.active{border-bottom:3px solid #3e91d0;}

	.gallery_demo li div{position:absolute;display:none;top:0;left:0px, margin: 0px;}
	.gallery_demo li div .caption{font:italic; color: #000000;}
	
	#main_image{margin:0px;padding: 0px;width:478px;overflow: hidden;}
	#main_image img{margin-bottom:10px;margin-top: 5px;}
	
	#nav{margin: 0px 0 0 0;padding-top:15px;clear:both;}



/* GALLERIFIC */

#thumbs ul,
#thumbs li,
#thumbs2 ul,
#thumbs2 li {
	margin: 10px 0 0 0;
	padding: 0px;
}

div.imgContent {
	/* The display of content is enabled by a javascript generated style on the page.
	   This is so that the slideshow content won't display unless javascript is enabled. */
	border-bottom: 0px solid #ffffff;
	float:none;
	width:478px; 
}

div.imgContent a, div.navigation a {
	text-decoration: none;
}

div.imgContent a:focus, div.imgContent a:hover, div.imgContent a:active {
	text-decoration: underline;
}
	
div.slideshow {
	clear: both;
	width: 478px;
}

div.slideshow span.image-wrapper {
	float: left;
	padding-bottom: 12px;
}

div.slideshow a.advance-link {
	padding: 0px;
	display: block;
}

div.slideshow img {
	border: none;
	display: block;
}

div.embox {
	clear: both;
	padding: 0px;
}
div.image-title {
	font-weight: normal;
	font-size: 9pt;
}

div.navigation {
	/* The navigation style is set by a javascript generated style on the page.
	   This is so that the javascript specific styles won't be applied unless javascript is enabled. */
	   margin: 0px;
	   padding: 0px;
}

#thumbs .thumbs ul,
#thumbs2 .thumbs ul {
	list-style: none;
	list-style-type: none;	
	clear: both;
	margin: 0 0 0 0px;
	padding: 0;			
}

#thumbs .thumbs li,
#thumbs2 .thumbs li {
	list-style: none;
	list-style-type: none;	
	float: left;
	padding: 0px;
	margin: 0px 8px 10px 0px;
}

#thumbs .thumbs li:last-child,
#thumbs2 .thumbs li:last-child,
#thumbs .thumbs li.last,
#thumbs2 .thumbs li.last {
	list-style: none;
	list-style-type: none;	
	float: left;
	padding: 0px;
	margin: 0px 0px 0px 0px;
}

a.thumb {
	padding: 0px;
	display: block;
}

#thumbs .thumb img,
#thumbs2 .thumb img {
	border: none;
}

ul.thumbs li.selected a.thumb {
	list-style: none;
	list-style-type: none;
	border-bottom: 3px solid #3e91d0;
}

a.thumb:link,
a.thumb:visited {
	border-bottom: 3px solid #ffffff;
}

a.thumb:focus,
a.thumb:hover {
	border-bottom: 3px solid #74bce8;
}

ul.thumbs img {
	border: none;
	display: block;
}





#search {
	position: absolute;
	top: 0px;
	left: 720px;
	width: 220px;
	margin: 0px;
	padding: 0px;
}

#search .hidden {
	display: none;
}

.search-input,
.search-input:hover,
.search-input:focus {
	position: relative;
	width: 162px;
	height: 17px;
	float: left;
	margin: 0px;
	padding: 5px 5px 0px 5px;
	background: #ffffff;	
}

.search-button,
.search-button:link,
.search-button:visited {
	position: relative;
	width: 47px;
	height: 22px;
	overflow: hidden;
	margin: 0px 0px 0px 1px;
	padding: 4px 5px;
	float: left;
	background: #74bce8;
	color: #ffffff;
	cursor: pointer;
}


.search-button:hover,
.search-button:focus {
	position: relative;
	width: 47px;
	height: 22px;
	overflow: hidden;
	margin: 0px 0px 0px 1px;
	padding: 4px 5px;
	float: left;
	background: #3e91d0;
	color: #ffffff;
	cursor: pointer;
}


#toTop {
	cursor: pointer;
	float: right;
	margin: 0px;
	padding: 0px;
	/*background:#f1f1f1;
	border:1px solid #ccc;
	text-align:center;
	padding:5px;
	text-decoration:none;*/
}




/* Presse, Aktuelles */

.textinfo {
	margin: 0px 0 0px 0px;
	padding: 0px;
	font-size: 8pt;
	color: #b6b6b6;
}
