/*

EVMA Design

grön: #D9DE20
cyan: #01BAFD
*/

body {
    background:white url('/img/bg.png') repeat-x top left;
    font-size:11pt;
    font-family: Arial;
    color:black;
    overflow-y:scroll;
}

#page-wrap { width:920px; margin:0 auto; }

.floatLeft { float:left; }
.clearfix:after { content:'.';display:block;visibility:hidden;height:0;clear:both; }

/* ============================
   Webshop
   ============================ */
#webshop {
    position:relative; width:244px; height:194px; background:transparent url('/img/giveaways.png') no-repeat center center;
}
#webshop a {
    display:block; position:absolute; top:5px; left:20px;
    text-align:center; text-decoration:none;
    width:195px; height:135px; padding-top:10px;
    line-height: 1.15em; font-size:1em;
    color:yellow;
}
#webshop a span { color:#01BAFD; font-size:1.4em; display:block; }
#webshop a span#big { display:block; text-transform:uppercase; font-size:2em; color:yellow; margin:25px auto 20px; }

/* ============================
   Drag bar handler
   ============================ */
ul#drag-bar-handler {
    position:relative; z-index:5;
    float:right; background-color:black; padding:10px 14px; /* width:600px; */
    -moz-border-radius-bottomright:20px 14px; -moz-border-radius-bottomleft: 20px 14px;
    -webkit-border-bottom-left-radius: 20px 14px; -webkit-border-bottom-right-radius: 20px 14px;
/*     border-radius: 0 0 10px 10px; */
}

ul#drag-bar-handler li { display:inline; border-left:1px solid white; padding:0 10px; color:white; }
ul#drag-bar-handler li.special { padding-left:11px; }
ul#drag-bar-handler li.first { border-left:none; }
ul#drag-bar-handler li a { color:white; text-decoration:none; text-transform:uppercase; font-size:0.9em; }
ul#drag-bar-handler li.selected a { color:#01BAFD; }
ul#drag-bar-handler li a:hover { color:#01BAFD; }
ul#drag-bar-handler li.special a { /* color:#D9DE20; */ color:#01BAFD; }


/* ============================
   Main content
   ============================ */
div#main {
    background:white; width:600px; float:right; margin-top:-100px; padding:14px;
    -moz-border-radius-topright: 14px; -moz-border-radius-topleft: 14px;
    -webkit-border-top-left-radius: 14px; -webkit-border-top-right-radius: 14px;
    border-radius:14px 14px 0 0;
}

a#news {
    display:block; text-decoration:none; color:black;
    background-color:#D9DE20; width:356px; padding:15px 15px 25px 15px; float:right;
    -moz-border-radius:15px; -webkit-border-radius: 15px;
    border-radius: 15px;
    -moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888; -o-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 2px #888;
}
a#news div#news-image     { padding-bottom:1.5em; position:relative; background-color:white; overflow:hidden; height:370px; }
a#news div#news-image img { height:100%; width:auto; }
a#news div#news-image h1  { text-transform:uppercase; font-size:1.5em; font-weight:bold; position:absolute; bottom:0; right:2px; color:#01BAFD; }
a#news h2    { margin-top:15px; font-size:1.5em; text-transform:uppercase; font-weight:normal; }

a#erbjudande {
    display:block; text-decoration:none; color:black;
    background-color:#01BAFD; width:174px; padding:13px; float:left; margin-bottom:112px;
    -moz-border-radius:13px; -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 2px #888;
}
a#erbjudande img { width:100%; /* height:160px; */ }
a#erbjudande h2    { margin-top:13px; font-size:1.5em; text-transform:uppercase; font-weight:normal; }

div#content    { margin-top:50px; margin-bottom:122px; width:280px; }
div#content h1 { /* text-transform:uppercase; */ font-size:2em; }
div#content p { margin-top:10px; }
div#content p a { color:black; text-decoration:none; }

img#logo { clear:right; margin-top:-126px; position:relative; z-index:2;/*  top:-60px; */ }
/* 14+112 */

/* ============================
   Drag bar
   ============================ */
#drag-bar {
    padding-bottom:10px; background-color:black; color: white; display:none;
    font-size:0.8em;
    line-height:1.3em;
    font-family:Helvetica, sans-serif;
    font-weight:normal;
}

#drag-wrap {
    margin:0 auto; width:920px;
    height:515px;
    overflow:auto;
}
#drag-bar > p { width:920px; margin:0 auto; padding:10px 0; text-align:right; font-size:90%; }
#drag-bar > p > img { cursor:pointer; height:1em; margin-left:20px; }

