body {
	background: #D1D0CE;
	color: #000;
	font: 68.5%/150% Arial, Verdana, Helvetica, sans-serif;
}
body#iframe {
	background: #FFF;
}
h2 {
	color: #FF6400;
	font-size: 1.5em;
	font-weight: bold;
	line-height: 1em;
	margin-bottom: 1.0em;
	clear: both !important;
}
h3 {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
	line-height: 1.10em;
	margin-bottom: 1.0em;
}
div#col3 h3 {
	background: url(../img/line.gif) no-repeat left top;
	color: #FF6400;
	margin-bottom: 0;
	padding-top: 16px;
}
h4, h5 {
	color: #000;
	font-size: 1.0em;
	font-weight: bold;
}
strong {
	font-weight: bold;
}
ul, ol, p, hr, fieldset, table {
	margin-bottom: 1.0em;
}
table, tbody, tr, td {
	border: 1px solid #a29e99;
}
address {
	font-style: normal;
	margin-bottom: 1.0em;
}
a:link, a:visited {
	color: #FF6400;
	text-decoration: underline;
}
a:focus, a:hover, a:active {
	text-decoration: none;
}
a img {
	border: 0 none;
	margin: 0;
	padding: 0;
}
hr {
	background: #8E8E8E;
	border: none;
	clear: both;
	color: #8E8E8E;
	display: block;
	height: 1px;
	width: 100%;
}
/* clearfix
======================================== */
.clearfix:after {
	clear: both;
	content: ".";
	display: block;
	height: 0;
	visibility: hidden;
}
.clearfix {
	display: inline-block;
}
/* Hides from IE-mac \*/
* html .clearfix {
	height: 1%;
}
.clearfix {
	display: block;
}
/* End hide from IE-mac */

/* Klassen
======================================== */
.bewerbungsformular table, .bewerbungsformular tbody, .bewerbungsformular tr, .bewerbungsformular td {
	border: 0 none;
	padding: 0;
}
.bewerbungsformular td {
	padding: 3px;
}
.bewerbungsformular th {
	color: #FF6400;
	padding: 3px;
	font-weight: bold;
}
.floatleft {
	float: left;
}
.floatleft {
	margin-right: 10px;
}
.floatright {
	float: right;
}
.hidden {
	text-indent: -999em;
}
.clear {
	clear: both;
	height: 1%;
}
.widthauto {
	width: 100%;
	clear: both;
}
.mainimg, .addimg {
	float: left;
	margin-right: 10px;
}
.mainimgdescription {
	background: #F0F0F0;
	color: #000;
	padding: 2px;
}
.addimg {
	color: #6E6A65;
	margin-bottom: 10px;
	width: 290px;
}
.nomarginright {
	margin-right: 0;
}
.zoom {
	margin-bottom: 0;
}
div.error {
	background: #D1D0CE;
	color: #000;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px;
}
div.error p {
	margin-bottom: 0;
}
.bewerbung {
	width: 30px;
}
.bewerbung-input-small {
	width: 200px;
}
.bewerbung-input-verysmall {
	width: 70px;
}
.label-big {
	width: 200px;
}
.label-normal {
}
.anrede {
	clear: both;
}


