body{
  background:#9A9A9A url(../images/wrap_body.jpg) repeat-x top;
  padding:0;
  margin:0;
  font-family: Arial;
  font-size: 12px;
  color: #333333;
}
#contact_form, .map, #footer, .wrap, .kollektion, ul#menu li, h1.philosophie { behavior: url(pngfix/iepngfix.htc) }
a img{
  border:none;
}
a{
  color:#666666;
  text-decoration:none;
}
a.slide_link{
  position:absolute;
  color:red;
}


p{
  line-height:18px;
  padding:0 0 20px 0;
  margin:0;
}
.clear{
  clear:both;
}
a:hover{text-decoration:underline;}
#wrap_all{
  width:1280px;
  position:relative;
 /* left: 50%;
  margin-left: -640px;
  float:left;*/
  margin:0 auto;
  height:781px;
  background: url(../images/bg_wrap_all_neu.jpg) no-repeat top;
}
#container{
    width:950px;
    margin: 0 0 0 -460px;
    left:50%;
    position:relative;
    height: auto;
    float:left;
}
*html #container{
	width:990px;
}
/*******************/
/***** LEFT ********/
/*******************/
#left{
  padding: 140px 0 0;
  width: 260px;
  float:left;
  height:auto;
}
#logo{
  position:absolute;
  z-index:10;
  width:268px;
  height:65px;
}
/* MENU */
ul#menu{
  margin:107px 0 0 0px; #margin:240px 0 0 0px;
  padding:0;
  list-style:none;
}
ul#menu li {
 padding: 1px 0 0;
}
ul#menu li a{
 width:260px;
 line-height:29px;
 text-indent: -9000px;
 display:block;
}
ul#menu li#home{
  background: url(../images/home.png) no-repeat left top;
  height:29px;
}
*html ul#menu li#home{
  background: url(../images/home.gif) no-repeat left top;
}
ul#menu li#philosophie{
  background: url(../images/philosophie.png) no-repeat left top;
}
*html ul#menu li#philosophie{
  background: url(../images/philosophie.gif) no-repeat left top;
}

ul#menu li#kollektion{
  background: url(../images/kollektion.png) no-repeat left top;
}
*html ul#menu li#kollektion{
  background: url(../images/kollektion.gif) no-repeat left top;
}

ul#menu li#kontakt{
  background: url(../images/kontakt.png) no-repeat left top;
}
*html ul#menu li#kontakt{
  background: url(../images/kontakt.gif) no-repeat left top;
}

ul#menu li#home a:hover, ul#menu li#home a.active{
  background: url(../images/home_active.jpg) no-repeat left top;
  height:29px;
}
/*----------englisch -------------*/
ul#menu li#philosophie_en{
  background: url(../images/philosophy.png) no-repeat left top;
}
*html ul#menu li#philosophie_en{
  background: url(../images/philosophy.png) no-repeat left top;
}
ul#menu li#kollektion_en{
  background: url(../images/collection.png) no-repeat left top;
}
*html ul#menu li#kollektion_en{
  background: url(../images/collection.png) no-repeat left top;
}
ul#menu li#kontakt_en{
  background: url(../images/contact.png) no-repeat left top;
}
*html ul#menu li#kontakt_en{
  background: url(../images/contact.png) no-repeat left top;
}
  
 ul#menu li#philosophie_en a:hover, ul#menu li#philosophie_en a.active{
  background: url(../images/philosophy_active.png) no-repeat left top;
}
ul#menu li#kollektion_en a:hover, ul#menu li#kollektion_en a.active{
  background: url(../images/collection_active.png) no-repeat left top;
}
ul#menu li#kontakt_en a:hover, ul#menu li#kontakt_en a.active{
  background: url(../images/contact_active.png) no-repeat left top; 
}
ul#menu li#kollektion_en ul li a:hover, ul#menu li#philosophie_en ul li a:hover,
ul#menu li#kollektion_en ul li a:hover, ul#menu li#home ul li a:hover{
  background:#57555b url(../images/bg_list.png) no-repeat;
  text-decoration:none;
}
ul#menu li#kollektion_en ul li ul li a:hover, ul#menu li#philosophie_en ul li ul li a:hover,
ul#menu li#kollektion_en ul li ul li a:hover, ul#menu li#home ul li ul li a:hover{
  background:#575558;
  text-decoration:none;
}
/*----------englisch -------------*/


