/*
Theme Name: Mykona
Theme URI: http://www.nomoresleep.net/
Description: Custom theme for Mykona by nomoresleep.net
Author: NoMoreSleep
Author URI: http://www.nomoresleep.net/
Version: 1.0
Tags: 

*/

@import "reset.css";

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

a:hover, a:active {
	color:#666;
}	

.absatz {
	clear: both;
	margin: 2em 0px 0px 0px;
}
.mahlgrad .absatz{
	margin-top: 1em !important;
}
.absatz span{
	font-weight: bold;
} 
strong{
	font-weight: bold;
}
.absatzlo {
	text-align: left;
	margin: 12px 0px 0px 0px;
}
.absatzmid {
	margin: 48px 0px 0px 0px;
}

.absatzlarge {
	text-align: left;
	margin: 72px 0px 0px 0px;
}

.additional_description{
	display: none;
	margin: 2em 0px 0px 0px;
}
.additional_description li{
	float: left;
	padding: 0px 10px 0px 0px;
}

input, textarea, button{
	font-family: Helvetica, Arial, sans-serif;
	color: #666;
	font-size: 11px;
}

select{
	font-family: Helvetica, Arial, sans-serif;
	font-size: 11px;
	padding: 2px 0px 2px 0px;
	margin: 0px 5px 0px 0px;
}

body{
	background-color: #fff;
	color: #666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 62.5%;
	font-variant: normal;
	line-height: 1.8em;
}

#cart{
	font-size: 1em;
	margin: 0px auto;
	display: table;
	width: 100%;
}

#cart ul.col2{
	width: 100%;
	margin: 0px 0px 0px 0px;
}

#cart ul.col2 li{
	float: left;
	width: 50%;
}

#cart .bold{
	color: #666666;
	font-weight: bold;
}
#cart .checkout a{
	font-weight: bold;
}
#cart .checkout a:hover{

	font-weight: bold;
}
#cart .emptycart {
	font-weight: normal !important;
}
#cart .clear a{
}

#cart .highlight {
	color: #e60e64;
	font-weight: bold;
}

#cart ul.col4{
	width: 98%;
	padding: 10px 0px 0px 2%;
	display: table;
}

#cartlist{
	width: 59%;
	position: absolute;
	bottom: 0px;
	margin: 0px 0px 0px -29.5%;
	padding: 0px 0px 0px 0px;
	display: block;
	height: 105px;
	overflow-y: auto;
	left: 50%;
}

#cart ul.col4 li,
#cartlist li{
	float: left;
}

#cart ul.col6{
	width: 100%;
	margin: 0px 0px 0px 0px;
	padding: 10px 0px 0px 0px;
}
.clear{
	clear: both;
}

#center{
	margin: 0px auto;
	width: 820px;
	position: relative;
}

#content{
 	padding-bottom: 130px;
	margin-top: 20px;
	width: 820px;
}

.contentBg{
/*
	background-image: url("images/content_bg.png");
	background-position: center center;
	background-repeat: no-repeat;
*/
	display: block;
 	padding-bottom: 0px !important;
 	position: relative;
	margin-top: 40px;
	height: 500px;
	width: 820px;
}

#content .prodcolor{
	font-weight: bold;
	text-transform: uppercase;
	margin: 0px 0px 1em 0px;
}

#content .prodcolor1{
	color: #e60e64;
}

#content .prodcolor20{
	color: #9c0059;
}

#content .prodcolor4{
	color: #f48887;
}

#content .prodcolor10{
	color: #fdb813;
}

#content .prodcolor11{
	color: #c5aa02;
}

#content .prodcolor12{
	color: #f2df50;
}

#content .prodcolor6{
	color: #c1d72e;
}

#content .prodcolor3{
	color: #687819;
}

#content .prodcolor9{
	color: #afbd21;
}

#content .prodcolor5{
	color: #41c4dd;
}

#content .prodcolor8{
	color: #006c68;
}

#content .prodcolor13{
	color: #b1ded3;
}

#content .prodcolor17{
	color: #a1a1a5;
}

