/*
Theme Name: lampentester V2
*/

@media only screen and (min-width: 1000px) {
	#wrapper {width: 1000px;}
	#content {width: 700px; padding: 20px;}
	#content.full {width: 960px;}
	
	#top10 .prod {width: 350px;}
	#top10 .rang {width: 40px;}
	#top10 .typ {width: 40px;}
	#top10 .farbtemp {width: 60px;}
	#top10 .link {width: 90px;}
	#top10 .links {width: 140px;}
	#top10 .first .prod span {width: 250px; padding-top: 20px;}
	
	#header .seiteninfo {float: left; width: 400px;}
	#header .name {font-size: 26px;}
	.slicknav_menu {display: none !important;}

	#content.liste .artikel,
	#content.liste .artikel .post-header {width: 640px;}
	
	#content.liste .artikel .post-thumb {width: 200px;}
	
	#content.liste .artikel .post-content {width: 420px;}
	table.fakten td {padding: 5px 68px 5px 5px;}
	
	.tipps {display: block !important;}
	
	#content.single h2 {width: 690px;}
	table.preise {width: 700px;}	
	
	#cross {width: 658px;}
	
	#cross .item {width: 164px;}
	
	#cross .item, #cross .post-thumb {float: left;}
	
}

@media only screen and (min-width: 760px) and (max-width: 999px) {
	#wrapper {width: 100%;}
	#content {width: 94%; padding: 3%;}
	#header .social, #sidebar, #top10 .prod img, #navi {display: none !important;}
	
	#header .name {font-size: 24px;}
	.slicknav_menu {display:block;}
	
	table.fakten td {padding: 5px;}
	
	
}

@media only screen and (min-width: 320px) and (max-width: 759px) {
	#wrapper {width: 100%;}
	#content {width: 90%; padding: 5%;}
	#header .social, #sidebar, #top10 .prod img, #navi, .artikelwerbung {display: none !important;}
	.resp-hide {display: none !important;}
	
	#header .name {font-size: 20px;}
	.slicknav_menu {display: block;}
	
	table.fakten td {padding: 5px;}
	#top10 .links {text-align: center;}
	
	img.size-full {width: 100%; height: auto;}

	table.preise, table.preise thead, table.preise tbody, table.preise th, table.preise td, table.preise tr {display: block;}
	
	table.preise h4, table.preise p {margin: 5px 0 !important;}
	
	#cross .item {width: 100%;}
	.fullimg {width: 100%; height: auto;}
	
	.button {line-height: 1.4 !important;}
	
	.supernav {display: none !important;}
}




/* ---------------------- BODY ---------------------- */

body, ul, li, h1, h2, h3, h4, h5 {
	margin: 0;padding: 0;
}

body {
	font: 12px Arial, sans-serif;
	color: #222;
	margin: 0;
	padding: 0;
	background: #ebeff5;
}

#wrapper {
	background: #fff;
	margin: 0 auto;
	
	-webkit-box-shadow: 0 3px 6px 0 #999; 
	-moz-box-shadow: 0 3px 6px 0 #999;
	box-shadow: 0 3px 6px 0 #999;
}

h1 {
	font-size: 30px;
	line-height: 30px;
	margin-bottom: 20px;
}

h2 {
	font-size: 24px;
	line-height: 26px;
	margin-bottom: 20px;
}

.lessh2 {font-size: 18px; font-weight: normal; color: #999; margin-top: -10px;}

h3 {
	font-size: 18px;
	line-height: 22px;
	margin-bottom: 10px;
}


/* ---------------------- KLASSEN ---------------------- */

.preis {color: green; font-weight: bold; font-size: 16px; line-height: 30px;}
.clear {clear: both; float: none;}

.left {float: left;}
.right {float: right;}
.center {text-align: center;}

.half {width: 48%;}


.alignright {
	margin: 0 0 20px 20px;
	float: right;
	padding: 5px;
	background: #fff;
	border: 1px solid #ccc;
}


a {color: #3779d8; text-decoration: none; cursor: pointer;}
a:hover {color: #222; text-decoration: underline;}

p {line-height: 20px;}



/* ---------------------- HEADER ---------------------- */

#header {
	background: url(img/lampen-header-v2.jpg) no-repeat;
}

#header .inside {
	padding: 20px 20px 0 20px;
}

#header .name {
	font-weight: bold;
	padding-top: 10px;
	text-transform: uppercase;
}

#header .name a {
	text-decoration: none;
	border: 0 none;
	color: #000;
}

