/* CSS Document */

body{
margin:0;
margin-left:10px;
padding:0;
line-height: 1.5em;
}


#maincontainer{
width: 1010px; /*Width of main container*/
margin: 10px auto; /*Center container on page*/
}


/* ----- HEADER -------------------------------------- */


#topsection{
width:760px;
line-height: 15px; 
height:25px;/*Height of top section*/
}

#topsection h1{
line-height-:400px;
margin-top-: -230px;
margin-left-: 130px;
padding-top: 15px;

}


.top-left{
margin-left:0px;
float:left;
margin:0;
padding:0;
width:300px;

}

.top-right{
margin-left:300px;
width:460px;
float:left;
text-align: right;
float:left;
margin:0;
padding:0;
}


.subnavi{
margin-top:0px; 
margin-left:35px;
line-height:15px;
float:left;
}


/*-----------  NAV TOP  -----------------*/
ul{list-style-type:none;}



#nav {
	float: left;	
	background: #fff;
	height:15px;
}



#nav ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	
}
#nav li {
    float: left;
	color:#87888a;
	font-weight: normal;
	text-decoration: none;
	display: block;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	text-transform: uppercase;	
	font-size:11px;
	

	
}
#nav a {
	color:#87888a;
	font-weight: normal;
	text-decoration: none;
	display: block;
	font-family:Arial,Helvetica,Verdana,sans-serif;
	text-transform: uppercase;	
	font-size:11px;
	padding-right: 6px;
}

#nav a:hover {color:#000;}

#nav a.current {color:#000;}


#nav li.current {color:#000;}

#nav .active {color:#000;}



/*-----------  NAV TOP  -----------------*/




/* -----CONTENT-------------------------------------- */
#contentwrapper{
float: left;
width: 100%;
}

#contentcolumn{
margin-right: 250px; /*Set right margin to RightColumnWidth*/
}


#contentcolumn h1{
font:22px/28px   Times New Roman, Times, serif;
color: #1C1C1C;
font-weight:normal;
margin:0;
padding:0;
margin-top: 20px;
margin-bottom: 5px;
text-align:justify;
}


#contentcolumn h2{ 
font:17px/22px Arial, Helvetica, Verdana, Trebuchet, sans-serif;
color-: #333333;
text-transform:uppercase;}

#contentcolumn p{
font:22px/28px   Times New Roman, Times, serif;
color: #1C1C1C;
font-weight:normal;
margin:0;
padding:0;
margin-top: 20px;
margin-bottom: 5px;
text-align:justify;
}


#contentcolumn .spaltentext{
font:13px/18px   Arial, Helvetica, Verdana, Trebuchet, sans-serif;
color: #000000;
margin:0;
padding:0;
text-align:justify;
}


/* -----RIGHT COLUMN-------------------------------------- */
#rightcolumn{
float: left;
width: 250px; /*Width of right column*/
margin-left: -250px; /*Set left margin to -(RightColumnWidth) */
}


#rightcolumn .description{
height:345px;
margin:0;
padding:0;

}

#rightcolumn p{
font:11px/13px   Arial, Helvetica, Verdana, Trebuchet, sans-serif;
color: #000000;
margin:0;
padding:0;
padding-bottom:15px;
padding-left:30px;
}

#rightcolumn p.descr-text{
font-size:9px;
}

#rightcolumn p.descr-text2{
font-size:9px;
line-height:11px;
}

#rightcolumn span{
font:11px/13px   Arial, Helvetica, Verdana, Trebuchet, sans-serif;
color: #8fb616;
font-weight: bold;
}

#rightcolumn .logo{
margin-top:0px;
background: url(../pics/util/logo.gif) no-repeat 30px 0px;
}

#rightcolumn .logo a{
background:none;
display: block;
height: 90px;
width: 220px;
}

#rightcolumn a{
color: #6c6c6c;
text-decoration: none;
background: url(../pics/util/pfeil-grau-s.gif)  no-repeat scroll right 3px;
padding-right:12px;
}

#rightcolumn a:hover{
color: #87888a;
}
/* -----RIGHT COLUMN-------------------------------------- */









/* ----- GENERAL -------------------------------------- */
.innertube{
margin: 10px; /*Margins for inner DIV inside each column (to provide padding)*/
margin-left: 0;
margin-right: 0;
}

.small{
font-size:9px;}

.text-align-right{text-align:right;}

