@charset "utf-8";
/* Allgemeine Positionierungen */

* {
margin:0;
padding:0;
}

html, body {
height: 100%;
width: 100%;
background-color:#d2ad86;
background-image:url(../images/background.jpg);
background-position:left top;
background-repeat:repeat;
color:#FFFFFF;
font-family:Arial,Helvetica,sans-serif;
font-size:12px;
line-height:auto;
}

#distance {
width: 10px;
height: 50%;
margin-bottom: -280px;
float: left;
}

#container {
margin: 0 auto;
position: relative;
height: 560px;
width: 960px;
clear: left;

}

/* Inhaltsbereiche*/



#menu {width:auto; 
margin-left:255px;
height: 25px;
float:left;
padding-right:0px;
line-height:25px;
text-align:right;
font-size:15px;
font-weight:bold;
text-transform:uppercase;
list-style-type:none;
color:#000000;
}

#inhalt {width:958px;
height:508px;
float:left;
padding:0;
overflow:auto;
background-color:#4c443b;
border:1px solid #e5e5e5;
background-image:url(../images/content_bg.gif);
background-position:top left;
background-repeat:no-repeat;}

#inhalt_start {width:958px;
height:508px;
float:left;
padding:0;
overflow:auto;
background-color:#4c443b;
border:1px solid #e5e5e5;
background-image:url(../images/intro2.gif);
background-position:top left;
background-repeat:no-repeat;}

#left {width:250px;
float:left;
height:400px;
position:absolute;
z-index:5;}

#main {width:590px;
z-index:6;
margin-left:300px;
margin-top:5px;
height:448px;
margin-right:5px;
overflow:hidden;
height:auto;
color:#979696;
text-align:justify;
padding:0;
position: absolute;
z-index:auto;
}

#imprint {width:630px;
height:495px!important;
overflow:auto;
height:auto;
color:#979696;
text-align:left;
padding-right:10px;
position: fixed;
margin:0;


}



#footer {width:900px;
height: 20px;
float:left;
padding:0;
text-align:center;
color:#000000;
line-height:20px;
text-transform:uppercase;
font-size:9px;
}

/* Linkanweisungen */
a:link {	
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	border:0;
}
a:visited {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	font-size: 12px;
	text-decoration: none;
	border:0;
}
a:hover {
	font-family: Arial, Helvetica, sans-serif;
	color: #d2ad86;
	font-size: 12px;
	text-decoration: none;
	border:0;
}

a:focus {
	font-family: Arial, Helvetica, sans-serif;
	color: #d2ad86;
	font-size: 12px;
	text-decoration: underline;
	outline:none;
	border:0;
}

.active_left {
	font-family: Arial, Helvetica, sans-serif;
	color: #d2ad86;
	font-size: 12px;
	text-decoration: none;
}


  .vertrieb { margin-left:100px;}
  .headline { font-size:24px; color:#FFFFFF;}
  
  .philosophie_img {
  float:right; padding:10px; margin:10px;}
  
  input#email_address, label[for="email_address"] {
    display:none;
}


/* GALLERY KOLLEKTION*/

#gallery {
	width:650px;
	height:450px;
	margin:0 auto;
	position:relative;
	font-family:verdana, arial, sans-serif;
	background:#f8f8f8;
	border-top:1px solid #ddd;
	border-bottom:1px solid #ddd;
}

#gallery #slides {position:absolute; left:0; top:0; height:120px; width:650px; overflow:hidden; text-align:center; z-index:500;}
#gallery #slides div {width:650px; height:200px; position:relative; padding-top:10px;}
#gallery #slides div ul {padding:0; margin:0 auto; list-style:none; width:684px;}
#gallery #slides div ul li {float:left; padding:10px 0 5px 5px;}
#gallery #slides div ul li a {display:block; width:92px; height:69px; float:left;}
#gallery #slides div ul li a b {display:none;}
#gallery #slides div ul li a.previous {background:url(../double-click/previous.png) no-repeat center center;}
#gallery #slides div ul li a.next {background:url(../double-click/next.png) no-repeat center center;}

#gallery #slides div ul li a img {display:block; width:92px; height:69px; border:0;}
#gallery #slides div ul li a:focus {outline:0;}


#gallery #fullsize {position:absolute; left:0; top:0; height:550px; width:650px; overflow:hidden; text-align:center; z-index:200;}

#gallery #fullsize div {width:650px; height:700px; padding-top:90px; position:relative;}
#gallery #fullsize div img {clear:both; display:block; margin:0 auto; border:10px solid #fff; width:480px; height:360px; position:relative;}
#gallery #fullsize div h3 {padding:10px 0 0 0; margin:0; font-size:18px;}
#gallery #fullsize div p {padding:5px 0; margin:0; font-size:12px; line-height:18px;}


/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/variable_dl.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the assocaited (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

#menu li {display:block; float:left; position:relative; z-index:100; font-weight:bold;margin-right:1px; color:#000; }
#menu li span {display:block; z-index:100; font-size:10px; color:#000;}
#menu li a, #menu li a:visited {display:block; padding-left:6px; padding-right:6px;}

#menu dl {position:absolute; top:0; left:0; margin: 0; padding: 0; clear:both;}
#menu dt {margin:0;  float:left; color:#000; text-decoration:none;clear:both; }
#menu dd {display:none; background: #e5e5e5; border-bottom:1px solid #cce; clear:left; margin:0; padding:0; color: #000; text-align:left; }

#menu dt a, #menu dt a:visited {display:block; padding-left:6px; padding-right:6px; text-decoration:none;}
#menu dd a, #menu dd a:visited {background:#b2ab9b; color:#000; text-decoration:none; display:block;}

#menu li a:hover {border:0; background-color:#FFFFFF; padding-left:6px; padding-right:6px; font-weight:bold; color:#b20f2a;}

#menu li:hover dd, #menu li a:hover dd {display:block;}
#menu li:hover dl, #menu li a:hover dl {}
#menu li:hover dt a, #menu li a:hover dt a, #menu dd a:hover {background: #ffffff; color:#b20f2a;padding-left:6px; padding-right:6px;}

#menu a:link {color:#000; font-size:10px;}
#menu a:visited {color:#000; font-size:10px;}

.active {color:#b20f2a; border:0; background-color:#FFFFFF; padding-left:6px; padding-right:6px; font-weight:bold;  height: 25px;
float:left;
line-height:25px;
text-align:right;
font-size:10px;
font-weight:bold;
text-transform:uppercase;
list-style-type:none;
}

/*SUBMENU*/

#submenu {width:auto;
padding-top:15px;
padding-left:100px;
padding-right:15px;
padding-bottom:15px;
margin-top:280px;
background-image:url(../images/submenu_bg.png);
background-repeat:repeat;}

.bild_unten { position: absolute; bottom:50px; right:25px;}


.artikelnummer{ text-align:right; color:#fff;}