#header .name a:hover {
	color: #3779d8;
}

#header .slogan {
	font-size: 14px;
	font-weight: normal;
	color: #888;
}


#header .logo {
	float: left;
	margin: 0 20px 0 0;
}
	
#header .logo a {
	background: url(img/logo.jpg) no-repeat;
	width: 60px;
	height: 90px;
	display: block;
}

#header .logo a:hover {
	background: url(img/logo_hover.jpg) no-repeat;
	border: 0;
}
	
#header .logo span {
	display: none;
}



#header .social {float: right; margin-top: 10px;}
#header .social iframe {float: right;}

#header .banner {float: left;}

/* ---------------------- NAVI ---------------------- */

.supernav {margin-top: 20px;}

#navi {
	display: block;
	float: left;
	width: 100%;
  
	z-index: 3;
	position: relative;
	
	background: #3779d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#3779d8), to(#1a57b0));
	background: -moz-linear-gradient(top,  #3779d8,  #1a57b0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3779d8', endColorstr='#1a57b0');
	
	border-top: 2px solid #3779d8;	
}

#menu-topnavi.menu li a:hover {
	color: #fff;
	border-bottom: 0;
}

#navi #menu-topnavi,
#navi #menu-topnavi.menu {
	font-size: 14px;
}

ul#menu-topnavi.menu {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;

}

#navi #menu-topnavi.menu ul {
	list-style: none;
	margin: 0;
	padding: 0;
	float: left;
}


#navi #menu-topnavi li,
#navi #menu-topnavi.menu li {
	float: left;
	position: relative;
}
ul#menu-topnavi.menu a {
	display: block;
	line-height: 30px;
	padding: 0 15px;
	text-decoration: none;
	color: #fff;
}
ul#menu-topnavi.menu ul.sub-menu {
	display: none;
	position: absolute;
	top: 30px;
	left: 0;
	float: left;
	z-index: 99999;
}
ul#menu-topnavi.menu ul.sub-menu li {
	min-width: 180px;
}
ul#menu-topnavi.menu ul.sub-menu ul {
	left: 100%;
	top: 0;
}
ul#menu-topnavi.menu ul.sub-menu a {
	background: #fff;
	line-height: 1em;
	padding: 10px 14px;
	width: 160px;
	height: auto;
	font-size: 12px; 	
	color: #222;
	
	border-bottom: 1px solid #dfdeda;

	
	-moz-box-shadow: 0px 5px 10px rgba(17,17,17,0.5);
	-webkit-box-shadow: 0px 5px 10px rgba(17,17,17,0.5);
	box-shadow: 0px 5px 10px rgba(17,17,17,0.5);
}
ul#menu-topnavi.menu li:hover > a,
ul#menu-topnavi.menu ul ul :hover > a {
	background: #ebeff5;
	color: #222;
                
}
ul#menu-topnavi.menu li:hover > ul.sub-menu {
	display: block;
}
* html ul#menu-topnavi.menu li.current_page_item a,
* html ul#menu-topnavi.menu li.current-menu-ancestor a,
* html ul#menu-topnavi.menu li.current-menu-item a,
* html ul#menu-topnavi.menu li.current-menu-parent a,
* html ul#menu-topnavi.menu li a:hover {
	background: #eee;
	color: #fff;
}

ul#menu-topnavi.menu li.current_page_item a,
ul#menu-topnavi.menu ul.sub-menu li.current_page_item a,
ul#menu-topnavi.menu li.current_page_item > a,
ul#menu-topnavi.menu li.current-menu-ancestor > a,
ul#menu-topnavi.menu li.current-menu-item > a,
ul#menu-topnavi.menu li.current-menu-parent > a {
	background: #fff;
	color: #222;

}



/* ---------------------- BUTTONS ---------------------- */


a.button, a.txtangebot, a.infobutton, a.buttonprice, span.infobutton {
	display: inline-block;
	zoom: 1; 
	*display: inline;
	vertical-align: baseline;
	outline: none;
	cursor: pointer;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	-webkit-border-radius: 10px; 
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-bottom: 5px;
}

a.button.top {
	font-size: 12px;
	padding: 2px 5px;
}

a.button, a.txtangebot {
	font-size: 14px;
	padding: 2px 15px;
}

a.infobutton, span.infobutton {
	font-size: 12px;
	padding: 2px 10px;
}

a.buttonprice {
	font-size: 18px;
	padding: 5px 20px;
}