ul#menu li#philosophie a:hover, ul#menu li#philosophie a.active{
  background: url(../images/philosophie_active.jpg) no-repeat left top;
}
ul#menu li#kollektion a:hover, ul#menu li#kollektion a.active{
  background: url(../images/kollektion_active.jpg) no-repeat left top;
}
ul#menu li#kontakt a:hover, ul#menu li#kontakt a.active{
  background: url(../images/kontakt_active.jpg) no-repeat left top;
}
/* 2. Ebene */
ul#menu ul{
  background:none;
  list-style:none;
  padding:0px 0 0;
  margin:0;
}
ul#menu ul li{
  width:181px;
}
ul#menu ul li.active a{
  text-indent:0;
  color:#fff;
  text-transform:uppercase;
  font-weight:bold;
  padding:0px 0 0px 15px;
  line-height:25px;
  width: auto;
  font-size:14px;
  background: #57555b url(../images/bg_list.png) no-repeat;
}
ul#menu ul li a{
  text-indent:0;
  color:#fff;
  text-transform:uppercase;
  width: auto;
  background:#ACA8B0;
  line-height:25px;
  padding:0px 0 0px 15px;
  font-weight:bold;
  display:block;
}
ul#menu li#kollektion ul li a:hover, ul#menu li#philosophie ul li a:hover,
ul#menu li#kollektion ul li a:hover, ul#menu li#home ul li a:hover{
  background:#57555b url(../images/bg_list.png) no-repeat;
  text-decoration:none;
}
/* 3. Ebene */
ul#menu ul ul{
  padding:0;
  margin:0px 0;
  background:transparent;
}
ul#menu ul li.active ul li a{
  text-indent:0;
  color:#fff;
  text-transform:uppercase;
  width: auto;
  line-height:25px;
  padding:0px 0 0px 0;
  font-weight:bold;
  display:block;
  background:none;

}
ul#menu ul li.active ul li{
  text-indent:0;
  color:#fff;
  text-transform:uppercase;
  font-weight:normal;
  width: auto;
  background:#575558;
   padding:0px 0 0px 25px;
  font-weight:bold;
  display:block;
  line-height:25px;
  height:25px; overflow:hidden;
}
ul#menu li#kollektion ul li ul li a:hover, ul#menu li#philosophie ul li ul li a:hover,
ul#menu li#kollektion ul li ul li a:hover, ul#menu li#home ul li ul li a:hover{
  background:#575558;
  text-decoration:none;
}


/* Language */
ul.language{
  margin: 25px 0 0 5px;
  float:left;
  padding:0;
  list-style:none;
}
ul.language li{
  float:left;
  padding: 0 10px 0 0;
  color:#666666;
  text-transform:uppercase;
  font-size:11px;
}
ul.language li a{
  color:#666666;
  text-decoration:none;
}
ul.language li.active{
  text-decoration:underline;
}
/*******************/
/******* MAIN ******/
/*******************/
#main{
  width: 690px;
  min-height:540px;
  float:left;
  padding: 0 0 10px 0;
}
#main_index{
  width: 690px;
  height: 590px;
  min-height:540px;
  float:left;
  padding: 0 0 10px 0;
}
#slideshow{
  margin: -1px 0 0 -20px;
  position:absolute;
  z-index:0;
}
#slideshow_en{
  margin: -1px 0 0 -20px;
  position:absolute;
  z-index:0;
}
/* KOLLEKTION */
.kollektion{
  background:url(../images/kollektion_wrap.png) no-repeat right bottom;
  margin: 0 0 0 20px;
  width:auto; height:auto;
  float:left;
}
.wrap{
  float:left;
  width: 215px;
  padding: 0 0 0 5px;
  background: url(../images/kollektion_wrap.png) no-repeat left bottom;
}
.wrap h1{
  margin: -50px 0 0 5px;
  position:absolute;
}
.text_container{
  margin: 40px 0 0 25px;
  float:left;
}
.text_container h2{
  font-weight:bold;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 0 7px 0;
}
.text_container_2{
  margin: 20px 0 0 35px;
  float:left;
}
.text_container_2 h2{
  font-weight:bold;
  font-size: 13px;
  text-transform: uppercase;
  padding: 0 0 7px 0;
}

p.column_1, p.column_2{
  width: 320px;
  float:left;
}
p.column_1{
  margin-right: 15px;
}
/* KOLLEKTION DETAIL */
.detail{
  background: url(../images/bg_details.png) no-repeat top;
  height:435px;
  margin:70px 0 0 30px;
  width:665px;
}
*html .detail{
  background: url(../images/bg-details.gif) no-repeat top;
}
.detail h1, .text h1{
  width: 300px;
  float:left;
  padding:0; margin:0;
  font-weight:normal;
  text-transform:uppercase;
  font-size:24px;
  margin:0 0 0 25px;
}
.detail h2,  .text h2{
  width: 400px;
  float:left;
  padding:0; margin:0;
  color:#666666;
  text-transform:uppercase;
  margin: 14px 0 0;
  font-weight:normal;
  font-size:14px;
  margin:28px 0 0 26px;
}
.detail select{
  border:1pt solid #E5E5E5;
  position:absolute;
  margin:25px 0 0 75px;
}
.detail .gallery{
  float:left;
  text-align:center;
  margin:3px 0 0 25px;
  margin-top/*\**/:7px\9;
  width:635px;
}
*html .detail .gallery{
  margin:3px 0 0 10px;
}

