/*
Theme Name: Base212
Theme URI: http://dammedia.dk/
Description: Theme for Base212 by Dam Media
Author: Dam Media
Version: 1.0
Tags: Base212
*/


/* Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html
-------------------------------------------------------------- */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
h1, h2, h3, h4, h5, h6 {
	font-weight: normal;
	clear: both;
}
ol, ul {
	list-style: none;
}
blockquote {
	quotes: none;
}
blockquote:before, blockquote:after {
	content: '';
	content: none;
}
del {
	text-decoration: line-through;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}
a img { border: none; }



/* =Fonts & colors
-------------------------------------------------------------- */
body {
	background: #53a04d url(images/background.jpg) repeat;
}

body, input, textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
}

#container {
	background: #fff;
	-moz-box-shadow: 7px 7px 14px #444;
	-webkit-box-shadow: 7px 7px 14px #444;
}

#footer{
	clear: both;
	color: #53a04d;
	text-align: center;
}

a:link {
	color:#666;
}
a:visited {
	color:#666;
}
a:active, a:hover {
	color: #ec008b;
}

#content p {
	line-height: 1.4;
	padding-bottom: 12px;
	color: #666;
}

#content p.heading {
	text-transform: uppercase;
	color: #53a04d;
}

#content p.no-padding {
	padding-bottom: 0;
}
/* =Structure
-------------------------------------------------------------- */

/* The main theme structure */

#wrapper {
	margin: 40px auto 40px;
	width: 800px;
}

#logo {
	height:  63px;
}

#container {
	padding: 0 15px;
	width: 770px;
}

#navigation {
	padding: 0 0 10px;
	height: 25px;
}

#content {
	min-height: 400px;
}

#footer {
	padding: 10px 0;
}

.clear-both{
	clear: both;
}

/* =searchform
-------------------------------------------------------------- */

#searchform input#s{
	border: 0px solid #ec008b;
	width: 60px;
	height: 15px;
	float: left;
	background: #e1ead7;
	padding-right: 5px;
}


#searchform{
	float: right;
}

#searchbox{
	width: 110px;
	text-align: right;
}


/* =Layout
-------------------------------------------------------------- */

#sticker{
	float: left;
}

#sticker-products{
	
}

#content{
	clear: both;
}

#main-content{
	clear: left;
        position: relative;
}

.alignleft{
	float: left;
	padding-right: 15px;
}

.alignright{
	float: right;
	padding-left: 15px;
}


/* =Lists
-------------------------------------------------------------- */

#main-content li {
	color: #666666;
	line-height: 1.26;
}


/* =Tables
-------------------------------------------------------------- */
table td{
	width: 170px;
	padding: 5px 5px 5px 0;
	color: #666666;
}


table{
	margin-bottom:20px;
}

/* =Product page
-------------------------------------------------------------- */
.image-entry{
	width:170px;
	text-align: center;
	float: left;
	padding: 0 11px 30px;
}

#content .image-entry p{
	padding-bottom: 5px;
}


/* =Dropdown
-------------------------------------------------------------- */
ul.dropdown li:hover > ul{
	background: white;
}

ul.dropdown {
	z-index: 50;
}

#navigation li{
	padding: 10px 12px 0;
}

#navigation li:first-child{
	padding: 10px 12px 0 0;
}

#search-box{
	position: static; margin-left: 647px; padding-right: 0px; margin-top:-26px;
}

#navigation li li{
	padding: 0 12px !important;
}



#navigation li a{
	color: #ec008b;
	text-decoration: none;
}

#navigation li a:hover{
	color: #53a04d;
	text-decoration: none;
}


#navigation li.current_page_ancestor a{
	color: #53a04d;
}

#navigation li.current_page_item a, #navigation li li.current_page_item a, #navigation li li li.current_page_item a{
	color: #53a04d;
}

#navigation li.current_page_ancestor li.page_item a{
	color: #ec008b;
}

#navigation li.current_page_ancestor li.menu-item a{
	color: #ec008b;
}

#navigation li.current_page_ancestor li.current_page_item a{
	color: #53a04d;
}

#navigation li.current_page_ancestor li.current-menu-item a{
	color: #53a04d;
}

#navigation li.current_page_ancestor li.current-menu-ancestor a{
	color: #53a04d;
}

#navigation li.current_page_ancestor li.current-menu-ancestor li.menu-item a{
	color: #ec008b;
}

