html {

	width: 100%;
	height: 100%;
	
}

body {

	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
	background-color: #ccd0d3;
	background-image: url(templateimages/bornemann_pattern.gif);

	/* FONT */
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #707173;
	font-size: 12px;
	
}

/* LOGO */

#logostartseite {

	position: absolute;
	width: 156px;
	height: 140px;
	margin: -70px 0px 0px -78px;
	bottom: -70px;
	left: 50%;
	z-index:1003;
}
#logostartseitecontainer {

	position: absolute;
	width: 960px;
	height: 50%;
	margin: 0px 0px 0px -480px;
	top: 0;
	left: 50%;
	

}

#header {
	position: relative;
	top: 0px;
	left: 0px;
	margin: 0 0 0 0;
	padding: 30px 0 0 30px;
	z-index: 12;
	
	
}
#header a{

	margin: 0 0 0 0;
	padding: 0 0 0 0;
	
}

#logo {

	width: 85px;
	height: 74px;
	padding: 0 0 0 0;
		
}
#backgroundshadowcontainer {

	position:relative;
	min-height:100%;
	height: 100%;
	width: 100%;
	z-index:1002;
	
}
#bgswrapper {

	position: relative;
	width: 960px;
	min-height: 100%;
	height: 100%;
	margin: 0 0 0 0;

	
}
#bgstop {

	position:absolute;
	top: -10px;
	left: 0px;
	width: 960px;
	height: 11px;
	background-image: url(templateimages/headshadow.png);
	background-repeat: no-repeat;
	background-position: top;
	
}
#bgsbottom {
	position:relative;
	bottom: -11px;
	left: -10px;
	width: 980px;
	height: 11px;
	margin: 0;
	padding: 0;
	background-image: url(templateimages/bottomshadow.png);
	background-repeat: no-repeat;
	background-position: top;
	
}
#bgsbottomstartseite{
	position:relative;
	bottom: 0px;
	left: -10px;
	width: 980px;
	height: 11px;
	margin: 0;
	padding: 0;
	background-image: url(templateimages/bottomshadow.png);
	background-repeat: no-repeat;
	background-position: top;
	
}
#bgspattern{
	position:relative;
	width: 980px;
	height: 100%;
	background-image: url(templateimages/patternshadow.png);
	background-repeat: repeat-y;
}
#container {

    position:absolute;
	top: 0px;
	left: 0px;
	min-height:100%;
	height: 100%;
	width: 100%;
	z-index:2;
}

#containerprodukte {

    position:absolute;
	top: 0px;
	left: 0px;
	min-height:828px;
	height: 828px;
	width: 100%;
	z-index:2;
}

#containeraligner {

	position:relative;
	left: 0px;
	top: 30px;
	width: 960px;
	min-height: 634px;
	height: auto;
	z-index: 15;

	
}
#containeralignerproduktscolorselection {

	position:relative;
	left: 0px;
	top: 30px;
	width: 960px;
	min-height: 634px;
	padding-bottom: 60px;
	height: auto;
	z-index: 15;
	background-image: url(templateimages/bg_small.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	
}
#icontaineraligner {

	position:relative;
	left: 0px;
	top: 30px;
	width: 960px;
	min-height: 634px;
	
	z-index: 15;
	
}
#wrapper {

	position: relative;
	
	width: 960px;
	margin:30px auto 30px auto;
	background-color: #ccd0d3;

	
}
#iwrapper {

	position: relative;
	
	width: 960px;
	
	margin:30px auto 0px auto;
	background-color: #ccd0d3;

	
}
#wrapperprodukte {

	position: relative;
	
	width: 960px;
	height: 768px;
	
	margin:30px auto 30px auto;
	background-color: #ced2d5;
	z-index: 2;
	background-color: #FFFFFF;

	
}

#wrapperprodukteshadow {
	position: absolute;
	top: 0px;
	left: 0px;
	margin: 0;
	padding: 0;
	width: 960px;
	height: 768px;
	z-index: 1;
}
#bgstopprodukte {

	position:relative;
	top: -10px;
	left: 0px;
	width: 960px;
	height: 11px;
	background-image: url(templateimages/headshadow.png);
	background-repeat: no-repeat;
	background-position: top;
	
	
}
#bgsbottomprodukte {
	position:absolute;
	bottom: -10px;
	left: 0px;
	width: 960px;
	height: 11px;
	margin: 0;
	padding: 0;
	background-image: url(templateimages/bottomshadow.png);
	background-repeat: no-repeat;
	background-position: bottom;
	
	
}


