@charset "UTF-8";
/* CSS Document */
/* www.hansundgret.ch */
/* FOR INFO --> specific padding: 5px 20px 20px 0px; >> 1=oben, 2=rechts, 3=unten, 4=links */


/* GENERAL TAG FORMATTING*/
body, div {
font-family: monaco, lucida console, verdana, arial, helvetica, sans-serif;
color: #0099ff;
font-weight: normal;
font-size: 12px;
margin: 0;
padding: 0;
/*border: solid 1px red;*/
}

img {margin: 0px;padding: 0px; border: 0px;}


/* TITLES*/
.title {font-size: 14px; font-weight: bold;}

/* GENERAL POSITIONING */
.logo {position: absolute; top: 30px; left: 30px; width: 180px; height: 220px;}
.keyvisual {position: absolute; top: 290px; left: 30px; width: 180px; height: 290px;}
.content {position: absolute; top: 90px; left: 250px; width: 700px; padding-bottom:30px;}
.footerimage {position: absolute; top: 290px; left: 300px; width: 600px; padding-bottom:30px;}
.lage {float: left; width: 425px; padding: 0px;}
.oeffnungszeiten {float: left; width: 240px; padding: 0px; margin-left: 20px;}
.agb_text {width: 600px;}
.error {position: absolute; top: 60px; left: 250px; float: right; background-color: #ff0099; color: #ffffff; padding: 5px;}
.newsbox {margin-top: 42px; padding: 7px; color: #ffffff; background-color: #0099ff;}

/* KOLLEKTION & PRODUCT POSITIONING */
.prod-img {width: 170px; height: 145px; text-align:center;} /*float: left; */
.prod-title {width: 170px; height: 20px; padding: 0px 0px 20px 0px; text-align:center;} /*float: left; */
.itemlist {float: left; position: absolute; top: 400px; left: 250px; width: 700px; padding-bottom:30px;}
.prod-img-desc {float: left; width: 220px; height: 290px; padding: 0px;}
.prod-desc {float: left; width: 420px; height: 290px; padding-left: 30px;}
.desc-top {height: 250px;}
#buy-layer {height: 20px; float: right; margin-right:20px;}
#sold-layer {height: 20px; float: right; color: #ff0099; font-size: 14px; margin-right:20px;}
#reversibleSwitch-layer {height: 20px; float: left; color: #ff0099;}
#viewLarge-layer {height: 20px; float: left; color: #ff0099;}
#nextProduct {float: right; text-align: right; width: 670px; height: 65px; margin: 5px 40px 10px 0px; position: relative; left: 10px; top: 0px; border-bottom:#0099ff; border-bottom-style:dashed; border-bottom-width:1px;}
#archiveList {float: left; text-align: left; width: 700px; margin: 5px 40px 0px 0px; position: relative; left: 0px; top: 0px; font-size: 14px; color: #ff0099;}
.prod-item {float: left; width: 85px; height: 115px; margin: 10px 10px 0px 0px; position: relative; left: 0px; top: 0px; z-index: 0;}
.dot {position: absolute; left: 0px; top: 0px; width: 30px; height: 30px; z-index: 1;}
.size {position: absolute; left: 10px; top: 70px; width: 65px; text-align: center; border-top: 1px solid #0099ff; border-bottom: 1px solid #0099ff; background-color: #ffffff; z-index: 2;}


/* FORMULAR */
.selectedProduct {float: left; width: 225px; height: 600px;}
.submitform {float: right; width: 400px; height: 600px; padding-right: 15px;}
/*items*/
input {border: solid 1px #0099ff; height: 15px;}
textarea {border: solid 1px #0099ff; width:200px; height: 50px;}
.submit {background-color: #0099ff; color: #ffffff; width:200px; height: 20px;}
/*td's*/
.label {width: 150px; height: 30px;}
.field {width: 250px; height: 30px;}
.radioelement {width: 10px; height: 20px;}
.radiofield {width: 240px; height: 20px;}
.radiolabel {padding-top:5px; vertical-align: top;}
.area {width: 250px; height: 60px;}
.arealabel {padding-top:5px; vertical-align: top;}
.paypal {width: 70px; height: 31px; border: 0px;}
#child-name-layer {position: relative; height: 70px; margin-left:150px; vertical-align:top; display:none;}


/* ACAJOOM NEWSLETTER ELEMENTS */
.newsletterbox {margin-top: 42px; padding: 7px; border: dashed 1px #0099ff; height: 115px;}
.orderconfirm {margin-top: 20px; padding: 7px; color: #ffffff; background-color: #0099ff;}
.newsletter_label {width: 60px; height: 15px; padding: 2px;}
.newsletter_field_td {width:170px; height: 15px; padding: 2px;}
.newsletter_field {border: solid 1px #0099ff; width:170px; height: 15px;}
.newsletter_submit {background-color: #0099ff; color: #ffffff; width:172px; height: 20px;}
.newsletter-redirect {float: left; background-color: #ff0099; width: 250px; color: #ffffff; padding-top: 2px; padding-bottom: 2px; text-align: center; margin-top: 10px;}


/* NORMAL LINKS */
a:link, a:visited, a:active {
color: #0099ff;
font-weight: normal;
font-size: 12px;
text-decoration: none;
}
a:hover {
background-color: #0099ff;
color: #ffffff;
}

/* links auf blauem background */
#onblu a {
	color: #ffffff;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	}
#onblu a:hover {
	background-color: #ffffff;
	color: #0099ff;
	}

/* grosse links */	
#reversibleSwitch-layer a {
font-size: 14px;
}
#viewLarge-layer a {
font-size: 14px;
}
#nextProduct a {
font-size: 14px;
}


/* KAUFEN BUTTON */
#buy-layer a {
	background-color: #0099ff;
	font-size: 14px;
	color: #ffffff;
	border: solid 2px #0099ff;
	}
#buy-layer a:hover {
	background-color: #ffffff;
	color: #0099ff;
	font-weight: normal;
	text-decoration: none;
	border: solid 2px #0099ff;
	}


/* NAVIGATION */	
.navigation_pos {position: absolute; top: 30px; left: 250px; width: 700px; height: 20px; margin: 0px; padding: 0px;}

.currentpage {
background-color: #0099ff;
color: #ffffff;
font-size: 14px;
font-weight: normal;
padding: 1px 0px 1px 0px;
}

#navigation li {
	list-style-type: none;
	display: inline;
	}
#navigation {
	margin: 0px;
	padding: 0px;
	}
#navigation a {
	color: #0099ff;
	font-size: 14px;
	font-weight: normal;
	text-decoration: none;
	padding: 1px 0px 1px 0px;
	}
#navigation a:hover {
	background-color: #0099ff;
	color: #ffffff;
	}