a.button, a.txtangebot, a.buttonprice {
	text-decoration: none;
	color: #fff;
	border: solid 1px #174b95;
	background: #3779d8;
	background: -webkit-gradient(linear, left top, left bottom, from(#3779d8), to(#1a57b0));
	background: -moz-linear-gradient(top,  #3779d8,  #1a57b0);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#3779d8', endColorstr='#1a57b0');
}
a.button:hover, a.txtangebot:hover, a.buttonprice:hover {
	color: #fff;
	background: #444;
	border: solid 1px #222;
	background: -webkit-gradient(linear, left top, left bottom, from(#222222), to(#666666));
	background: -moz-linear-gradient(top,  #222222,  #666666);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#222222', endColorstr='#666666');
}

a.infobutton, span.infobutton {
	text-decoration: none;
	color: #555;
	border: solid 1px #ccc;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#dddddd));
	background: -moz-linear-gradient(top,  #ffffff,  #dddddd);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dddddd');
}

a.infobutton:hover, span.infobutton:hover {
	text-decoration: none;
	color: #fff;
	border: solid 1px #555555;
	background: #aaa;
	background: -webkit-gradient(linear, left top, left bottom, from(#555555), to(#aaaaaa));
	background: -moz-linear-gradient(top,  #555555,  #aaaaaa);
	filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#555555', endColorstr='#aaaaaa');
}


.button.big {font-size: 1.4em !important; padding: 10px 15px;}




/* ---------------------- CONTENT ---------------------- */

#content {
	float: left;
}

#crumbs {
	border-bottom: 1px #ccc dotted;
	padding: 8px 15px 8px 15px;
	font-size: 12px;
}

#ashop {margin-left: -20px;}


/* ---------------------- CONTENT STARTSEITE ---------------------- */

#welcome h1 {
	font-size: 26px;
}

#welcome h2 {
	font-size: 16px;
	color: #888;
	font-weight: normal;
}




/* ---------------------- CONTENT LISTENANSICHT ---------------------- */

#content.liste .artikel {
	border: 1px solid #ccc;
	padding: 20px 20px 10px 20px;
	margin: 20px 0;
	font-size: 14px;
	
	background: #fff url(img/entry-bg.jpg) no-repeat right top;
	
	-webkit-box-shadow: 0 3px 6px 0 #999; 
	-moz-box-shadow: 0 3px 6px 0 #999;
	box-shadow: 0 1px 3px 0 #ccc;
}

#content.liste .artikel .post-header {
	margin-bottom: 20px;
}

#content.liste .artikel .post-thumb {
	float: left;
	margin-right: 20px;
}

#content.liste .artikel .post-thumb img {
	border: 0;
}

#content.liste .artikel .post-content {
	float: right;
}


/* ---------------------- CONTENT DETAILANSICHT ---------------------- */

#content.single {
	font-size: 14px;
	line-height: 20px;
}

#content.single h1 {
	margin: 0 0 20px 0;
}

#content.single h2 {
	font-size: 16px;
	background: #ebeff5;
	font-weight: bold;
	text-transform: uppercase;
	padding: 5px;
	border-bottom: 1px solid #dae2ed;
	margin-top: 20px;
	
}


#content.single .big-thumb {float: right;}

#content.single ul {
	margin: 20px 0 10px 0;
	padding-left: 40px;
}

#content.single li {
	list-style: square;
	padding-left: 5px;
}

table.fakten {border-spacing: 0;}

table.fakten td {
	border-bottom: 1px solid #ccc;
}

table.fakten tr:last-child td {border: 0;}

table.preise {
	text-align: center;
}




/* ---------------------- CONTENT CROSS ---------------------- */

#cross {
	margin-top: 40px;
	
	border: 1px solid #ccc;
	padding: 20px 20px 10px 20px;
	margin: 20px 0;
	overflow: hidden;
}


#cross .item {
	text-align: center;
	margin-top: 20px;
}




/* ---------------------- TIPPS ---------------------- */


.tipps {
	background: #555 url(img/tipp.png) right center no-repeat;
	color: #fff;
	display: none;
	padding: 5px;
	position: absolute;
	margin: -236px 0 0 331px;
	width: 100px;
	font-weight: bold;
}