#kachel {

	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 768px;
	
	background-image: url(templateimages/bg.png);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 11;

}
#ikachel {

	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 768px;
	
	background-image: url(templateimages/bg_small.jpg);
	background-repeat: repeat-x;
	background-position: top;
	z-index: 11;
	

}
#kachelprodukte {

	position: absolute;
	top: 0px;
	left: 0px;
	width: 960px;
	height: 768px;
	
	background-image: url(templateimages/bg_small.jpg);
	background-repeat: repeat-x;
	background-position: bottom;
	z-index: 11;

}

#content {
	position: relative;
	top: 0px;
	left: 215px;
	width: 685px;
	margin: 0 0 0 30px;
	padding: 0 0 0 0;
	height: auto;
	/* FONT */
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #707173;
	font-size: 12px;
	text-decoration: none;
	z-index: 25;
	
}
#icontent {
	position: relative;
	top: 0px;
	left: 215px;
	width: 685px;
	margin: 0 0 30px 30px;
	padding: 0 0 0 0;
	
	/* FONT */
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #707173;
	font-size: 12px;
	text-decoration: none;
	z-index: 25;
	
}
#content a, #content p a {color: #FFFFFF ; background-color:#848484;  text-decoration: none; padding: 0px 6px 0px 6px; margin: 2px 0 2px 0; line-height: 14px;}
#content a:hover { color: #505050; text-decoration: none;  }
#content ul li {margin: 0 0 12px 0;}

#content ul { display: inline; padding: 0; margin: 0; }
#content li { list-style-type: none; }
#content ul li ul {margin:30px 0 0  0; }
#content ul li ul li{ padding: 0 0 0 30px; margin: 12px 0 12px 0;}

#content .currentpage{ color: #505050; text-decoration: none;  }
#content h1 {font-size: 22px; line-height:22px; margin: 0; padding: 0;}
#content h2 {font-size: 20px; line-height:20px;  margin: 0; padding: 0;}
#content h3 {font-size: 18px; line-height:18px;  margin: 0; padding: 0;}
#content h4 {font-size: 16px; line-height:16px;  margin: 0; padding: 0;}
#content h5 {font-size: 14px; line-height:14px; margin: 0; padding: 0;}
#content h6 {font-size: 12px; line-height:12px; margin: 0; padding: 0;}


#content form, #content p {
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #707173;
	font-size: 12px;
	text-decoration: none;
}

#content .feloginsubmit {
 width: 100px; border: 1px solid #ABABAB; background-color: #FCFCFC; padding-left: 5px;
}

#content .feloginlink {
 	color: #FFFFFF ; background-color:#848484;  text-decoration: none; padding: 0px 6px 0px 6px; margin: 2px 0 2px 0; 
}
#content #feloginremember input{

padding: 100px;

}
#content .feloginuser { width: 100px; display: inline-block;}
#content .feloginpassword { width: 100px; display: inline-block;}
#content #feloginremember input{ width: 10px; }
#content #username {  width: 153px;display: inline-block; }
#content #password {  width: 150px;display: inline-block; }

#content #feloginuser input[type=text] {width: 142px}
#content input[type=checkbox] {
	width:10px;
	margin: 0px;
	padding: 0px
}
#content .bildtabelle {
	position:absolute;
	top: -34px;
	right:-5px;
}

#clearboth {
	clear: both;
	z-index: 23;
}

/* MAINMENU */ 

#menu {

	position: absolute;
	top: 0px;
	left: 30px;
	width: 185px;
	outline:none;
	border: 0px;
	float:left;
	overflow: hidden;
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	font-size: 15px;
	color: #FFF;
	display: inline-block;
	visibility: visible;
	vertical-align: top;
	z-index: 21;
	
}
object {
outline:none;
}
#menu ul.clearfix {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
}