.bild-rand{border:1px solid #efefef}

a{
color:#000000;
text-decoration:none;
}


a:hover{
color: #4B4B4B;
}

a:visited{
color: #4B4B4B;
}



a.weiter {
font-size:11px;
color:#000000;
text-decoration:none;
background: url(../pics/util/pfeil-gruen-right.gif)  no-repeat scroll right 2px;
padding-right:15px;
}

a:hover.weiter{ 
color: #4B4B4B;
background: url(../pics/util/pfeil-gruen-right-h.gif)  no-repeat scroll right 2px;}

a.weiter-current {
font-size:11px;
color: #4B4B4B;
text-decoration:none;
background: url(../pics/util/pfeil-gruen-right.gif)  no-repeat scroll right 2px;
padding-right:15px;
}

a.zurueck {
font-size:11px;
color:#000000;
text-decoration:none;
padding-left:15px;
background: url(../pics/util/pfeil-gruen-left.gif)  no-repeat scroll left 2px;}

a:hover.zurueck{ 
color: #4B4B4B;
background: url(../pics/util/pfeil-gruen-left-h.gif)  no-repeat scroll left 2px;}

a.zurueck-current {
font-size:11px;
color: #4B4B4B;
text-decoration:none;
padding-left:15px;
background: url(../pics/util/pfeil-gruen-left.gif)  no-repeat scroll left 2px;}





a.sitemap{
text-transform: uppercase;
color:#4B4B4B;
font-size:18px;
text-decoration:none;
line-height:25px;
}


a:hover.sitemap{
color: #000000;
}


a.sitemap-s{
text-transform: uppercase;
color:#4B4B4B;
font-size:12px;
text-decoration:none;
padding-left:15px;
}


a:hover.sitemap-s{
color: #000000;

}

a.sitemap-xs{
text-transform: uppercase;
color:#4B4B4B;
font-size:9px;
text-decoration:none;
line-height: 13px;
padding-left:15px;
font-family:Arial,Helvetica,Verdana,sans-serif;


}


a:hover.sitemap-xs{
color: #000000;
}


.produkt-detail-head{
background-color:#d0d1d2; 
font-family:Arial,Helvetica,Verdana,sans-serif;
font-weight:bold; 
font-size:16px; 
line-height:22px;
padding-top:3px;
padding-bottom:3px;
color:#1b1b1b;
}



.headline{
color:#75ad21; 
font-weight:bold; 
font-size:17px; 
line-height:22px;
padding-top:20px;
padding-bottom:3px;
font-family:"Arial Narrow"; Arial,Helvetica,Verdana,sans-serif;
text-transform: uppercase;}

.text-green{
color:#86ab13
}

.small2{ 
color: #4B4B4B;
font-size:11px;}

a.click{
color: #6c6c6c;
font-size:11px;
text-decoration: none;
background: url(../pics/util/pfeil-grau-s.gif)  no-repeat scroll right 3px;
padding-right:12px;
}

a:hover.click{
color: #87888a;
}

/* ----- GENERAL -------------------------------------- */



 
/* ------------DETAIL - GALLERY ---------------------------*/

/* needed for IE to make :active state work first time */
a, a:visited {color:#4B4B4B;} 

/* left gallery */
#container_left {position:relative; width:760px; height:428px; background:#fff; border-:1px solid #a49188; margin:0; padding:0; margin-bottom:10px;}
#container_left img {border:0;}
#container_left .thumbs {width:170px; position:absolute; left:0; top:0;}
#container_left a.gallery:hover span {display:block; position:absolute; width:402px; height:50px; top:355px; left:190px; padding:5px; font-style:normal; color:#2f2f2f; font-size:12px;  line-height: 18px; font-family: arial; z-index:100;}
#container_left a.gallery:hover span:first-line {font-style:normal; font-weight:bold; color:#1B1B1B; font-size:12px; }
#container_left a.gallery:active, #container_left a.gallery:focus {border:1px solid #87888a;}
#container_left a.gallery:active em, #container_left a.gallery:focus em {display:block; position:absolute; width:585px; height:428px; top:0px; left:175px; color:#000; padding:0px; margin:0;border:1px solid #87888a; z-index:50;}
#container_left h1 {clear:both;  margin:0; padding-top:0px; padding-left:250px; width:500px; line-height:428px; text-align:center; font-family: arial, "times new roman", serif; font-size:3em; font-weight:normal; color:#fff;}
#container_left h1 em {font-size:0.6em; color:#000;}

/* general styling gallery */
.bild-start{margin-left:176px; margin-top:1px}

a.gallery, a.gallery:visited {display:block; display:inline-block; color:#000; text-decoration:none; border:1px solid #87888a; width:115px; height:88px; float:left; margin:0px; margin-bottom:20px; z-index:50;}
a.gallery em, a.gallery span {display:none;}
a.gallery:hover {border:1px solid #a2a2a2;}
/* ------------DETAIL - GALLERY ---------------------------*/



/* ------------------ CURRENT-LINKS --------------------- */
body#home a#home_link,

body#exterior a#exterior_link,

body#magazin a#magazin_link,
body#designer a#designer_link,
body#rattan a#rattan_link,
body#regenwald a#regenwald_link,
body#smits a#smits_link,
body#samboja a#samboja_link,
body#reisebericht a#reisebericht_link,
body#produktion a#produktion_link, 

body#wohnen a#wohnen_link,
body#essen a#essen_link,
body#schlafen a#schlafen_link,
body#wintergarten a#wintergarten_link,
body#einzelstuecke a#einzelstuecke_link,

body#moebelausstellung a#moebelausstellung_link,
body#impressum a#impressum_link, 
body#sitemap a#sitemap_link, 
body#kontakt a#kontakt_link {
color: #000;
background: #fff;
} 
/* ------------------ CURRENT-LINKS --------------------- */





/* ----- FOOTER -------------------------------------- */
#footer{
clear: left;
width: 100%;
background: #efefef;
color: #FFF;
text-align: center;
padding: 2px 0;
text-align:right;
}

#footer a{
color: #6c6c6c;
font:10px/13px   Arial, Helvetica, Verdana, Trebuchet, sans-serif;
text-decoration: none;

}

#footer a:hover{
color: #87888a;}

/* ----- FOOTER -------------------------------------- */




/* --------- formular-strato ---------- */
.button{
margin-top:6px;
border-bottom: #a5a5a5 1px solid;
border-left: #ccc 1px solid;
border-right: #a5a5a5 1px solid;
border-top: #ccc 1px solid;
font-family:Arial, verdana;
font-size: 11px;
text-align:left;
padding-left:5px;
padding-top:2px;
padding-bottom:2px;
font-weight:bold;
color:4c4c4c;
background-color:#dfdfdf;
cursor:pointer;
display:inline;
width:auto;
margin-left:3px;
}
.text{
background-color:fff;
color:#4c4c4c;
border:1px solid #ccc;
margin-top:3px;
margin-left:3px;
}
.select{
background-color:whitesmoke;
color:#4c4c4c;


}
/* --------- formular-strato ---------- */