/* basic*/
html{
height: 100%;
width: 100%;
}

body{
background-color: #4f0018;
color:#ffedd9;
font-family: Georgia, "Times New Roman", Times, serif;
font-size:16px;
}

h1{
padding-top:20px;
font-size:1.4em;
font-weight:bold;
}

h2{

color:#4f0018; 
font-size:18px; 
line-height:25px;
margin:0;
margin-left: 30px;
padding:0;
}

h3{
font-size:14px; 
margin:7px;
lineheight:14px;
color:#4f0018; 
}
p{
margin-top:10px;
letter-spacing: 0.01em;
}

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

a:hover{
color:#660000;
text-decoration:underline;
}



#menu{
position:absolute;
text-align: center;
/* border:#999900 1px solid; */
top: -45px;
left: 50%;
margin-left: -450px;
width: 900px;

}

#menu img{
border: 0px;

}


#home{
font-weight:bold;
font-size:12px;
letter-spacing:1px;
line-height:20px;
margin:0;
padding:0;
position: absolute;
left: 50%;
margin-left: -360px;
top: 170px;
/* margin-top: -200px; */
width: 724px;
height: 478px;
height: 456px;
background:url('images/pattern.gif') #ab702a;

vertical-align:middle;
/* border:#000000 1px solid; */ 
}


#pages{
position:absolute;
text-align: center;
/*border:#999900 1px solid;*/
bottom: -45px;
left: 50%;
margin-left: -450px;
width: 900px;
height: 20px;
color:#CC6600;
font-size:12px;
font-weight:normal;


}

#pages a{
color: #FF9900;
text-decoration:none;
}





/* Kosmetik : Schatten */


#shadow_left{
position:absolute;
display: block;
top:25px;
left: -15px;
height:400px;
bottom:42px;
width: 16px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='links.png'); */ 
background-image:url('images/links.gif');
background-repeat: repeat-y;
}


#shadow_right{
position:absolute;
display: block;
top:25px;
right: -13px;
bottom: 42px;
width: 16px;
height:400px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='rechts.png'); */
background-image:url('images/rechts.gif');
background-repeat:repeat-y;

}



#shadow_bottom{

position:absolute;
display: block;
bottom: -15px;
left: 31px;
height:15px;
right: 46px;
width:662px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='unten.png'); */
background-image:url('images/unten.gif');
background-repeat:repeat-x;
}

html > body #home #shadow_bottom{
bottom: -10px;
}




#shadow_top{
position:absolute;
top: -16px;
left: 31px;
height: 15px;
right: 46px;
width: 662px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='oben.png'); */
background-image:url('images/oben.gif');
background-repeat:repeat-x;
}

#shadow_left_top{
position:absolute;
display: block;
top: -16px;
left: -15px;
height: 42px;
width: 46px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='oben.png'); */
background-image:url('images/links_oben.gif');
background-repeat:repeat;
}

#shadow_right_top{
position:absolute;
display: block;
top: -16px;
right: -13px;
height: 42px;
width: 46px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='oben.png'); */
background-image:url('images/rechts_oben.gif');
background-repeat:repeat;
}


#shadow_left_bottom{
position:absolute;
display: block;
bottom: -10px;
left: -15px;
height: 42px;
width: 46px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='oben.png'); */
background-image:url('images/links_unten.gif');
background-repeat:repeat;
}

#shadow_right_bottom{
position:absolute;
display: block;
bottom: -10px;
right: -13px;
height: 42px;
width: 46px;
/* filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='oben.png'); */
background-image:url('images/rechts_unten.gif');
background-repeat:repeat;
}



#footer 
{
	color:#996600;
	font-size: 9px;
	text-align: center;
	position: absolute;
	bottom: 2px;
	left: 0px;
	width: 100%;
	height: auto;
	visibility: visible;
	display: block
}




#swatches , #styles{
border:solid 1px #C48F48;
background-color:#965816;
border-color:#7f5213;
margin-left:30px; 
margin-top:15px; 
width:346px; 

overflow: hidden;
letter-spacing: 0.005em;
font-size:9px;
}

#swatches{
display:inline; 
list-style:none; 
padding:5px; 
padding-top:7px; 
position:absolute;  
overflow:auto; 
height:348px;
/* width:280px; */
}

#swatches li{
color:#b87d00;
cursor:pointer;
white-space:nowrap;
 
float:left; 
margin:4px !important;
margin:3px;
margin-top:2px !important; 
margin-top:1px; 
padding-bottom:2px; 
 
line-height:8px;

}

#swatches li:hover{
color:#FFFFFF;
}



#styles{
display:inline; 
list-style:none; 
padding:2px; 
position:absolute; 
overflow:auto; 

}

#styles li {
color:#b87d00;
cursor:pointer;


float:left;
display:block;
margin:5px;
padding-bottom:2px; 
padding-top:2px; 
line-height:9px !important;

}

#styles li:hover{
color:#FFFFFF;
}


li img{
border:solid 1px ;
}

li a {
color:#b87d00;
font-size:9px;
font-weight:normal;
text-decoration:none;

margin: 0;

}

li a:hover {
text-decoration:none;
color:#FFFFFF;
}

#style_image {
margin-left:440px;
margin-top:15px;
border:solid 1px #C48F48;
border-color:#E29D41;
}

#style_text{
margin-left:440px;
margin-right:20px; 
font-size:0.75em; 
line-height:0.9em;
color:#663300;

}


#selector{
position:absolute;
top:20px;
right:30px;
width:300px;
text-align:center;

font-size:0.9em; 
letter-spacing:0.05em;
background:url(images/selektor.gif) ;
}

#selector:hover {
background:url(images/selektor_over.gif) ;
}

form{


background-color:#CC6600;
border: 1px solid #000000;
padding: 6px;
margin:0;
border:solid 1px #7f5213;
background-color:#965816;

}

label{
font-size:12px;
color:#FFCC66;
width:70px;
display:block;
float:left;
margin-top:3px;
margin-left:4px;

}
input{
width:160px;
margin-top:3px;
margin-bottom:3px;
}

fieldset{
color:#FFCC66;
border: #FFCC66 solid 1px;
padding:3px;
margin:0;
}

fieldset .info{

font-size:12px; 
font-weight:normal;
}

.hot{

color: #990000
}