#content .col3,
#content .col3wide{
	float: left;
	height: auto;
	padding: 0px 2% 0px 0px;
	margin: 0px 0px 0px 1%;
	width: 30%;
}
#content .productimage{
	background-position: center top;
	background-repeat: no-repeat;
	min-height: 400px;
	padding: 0px 0px 0px 0px;
	width: 33%;
}
#content .description{
	margin: 0px 0px 2em 0px;
}
#content .description .moreProducts{
	margin: 2em 0px 0px 0px ;
}
#content .description .moreProducts a{
	color: #E60E64;
}
#content .last{
	float: right;
	padding: 0px 0px 0px 2%;
}
#content .col3 span{
	font-weight: bold;
}
.home #content .col3 span{
	font-weight: normal;
}
#content .col3wide{
	padding-top: 0px;	
}

#content .details span{
	font-weight: bold;
}

#content .prevnext{
	padding: 18px 0px 0px 0px;
}

#content .prevnext a{
	color: #aaaaaa;
	letter-spacing: 0.0455em;
	line-height: 1.5em;
}

#content .prevnext a:hover{
	color: #666666;
}

#content .item{
	float: left;
	height: 125px;
	padding: 0px;
	margin: 5px 5px 5px 0px;
	width: auto;
}
#content .mahlgrade,
#content .mahlgrade2{
	background-image: url('images/white_transparent.png');
	background-repeat: repeat;
	display: none;
	height: 100%;
	left: 0px;
	top: 0px;
	position: absolute;
	width: 100%;
}
#content .mahlgrade span,
#content .mahlgrade2 span{
	color: #E60E64;
}
#content .mahlgrade .box,
#content .mahlgrade2 .box{
	background-color: #fef4f8;
	border:1px solid #ddd;
	height: 310px;
	left: 50%;
	margin: -210px 0px 0px -100px;
	padding: 0px 25px 0px 25px;
	position: absolute;
	top: 50%;
	width: 150px;
}
#content .mahlgrade .bigBox{
	height: 250px;
	margin-left: -93px;
	margin-top: -125px;
	width: 125px;
}
#content .mahlgrade .item,
#content .mahlgrade2 .item{
	clear: both;
	float: none;
	height: auto;
	z-index: 1000;
}
#content .itemdetails{
	clear: both;
	float: none;
}
#content .itemdetails li{
	float: left;
	padding: 0px 0px 0px 0px;
	margin: 2px;
	margin-bottom: 10px;
	width: auto;
}
#content .mahlgrade .itemdetails li,
#content .mahlgrade2 .itemdetails li{
	float: left;
}
#content .mahlgrade .itemdetails li .absatzlarge,
#content .mahlgrade2 .itemdetails li .absatzlarge{
	margin: 0px;
	line-height: 30px;
	font-weight: bold;
}
#content .mahlgrade .itemdetails .item,
#content .mahlgrade2 .itemdetails .item{
	width: 40px;
}
#content .itemdetails li span{
	font-size: 1.325em;
	font-weight: bold;
	width: 50%;
}
#dragdrop_spinner{
	background-image: url('images/loading.gif');
	background-position: center center;
	background-repeat: no-repeat;
}
#drop{
	background-color: #ececec;
	border-top: 1px solid #999;
	display: block;
	height: 130px;
	width: 100%;
	
}
#drop .sixty.none{
	background-image: url(images/cart.gif);
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	line-height: 110px;
	font-size: 2em;
	height: 110px;
}
#drop .sixty.none .part1{
	margin-left: 45px;
	margin-right: 65px;
}
#drop.fill{
	background-image: url(images/carttrans.gif);
	background-position: center center;
	background-repeat: no-repeat;
}
#drop .item{
	float: left;
	height: 90px;
	padding: 0px 5px 0px 5px;
	position: relative;
	margin: 0px 15px 10px 0px;
	width: auto;
}

#drop .delete{
}

#drop .delete a{
	background-image: url('images/delete.png');
	position: absolute;
	height: 14px;
	width: 14px;
	top: 6px;
	left: 7px;
}

