/* CSS Document */

body{
background-color:#000000;
background-image:url(../images/bgnd.png);
background-repeat:repeat-x;
font-size:11px;
color:#CCCCCC;
font-family:Verdana, Arial, Helvetica, sans-serif;

}

#form_left{
width:120px;
vertical-align:top;
text-align:right;

}

.cool{
color:#669900;
background-color:#333333;

}

.cool_not{
color:#CC0000;
background-color:#333333;

}

#bestellen_btn{
margin-left:250px;
margin-bottom:5px;
float:left;
width:60px;
height:16px;
padding:2px;
border:1px #000000 dotted;
background-color:#999999;
}

.bestellen_btn_text{
color:#000000;
font-weight:bold;
text-decoration:none;
}

#war_title_1{
	float: left;
	color:#666666;
	width: 46px;
	height:10px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px solid #666666;
	
	
}

#war_title_2{
	float: left;
	color:#666666;
	width: 247px;
	height:10px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px solid #666666;
	
}

#war_title_3{
	float: left;
	color:#666666;
	width: 76px;
	height:10px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px solid #666666;
	
}

#war_title_4{
	float: left;
	color:#666666;
	width: 46px;
	height:10px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px solid #666666;
	
}


#war_title_1a{
	float: left;
	color:#000000;
	width: 46px;
	height:15px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px dotted #666666;
	
	
}

#war_title_2a{
	float: left;
	color:#000000;
	width: 247px;
	height:15px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px dotted #666666;
	
}

#war_title_3a{
	float: left;
	color:#000000;
	width: 76px;
	height:15px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px dotted #666666;
	
}

#war_title_4a{
	float: left;
	color:#000000;
	width: 46px;
	height:15px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 3px;
	background-color:#FFE003;
	padding:2px;
	border-bottom: 1px dotted #666666;
	text-align: center;
	
}

#war_leer{
	float:left;
	width: 389px;
	margin-left: 3px;
	margin-top: 4px;
	
	border-bottom: 1px dotted #666666;

	text-align: right;
	color:#000000;
	padding:2px;background-color:#FFE003;
	
}


.optionen{
	font-weight: bold;
	text-decoration: none;
	font-size: 14px;
}

#gesamt{
	float:left;
	width: 320px;
	margin-left: 3px;
	margin-top: 3px;
	margin-bottom: 5px;
	border-top: 1px solid #666666;
	text-align: right;
	color:#666666;
	padding:2px;background-color:#FFE003;
	padding-right: 62px;
	
	
}

#warenkorb_div{
float:left;
margin-left:90px;
z-index:90;


}


.warenkorb{
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.warenkorb:hover{
font-size:14px;
color:#666666;
font-weight:bold;
}

#warenkorb_box{
position:absolute;
top:190px;
left:700px;


width:400px;

background-color:#FFCC00;
visibility:hidden;

opacity: 0.9;
filter: alpha(opacity=90);

z-index:90;
}

#warenkorb_box2{
float:left;

margin-left:100px;
margin-top:10px;
margin-bottom:10px;

width:400px;

background-color:#FFCC00;

}



#hauptmenu2{
position:absolute;
top:190px;

margin-left:30px;
width:100px;
height:130px;
background-color:#FFCC00;
text-align:left;
vertical-align:middle;
visibility:hidden;

opacity: 0.90;
filter: alpha(opacity=90,finishopacity=90);



z-index:5;
}

#menu2{
margin:5px;
padding-left:5px;
opacity: 1;
filter: alpha(opacity=100,finishopacity=100);
z-index:2;

}

.menu2{
color:#000000;
font-size:11px;
font-weight:bold;
text-decoration:none;


}

.menu2:hover{
text-decoration:underline;


}

#info_box{

float:left;
background-color:#FFCC00;
width:620px;
height:470px;
margin-top:10px;
margin-left:10px;

}

#box_left{
float:left;

width:285px;
}

#box_right{
width:330px;
float:left;

}


#info_title{

float:left;
width:610px;
margin-left:5px;
margin-top:5px;
height:14px;
color:#000000;
}
#info_kurze_beschreibung{

float:left;
width:610px;
margin-left:5px;
height:20px;
color:#000000;
}

#info_foto{

margin-top:5px;
margin-left:5px;
float:left;
background-color:#FFFFFF;
width:276px;
height:276px;
}

#info_beschreibung{

margin-top:5px;
margin-left:5px;
float:left;
width:327px;
height:168px;
color:#000000;
}

#info_left{

margin-top:6px;
margin-left:5px;
float:left;
width:130px;
height:20px;
color:#000000;
}
#info_right{