/* TEXT CONTAINER */
.text{
  background: url(../images/textContainerTop.png) no-repeat top;
  height:auto;
  margin:70px 0 0 30px;
  width:665px;
  float:left;
}

*html .text{
  background: url(../images/textContainerTop.gif) no-repeat top;
}

.content{
	background:#ffffff none repeat scroll 0 0;
	float:left;
	height:auto;
	margin:43px 0 0 6px;
	width:655px;
}

*html .content{
	margin:43px 0 0 3px;
	width:644px;
	padding: 0 5px;
	
}
.img_big{
	float:left;
	width:300px;
	margin:0 20px 30px;
}
.img_small{
	float:right;
	width:200px;
	margin:0 20px 30px;
}
.content p{
	line-height: 20px;
	padding: 0 15px 25px;
}
.content h1{
	font-size:20px;
	font-weight:normal;
	margin: 0 15px 25px 0;
	text-transform:none;
	}
.content h2{
	font-size:16px;
	font-weight:normal;
	margin: 0 15px 25px;
	text-transform:none;
	width: 100%;
	}
.row{
	margin: 0 15px 25px;
}
.row img{
	margin: 0 5px 0 0;
}

/* PHILOSOPHIE */
.phil_pic{
 width:370px;
 float:left;
 margin: 0 0 0 -20px;
}
.phil_text{
  width:320px;
 float:left;
 margin: 120px 0 0 10px;
}
.phil_text strong.fixed_width{
  width:60px;
  float:left;
}
h1.philosophie{
  font-size:20px;
  font-weight:normal;
  text-transform:uppercase;
  background: url(../images/border_headline.png) no-repeat bottom left;
  padding: 0 0 15px 0;
  margin:0 0 5px 0;
  width:100%;
}
/* KONTAKT */
#contact_form{
    width: 100%;
    height: auto;
    background: url(../images/footer_wrap.png) no-repeat top left;
    float:left;
}
.map{
    float:left;
    width:285px;
    background: url(../images/border_kontakt.png) no-repeat top right;
    height:404px;
}
form.contact{
  float:left;
  margin:20px 0 00px 20px;
  width:640px;
}
#contact_form h3{
  font-weight:bold;
  font-size:14px;
  padding: 0 0 10px 0;margin:0;
}
.left_column{
  width:300px;
  margin:0 38px 0 0;
  float:left;
}
.right_column{
  width:300px;
  float:left;
}
form.contact label{
  display: block;
  padding:6px 0 3px 1px;
}
form.contact input{
  background: url(../images/input.png) no-repeat;
  width:285px;
  height: 15px;
  border:none;
  padding:5px;
}
form.contact label.one_row_first, form.contact input.small{width: 60px;}
form.contact label.one_row_second, form.contact input.middle{width: 205px;}
form.contact .first_column{  float:left; padding:0 10px 0 0;}
form.contact .second_column{float:left; width:140px;}
form.contact input.half{ width:132px;}

form.contact textarea{
  background: url(../images/textarea.png) no-repeat;
  height:70px;
  padding:5px;
  width:625px;
  border:none;
}
form.contact input.reset{
  background: url(../images/button_bg.jpg) no-repeat;
  width:100px; height: 23px; padding: 0 0 3px 0;
  color:#CBCBCB;
  font-weight:bold;  font-size:12px;
  float:right;
  margin: 10px 10px 0; cursor:pointer;
}
form.contact input.send{
  background: url(../images/button_bg.jpg) no-repeat;
  width:63px;height:23px; padding: 0 0 3px 0;
  color:#CBCBCB;   cursor:pointer;
  font-weight:bold;     font-size:12px;
  float:right; margin: 10px 5px 0 0;
}
form.contact p{
  float:left;
  margin:10px 0 0;
}

.clear{
	
clear:both;}
/*******************/
/****** FOOTER *****/
/*******************/
#footer{
  padding:0px 0 20px 0;
  float:left;
  background: url(../images/footer_wrap.png) no-repeat;
  width: 100%;
  margin: 15px 0 0;
}

*html #footer{
  background:none;
  border-top:1px solid #b6b6b6;
}
#footer ul.left{
  float:left;
  list-style-type:none;
  padding:0;
  margin:5px 0 0 10px;
}
#footer ul.left li{
  text-transform:uppercase;
  font-size:11px;
  float:left;
  padding: 0 8px 0 0;
  margin:0;
  color:#666666;
}
#footer ul.left li a{
  color:#666666;
  padding: 0 5px 0 0;
}
#footer ul.right{
  float:right;
  list-style:none;
  padding:0;
  margin:5px 10px 0 0;
}
#footer ul.right li{
  text-transform:uppercase;
  font-size:11px;
  float:left;
  padding: 0 0 0 15px;
}
#footer ul.right li a{
  color:#666666;
}
.border{
  display:none;
}

.kollektion .wrap h1 img { width:auto; height:auto;}
.kollektion .wrap img { width:215px; height:431px;}
.content .row img { width:200px; height:200px;}