#drop .delete a:hover{
	background-image: url('images/delete02.png');
}

#drop .delete span{
	display: none;
}

#drop .summary{
}

#drop .summary a{
	background-image: url('images/delete.png');
	position: absolute;
	height: 14px;
	width: 14px;
	top: 6px;
	left: 7px;
}

#drop .summary span{
	display: none;
}

#drop .itemdetails{
	float: left;
	line-height: 1.9em;
	padding: 0px 0px 0px 0px;
	margin: 2px;
	width: auto;
}

#drop .itemdetails .counter{
	background-image: url('images/counter.png');
	background-position: center center;
	background-repeat: no-repeat;
	position: relative;
	height: 17px;
	width: 32px;
	margin: 20px 0px 0px 0px;
}

#drop .itemdetails .counter span{
	font-weight: bold;
	font-size: 1em;
	width: 100%;
	text-align: center;
	display: block;
}


#drop .itemdetails span{
	font-size: 1.325em;
	font-weight: bold;
	width: 50%;
}

h1{ font-size: 1.5em; }    
                    
h1 a{
    background: transparent url("images/mykona_logo.png") no-repeat center center;
    display: block;
    height: 70px;
    width: 70px;
}

h1 a:hover{
    background: transparent url("images/mykona_logo-hover.png") no-repeat center center;
}

h1 a span{
    display: none;
}

#logo{
	left: -85px;
	position: absolute;
	top: 10px;
	height: 70px;
	width: 70px;
}

#mainNavigation{
	height: 30px;
	padding: 15px 0px 0px 0px;
	position: relative;
	margin: 0px 0px 0px 0px;
	width: 820px;
}

#mainNavigation a{
	color: #666;
}

#mainNavigation a:active,
#mainNavigation a:hover {
	color: #999;
}

#navigation{
	width: 820px;
	position: relative;
}
#navigation li{
	float: left;
	margin: 20px 42px 5px 0px;
	position: relative;
}
#navigation li.clear{
	float: none;
	margin: 0px 0px 0px 0px;
	width: 0px;
	height: 0px;
}
#navigation li a{
	background-image: url('images/dot1.png');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 41px;
	position: relative;
	width: 20px;
	
}

#navigation li em{
	background-image: url('images/navigation-hover.png');
	background-repeat: no-repeat;
    width: 150px;
    height: 23px;
    color: #838383;
    position: absolute;
    top: -35px;
    left: -65px;
    font-size: 9px;
    line-height: 18px;
    text-align: center;
    z-index: 100;
    display: none;
}

#navigation .dot1 a{
	background-image: url('images/dot1.png');
}

#navigation .dot2 a{
	background-image: url('images/dot2.png');
}

#navigation .dot4 a{
	background-image: url('images/dot3.png');
}

#navigation .dot10 a{
	background-image: url('images/dot4.png');
}

#navigation .dot11 a{
	background-image: url('images/dot5.png');
}

#navigation .dot12 a{
	background-image: url('images/dot6.png');
}

#navigation .dot6 a{
	background-image: url('images/dot7.png');
}

#navigation .dot3 a{
	background-image: url('images/dot8.png');
}

#navigation .dot9 a{
	background-image: url('images/dot9.png');
}

#navigation .dot5 a{
	background-image: url('images/dot10.png');
}

#navigation .dot8 a{
	background-image: url('images/dot11.png');
}

#navigation .dot13 a{
	background-image: url('images/dot12.png');
}

#navigation .dot17 a{
	background-image: url('images/dot13.png');
}

#navigation li span{
	display:none;
}

.news {
	margin: 12px 0px 0px 0px;
}


#page{
	font-size: 1.1em;
	line-height: 1.3em;
	position: relative;
	
}

#product{
	padding-left: 3px;
	height: auto;
	margin-top:10px;
	width: 810px;
	padding-bottom: 130px;
}

#product .singleproduct {
	float: left;
	height: 140px;
	position: relative;
	margin: 2px 20px 10px 0px;
	min-width: 115px;
}