/* IDs
======================================== */
#content, #footer {
	clear: both;
}
/* Navigationen zum Menu und Content ausblenden
======================================== */
#skips {
	display: none;
}
/* container 
======================================== */
#container {
	background: #FFF;
	position: relative;
	width: 1000px;
}
/* header 
	======================================== */
	#header {
	position: relative;
	height: 71px;
}
#logo {
	position: absolute;
	left: 20px;
	top: 20px;
}
/* menu1
		======================================== */
		ul#menu1 {
	display: block;
	position: absolute;
	left: 210px;
	top: 28px;
}
ul#menu1 li {
	display: inline;
	float: left;
	margin-right: 17px;
	text-transform: uppercase;
	letter-spacing: -.001em;
}
ul#menu1 li a {
	display: block;
}
ul#menu1 a:link,  ul#menu1 a:visited {
	color: #6E6A65;
	text-decoration: none;
}
ul#menu1 a:focus,  ul#menu1 a:hover,  ul#menu1 a:active,  ul#menu1 li.current a {
	color: #FF6400;
	text-decoration: none;
}
/* content
	======================================== */
	#content {
	position: relative;
	width: 1000px;
}
/* columns
	======================================== */
	
		/* col1
		======================================== */
		#col1 {
	float: left;
	padding: 24px 10px 24px 20px;
	position: relative;
	width: 130px;
}
/* menu2
			======================================== */
			ul#menu2 {
	list-style: none;
	padding-left: 0;
}
ul#menu2 li {
	margin-bottom: 3px;
}
ul#menu2 a {
	display: block;
	font-weight: bold;
	padding: 0 2px;
	text-decoration: none;
}
ul#menu2 a:link,  ul#menu2 a:visited {
	color: #FF6400;
	text-decoration: none;
}
ul#menu2 a:focus,  ul#menu2 a:hover,  ul#menu2 a:active,  ul#menu2 a.current {
	background: #FF6400;
	color: #FFF !important;
}
ul#menu2 ul {
	margin-bottom: 0;
}
ul#menu2 ul li {
	background: #FFF url(../img/punkt.gif) no-repeat 2px 6px;
	padding-left: 8px;
}
ul#menu2 ul li a {
	background: 0 none !important;
	font-weight: normal;
}
ul#menu2 ul a:link,  ul#menu2 ul a:visited {
	color: #000;
	text-decoration: none;
}
ul#menu2 ul a:focus,  ul#menu2 ul a:hover,  ul#menu2 ul a:active,  ul#menu2 ul a.current {
	color: #FF6400 !important;
	text-decoration: none;
}
/* col2
		======================================== */
		#col2 {
	float: left;
	padding: 24px 50px;
	width: 590px;
}
#col2.start {
	padding: 0;
	position: relative;
	width: 690px;
}
#col2.start img {
	z-index: 0;
}
#col2.start .contentbox {
	background: url(../img/start_contentbox_bg.png);
	padding: 10px;
	position: absolute;
	left: 24px;
	top: 24px;
	width: 240px;
	z-index: 1;
}
#col2 ul {
	list-style-image: url(../img/punkt.gif);
	list-style-position: outside;
	padding-left: 15px;
}
#col2 ol {
	list-style: decimal;
	padding-left: 20px;
}
/* contentbox
			======================================== */
			.contentbox {
	position: relative;
	width: 100%;
}
.contentbox0,  .contentbox1 {
	float: left;
	position: relative;
	width: 285px;
}
.contentbox1 {
	margin-right: 10px;
}
.contentboxmedia {
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	width: 140px;
}
.contentboxmedia img {
	border: 1px solid #AAA;
}
.contentboxtext {
	float: left;
	width: 440px;
}
.contentbox0 .contentboxtext,  .contentbox1 .contentboxtext {
	width: 135px;
}
/* downloadbox
			======================================== */
			.downloadbox {
	position: relative;
	width: 100%;
}
.downloadboxmedia {
	float: left;
	margin-right: 10px;
	margin-bottom: 1em;
	width: 40px;
}
.downloadboxmedia img {
	border: 1px solid #AAA;
}
.downloadboxcontent {
	float: left;
	width: 540px;
}
/* objectcarousel
			======================================== */
			.objectcarousel {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 590px; /*Width of Carousel Viewer itself*/
	height: 260px; /*Height should enough to fit largest content's height*/
}
.objectcarousel .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.objectcarousel .object {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 150px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.objectcarouseldetail {
	position: relative; /*leave this value alone*/
	overflow: scroll; /*leave this value alone*/
	width: 390px; /*Width of Carousel Viewer itself*/
	height: 327px; /*Height should enough to fit largest content's height*/
}
.objectcarouseldetail .belt {
	position: absolute; /*leave this value alone*/
	left: 0;
	top: 0;
}
.objectcarouseldetail .object {
	float: left; /*leave this value alone*/
	overflow: hidden; /*clip content that go outside dimensions of holding panel DIV*/
	margin: 0; /*margin around each panel*/
	width: 390px; /*Width of each panel holding each content. If removed, widths should be individually defined on each content DIV then. */
}
.objectcarousel .object h3,  .objectcarousel .object p,  objectcarouseldetail .object h3,  objectcarouseldetail .object p {
	margin-bottom: 0;
}
.objecthumb {
	padding: 0;
}
.objecttext {
	padding: 8px 0;
}
.doorthumb {
	border-bottom: 6px solid #d1d0ce;
	height: 170px;
	padding: 0 10px;
	padding-bottom: 0;
	position: relative;
}
.doorthumb img {
	position: absolute;
	bottom: 0;
}
.doortext {
	padding: 8px 10px;
}
#Balken div {
	display: inline;
}
/* objectdetail
			======================================== */
			#objectdetail {
	border-bottom: 6px solid #d1d0ce;
	position: relative;
	width: 100%;
}
#objectdetail #back {
	position: absolute;
	right: 0;
	top: 0;
}
#objectdetailcontent {
	float: left;
	width: 200px;
}
#objectdetailmedia {
	float: right;
	width: 390px;
}
/* pagination
			=========================================== */
			p#pagination {
	font-size: 11px;
	line-height: 1.9em;
	margin-bottom: 20px;
	text-align: center;
}
p#pagination span {
	border: 1px solid #FF6400;
	margin-right: 3px;
	padding: 1px 4px 2px;
}
p#pagination a:link,  p#pagination a:visited {
	color: #666;
	text-decoration: none;
}
p#pagination a:focus,  p#pagination a:hover,  p#pagination a:active {
	text-decoration: underline;
}
p#pagination span.thispage {
	background-color: #FF6400;
	border: 1px solid #FF6400;
	color: #FFF;
	font-weight: bold;
	margin-right: 3px;
	padding-right: 3px;
}
p#pagination span.thispage a {
	color: #FFF;
}
p#pagination span.pagebreak {
	border: none 0;
	padding: 0;
}
/* col3
		======================================== */
		#col3 {
	float: right;
	padding-left: 10px;
	width: 140px;
}
/* haendler
		======================================== */
		#haendlermatrix {
	margin-bottom: 1.4em;
}
#haendlermatrix .haendlerinfo {
	float: left;
	margin-right: 10px;
	width: 285px;
}
/* haendlerdetail
		======================================== */
		#haendler .floatright {
	width: 340px;
}
/* footer
	======================================== */
	#footer {
	background: url(../img/footer_bg.gif) left bottom repeat-x;
	height: 112px;
	padding-top: 50px;
	position: relative;
	z-index: 10;
}
#cat2 #footer {
	background: url(../img/footer_bg_cat2.gif) left bottom repeat-x;
}
#cat3 #footer {
	background: url(../img/footer_bg_cat3.gif) left bottom repeat-x;
}
ul#metamenu {
	position: absolute;
	left: 20px;
	top: 0;
}
ul#metamenu a:link,  ul#metamenu a:visited {
	color: #6E6A65;
	text-decoration: none;
}
ul#metamenu a:focus,  ul#metamenu a:hover,  ul#metamenu a:active,  ul#metamenu li.current a {
	color: #FF6400;
	text-decoration: none;
}
/* slideviewerpro
	======================================== */