#drag-wrap:after { content:'.'; display:block; visibility:hidden; height:0; clear:both; }

#drag-wrap h1 { text-transform:uppercase; font-size:300%; line-height:120%; color:#01BAFD; font-weight:bold; margin-bottom:22px; }
#drag-wrap h1 span { text-transform:none; font-size:33%; padding-left:20px; color:#D9DE20; line-height:120%; font-weight:normal; }
#drag-wrap h2 { text-transform:uppercase; font-size:100%; color:#D9DE20; font-weight:normal; }
#drag-wrap h3 { font-size:100%; color:#D9DE20; font-weight:normal; }

#drag-wrap div#info { width:450px; float:right; }
#drag-wrap div.pic { width:100px; float:left; margin-right:5px; }
#drag-wrap div.pic img { width:100%; }
#drag-wrap div.pic a { color:white; text-decoration:none; }
#drag-wrap div#address { width:210px; float:left; clear:left; margin-top:30px; }
#drag-wrap div#address a { color:white; }

#drag-wrap div.block { width:430px; margin:0 10px; }
#drag-wrap div.small-block { width:280px; margin-left:10px; margin-right:10px; }
#drag-wrap div.block p { margin-bottom:20px; }
#drag-wrap div.block p span { color:#01BAFD; }

#drag-wrap div#kontakt { margin-left:230px; height:100%; position:relative; }
#drag-wrap div#kontakt form { margin-top:20px; }
#drag-wrap div#kontakt form p { margin-bottom:3px; }
#drag-wrap div#kontakt form:after { content:'.'; visibility:hidden; clear:both; display:block; height:0; }
#drag-wrap div#kontakt label { display:inline-block; min-width:55px; padding-top:2px; }
#drag-wrap div#kontakt label.long { width:215px; }
#drag-wrap div#kontakt label:after { content:':'; }
#drag-wrap div#kontakt label.long:after { content:''; }
#drag-wrap div#kontakt input[type=text] { display:inline-block; width:150px; }
#drag-wrap div#kontakt label.long span { float:right; font-size:7pt; width:123px; font-style:italic; text-align:right; }
#drag-wrap div#kontakt textarea { width:210px; }
#drag-wrap div#kontakt input[type=submit] {
/*  display:block; float:right; width:55px; border:none; background:none; margin-right:5px; color:white; cursor:pointer; */
    display:block; float:right; width:74px; height:26px; border:none;
    background:transparent url('/img/offert-send.png') no-repeat center center;
    margin-right:5px; color:black; cursor:pointer;
}

#drag-wrap div#kontakt #contact-answer {
    position:absolute; top:100px; right:10px; width:180px;
    background-color:white; padding:13px; 
    -moz-border-radius:13px; -webkit-border-radius: 13px;
    border-radius: 13px;
    -moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 2px #888;
    color:black;
    z-index:10;
}
#drag-wrap div#kontakt #contact-answer p { text-align:center; }
#drag-wrap div#kontakt #contact-answer ul { padding-left:15px; list-style:circle outside none; }
#drag-wrap div#kontakt #contact-answer img { width:100%; }

/* ============================
   News
   ============================ */
body#news {
    background:#999999 url('/img/news-bg.png') repeat-x top left;
}

body#news #page-wrap { width:932px; }
body#news #page-wrap > h1 {
    height:82px; margin-bottom:30px; position:relative; /* z-index:0; */
    background:transparent url('/img/logo-news-bg.png') no-repeat left center;
}
body#news #page-wrap > h1 > a {
    display:block; text-decoration:none;
    height:50px; width:253px; position:absolute; top:20px; left:25px; text-indent:-9999px;
    background:transparent url('/img/logo-news.png') no-repeat center center;
    z-index:10;
}


body#news #main-news {
    background-color:white; padding:30px; margin-bottom:10px; 
    -moz-border-radius:30px; -webkit-border-radius: 30px;
    border-radius: 30px;
    -moz-box-shadow: 3px 3px 2px #888; -webkit-box-shadow: 3px 3px 2px #888;
    box-shadow: 3px 3px 2px #888;
}

body#news #main-news > p { /* text-transform:uppercase; */ margin-top:5px; font-weight:bold; text-align:center; }
body#news #main-news > p#explanation { margin-top:5px; font-weight:normal; text-align:left; }