#product .singleproduct .details a{
	display: block;
	height: 140px;
	position: relative;
}

#product .singleproduct .details a img{
	margin-left: 32px;
}

#product .singleproduct .details a span{
	color: #666666;
	display: none;
	font-size: 0.81em;
	font-weight: normal !important;
	line-height: 1.1em;
	bottom: 0.5em;
	text-align: center;
	text-transform: uppercase;
	position: absolute;
	width: 100%;
}

#product .singleproduct:hover{
	background-color: #f7f7f7;
	-moz-box-shadow: 0 0 0.5em silver;
	-webkit-box-shadow: 0 0 0.5em silver;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}

#product .singleproduct a:hover span{
	display: block;
}

#product .singleproduct .add{

} 

#product .singleproduct:hover.add{
	display: block;
}

#product .singleproduct:hover .add a{
	background-image: url('images/add.png');
	background-position: center;
	display: block;
	background-repeat: no-repeat;
	position: absolute;
	height: 13px;
	width: 13px;
	top: 5px;
	right: 5px;
}

#product .singleproduct .add a:hover{
	background-image: url('images/add02.png');
}

#product .singleproduct .add a span{
	display: none;
}


#sidebarlinks{
	background: aqua;
	height: 20px;
	left: 0px;
	position: fixed;
	top: 0px;
	width: 102px;
}

#sidebarrechts{
	background: aqua;
	height: 20px;
	position: fixed;
	right: 0px;
	top: 0px;
	width: 102px;
}

ul.col3{
	width: 100%;
	margin: 0px 0px 0px 10px;
}

ul.col3 li{
	float: left;
	padding: 30px 64px 0px 0px;
	width: 25%;
}

ul.col6 li{
	float: left;
	height: 90px;
	padding: 5px;
	margin: 0px 2px 10px 2px;
	width: auto;
}
ul.leftlist{
	float: left;
	margin: 5px 0px 5px 0px;
}
ul.leftlist li{
	background-color: #fff;
	color: #aaaaaa;
	display: inline;
	text-transform: uppercase;
	padding: 0px 20px 0px 0px;
}
ul.rightlist{
	float: right;
	margin: 5px 0px 5px 20px;
}
ul.rightlist li{
	background-color: #fff;
	color: #aaaaaa;
	display: inline;
	font-size: 0.916em;
	padding: 0px 0px 0px 20px;
}

.twenty{
	width: 18%;
	color: #666666;
}
.twenty strong{
	font-size: 1.2em;
}
.quarter{
	width: 25%;
}

.half{
	width: 50%;
}

.fifteen{
	width: 15%;
}

.sixty{
	color: #666666;
	width: 62%;
}



.wpsc_shopping_cart_container{
	overflow-y: scroll;
}
.page-id-2 #content,
.page-id-7 #content,
.page-id-9 #content,
.contentBg .col3{
	margin-bottom: 2em;
}
.contentBg .col3{
	padding-bottom: 130px !important;
	margin-bottom: 2em !important;
}
.home .col3{
	margin-left: 0px !important;
	margin-right: 1% !important;
}
#content .column{
	float: left ;
	height: auto;
	padding: 30px 58px 0px 0px;
	margin: 0px 0px 0px 10px;
	width: 25%;
}
.category-blog #content .widgettitle,
.category-blog #content h3,
#content .column h3,
#content.contact h3,
.home #content h3,
.page-id-9 #content h3{
	font-size: 1.27em;
	font-weight: bold;
	margin: 0px 0px 1em 0px;
}
#content.contact p{
	margin-bottom: 1em;
}

#content.contact input,
#content.contact button,
#content.contact textarea{
background-color: #fff;
 	border: 1px solid #fff;
 	border-bottom: 1px solid #999;
 	padding: 3px 3px 1px 3px;
 }
 #content.contact input:focus,
#content.contact textarea:focus{
 background-color: #ffffcd;
 }