.tipps.testsieger {background: #007F00 url(img/tipp.png) right center no-repeat;}
.tipps.preistipp {background: #85B000 url(img/tipp.png) right center no-repeat;}
.tipps.bestseller {background: #afbfd5 url(img/tipp.png) right center no-repeat;}


/* ---------------------- CONTENT SEITEN ---------------------- */

#content.page {
	font-size: 14px;
	line-height: 20px;
}


/* ---------------------- CONTENT TOP10 ---------------------- */

#content h4 {margin-top: 20px;}

.wp-table-reloaded {
	background: #fff !important;
	color: #222 !important;
	font-size: 12px !important;
}

.wp-table-reloaded th,
.wp-table-reloaded .sorting {background: #555 !important; color: #fff !important;}

.wp-table-reloaded .odd td {background: #f1f1f1 !important;}

.tleft {text-align: left;} .strong {font-weight: bold;}

#top10 {width: 100%; border-spacing: 0; margin: 20px 0;}
#top10 td {padding: 5px; border-bottom: 1px solid #ccc;}
#top10 tr.even td {background: #f9f9f9;}
#top10 th {padding: 5px; background: #333; color: #fff;}
#top10 .rang, #top10 .wertung, #top10 .preis {text-align: center;}
#top10 .preis {color: #555; font-size: 14px;}
#top10 .wertung {line-height: normal; vertical-align: middle; padding: 2px 5px 8px 5px;}
#top10 .rang {font-weight: bold;}

#top10 .first td {font-size: 18px; padding: 15px 5px; font-weight: bold;}
#top10 .prod {}
#top10 .typ {text-align: center;}
#top10 .prod img {float: right; margin: 0 10px;} #top10 .first .prod span {display: inline-block;}

.temp {width: 96%; padding: 10px 0; border: 1px solid #999; display: block; background: #fff; font-size: 14px !important; font-weight: normal !important;}
.smalltemp {padding: 5px 0; border: 1px solid #999; display: block; background: #fff; text-align: center;}

.t-4150 {background: #ffffb2}
.t-4300 {background: #ffffc9}
.t-4400 {background: #ffffd9}
.t-4600 {background: #ffffe7}
.t-4800 {background: #fff}
.t-5500 {background: #f7fbff}
.t-6000 {background: #eefbff}
.t-10000 {background: #e6f2ff}


/* ---------------------- SIDEBAR ---------------------- */

#sidebar {
	width: 240px;
	float: right;
	color: #222;
	background: url(img/tester_pic.jpg) no-repeat;
	background-position: right 40px;
	margin-top: 10px;
	font-size: 12px;
	padding-right: 20px;
}

#sidebar h3 {
	margin: 0 0 10px 0;
	color: #222;
	font-weight: normal;
}

#sidebar ul {
	list-style-type: none;
}

#sidebar ul li {
	margin: 5px 0;
}

#sidebar .section {
	padding: 10px 0;
}





/* ---------------- Footer ---------------- */	

#footer {
	clear: both;
	width: 100%;
	background: #ebeff5;
	border-top: 1px solid #ccc;
}

#footer .foot-title {font-size: 16px; font-weight: normal;}

#footer.dark {
	background: #555;
	border-top: 0;
}

#footer.dark,
#footer.dark a {
	color: #fff;
}

#footer .inside {
	padding: 20px;
}

#footer.dark .inside {
	padding-bottom: 0;
}
#footer.dark .inside p {
	margin: 0;
}

#footer .copy {
	float: left;
}

#footer .footnavi {
	float: right;
}

#footer ul {
	margin: 20px 0;
	padding: 0;
}

#footer ul li {
	list-style: none;
	margin-bottom: 5px;
}

#footer .right li {float: left; }

#footer .left {width: 30%;}
#footer .right {width: 70%;}
#footer .right li {width: 40%;}



#bottombar {position: fixed; bottom: 0; background: #fff; border-top: 1px solid #ccc; text-align: center; width: 100%; height: 90px; padding: 10px 0;
	
	-webkit-box-shadow: 0 1px 6px 0 #999; 
	-moz-box-shadow: 0 1px 6px 0 #999;
	box-shadow: 0 1px 6px 0 #999;}
#bottombar a {cursor: pointer;}
#bottombar img {margin: 0; padding: 0; border: 0;}




/* ---------------------- POPUP ---------------------- */

