/*   template: What's your solution?
     author: luka cvrk (www.solucija.com)   */

body {margin: 0;padding: 0;font: 70% Tahoma, Arial, Helvetica, sans-serif;color: #7e7e7e;background: #FFFFFF url(bg.gif) repeat-x;line-height: 16px;}

a {color: #33ADDB;background-color: inherit;}
a:hover {color: #575757;background-color: inherit;}

img{border:0;}


h1 {font: bold 1.8em Arial, Sans-Serif;letter-spacing: -1px;margin: 0;padding: 0;}
h1 a {text-decoration: none;}
h2 {margin: 0;padding: 3px 0 6px 0;font: 130% Arial, Sans-Serif;font-weight: bold;color: #808080;text-transform: uppercase;background-color: inherit;}
h2 a {color: #6AC65D;background-color: inherit;text-decoration: none;}

p {padding: 2px 0 0 5px;margin: 0;}

#content {margin: 0px auto; width: 900px;}

.header {margin: 0px 0 2px 0;border-top: 4px solid #000;color: #808080;}
	
.searchform {float: right;padding: 2px 5px 0 0;}

.subheader {clear: both;height: 23px;margin: 0 0 10px 0;	}
.subheader_left {line-height: 28px;width: 193px;background: #33ADDB url(hmleftbg.gif) repeat-x;color: #FFFFFF;padding: 0 5px 0 5px;}
.subheader_left a {color: #FFF;text-decoration: none;font-weight: bold;background-color: inherit;}
.subheader_right {background: #F6F6F6 url(hmrightbg.gif) repeat-x;color: #626262;line-height: 32px;float: right;width: 695px;}
.subheader_right a {margin: 0px 2px 0 0;padding: 7px 10px 8px 10px;color: #626262;background: inherit;font-weight: bold;text-decoration: none;}
.subheader_right a:hover {background: #33ADDB url(hmleftbg.gif) repeat-x;border-top: 1px solid #1A83AC;color: #FFFFFF;}

.left {float: left;width: 190px;}

.right {float: right;width: 680px;margin: 0 0 20px 0; padding: 5px 0 0 15px; color: #000;background-color: #FFFFFF; border-left: 1px solid #e6e6e6;}
a.info {font: bold 1.3em Arial, Sans-Serif; text-decoration:none; position:relative;}
a.info span {display:none;}
a.info:hover {cursor:default;}
a.info:hover .infobox {font-weight: normal; display:block; position:absolute; top:20px;; left:0;; width:205px; height:70px; border: 1px solid #ccc; background:#f4f4f4 url(question.gif) no-repeat bottom right; color:#000; text-align:left; font-size:0.7em; padding-left:10px; padding-top:10px;}

.line {height: 2px;margin: 10px 0 10px 0;}
.right_left {float: left;width: 260px;padding: 13px;color: #626262;}
.right_right {float: right;width: 240px;padding: 13px;color: #626262;}
.footer { clear: both; color: #999999; background-color: #FFFFFF;padding: 10px 0 10px 0; border-top: 1px solid #e6e6e6; text-align: center;  line-height: 13px;}
.footer a {text-decoration: underline;}

form.search {padding: 0;margin: 0;}

input.text { margin: 0;width: 95px;border: 1px solid #ccc;background: #FFF;color: #000;}
input.text:hover {border: 1px solid #808080;}
input.searchbutton {margin: 0;font-size: 100%;font-family: Arial, Sans-serif;border: none;background: #FFFFFF;color: #808080;padding: 1px;font-weight: bold;}
.date {color: #ccc;background: #FFFFFF;text-align: right;margin: 4px 0 3px 0;padding: 0;}

/* produktbox */
#sections {background:url("../design/sections.gif") 0 0 repeat-y;}
#sections-bottom {width:620px; height:7px; background:url("../design/sections-bottom.gif") 0 0 no-repeat; font-size:0;}
.section {float:left; width:200px;border-width:1px;border-style:solid;border-color: #CCDBE4;}
.sectionin {float:left; width:200px;margin-bottom: 0px;background: #ebebeb;}
.section p {margin:0;}
.section.margin {margin:0 10px;}
.section h3 {margin:0; padding:10px; background:url("../design/section-title.gif") 0 0 no-repeat; font-size:100%;}
.section-in {margin-bottom:10px; padding:0 10px 10px 10px;}
.box {min-height:1px;}
.box:after {display:block; visibility:hidden; clear:both; line-height:0; font-size:0; content:".";}
#nosections {background:url("../design/sections.gif") 0 0 repeat-y;}
.nosections{float:left; width:200px;border-width:1px;border-style:solid;border-color: #CCDBE4;}
.nosectionsin{float:left; width:200px;margin-bottom: 0px;background: #ebebeb;}

/* pagination */
div.pagination {padding: 3px;margin: 3px;text-align:center;}
div.pagination a {border: 1px solid #ccdbe4;margin-right:3px;padding:2px 8px;background-position:bottom;text-decoration: none;color: #0061de;}
div.pagination a:hover, div.pagination a:active {border: 1px solid #2b55af;background-image:none;background-color:#3666d4;color: #fff;}
div.pagination span.current {margin-right:3px;padding:2px 6px;font-weight: bold;color: #000;}
div.pagination span.disabled {display:none;}
div.pagination a.next{border:2px solid #ccdbe4;margin:0 0 0 10px;}
div.pagination a.next:hover{border:2px solid #2b55af;}
div.pagination a.prev{border:2px solid #ccdbe4;margin:0 10px 0 0;}
div.pagination a.prev:hover{border:2px solid #2b55af;}

#navlist {padding: 1px;margin-left: 0;font: 11px, sans-serif;color: gray; }
#navlist li{list-style: none;margin: 0px;border-bottom: 1px #6AC65D solid;text-align: left;}
#navlist li a{display: block;padding: 0.7em 0.5em 0.7em 0.9em;text-decoration: none;}
#navlist li a:link { color: #000; }
#navlist li a:visited { color: #006; }
#navlist li a:hover {color: #33ADDB;background: #b1d5ed;border-left: 3px #33ADDB solid;}
#navlist a:active {color: #33ADDB;background: #b1d5ed;border-left: 3px #33ADDB solid;}