/* for the main item */
body#news #main-news #mainitem { padding-bottom:10px; border-bottom:1px solid #D9DE20; }
body#news #main-news #mainitem img { float:left; width:300px; cursor:url('/img/zoom.png'),pointer; }
body#news #main-news #mainitem img#treibild { float:left; width:auto; cursor:default; }
body#news #main-news #mainitem #mainitem-content { margin-left:320px; }
body#news #main-news #mainitem #mainitem-content h1 { margin-bottom:30px; font-weight:normal; text-align:left; font-size:2em; text-transform:uppercase; color:#01BAFD; }
body#news #main-news #mainitem #mainitem-content h1#treibild-title { padding-top:50px; margin-bottom:15px; }
body#news #main-news #mainitem #mainitem-content h2  { margin:50px 0 30px 0; font-weight:normal; font-size:1.5em; text-align:left; }
body#news #main-news #mainitem #mainitem-content p   { text-align:left; }
body#news #main-news #mainitem #mainitem-content a {
    display:block; background:transparent url('/img/offert-button.png') no-repeat center right;
    margin-top:30px; padding-right:50px;
    height:43px; line-height:43px;
    float:right; text-decoration:none; text-transform:uppercase;
    color:#01BAFD;
}
body#news #main-news #mainitem #mainitem-content p.price   { font-weight:bold; color:#01BAFD; margin-top:45px; padding:0; }

/* for the grid items */
body#news #main-news div.category { margin-top:10px; }
body#news #main-news div.category > h1 { padding:5px 10px 0px; background-color:black; color:white; }
body#news #main-news div.category > h1 a { float:right; text-decoration:none; }
body#news #main-news div.category > h1 a img { height:20px; }

body#news #main-news div.line { clear:left; width:100%; border-bottom:1px solid #D9DE20; }
body#news #main-news div.line div.item { float:left; height:100%; width:24%; /* border-left:1px solid #D9DE20; */ }
body#news #main-news div.line div.item:first-child { border-left:none; /* width:24%; */ }

body#news #main-news div.line div.item div.item-content { margin:0 15px; position:relative; height:100%; }

body#news #main-news div.line div.item div.item-content a.img-area { display:block; width:100%; height:250px; overflow:hidden; position:relative; }
body#news #main-news div.line div.item div.item-content a.img-area img { display:block; width:100%; position:absolute;bottom:0; cursor:url('/img/zoom.png'),pointer;}
body#news #main-news div.line div.item div.item-content h2  { font-weight:bold; margin:10px 0 5px 0; font-size:1em; text-align:left; }
body#news #main-news div.line div.item div.item-content a.offert-button {
    display:block; background:transparent url('/img/offert-button.png') no-repeat center center;
    margin-left:2px; float:right;
    text-indent:-9999px;
    height:43px; width:44px; 
    position:relative;top:-10px;
}
body#news #main-news div.line div.item div.item-content p { padding-bottom:63px; }
body#news #main-news div.line div.item div.item-content p.price { width:100%; padding:0; font-weight:bold; color:#01BAFD; position:absolute; bottom:0; left:0; }


/* Filtering stuff */
ul#sortiment { text-align:center; width:100%; }
ul#sortiment li { display:inline-block; margin:5px 4px; line-height:1.5em; }
ul#sortiment li a { text-decoration:none; padding:2px 10px;
	       -moz-border-radius: 10px; -webkit-border-radius: 10px;
	       background-color:black; color:white;
	       /* background-color:#FFFBD2; color:#505F1B; */
	     }
ul#sortiment li a:hover { color:#01BAFD; -webkit-box-shadow: rgb(85, 85, 85) 0px 0px 4px; }
ul#sortiment li a:active { position:relative; top:1px; }
ul#sortiment li a.selected { background-color:#01BAFD; color:black; /* background-color:#CCD145; */ }

/* Notes */
body#webbshop {
    background:#999999 url('/img/news-bg.png') repeat-x top left;
    font-size:11pt;
    font-family: Arial;
    color:black;
}

body#webbshop #page-wrap { padding:30px 10px; }

body#webbshop img#logo { width:465px; display:block; margin:30px auto; }
body#webbshop div.note {
    width:340px;
    margin:0 auto;
    padding: 16px 16px 40px 16px;
    font-weight: normal;
    -moz-border-radius: 11px;
    -khtml-border-radius: 11px;
    -webkit-border-radius: 11px;
    border-radius: 5px;
    background: #fff;
    border: 1px solid #e5e5e5;
    -moz-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -webkit-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    -khtml-box-shadow: rgba(200,200,200,1) 0 4px 18px;
    box-shadow: rgba(200,200,200,1) 0 4px 18px;
}
body#webbshop div.note p { margin-bottom: 24px; font-size:1.1em; }