.glue_popup {background: #fff;}
#popup {color: #222;} #popup p {margin: 0 0 10px 0;}
#popup .large {font-size: 32px; line-height: 1.4; font-weight: bold;}
#popup .medium {font-size: 24px; line-height: 1.6;}
#popup ul {margin-top: 30px;}
#popup ul li {list-style: none; text-align: center; font-size: 16px; display: inline; float: left; width: 20%;}
#popup img {height: 100%; width: auto; margin-top: 10px;}



.glue_block_layer {
	background-color: #555;
	opacity: 0.7;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter: alpha(opacity=70);
	width: 100%;
	height: 100%;
	position: fixed;
	top: 0;
	left: 0;
}

.glue_popup {
	height: 400px;
	width: 800px;
	box-shadow: 0px 0px 7px #4a4a4a;
	-moz-box-shadow: 0px 0px 7px #4a4a4a;
	-webkit-box-shadow: 0px 0px 7px #4a4a4a;
	background: #fff;
	-webkit-animation: zoomin 0.7s;
	animation: zoomin 0.7s;
}

.glue_content {
	padding: 30px;
}

.glue_close {
	cursor: pointer;
	position: relative;
	top: 0px;
	left: 0px;
	float: right;
	font-family: Arial;
	font-size: 17px;
	background-color: #d1d1d1;
	color: #4c4c4c;
	padding: 5px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
}

/* 
CSS3 animation keyframes.
*/
@-webkit-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}
@-ms-keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
	
}
@keyframes zoomin {

	0% {
		-webkit-transform: scale(0);
		-ms-transform: scale(0);
		transform: scale(0);
		opacity: 0;
	}

	50% {
		-webkit-transform: scale(1.04);
		-ms-transform: scale(1.04);
		transform: scale(1.04);
		opacity: 1;
	}
  
	100% {
		-webkit-transform: scale(1);
		-ms-transform: scale(1);
		transform: scale(1);
		opacity: 1;
	}
}


/*!
 * SlickNav Responsive Mobile Menu v1.0.3
 * (c) 2015 Josh Cope
 * licensed under MIT
 */.slicknav_menu:after,.slicknav_menu:before{display:table;content:" "}.slicknav_btn,.slicknav_nav .slicknav_item{cursor:pointer}.slicknav_menu,.slicknav_menu *{box-sizing:border-box}.slicknav_nav,.slicknav_nav ul{padding:0;list-style:none;overflow:hidden}.slicknav_btn{position:relative;display:block;vertical-align:middle;float:right;padding:.438em .625em;line-height:1.125em}.slicknav_btn .slicknav_icon-bar+.slicknav_icon-bar{margin-top:.188em}.slicknav_menu .slicknav_menutxt{display:block;line-height:1.188em;float:left;color:#fff;font-weight:700;text-shadow:0 1px 3px #000}.slicknav_menu .slicknav_icon{float:left;margin:.188em 0 0 .438em}.slicknav_menu .slicknav_no-text{margin:0}.slicknav_menu .slicknav_icon-bar{display:block;width:1.125em;height:.125em;-webkit-border-radius:1px;-moz-border-radius:1px;border-radius:1px;-webkit-box-shadow:0 1px 0 rgba(0,0,0,.25);-moz-box-shadow:0 1px 0 rgba(0,0,0,.25);box-shadow:0 1px 0 rgba(0,0,0,.25)}.slicknav_menu:after{clear:both}.slicknav_nav li,.slicknav_nav ul{display:block}.slicknav_nav .slicknav_arrow{font-size:.8em;margin:0 0 0 .4em}.slicknav_nav .slicknav_item a{display:inline}.slicknav_nav .slicknav_row,.slicknav_nav a{display:block}.slicknav_nav .slicknav_parent-link a{display:inline}.slicknav_menu{*zoom:1;font-size:16px;background:#4c4c4c;padding:5px}.slicknav_menu .slicknav_icon-bar{background-color:#fff}.slicknav_btn{margin:5px 5px 6px;text-decoration:none;text-shadow:0 1px 1px rgba(255,255,255,.75);-webkit-border-radius:4px;-moz-border-radius:4px;border-radius:4px;background-color:#222}.slicknav_nav{clear:both;color:#fff;margin:0;font-size:.875em}.slicknav_nav ul{margin:0 0 0 20px}.slicknav_nav .slicknav_row,.slicknav_nav a{padding:5px 10px;margin:2px 5px}.slicknav_nav .slicknav_row:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#fff}.slicknav_nav a{text-decoration:none;color:#fff}.slicknav_nav a:hover{-webkit-border-radius:6px;-moz-border-radius:6px;border-radius:6px;background:#ccc;color:#222}.slicknav_nav .slicknav_txtnode{margin-left:15px}.slicknav_nav .slicknav_item a,.slicknav_nav .slicknav_parent-link a{padding:0;margin:0}.slicknav_brand{float:left;color:#fff;font-size:18px;line-height:30px;padding:7px 12px;height:44px}