#slider-styles {
	position: relative;
}
#slider-styles ul {
	list-style: none !important;
	padding-left: 0 !important;
}

#col2 #ui0 #thumbSlider0 ul {
	list-style-type:none;
	padding:0;
}	
#ui0 {
	width: 100px !important;
}
#svwp0 div {
	height: 500px;
}
.svwp {
	width: 50px;
	height: 20px;
	background: #fff;
} /*preloader stuff. do not modify!*/
.svwp ul {
	position: relative;
	left: -999em;
}/*preloader stuff. do not modify!*/
.slideViewer {
	position: relative;
	overflow: hidden;
	margin: 0;
	padding: 0;
	background: #fff;
	float:left;
	height: 370px !important;
}
.slideViewer ul {  /*your list of images*/
	position: relative;
	left: 0;
	top: 0;
	width: 1%;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
.slideViewer ul li {
	float:left;
}
/*typographic info*/
.slideViewer span.typo {
	padding: 6px; /* do not modify padding */
	background: #fff;
	color: #000;
	font: normal 10px Verdana;
	margin-top: 318px !important;
}
.thumbSlider { /*the thumbnails slider*/
	overflow: hidden;
	width: 1%;
	background: #e4e4e4;
	height: 289px;
	position:relative;
	top: 17px !important;
	left: 13px !important;
	border: 5px solid #e4e4e4;	
}
.thumbSlider ul {
	float:left;
	list-style-type: none;
	margin: 0;
	padding: 0;
}
#thumbLi {
	float:left;
	margin: 0;
	height: 100px;
}
.thumbSlider a {
	color: #fff;
	text-decoration: none;
}
.thumbSlider a img {
	border: 0;
	display: block;
	padding: 0;
}
.thumbSlider p.tmbrdr { /* the border above -not around- each thumb */
	/* width, height and top values are dynamically added by the script. Do not modify. */
position:relative;
	left: 0;
	font-size: 0.01em;
	left: 0;
	margin: 0;
	padding: 0;
}
a.left, a.right { /*the left and right buttons (links)*/
	background: transparent; /* could be any color  */
	color: #ff0000;
	font: bold 16px Arial;
	overflow: hidden;
}
a.left span, a.right span {
}
a.left img, a.right img {
	border: 0;
}
a.l_dis, a.r_dis {
	background: transparent; /* ALWAYS leave transparent. this is the 'disabled' state of the link !  */
	cursor: default;
}
a.l_dis span, a.r_dis span {
	display: none;
}
a:focus {
	outline:none;
}
.left {
	position: absolute;
	top: -41px;
	right: 45px;
	margin: 0 !important;
}
.right {
	margin: 0 !important;
	bottom: -74px;
	right: 45px;
	position: absolute;	
}
a.l_dis {
	background: url(/img/slider-up0.gif) no-repeat left 28px;
}
a.r_dis {
	background: url(/img/slider-down0.gif) no-repeat left 30px;
}