#menu ul li  {
	padding: 0 0 0 0;
	margin: 0px 0px 12px 0px;
}

#menu ul li ul {
	padding: 0 0 0 0;
	margin: 8px 0 8px 0px;
}
#menu ul li ul li{
	padding: 0 0 0 0;
	margin: 0px 0px 0px 0px;
}
#menu ul li ul li a{

	border-bottom: 1px solid #d3d4d4;
	text-decoration: none;
	color:  #707173;
	font-size: 10px;
	padding: 0 60px 0 6px;
	
}
#menu ul li ul li a:hover{

	border-bottom: 1px solid #d3d4d4;
	text-decoration: none;
	color:  #707173;
	font-size: 10px;
	padding: 0 60px 0 6px;
	
}
#menu ul li a:hover{
font-size: 15px;
	text-decoration: none;
	color:  #121212;
	
	
	padding: 0 60px 0 6px;
	background-color: #5e5c5e;
}
.element0 {color: #FFF; text-decoration: none; margin: 0 0 12px 0; padding: 0 60px 0 6px; min-width: 100px; line-height: 16px; vertical-align:middle; background-color:#47378b;}
.element1 {color: #FFF; text-decoration: none; margin: 0 0 12px 0; padding: 0 60px 0 6px; min-width: 100px; line-height: 16px; vertical-align:middle; background-color:#457ebc;}
.element2 {color: #FFF; text-decoration: none; margin: 0 0 12px 0; padding: 0 60px 0 6px; min-width: 100px; line-height: 16px; vertical-align:middle; background-color:#8e2f55;}
.element3 {color: #FFF; text-decoration: none; margin: 0 0 12px 0; padding: 0 60px 0 6px; min-width: 100px; line-height: 16px; vertical-align:middle; background-color:#005c56;}
.element4 {color: #FFF; text-decoration: none; margin: 0 0 12px 0; padding: 0 60px 0 6px; min-width: 100px; line-height: 16px; vertical-align:middle; background-color:#a4c400;}
.mainmenupoint {color: #FFF;text-decoration: none;padding: 0 60px 0 6px;height: 16px;line-height: 16px;margin: 0 0 12px 0;background-color: #707173;}

.greyelement a {color: #FFF;text-decoration: none;padding: 0 60px 0 6px;height: 16px;line-height: 16px;margin: 0 0 12px 0;background-color: #707173;}
.greyelement a:hover{color: #FFF;text-decoration: none;padding: 0 60px 0 6px;height: 16px;line-height: 16px;margin: 0 0 12px 0;background-color: #5e5c5e;}

table td input {
width: 200px;
}
table td select {
width: 205px;
}
#footer {
	position: relative;
	bottom:3px;
	width: 930px;
	height: 20px;
	margin: 40px 0px 0px 30px;
	padding: 0 0 0 0;
	vertical-align: middle;
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #88898a;
	font-size: 12px;
	z-index: 999;
	
}
#footerprodukte {
	position: relative;
	bottom: 0px;
	width: 930px;
	height: 15px;
	margin: 0px 0px 0px 30px;
	padding: 0 0 0 0;
	vertical-align: middle;
	overflow:hidden;
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #88898a;
	font-size: 12px;
	z-index: 999;
	
}
#footer a { color: #88898a; text-decoration: none;  }
#footer a:hover { color: #505050; text-decoration: none;  }
#footer a:visited { color: #505050; text-decoration: none;  }
#footer ul { display: inline; padding: 0; margin: 0; }
#footer li { list-style-type: none; display: inline; }
#footer .currentpage{ color: #505050; text-decoration: none;  }
#footerprodukte a { color: #88898a; text-decoration: none;  }
#footerprodukte a:hover { color: #505050; text-decoration: none;  }
#footerprodukte a:visited { color: #505050; text-decoration: none;  }
#footerprodukte ul { display: inline; padding: 0; margin: 0; }
#footerprodukte li { list-style-type: none; display: inline; }
#footerprodukte .currentpage{ color: #505050; text-decoration: none;  }


/* CONTENT AREA */

#contentheadline {
	position:relative;
	width: 715px;
	height:84px;
	padding: 0;
	margin: 0;
	overflow: hidden;	
	z-index: 2;
}
#contentheadlineaccessories {
	position:relative;
	width: 715px;
	height:208px;
	padding: 0;
	margin: 0;
	overflow: hidden;	
	z-index: 2;
}
#contentheadlineaccessories img{
	position:relative;
	margin-top: -16px;
}
#contentheadline img{

	position:relative;
	margin-top: -14px;
	
}

#contentcopy {

	position:relative;
	width: 715px;
	padding: 0;
	margin: 0;
	overflow: hidden;	
	z-index: 1;
	
}
#icontentcopy {

	position:relative;
	width: 715px;
	padding: 0;
	margin: 0;
	overflow: hidden;	
	z-index: 1;
	
}
#contentimage {
	z-index: 0;
}
/* CONTACTFORM */
/* Sample FormBuilder CSS base */
form {margin-top:0; }
form, td, th, li { font-size: 100%}
form div {margin-bottom:0}
fieldset div {
	margin-bottom:0.5em;
	margin-left:1em;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin-bottom:1em;
	padding:0.5em
}
fieldset label {
	width:auto;
}
legend {
	color:#FFF;
	
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #5e5e5e; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin: 20px 0 0 150px;}

/* Sample FormBuilder CSS base */
form {margin-top:0}
form, td, th, li { font-size: 100%}
form div {margin-bottom:10px	}
fieldset div {
	
	margin: 10px 0 4px 0;
}
fieldset div div {
	margin-top:0.5em;
	margin-left:1em
}
fieldset {
	margin: 0 0 0 0;
	border: none;
	padding:0 0 0 0;
}
fieldset label {
	width:100px;
	
}
legend {
	color:#FFF;
	background:#5e5e5e;
	font-style:italic;
	font-size:1.2em;
	margin-bottom:0.5em;
	padding:0.2em;
	width:auto;
	
}
textarea {
	margin: 0.5em 0;
	width:98%;
	height: 6em
}

/* Apply this class to text/select input fields with shorter labels
	to help alignment */
.short-label label {float:left; width:10em}
.short-label fieldset div input,
.short-label fieldset div select {width:16em}

/* Pretty up your Captcha image output */
.captcha {
	margin:0.5em 0;
	width:200px;
	text-align:center
}
.captcha img {border:1px solid #5e5e5e; margin-bottom:0.5em}
.captcha input {width:196px; margin-top:0.5em}

/* Just a bit more room for the Submit button */
.submit {margin: 60px 0 80px 0; padding: 25px 0 50px 0;}

.contactform input {border: 1px solid #ABABAB; width: 400px; background-color: #FCFCFC; padding-left: 5px;}
.contactform .fbsubmit { width: 100px;}
.contactform input.checkbox {border: none;}
.contactform label {
	display: block;
	float: left;
	width: 150px;
}

.contactform label.label {
	display: inline;
	float: none;
	width: 50px;
	font-size: 10px;
}
.contactform textarea {
	background-color: #FCFCFC;
	border: 1px solid #ABABAB;
	font-family: 'century gothic', Verdana, Arial, Geneva, Helvetica;
	color: #707173;
	font-size: 12px;
	width: 395px;
	height: 150px;
	padding: 5px;
	
}
.formbuilderform .message {
	line-height: 16px;
	padding: 0 0 8px 0;
}
input #mf085f_28 {

	width: 10px;

}
/* CHECKBOX GRUPPE1 */
.gruppe1{
	width: 100%;
	height: auto;
	clear:both;
}
.gruppe1 label{
	display: block;
	clear:both;
	width: 100%;
	height: auto;
	margin: 10px 0 5px 0;
	padding: 0;
	font-weight: bold;

}
.gruppe1 div
{
	display: block;
	clear:both;
	width: 100%;
	height: auto;
	margin: 0;
	padding: 10px 0 10px 0;
	text-align: left;
}
.gruppe1 div label
{
	width: 150px;
	height: auto;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	font-weight: normal;
	
}

/* ANREDE */

.optfieldgroup
{
	padding: 0;
	margin: 0;
	padding: 3px 0 0 0 ;
}
.optfieldgroup label
{

	padding: 0 0 0 0;
	margin: 0;
	
}
.optfieldgroup div
{
	display: inline-block;
	margin: 0;
	padding: 0;
	
}
.optfieldgroup div label
{
	width: auto; 
	height: auto;
	padding: 0 ;
	margin: 0;
	display: inline-block;
	
}
.optfieldgroup div input[type=radio]
{
	width: 10px; 
	height: 10px;
	display: inline-block;
	
}

/* SHOP */

.footerlinkimages {
	position: relative;
	bottom: 170px;
	left: 30px;
	width: 900px;
	height: 134px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 15;
	outline:none;
	
}
.footerlinkimages a{

	outline:none;
	border: 0px;
	
}

.ifooterlinkimages {
	position: relative;
	bottom: 150px;
	left: 30px;
	width: 900px;
	height: 69px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	z-index: 15;
	outline:none;
	
}
.ifooterlinkimages a{

	outline:none;
	border: 0px;
	
}

.detailpanel {
	position: absolute;
	top: 0px;
	left: 0px;
	width: 553px;
	height: 443px;
	background-color: #FFFFFF;
	background-image: url(templateimages/detailpanel.png);
	visibility: hidden;
}

.detailheadline{
 	position:absolute;
	top: 20px;
	left: 20px;
	padding: 0px;
	margin: 0px;
	width: 528px;
	overflow: hidden;
}

.detailcopy{
	position:absolute;
	top: 90px;
	left: 24px;
	width: 250px;
	height: 60px;
}
.detailimagelarge{
 	position:absolute;
	top: 6px;
	left: 280px;
	width:268px;
	height: 320px;
	overflow:hidden;
}
.detailimagelarge img{
 	position:absolute;
	bottom: 0px;
}
.specialdetailimagelarge{
 	position:absolute;
	top: 20px;
	left: 250px;
}
.detailimagemasse{
 	position:absolute;
	top: 340px;
	left: 300px;
}
.detailimage {
	position:absolute;
	bottom: 60px;
	left: 20px;
}
.detailimage img{
	border: none;
}


#content .detailimage a {
	border: none;
	background-color: transparent;
}
.detailimage a:link {
	border: none;
	background-color: transparent;
}
.detailimage a:hover {
	border: none;
	background-color: transparent;
}
.detailimage a:visited {
	border: none;
	background-color: transparent;
}
.detailimage a:active {
	border: none;
	background-color: transparent;
}


/* SCH */

.detailform{

 	position:absolute;
	top: 150px;
	left: 20px;
	width: 250px;
	
}


div.detailcartinput input{

	width: 200px;
	overflow: hidden;
	
}
.detailform select{

	position: relative;
	left: -6px;
	width: 150px;
	margin: 5px;
	padding: 0px;
	
}
.detailform input[type=text] { 
	
	 width: 100px;
	 height: 14px;
	 
}
.detailcartsubmit{

	 width: 150px;
	 height: 20px;
	 margin: 9px 0 5px 0;
	 background-color: #EDEDED;
	 border: 1px solid #ABABAB;
	 
}
.detailbacklink{
	position:absolute;
	bottom: 20px;
	left: 20px;
}

.produktlink {
	width:160px;
	height:80px;
	
}
.dummyklasse {
	width:580px;
	margin:0px;
	padding:0px;
}

#sterber a{background-color: #FFFFFF;}
#sterber a:hover{background-color: #FFFFFF;}
#sterber a:active{background-color: #FFFFFF;}
#sterber a:visited{background-color: #FFFFFF;}
#sterber a:hover{background-color: #FFFFFF;}

ul li .activeparent {
	color: #FFF; 
	text-decoration: none; 
	margin: 0 0 12px 0; 
	padding: 0 60px 0 6px; 
	min-width: 100px; 
	line-height: 16px; 
	vertical-align:middle; 
	background-color:#848484;
}
.greyelement a {
	text-decoration: none;
}
#kurzbeschreibung {
	position: absolute;
	top:0px;
	left:0px;
	margin:0px;
	padding:0px;
}
.bildklasse {
	position: relative;
	top:95px;
	left: 40px;
}

.indilarge {
	width: 550px;
	height: 555px;
	visibility: visible;
}
#contentcopy img {
	position: absolute;
	bottom: 0px;
}