#navigation li.current_page_ancestor li.current-menu-ancestor li.current-menu-item a{
	color: #53a04d;
}

#navigation a:active, #navigation a:hover {
	color: #53a04d !important;
}


/*_____________________________________________________________________________________________________________________DROP DOWN MENU*/

ul.dropdown, ul.dropdown li, ul.dropdown ul { list-style: none; margin: 0; padding: 0;}
ul.dropdown {position: relative; z-index: 20; float: left;}
ul.dropdown li { float: left; line-height: auto; vertical-align: middle; zoom: 1;  margin-right:0px; height:auto; text-transform: uppercase;}
ul.dropdown li.hover, ul.dropdown li:hover { position: relative; z-index: 599; cursor: default; background:#fff;} /*BACKGROUND FOR MAIN ELEMENT*/
ul.dropdown ul { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} /* SET WIDTH FOR DROPDOWN ELEMENTS */
ul.dropdown ul li { float: none; margin-right:0; text-transform: none;}
ul.dropdown ul ul { top: 0px; left: 99%;} 
ul.dropdown li:hover > ul { visibility: visible;  background:#fff;}
ul.dropdown { font: inherit; }
	ul.dropdown li { padding: 0px 0; color: #333; line-height: normal;}
	ul.dropdown li.hover, ul.dropdown li:hover {}
	ul.dropdown a:link,	ul.dropdown a:visited { color: #333; text-decoration: none; }
	ul.dropdown a:hover { color: #333; text-decoration: none; background: #fff;} /*THE MAIN MENU BACKGROUND AND TEXT*/
	ul.dropdown a:active { color: #333; }
/* ----- END LEVEL */
	/* ----- NON-FIRST LEVEL */
	ul.dropdown ul {width: 140px; background-color: #d3d3d3; color: #333; text-transform: none;  padding-bottom:7px;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */
		ul.dropdown ul li { background-color: transparent; color: #000;	 filter: none; border-top:0px solid #ccc;}
		ul.dropdown ul li.hover, ul.dropdown ul li:hover {background: #fff;} /* SET BACKGROUND FOR IE */
		ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #333; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none;}
		ul.dropdown ul a:active { color: #333; }
/* ----- END LEVEL */
/*------------------------------------------------------------------------------------------------------/

/* ----- ALL LEVELS (incl. first) */
ul.dropdown *.dir {padding-right: 0px; background-image: none; background-position: 100% 50%; background-repeat: no-repeat;}
/* ----- END LEVEL */
/* Components override */
ul.dropdown li a { display: block; padding: 0;} /* spacing the elemnts */
/* ------------- Override default */
	ul.dropdown li { padding: 0;}
/* ------------- Reinitiate default: post-override activities  */
	ul.dropdown li.dir {padding: 0;}
	ul.dropdown ul li.dir { padding-right: 0;}
/* ------------- Custom */
	ul.dropdown li {}
	ul.dropdown ul a {text-indent: 0px; padding: 0; width:100%; /* Especially for IE */}
	ul.dropdown ul a:hover {background:#fff; color:#333;}
	ul.dropdown a.open { background-color: #2e2e2e; color: #76b900;}
	ul.dropdown ul a.open { background-color: #76b900; color: #fff;}
	/* CSS 2.1 */
	ul.dropdown li:hover > a.dir { background-color: #2e2e2e; color: #76b900;}
	ul.dropdown ul li:hover > a.dir { background-color: #76b900; color: #fff;}
	
	
	
	
	/* CURRENT MENU ELEMENT */
	ul.dropdown li.current_page_item{background:#fff;}
	/* ul.dropdown li.current_page_item a:visited{background:#d3d3d3;} */
	ul.dropdown li.current_page_item li.hover, ul.dropdown li.current_page_item li:hover{background:#fff;}
	ul.dropdown li.current_page_item li.active, ul.dropdown li.current_page_item li:active{background:#fff;}


ul.dropdown ul ul {margin-left: -50px;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */

/*________________________________________________________________________________________________________END_____________DROP DOWN MENU*/


/*_____________________________________________________________________________________________________________________DROP DOWN MENU PRODUKTER*/



ul.dropdown ul.produkter { visibility: hidden; position: absolute; top: 100%; left: 0; z-index: 598; width: 100%;} /* SET WIDTH FOR DROPDOWN ELEMENTS */
ul.dropdown ul li { float: none; margin-right:0; text-transform: none;}
ul.dropdown ul.produkter ul { position: relative; top: 0px; left: 0%;} 

ul.dropdown li#produkt-dropdown:hover > ul { visibility: visible;  background:#fff;}

ul.dropdown { font: inherit; }
	ul.dropdown li { padding: 0px 0; color: #333; line-height: normal;}
	ul.dropdown li.hover, ul.dropdown li:hover {}
	ul.dropdown a:link,	ul.dropdown a:visited { color: #333; text-decoration: none; }
	ul.dropdown a:hover { color: #333; text-decoration: none; background: #fff;} /*THE MAIN MENU BACKGROUND AND TEXT*/
	ul.dropdown a:active { color: #333; }
/* ----- END LEVEL */
	/* ----- NON-FIRST LEVEL */
	ul.dropdown ul {width: 140px; background-color: #fff; color: #333; text-transform: none;  padding-bottom:7px;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */
	ul.dropdown ul ul{padding-bottom: 0px; width: 125px; background: none;}
		ul.dropdown ul li { background-color: transparent; color: #000;	 filter: none; border-top:0px solid #ccc;}
		ul.dropdown ul li.hover, ul.dropdown ul li:hover {background: none;} /* SET BACKGROUND FOR IE */
		ul.dropdown ul a:link, ul.dropdown ul a:visited { color: #333; }
		ul.dropdown ul a:hover { color: #fff; text-decoration: none;}
		ul.dropdown ul a:active { color: #333; }
/* ----- END LEVEL */


ul.dropdown ul.produkter ul {margin-left: 0; visibility: hidden;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */
ul.dropdown li#produkt-dropdown:hover > ul ul {margin-left: 0; visibility: visible;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */


	/* ----- NON-FIRST LEVEL */
	ul.dropdown ul.produkter {width: 140px; background-color: none; color: #000; text-transform: none;  padding-bottom:auto;}  /* SET WIDTH FOR DROPDOWN ELEMENTS */
		ul.dropdown ul.produkter li { background-color: transparent; color: #000;	 filter: none; border-top:0px solid #ccc;}
		ul.dropdown ul.produkter li.hover, ul.dropdown ul.produkter li:hover {background: #fff;} /* SET BACKGROUND FOR IE */
		ul.dropdown ul.produkter a:link, ul.dropdown ul.produkter a:visited { color: #333; }
		ul.dropdown ul.produkter a:hover { color: #fff; text-decoration: none;}
		ul.dropdown ul.produkter a:active { color: #333; }
/* ----- END LEVEL */



.by-brand{
	color: #ec008b;
	padding-top: 10px;
	padding-left:12px;
}




/*______________________________________EASY SLIDER */

	img{border:none;}

    /* image replacement */
        .graphic, #prevBtn, #nextBtn, #slider1prev, #slider1next{
            margin:0;
            padding:0;
            display:block;
            overflow:hidden;
            text-indent:-8000px;
            }
    /* // image replacement */
			
	#container-slider{	
		margin:0 auto;
		position:relative;
		text-align:left;
		width:770px;
		background:#fff;		
		margin-bottom:0;
		}	
			
	#content-slider{
		position:relative;
		}			

/* Easy Slider */

	#slider ul, #slider li,
	#slider2 ul, #slider2 li{
		margin:0;
		padding:0;
		list-style:none;
		}
	#slider2{margin-top:1em;}
	#slider li, #slider2 li{ 
		/* 
			define width and height of list item (slide)
			entire slider area will adjust according to the parameters provided here
		*/ 
		width:770px;
		height:418px;
		overflow:hidden; 
		}
		
			
	#prevBtn, #nextBtn,
	#slider1next, #slider1prev{ 
		display:block;
		width:30px;
		height:77px;
		position:absolute;
		left:725px;
		top:422px;
		z-index:1000;
		}	
	#nextBtn, #slider1next{ 
		left:750px;
		}														
	#prevBtn a, #nextBtn a,
	#slider1next a, #slider1prev a{  
		display:block;
		position:relative;
		width:30px;
		height:422px;
		background:url(images/btn_prev.gif) no-repeat 0 0;	
		}	
	#nextBtn a, #slider1next a{ 
		background:url(images/btn_next.gif) no-repeat 0 0;	
		}	
	
	/* numeric controls */	
/*
	ol#controls{
		margin:1em 0;
		padding:0;
		height:28px;	
		}
	ol#controls li{
		margin:0 10px 0 0; 
		padding:0;
		float:left;
		list-style:none;
		height:28px;
		line-height:28px;
		}
	ol#controls li a{
		float:left;
		height:28px;
		line-height:28px;
		border:1px solid #ccc;
		background:#DAF3F8;
		color:#555;
		padding:0 10px;
		text-decoration:none;
		}
	ol#controls li.current a{
		background:#5DC9E1;
		color:#fff;
		}
	ol#controls li a:focus, #prevBtn a:focus, #nextBtn a:focus{outline:none;}
*/	
/* // Easy Slider */


.det-tror-vi-paa{
	list-style-type: disc;
	margin-left: 15px;
}








/* =Global Elements
-------------------------------------------------------------- */

/* Main global 'theme' and typographic styles  */

/*
body {
	background: green;
}

body,
input,
textarea {
	color: #666;
	font-size: 12px;
	line-height: 18px;
}
hr {
	background-color: #E7E7E7;
	border:0;
	height: 1px;
	margin-bottom: 18px;
	clear:both;
}
*/

/* Text elements */
/*
p {
	margin-bottom: 18px;
}
ul {
	list-style: square;
	margin: 0 0 18px 1.5em;
}
ol {
	list-style: decimal;
	margin: 0 0 18px 1.5em;
}
ol ol {
	list-style:upper-alpha;
}
ol ol ol {
	list-style:lower-roman;
}
ol ol ol ol {
	list-style:lower-alpha;
}
ul ul,
ol ol,
ul ol,
ol ul {
	margin-bottom:0;
}
dl {
	margin:0 0 24px 0;
}
dt {
	font-weight: bold;
}
dd {
	margin-bottom: 18px;
}
strong {
	font-weight: bold;
}
cite,
em,
i {
	font-style: italic;
}
big {
	font-size: 131.25%;
}
ins {
	background: #ffc;
	text-decoration: none;
}
blockquote {
	font-style: italic;
	padding: 0 3em;
}
blockquote cite,
blockquote em,
blockquote i {
	font-style: normal;
}
pre {
	background: #f7f7f7;
	color: #222;
	line-height: 18px;
	margin-bottom: 18px;
	padding: 1.5em;
}
abbr,
acronym {
	border-bottom: 1px dotted #666;
	cursor: help;
}

sup,
sub {
	height: 0;
	line-height: 1;
	vertical-align: baseline;
	position: relative;
}
sup {
	bottom: 1ex;
}
sub {
	top: .5ex;
}
input[type="text"],
textarea {
	padding: 2px;
	background: #f9f9f9;
	border: 1px solid #ccc;
	box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-moz-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
	-webkit-box-shadow: inset 1px 1px 1px rgba(0,0,0,0.1);
}
a:link {
	color:#0066CC;
}
a:visited {
	color:#743399;
}
a:active,
a:hover {
	color: #FF4B33;
}


*/
/* =Header
-------------------------------------------------------------- */




/* =Print Style
-------------------------------------------------------------- */
/*
@media print {
	body {
		background:none !important;
	}
	#wrapper {
		float: none !important;
		clear: both !important;
		display: block !important;
		position: relative !important;
	}
	#header {
		border-bottom: 2pt solid #000;
		padding-bottom: 18pt;
	}
	#colophon {
		border-top: 2pt solid #000;
	}
	#site-title,
	#site-description {
		float: none;
		margin: 0;
		padding:0;
		line-height: 1.4em;
	}
	#site-title {
		font-size: 13pt;
	}
	.entry-content {
		font-size: 14pt;
		line-height: 1.6em;
	}
	.entry-title {
		font-size: 21pt;
	}
	#access,
	#branding img,
	#respond,
	.comment-edit-link,
	.edit-link,
	.navigation,
	.page-link,
	.widget-area {
		display: none !important;
	}
	#container,
	#header,
	#footer {
		width: 100%;
		margin: 0;
	}
	#content,
	.one-column #content {
		width: 100%;
		margin: 24pt 0 0;
	}
	.wp-caption p {
		font-size: 11pt;
	}
	#site-info,
	#site-generator {
		float: none;
		width: auto;
	}
	#colophon {
		width: auto;
	}
	img#wpstats {
		display:none
	}
	#site-generator a {
		padding: 0;
	margin: 0;
	}
	#entry-author-info {
		border: 1px solid #e7e7e7;
	}
	#main {
		display:inline;
	}
	.home .sticky {
		border: none;
	}
}
*/

