body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000;
	margin: 0px;
	padding: 0px;
	background-color: #fff;
}
#wrapper {
	position:absolute;
	left:50%;
	width:860px;
	margin-top:0px;
	margin-bottom: 40px;
	margin-left:-430px;
	text-align: left;
	}
#content{
	position: absolute;
	left: 0px;
	top: 60px;
	width: 800px;
	height: 500px;
}
#startbild{
	position: absolute;
	top: -60px;
	left: 0px;
}

#content h1{
	font-size: 25px;
}

#content h2{
	font-size: 16px;
}
.friendlink a, .friendlink{
	font-size: 16px;
	color: #000;
	font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	
}
a.titellink{
	font-weight: bold;
	font-size: 25px;
	text-decoration: none;
	color: #000;
}

/*neue styles */
#bigpic{
	position: absolute;
	left: 0px;
	top: 0px;
	width: 400px;
	height: 400px;
}
#collright{
	position: absolute;
	left: 400px;
	top: 0px;
	width: 402px;
	/*height: 302px;*/
	border: 0;
}
#collright img{
padding: 0px;
margin: -1px -2px -2px 0px;
border: 0;
}
.collpage{
	position: absolute;
	top: 270px;
	left: 703px;
	width: 120px;
	height: 32px;
	text-align: left;
	line-height: 32px;
	font-size: 11px;
}
.collpage img{
vertical-align:middle;
}


.colltitel h2{

	position: absolute;
	top: 320px;
	left: 420px;
	font-size: 16px;
	font-weight: bold;
	text-transform: uppercase;
	
}
.preis{
	position: absolute;
	top: 360px;
	left: 420px;
	font-size: 11px;
}
.farben{
	position: absolute;
	top: 360px;
	left: 500px;
	font-size: 11px;
}





.buy a {
	background-image: url(../images/buyme_over.gif);
	display: block;
	width: 68px;
	height: 22px;
	background-position: center top;
}
.buy a:hover img{
	visibility: hidden;
}
.pay a {
	background-image: url(../images/buyme_over.gif);
	display: block;
	width: 68px;
	height: 22px;
	background-position: center top;
}
.pay a:hover img{
	visibility: hidden;
}
/*ende neue styles */

#pfeil{
	position: absolute;
	top: 420px;
	left: 180px;
	width: 100px;
	height: 60px;
	font-size: 21px;

}
#pfeil2{
	position: absolute;
	top: 520px;
	left: 150px;
	width: 100px;
	height: 60px;
	font-size: 21px;

}



#navigation{
	position: absolute;
	top: 0px;
	left: 0px;
	width: 860px;
	height: 60px;
	background-color: #fff;
	text-align: left;
}
#navigation img{
	float: left;
}
.about a {
	background-image: url(../images/about_over.gif);
	display: block;
	width: 70px;
	height: 60px;
	float: left;
	background-position: center top;
}
.about a:hover img{
	visibility: hidden;
	float: left;
}

.collection a{
	background-image: url(../images/collection_over.gif);
	display: block;
	width: 110px;
	height: 60px;
	float: left;
	background-position: center top;
}
.collection a:hover img{
	visibility: hidden;
	float: left;
}
a.backlink{
	background-image: url(../images/arrow_over.gif);
}
a.backlink:hover img{
	visibility: hidden;
}

a.forthlink{
	background-image: url(../images/arrow_over_r.gif);
	width: 22px;
	height: 32px;
	background-position: center top;
}
a.forthlink:hover img{
	visibility: hidden;
}
.yourstyle a{
	background-image: url(../images/youstyle_over.gif);
	display: block;
	width: 95px;
	height: 60px;
	float: left;
	background-position: center top;
}
.yourstyle a:hover img{
	visibility: hidden;
	float: left;
	}
