@charset "utf-8";
/* CSS Document */

html, body{font-size:12px; font-family:Verdana, Arial, Helvetica, sans-serif; margin:0px; background:#F2F2F2; /*-webkit-text-size-adjust: 100%; */}
table{border:0;margin:0; padding:0;}
a, a:active, a:visited{color:#245675;}
a:hover{text-decoration:none;}
.center{text-align:center}
.warning{background: url(../img/cross.png) no-repeat; min-height:16px; font-size:12px; color: #FF0000; padding:0px 0px 3px 20px; margin-left:3px; clear:both;}

/* BODY */
#sb-site{width:1000px; padding:0px 0px 0px 0px;}
#window{margin:0px auto 0px auto; padding:0px 0px 0px 0px; background:#FFFFFF; box-shadow: 0px 0px 8px 2px rgba(0, 0, 0, 0.4);}

/* HEADER */
#header{background:url(../img/header.jpg) #FFFFFF no-repeat; background-size: contain; width:100%; height:1px; padding-top:17.0%; position: relative; }
#header span.logo{margin:15px 0px 0px 2%; position: absolute; top: 0; left: 1%; color:#FFFFFF; font-weight:bold; font-size:30px;}
#header span.langs{margin:15px 10px 0px 0px; position: absolute; top: 0; right: 0; font-weight:bold; font-size:16px;}
#header span.langs span{text-align:right;background: rgba(255, 255, 255, 0.80); margin-left:12px; padding:7px;}
#header span.langs span a{color:#000000; text-decoration:none;}
#header span.langs span a:hover{text-decoration:underline;}
#header span.headline{margin:0px 0px 20px 0px; width:100%; position: absolute; bottom: 0; right: 0; color:#000000; font-weight:bold; font-size:13px; text-align:right;background: rgba(255, 255, 255, 0.80); }
#header span.headline span{padding:5px 8px; display:inline-block;}
img.side_menu_icon, a.basket_icon{display:none;}
#container{background:#FFFFFF; display:block; overflow:auto;}

/* MENU */
#menu{width:220px; margin-top:95px; float:left; z-index:100;}
#menu ul{list-style:none; margin:0; padding:0px 0px 0px 5px;}
#menu ul li{list-style:none; font-size:14px; padding:0px 2px 0px 0px; margin:0px; border-bottom:1px solid #319662; border-bottom: 1px solid #6D3809;}
#menu ul li:last-child{border-bottom:0px;}

#menu ul li a{color:#000000; text-decoration:none; display:block; padding:5px 2px 5px 5px; border-left:7px solid #FFFFFF;}
#menu ul li a:hover{border-left:7px solid #76C43E; border-left:7px solid #D17436;}
#menu ul li.active a, #menu ul li.active a:hover{border-left:7px solid #62AA2A; border-left:7px solid #FF3626;}
#menu ul ul {margin-bottom:2px; padding:0;}
#menu ul ul li{padding:6px 5px 0px 15px; margin:2px; border-top:1px dotted #999999; border-bottom:0px; font-size:12px;}
#menu ul ul li:hover a, #menu ul li.open a{}

#menu ul li:hover span.footprint_m1, #menu ul li.active span.footprint_m1{color:#4586B7; color:#1E73EA;}
#menu ul ul li:hover span.footprint_m2{color:#727272; }
#menu ul ul li.open span.footprint_m2{color:#4586B7; color:#1E73EA;}

.sb-slidebar ul{list-style:none; margin:0px 0px 10px 0px; padding:5px 0px 0px 0px; border-bottom:1px solid #FFFFFF;}
.sb-slidebar ul.shop_menu, .sb-slidebar ul.shop_menu ul{font-family:Verdana, Arial, Helvetica, sans-serif; }
.sb-slidebar ul li{list-style:none; font-size:16px; padding:5px 0px 1px 5px; border-top:1px solid #FFFFFF;}
.sb-slidebar ul.shop_menu li{font-size:14px; }
.sb-slidebar ul li a{color:#000000; text-decoration:none; display:block; padding:0px;}
.sb-slidebar ul ul {margin-bottom:2px; padding:0px 0px 0px 12px; border:0;}
.sb-slidebar ul ul li{font-size:26px; padding:1px 0px 1px 5px; margin:0; border:0;}
.sb-slidebar ul.shop_menu ul li{font-size:12px; }
.sb-slidebar ul ul li:hover, .sb-slidebar ul li.open{position:relative; top:0px; left:2px; margin-right:5px;}

.qtip-content{font-size:12px; line-height:16px;}

/* MAIN TEXT */
#main{padding:0px 20px; width:740px; float:left; min-height:400px;}

h1{font-size:26px; padding:40px 0px 15px 0px; margin:0px; color:#319662; color:#479310; color: #2389AA;}
h2{font-size:18px; padding:20px 0px 10px 0px; margin:0px;}
h3{font-size:14px; padding:10px 0px 0px 0px; margin:0px;}
#main p{line-height:120%; font-size:14px; padding-right:20px;}
#main .module p{line-height:120%; font-size:12px; padding-right:0px;}
#main ul{padding-left:20px; font-size:14px; padding-right:10px;}
#main ul li{margin-bottom:6px;}

#main .image_float_right{float:right; margin:5px 0px 8px 10px; padding:3px; border-radius:0px; border:1px solid #76C43E;}
#main .image_frame{padding:3px; border-radius:8px; border:1px solid #76C43E;}
#main .image_float_left {float:left;  margin:5px 10px 8px 0px; padding:3px; border-radius:0px; border:1px solid #76C43E;}
#main .no_frame {border-radius:0px; box-shadow:none; padding:0; margin:0;}

#main table.contact{width:80%; margin:40px 10% 0px 10%;}
#main table.contact td{width:50%; vertical-align:top;}

#main div.alert_pending{border:2px solid #FF0000; padding:10px; margin:10px 250px 10px 10px; clear:both;}

/* FOOTER */
#footer{clear:both; font-size:12px; text-align:center; background:#66A0E2; padding:10px; margin:50px 0px 0px 0px;}
#footer a{text-decoration:none; color:#000000;}
#footer a:hover{text-decoration:underline;}

@media (max-width: 1000px) {
	#bartop{height:32px; padding:4px;}
	img.side_menu_icon, a.basket_icon{display:inline; margin:10px 10px 0px 10px; float:left;}
	#window{margin:0px auto 0px auto; width:100%}
	#menu{display:none;}
	#container{background:#FFFFFF; }
	#main{width:97%; clear:both; padding:0px 5px; background:none; margin:auto auto;}
	h1{padding:0px; padding:30px 0px 15px 0px; text-align:center;}
	#main p, #main ul{line-height:110%; font-size:14px; padding-right:0px;}
	#main p img{max-width:40%;}
	#main .graphArea img{max-width:none;}
	#main img.wauto{max-width:inherit;}
	#main img.no_frame{max-width:100%;}
	#sb-site, #footer{border-radius:0; box-shadow:none;}
}

@media (max-width: 767px) {
	#header span.logo{margin:15px 0px 0px 1%; font-weight:bold; font-size:26px;}
	#header span.langs{margin:10px 10px 0px 0px; font-size:16px;}
	#header span.langs span{margin-left:10px; padding:5px;}
	#header span.headline{margin:0px 0px 10px 0px; font-size:12px;}
	h1{font-size:22px; padding:25px 0px 10px 0px; }
	h2{font-size:16px;}
	#main div.alert_pending{margin-top:20px; margin-right:20px;}
}

@media (max-width: 640px) {
	#header{background:url(../img/header640.jpg) #FFFFFF no-repeat; background-size: contain; width:100%; height:1px; padding-top:26.5%;}

	#header span.logo{margin:10px 0px 0px 1%; font-weight:bold; font-size:24px;}
	#header span.langs{margin:10px 10px 0px 0px; font-size:12px;}
	#header span.langs span{margin-left:5px; padding:4px;}
	#header span.headline{margin:0px 0px 10px 0px; font-size:11px;}

    h1{font-size:20px; padding:20px 0px 8px 0px;}
	h2{font-size:14px;}
	#main table.contact{width:auto; margin:40px 5px 0px 5px;}
}

@media (max-width: 480px) {
	#header span.logo{margin:10px 0px 0px 1%; font-weight:bold; font-size:22px;}
	#header span.headline{margin:0px 0px 0px 0px; font-size:10px;}
}

/******************************
		No JS, help me!
******************************/

.no-js{position:absolute; top:210px; left:250px; width:20px; height:20px; text-decoration:none; z-index:1000}
.no-js *{cursor:help; font-family:Verdana,Arial,Helvetica,sans-serif;}
.no-js img{border:0px;}
.no-js .content{display:none; width:240px; border:solid 1px #ff5a00; background:#ffedcd; position:absolute; top:0; left:20px; text-align:left; padding:4px 6px 4px 4px; z-index:999; text-decoration:none; color:#000000;}
.no-js .content .title{display:block; font-weight:bold; font-size:12px; margin:0 0 6px;}
.no-js .content p{font-size:10px; margin:8px 0 0;}
.no-js:hover .content {display:block;}