#content.contact textarea{
border: 1px solid #999;
 } 
 #content.contact input[type=submit], #content.contact button{
  	background-color: #E60E64;
 	color: #fff;
 	border: 1px solid #fff;
 	padding: 3px 3px 1px 3px;

 }
.category-blog #content{
	padding-bottom: 0px !important;
	margin-bottom: 3em;
}
.category-blog #drop_wrapper{
	display: none !important;
}
.category-blog #mainContent{
	float: right;
	width: 530px;
}
.category-blog #mainContent p{
	margin-bottom: 1em;
}
.category-blog #mainContent .post{
	margin-bottom: 3em;
}
.category-blog #mainContent .postmetadata{
	background-color: #fff;
	border-bottom: 1px solid #ECECEC;
	border-top: 1px solid #ECECEC;
	min-height: 3em;
	line-height: 3em;
	padding: 0px 0px 0px 0px;
}
.category-blog #quick-flickr img{
	margin-bottom: 1px;
	margin-right: 1px;
	max-width: 85px;
	width: 85px;
}
.category-blog #sidebar{
	float: left;
	width: 260px;
}
.category-blog #sidebar ul li{
	border-bottom: 1px solid #ececec;
	margin-bottom: 1em;
	padding-bottom: 1em;
}
.category-blog #sidebar ul li li{
	border: 0px;
	margin-bottom: 0px;
	padding: 0px;
}
#twitter_update_list li{
	border-bottom: solid 1px #eee;
	margin: 0px 0px 1em 0px;
	padding: 0px 0px 1em 0px;
}

#twitter_link{
	color: #AAAAAA;
}
#twitter_link a{
	color: #666;
}
#sitebynomoresleep{
	font-size: 0.916em;
	position: absolute;
	bottom: 10px;
	left: 2%;
}
.description p,
.page p{
	margin-bottom: 1em;
}
#drop p{
	margin-bottom: 0px !important;
}
.mwst{
	color: #AAAAAA;
}
.toggleElement{
	display: none;
	padding-bottom: 1.5em;
}

label.screen-reader-text{
	display: block;
}
.category-blog .comment{
	border-bottom: solid 1px #eee;
	margin-bottom: 1.5em;
}
.category-blog .comment p{
	margin-bottom: 1em;
}

#mainNavigation .highlight a{
	color: #000;
}

.navigation .alignleft,
.navigation .alignright{
	float: left;
	width: 50%;
}
.navigation .alignright{
	float: right;
	text-align: right;
}

#welcome{
	float: left;
	font-size: 1.5em;
	line-height: 1.2em;
	padding-left: 20px;
	/* width: 60%; */
}
#welcome a{
	text-decoration: underline;
}

.wpfblike{
	margin-bottom: 2em;
}
.home ul.dateItems{
	margin: 75px 0px 0px 40px;
	width: 
}
.home ul.dateItems li{
	display: none;
}
.home ul.dateItems li.active{
	display: block;
}
.home ul.dateItems li .image{
	float: left;
	margin-right: 20px;
}
.home ul.dateItems li .image img{
	width: 105px;
}
.home ul.dateItems li .text{
	float: left;
	padding-top: 50px;
	width: 350px;
}
.home ul.dateItems li .text h3{
	margin-bottom: 10px !important;
}
.home ul.dateItems li .text span.means{
	display: block;
	font-size: 12px;
	margin-bottom: 10px;
}
.home ul.dateItems li .text strong{
	display: block;
	font-size: 30px;
	margin-bottom: 5px;
}
.page-id-3 #navigation .selected{
	filter:alpha(opacity=25);
	-moz-opacity:0.25;
	-khtml-opacity: 0.25;
	opacity: 0.25;
}
#soldOverlay{
	display: none;
}
.soldout #soldOverlay{
	background-image: url('images/soldout.png');
	background-position: center center;
	background-repeat: no-repeat;
	display: block;
	height: 130px;
	position: absolute;
	width: 230px;
	z-index: 1000;
}
#soldOverlay span{
	display: none;
}
#newsletterContainer{
	top: 350px;
	position: absolute;
	right: 0px;
}