.friends a, friendsactive a {
	background-image: url(../images/friends_over.gif);
	display: block;
	width: 80px;
	height: 60px;
	float: left;
	background-position: center top;
}
.friends a:hover img, friendsactive img{
	visibility: hidden;
	float: left;
}
.shops a, .shopsactive a {
	background-image: url(../images/shop_over.gif);
	display: block;
	width: 160px;
	height: 25px;
	float: left;
	background-position: center top;
	
}
.shops a:hover img, .shopsactive img{
	visibility: hidden;
	float: left;
}
.basket a{
	background-image: url(../images/cart_over.gif);
	display: block;
	width: 55px;
	height: 60px;
	float: left;
	background-position: center top;
}
.basket a:hover img{
	visibility: hidden;
	float: left;
}
.contact a{
	background-image: url(../images/contact_over.gif);
	display: block;
	width: 90px;
	height: 60px;
	float: left;
	background-position: center top;
}
.contact a:hover img{
	visibility: hidden;
	float: left;	
}
.blog a{
	background-image: url(../images/blog_over.gif);
	display: block;
	width: 60px;
	height: 60px;
	float: left;
	background-position: center top;
	/* dan */
	display:none;
}
.blog a:hover img{
	visibility: hidden;
	float: left;	
	/* dan */
	display:none;
	}


.color1{
	width: 75px;
	float: left;
}
.color2{
	width: 265px;
	float: left;
}

.preis1{
	margin-top: 20px;
	width: 75px;
	float: left;
}
.preis2{
	margin-top: 20px;
	width: 265px;
	float: left;
}

.clear{
clear: both;
}
.kontaktlabel{
	width: 100px;
	float: left;
	color: #8c9398;
	font-family: "Times New Roman", Times, serif;
	
}
.kontaktfeld{
	width: 300px;
	float: left;
	border: 1px solid #000;
	margin-bottom: 10px;
}
.kontaktfeldtext{
	width: 300px;
	height: 100px;
	float: left;
	border: 1px solid #000;
}
.checkbox{
	float: left;
}

.update{
	background-color: #fff;
	border: 0px;
	color: #000;
	font-size: 16px;
}
.buybutton{
	float: right;
	margin-top: 20px;
}
a.colorlink, .colorlink{
	text-decoration: none;
	color: #8c9398;
	font-size: 11px;
}
a.colorlinkactive, a.colorlink:hover, a.colorlinkactive:hover{
	text-decoration: none;
	color: #000;
	font-size: 11px;
}

td{
	font-size: 16px;
	color: #000;
}
td.line{
	border-bottom: 1px solid #8c9398;
	border-top: 1px solid #8c9398;
}

.info{
font-size: 12px;
}
.abstand{
	height: 100px;
}
table.warenkorb{
	margin-top: 120px;
}

.kontrolle{
	width: 700px;
	background-color: #fff;
	padding: 20px;
	margin-top: 20px;
}
.kontrolle hr{
	color: #8c9398;
	height: 1px;
}
.abstandbreit{
width: 70px;
height: 200px;
}

.smallgrey, p{
	color: #8c9398;
	font-size: 14px;
	font-family: "Times New Roman", Times, serif;
}

a.tooltip,
a.tooltip:link,
a.tooltip:visited,
a.tooltip:active {
position: relative;
text-decoration: none;
	color: #8c9398;
	font-size: 11px;
	text-decoration: none;
}

a.tooltip:hover {
background: transparent;
z-index: 100;
}

a.tooltip span {
display: none;
text-decoration: none;
}

a.tooltip:hover span {
display: block;
position: absolute;
top: 0px;
left: 120px;
width: 400px;
z-index: 100;
	color: #8c9398;
	font-size: 11px;
	text-decoration: none;
border: 1px solid #333;
padding: 20px;
background-color: #fff;
}
img{
border: 0px;
}
.item{
	width: 400px;
	float: left;
	padding: 5px 0px;
}
.quantity{
	width: 150px;
	float: left;
	padding: 5px 0px;
}
.price{
	width: 150px;
	float: left;
	text-align: right;
	padding: 5px 0px;
}
.itemtitle{
	width: 400px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	padding-bottom: 10px;
	
}
.quantitytitle{
	width: 150px;
	float: left;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	padding-bottom: 10px;
}
.pricetitle{
	width: 150px;
	float: left;
	text-align: right;
	font-weight: bold;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	padding-bottom: 10px;
}
.itemtotal{
	width: 400px;
	float: left;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	border-top: 1px solid #8c9398;
	padding: 5px 0px;
	
}
.quantitytotal{
	width: 150px;
	float: left;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	border-top: 1px solid #8c9398;
	padding: 5px 0px;
}
.pricetotal{
	width: 150px;
	float: left;
	text-align: right;
	text-transform: uppercase;
	border-bottom: 1px solid #8c9398;
	border-top: 1px solid #8c9398;
	padding: 5px 0px;
}