margin-top:6px;
margin-left:5px;
float:left;
width:190px;
height:20px;
color:#000000;
}


#info_motive{

width:41px;
height:41px;
float:left;
margin-left:19px;
margin-top:10px;

}

#info_vorne{

width:41px;
height:41px;
float:left;
margin-left:10px;
margin-top:10px;
}
#info_hinten{

float:left;
width:41px;
height:41px;
margin-left:10px;
margin-top:10px;
}
#info_rechts{

float:left;
width:41px;
height:41px;
margin-left:10px;
margin-top:10px;
}
#info_links{

float:left;
width:41px;
height:41px;
margin-left:10px;
margin-top:10px;
}


#info_preis{

float:left;
width:180px;
height:20px;
margin-top:5px;
margin-left:5px;
color:#000000;

}

#info_bestellen{

float:left;
width:150px;
height:25px;
margin-top:5px;
margin-left:5px;

}



#info_textile{

float:left;
width:191px;
height:51px;
margin-left:45px;
margin-top:10px;}

#artikel{
float:left;
background-color:#FFCC00;
width:620px;
height:155px;
margin-top:10px;
margin-left:10px;

}

#artikel_motive{
float:left;
background-color:#FFCC00;
width:620px;
height:355px;
margin-top:10px;
margin-left:10px;

}

#info_unten{
float:left;
width:610px;
height:50px;
margin-top:10px;
margin-left:10px;

}

#vor{
float:left;
width:200px;
color:#666666;
}

#uebersicht{
float:left;
text-align:center;
width:200px;
color:#666666;
}

#next{
float:right;
text-align:right;
width:200px;
color:#666666;
}


#foto{
float:left;
margin-top:5px;
margin-left:5px;
height:143px;
width:143px;
background-color:#FFFFFF;

text-align:center;

}

#title{
float:left;
margin-top:5px;
margin-left:5px;
width:455px;
height:20px;

color:#000000;
}


.artikel_title{
color:#000000;
}

.artikel_title:hover{
color:#666666;
}

#beschreibung{
float:left;
margin-top:5px;
margin-left:5px;
width:455px;
height:60px;

color:#000000;
}

#preis_title{
float:left;
margin-top:5px;
margin-left:5px;
margin-left:250px;
width:200px;
height:20px;

color:#000000;
}

#preis_beschreibung{
float:left;
margin-left:250px;
width:80px;
height:30px;

color:#000000;
font-size:10px;

}

#preis{
float:left;
width:85px;
height:30px;
margin-left:10px;

color:#000000;
font-size:16px;
font-weight:bold;

}

#kaufen_btn{
float:left;
width:30px;
height:30px;

color:#000000;
font-size:16px;
font-weight:bold;

}



.info_leiste{
font-size:9px;
color:#000000;
}

#info_oben{
width:610px;
padding-left:10px;


}

#seiten_navi{
float:left;
width:200px;


}

#top_menu{
width:250px;
height:20px;
z-index:5;
}

.top_menu_text{
color:#CCCCCC;
text-decoration:none;

}

.dot{
color:#CCCCCC;
text-decoration:none;

}

.top_menu_text:hover{
color:#FFCC00;


}




#container{
width:640px;
height:900px;;
margin:0 auto;
padding:0px;
z-index:1;
}

#banner{
float:left;
width:576px;
height:116px;
background-image:url(../images/banner.png);
}

#hauptmenu{
float:left;
margin-top:6px;
padding-left:30px;
width:600px;
height:44px;

}


#menu{
width:100px;
height:20px;
text-align:center;
z-index:10;

}

#menu:hover{
background-color:#000000;
opacity: 0.4;
filter: alpha(opacity=40);
z-index:10;
color:#FFCC00;

}


.menu{
font-size:14px;
color:#000000;
font-weight:bold;
text-decoration:none;
}

.menu:hover{
font-size:14px;
color:#FFCC00;
font-weight:bold;
}


#oben_leiste{
margin-top:5px;
float:left;
width:640px;
height:20px;
background-image:url(../images/oben_bgnd.png);
background-repeat:repeat-x;
z-index:5;
}


#content{
float:left;
background-color:#999999;
width:640px;
padding-bottom:10px;


}

#unten_leiste{
float:left;
width:615px;
height:20px;
padding-left:25px;
background-image:url(../images/unten_bgnd.png);
background-repeat:repeat-x;
margin-bottom:10px;
padding-top:3px;
}

#unten_menu{
width:110px;
height:25px;
float:left;
text-align:center;

}




.unten_menu{
font-size:10px;
color:#000000;

text-decoration:none;
}

.unten_menu:hover{
font-weight:bold;
}