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;
}
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
======================================== */
.floatleft {
	float: left;
}
.floatleft {
	margin-right: 10px;
}
.floatright {
	float: right;
}
.hidden {
	text-indent: -999em;
}
.clear {
	clear: both;
	height: 1%;
}
.widthauto {
	width: 100%;
}
.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: #F00;
	color: #FFF;
	font-weight: bold;
	margin-bottom: 15px;
	padding: 5px;
}
div.error p {
	margin-bottom: 0;
}


/* 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: 160px;
				}
					.downloadboxmedia img {
						border: 1px solid #AAA;
					}
				.downloadboxcontent {
					float: left;
					width: 400px;
				}

			/* 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;
		}