* {
margin: 0;
padding: 0;
font-size: 100%;
font-family: inherit;
}

a {
color: #CF5300;
}

a:hover {
color: #000;
}

a:active {
text-decoration: none;
}

a img {
border: none;
vertical-align: bottom;
}

body {
background: #323232;
color: #3A3A3A;
font-family: "Trebuchet MS", arial, verdana, tahoma, arial, "Lucida Grande", "Lucida Sans Unicode", 

sans-serif;
font-size: 76%;
padding: 0;
text-align: center;
}

p {
padding: 0 0 15px 0;
}

#wrapper {
background: #FFF;
margin: 0px auto;
text-align: left;
width: 970px;
}

#language {
position: absolute;
height: 30px;
width: 120px;
top: 185px;
right: 0px;
}

#language ul {
list-style: none;
margin: 0;
}

#language ul li {
background: transparent url(../images/bg-language.gif) no-repeat top left;
display: inline;
float: left;
margin: 0 8px 0 0;
width: 23px;
height: 23px;
}

#language ul li.activelanguage {
background: transparent url(../images/bg-activelanguage.gif) no-repeat top left;
}

#language ul li a {
color: #A8A8A8;
float: left;
line-height: 23px;
font-size: 90%;
font-weight: bold;
width: 23px;
height: 23px;
text-align: center;
text-decoration: none;
}

#language ul li.activelanguage a {
color: #FFF;
}

#language li a:hover {
text-decoration: underline;
}

/*
** header
*/

#header {
background: #89A83B url(../images/bg-header2.jpg) no-repeat top left;
height: 175px;
overflow: hidden;
padding: 0;
}

#header img {
display: block;
}

/*
** mainnavigation
*/

#mainnavigation {
background: #404040 url(../images/bg-mainnav.gif) repeat-x top left;
clear: both;
color: #D0D0D0;
height: 43px;
overflow: hidden;
}

#mainnavigation ul {
list-style: none;
height: 35px;
margin: 0 0 0 20px;
width: 700px;
}

#mainnavigation li {
float: left;
height: 43px;
margin: 8px 5px 0 0;
}

#mainnavigation li a {
background: #96B15C url(../images/bg-mainnav-a.gif) no-repeat top right;
color: #FFF;
height: 35px;
line-height: 35px;
float: left;
text-decoration: none;
font-size: 115%;
font-weight: bold;
}

#mainnavigation li a span {
background: transparent url(../images/bg-mainnav-a-span.gif) no-repeat top left;
height: 35px;
float: left;
display: block;
padding: 0 15px;
cursor: pointer;
}

body.pro #mainnavigation li a {
background: #CF3F00 url(../images/bg-mainnav-c-a.gif) no-repeat top right;
color: #FFF;
height: 35px;
line-height: 35px;
float: left;
text-decoration: none;
font-size: 115%;
font-weight: bold;
}

body.pro #mainnavigation li a span {
background: transparent url(../images/bg-mainnav-c-a-span.gif) no-repeat top left;
height: 35px;
float: left;
display: block;
padding: 0 15px;
cursor: pointer;
}

#mainnavigation li.active a,
#mainnavigation li.active a:hover,
body.pro #mainnavigation li.active a,
body.pro #mainnavigation li.active a:hover {
background: #FFF url(../images/bg-mainnav-active-a.gif) no-repeat top right;
color: #CF5300;
}

#mainnavigation li.active a span,
body.pro #mainnavigation li.active a span {
background: transparent url(../images/bg-mainnav-active-a-span.gif) no-repeat top left;
}

#mainnavigation li a:hover,
body.pro #mainnavigation li a:hover  {
text-decoration: underline;
}

/*
** subnavigation (left)
*/

#subnavigation {
width: 200px;
padding: 0;
margin: 0 0 20px 0px;
font-family: "Trebuchet MS", arial, verdana, tahoma, arial, "Lucida Grande", "Lucida Sans Unicode", 

sans-serif;
}

#subnavigation ul {
list-style: none;
margin: 0;
position: relative;
}

#subnavigation li {
color: #D0D0D0;
display: block;
width: 200px;
font-weight: bold;
text-decoration: none;
height: auto;
}

#subnavigation li a {
background: #FFF url(../images/bg-subnav-lvl1.gif) no-repeat top right;
color: #577A2A;
display: block;
padding: 3px 0 7px 20px;
text-decoration: none;
font-weight: bold;
}

#subnavigation li a:hover {
color: #000;
text-decoration: underline;
}

#subnavigation li li {
background: #FFF url(../images/bg-subnav-lvl2.gif) repeat-x bottom left;
border: none;
}

#subnavigation li li.last {
background: none;
border: none;
}

#subnavigation li li a {
background: transparent url(../images/bg-subnav-lvl2-a.gif) no-repeat 20px 10px;
color: #CF5300;
padding: 0px 0 2px 30px;
font-weight: normal;
}

#subnavigation li li li {
background: #FFF;
border: none;
}

#subnavigation li li li a {
background: #FFF;
color: #626262;
font-weight: normal;
padding: 4px 0 4px 40px;
}

#subnavigation li li li li a {
font-weight: normal;
padding: 4px 0 4px 50px;
font-size: 90%;
}


/*
** content 
*/

#leftcol .box {
clear: both;
padding: 10px 20px;
position: relative;
margin: 0;
}

#leftcol h3 {
font-size: 100%;
color: #000;
padding-bottom: 5px; 
}

#fix {
clear: both;
float: left;
width: 100%;
}

#content {
margin: 0 280px 0 220px;
padding: 20px 0px;
line-height: 140%;
width: 470px;
overflow: hidden;
}

#content ul {
margin: 5px 0 15px 40px;
}

#content ul ul {
margin: 0 0 0 15px;
}

#leftcol {
float: left;
margin: 0 0 20px -970px;
width: 200px;
position: relative;
padding: 20px 0 0 0;
}

#rightcol {
float: left;
margin: 0 0 20px -270px;
width: 250px;
position: relative;
padding: 20px 0 0 0;
}

#rightcol .box {
margin: 0 0 10px 0;
}

#rightcol .borderbox {
border: 1px solid #DEDEDE;
padding: 10px;
}

#rightcol .backprint a {
color: #868686;
}

#rightcol .backprint a:hover {
color: #000;
}


/*
** footer
*/

#footer {
background: #F9F9F9;
border: 1px solid #DEDEDE;
border-width: 1px 0 0 0;
clear: both;
color: #929292;
padding: 0;
position: relative;
margin: 0;
}

#footercontent {
padding: 10px 20px 30px 20px;
}

#footernav {
position: absolute;
top: 10px;
right: 20px;
width: 400px;
}

#footernav ul {
list-style: none;
margin: 0;
}

#footernav li {
float: right;
height: 18px;
line-height: 18px;
padding: 0 0 0 10px;
}

#footernav li a {
color: #828282;
}

#footernav li a:hover {
color: #000;
background: none;
text-decoration: underline;
}

#footernav li.active a:hover {
color: #000;

}



/*************************************

** forms

*/





/*

** forms

*/



form,

input,

textarea,

select,

select option {

font-family:  arial, verdana, sans-serif, "Trebuchet MS";

font-size: 100% !important;

}



form {

padding: 0 0 20px 0;

}



.textinput input {

width: 48%;

background: #FFF url("../images/bg-form-input.gif") no-repeat top left;

border: 1px solid #CDCDCD;

padding: 4px 2px;

/* height: 25px; */

vertical-align: middle;

}



.box .textinput input {

width: 97%;

}



.radiobutton {

padding: 1px 0;

}



.radiobutton input {

margin: 0 3px 0 0;

vertical-align: middle;

}



.file input {

width: 80%;

}



.checkbox label {

display: inline;

float: none;

width: auto;

}



.checkbox input {

margin: 0;

}



textarea {

width: 96%;

height: 100px;

background: #FFF url("../images/bg-form-textarea.gif") no-repeat top left;

border: 1px solid #CDCDCD;

padding: 2px;

font-family: arial, verdana, sans-serif;

font-size: 100%;

}



select {

margin: 3px 0 0 0;

}



.formelement { /* div surrounding label + element */

clear: both;

display: block;

margin: 5px 0 0 0;

}



.btn {

border: none;

color: #000;

cursor: pointer;

margin: 10px 0;

width: 110px;

height: 31px;

overflow: hidden;

/* padding: 31px 0 0 0; */

}



.error {

color: #D00000;

}



.title {

color: #A4A4A4;

border-top: 1px dashed #DEDEDE;

padding-top: 7px;

font-size: 90%;

}



.radiobutton label {

display: inline;

float: none;

width: auto;

}



.formerrortext {

background: #FFE3E3;

border: 1px solid #FFAAAA;

border-width: 1px 0;

color: #D10000;

font-size: 14px;

height: 1%;

}



.searchresult {

border-bottom: 1px dashed #DEDEDE;

padding: 0 0 7px 0;

margin: 7px 0;

}



.submitform {

padding: 3px 0;

}



.submitform input {

cursor: pointer;

font-weight: bold;

padding: 3px;

} 



.formelement {

padding: 7px 0 0 0;

}



.formelement .cb {

border: none;

}



#content img {

padding: 2px;

}



/*************************************

** page specific

*/







/*************************************

** misc

*/



#search {

float: right;

width: 250px;

height: 30px;

line-height: 30px;

overflow:hidden;

texta-lign: right;

}



#search input {

width: 50px;

}



h1, h2, h3, h4, h5, h6 {
clear: both;
line-height: 1.2em;
}



.block {

width: 100%;

}



h1 { font-size: 160%; margin-bottom: 5px;}
h2 { font-size: 150%; margin-bottom: 5px;}
h3 { font-size: 140%; }
h4 { font-size: 130%; }
h5 { font-size: 110%; color: #CF5300; }
h6 { font-size: 110%; }

h1#pagetitle {

}

ul {
margin: 0 0 0 20px;
}

.fs1, .fs2, .fs3, .fs4, .fs5, .fs6, .fs7 {
line-height: 1.2em;
}

.fs1 { font-size: 11px; }
.fs2 { font-size: 120%; }
.fs3 { font-size: 150%; }
.fs4 { font-size: 180%; }
.fs5 { font-size: 200%; }
.fs6 { font-size: 250%; }
.fs7 { font-size: 300%; }

#sitemapcontent a {

text-decoration: none;

}



#sitemapcontent a span {

color: #666666;

font-weight: normal;

}





#content #breadcrumb {

padding: 0 0 10px 0;

font-size: 90%;

}



#content #breadcrumb,

#content #breadcrumb a {

color: #999999;

}



#content #breadcrumb a:hover {

color: #000;

}



/*************************************

** news

*/



.postoverview ul {

list-style: none;

margin: 0;

padding: 0;

}



.postoverview ul li {

background: transparent url("../images/bg-newslist.gif") no-repeat 2px 4px;

padding: 0 0 5px 15px;

font-size: 90%;

}



#post {

border-bottom: 1px solid #DEDEDE;

padding: 0 0 15px 0;

margin: 0 0 15px 0;

}



#post .info,

.post .info {

color: #A6A6A6;

font-size: 90%;

}



#post .tags,

.post .tags  {

color: #A6A6A6;

font-size: 90%;

padding: 5px 0 10px 0;

}



#post .tags,

.post .tags  {

color: #A6A6A6;

font-size: 90%;

padding: 5px 0 10px 0;

}



.comment {

border-bottom: 1px dashed #DEDEDE;

padding: 10px 0 0 0;

margin: 10px 0 0 0;

}



#comments h3,

#makeacomment h3 {

font-size: 120%;

padding-bottom: 10px;

}



.comment {

padding: 0 0 10px 0;

}



.comment .commentdate {

font-size: 90%;

color: #A6A6A6;

}



#respond {

padding: 15px 0 0 0;

}



/*************************************

** catalogue / shop

*/



#pagerform {

font-size: 90%;

padding: 5px 0;

margin: 0 0 10px 0;

}



#pagerform select {

vertical-align: middle;

}



.producttable h3 {

margin: 0;

padding: 0 0 5px 0;

}



.productcrumb a {

font-size: 85%;

color: #666666;

}



.productcrumb a:hover {

color: #000;

}



.product {

border-top: 1px dashed #DEDEDE;

}



li.product {

border: none;

}



.categoryoverview a {

border: none;

text-decoration: none;

vertical-align: bottom;

}



#shoppingcart table td {

padding: 5px 15px 5px 0;

}



.cartquantity input {

width: 30px;

margin-right: 5px;

}



.old {

text-decoration: line-through;

}



a.addone,

a.removeone {

background: #DEDEDE;

border: 1px solid #CCC;

text-decoration: none;

padding: 2px 4px;

margin: 0 0 5px;

line-height: 100%;

font-weight: bold;

color: #515151;

position: relative;

}



a.removeone {

padding: 2px 6px;

}



a.addone:hover,

a.removeone:hover {

background: #f2f2f2;

}



#checkoutlink {

text-align: right;

line-height: 500%;

float: right;

margin: 0 0 0 15px;

}



#continueshoppinglink {

text-align: right;

line-height: 500%;

float: right;

}



#checkoutlink a,

#continueshoppinglink a {

padding: 8px 15px;

background: #DEDEDE;

text-decoration: none;

font-weight: bold;

}



#shoppingcart table {

width: 540px;

}



#subtotaltitle {

width: 100px;

}

#shoppingcart table th {

background: #DEDEDE;

text-align: left;

padding: 4px 0;

}



#shoppingcart table td {

border-top: 1px solid #DEDEDE;

}



#carttotaltext {

font-weight: bold;

120%;

padding: 10px 0 20px 0;

}



#carttotal {

font-weight: bold;

120%;

padding: 10px 0 20px 0;

}



#customerloginform th,

#customerloginform td,

#newcustomerform th,

#newcustomerform td {

text-align: left;

padding: 5px 10px 5px 0;

}



#existingcustomers {

float: right;

width: 370px;

text-align: left;

padding: 15px 0 0 0;

}



#newcustomers {

float: left;

width: 300px;

text-align: left;

padding: 15px 0 0 0;

}



#newcustomerform table {

margin-bottom: 15px;

}



#newcustomerform th {

width: 115px;

}



#newcustomerform th,

#shippingchoice th,

#paymentchoice th {

width: 115px;

}



#newcustomerform textarea {

width: 400px;

height: 200px;

}



#acceptconditions {

padding: 3px 0 3px 0;

}



#submitcustomerdata,

#nextstep  {

padding: 3px 0 15px 0;

}



#orderoverview th {

width: 115px;

}



#orderoverview h4 {

margin: 0 10px 0 0;

}



#orderoverview a.overviewchangelink {

font-size: 90%;

color: #a3a3a3;

}



#orderoverview table {

margin-bottom: 15px;

}



.box #customerloginform input {

margin: 2px 0;

}



.box #customerloginform input a {

padding: 2px 0;

}



#sentsuccesfull {

background: #eeffd4;

border: 1px solid #d8ec9b;

}



.productdetailtable #productdescription,

.productdetailtable #addtocart {

width: auto;

}



.pollresult th,

.pollresult td {

padding: 2px 0;

}



.Peiling .btn {

margin: 5px 0;

}



#sameaddressdiv {

margin: 5px 0 15px 0;

}



.searchresult a {

font-weight: bold;

font-size: 120%;

}



.searchpreview a {

font-weight: normal;

font-size: 100%;

text-decoration: none;

}



#demomsg {

display: none;

background: #FF6C00;

padding: 10px 20px;

color: white;

font-weight: bold;

font-size: 110%;

}



#demomsg a {

color: #FFFABF;

}



/*

** blog/news module 

*/



.post {

border-bottom: 1px dashed #DEDEDE;

padding: 0;

margin: 0 0 15px 0;

}



.post h1 {

margin: 0;

}



.post h1 a {

text-decoration: none;

}



.post .meta {

color: #888888;

font-size: 90%;

}



/*

** general module elements

*/



.pagerul {

height: 20px;

list-style: none;

margin: 0 !important;

}



.pagerul li {

float: left;

margin: 0 5px 0 0;

}



.pagerul li a {

background: #F1F1F1;

border: 1px solid #CCC;

float: left;

line-height: 20px;

padding: 0px 6px;

text-decoration: none;

}



.pagerul li a:hover {

background: #FFF;

border: 1px solid #CCC;

}



.pagerul li a#pageractive {

background: #FFF;

border-style: dashed;

color: #FF6C00;

font-weight: bold;

}



.galleryphoto img {

padding: 3px !important;

}



.galleryphoto a img {

border: 1px solid #DEDEDE;

}



.galleryphoto a:hover img {

background: #DEDEDE;

}



/*

** agenda/calendar/events module

*/





.calendar table {

border: 1px solid #A9A9A9;

border-collapse: collapse;

margin: 10px 0;

width: 160px !important;

}



.calendar table th {

padding: 2px 0;

width: 26px !important;

background: #A9A9A9;

text-align: center;

border: 1px solid #A9A9A9;

font-size: 10px;

font-weight: normal;

color: #FFF;

}



.calendar table td {

padding: 0;

height: 17px !important;

text-align: center;

border: 1px solid #A9A9A9;

width: 26px;

color: #656565;

background: #FFF;

}



.calendar table td.normalday,

.calendar table td.singleevent {

width: 26px !important;

}



.calendar table td.reset {

width: 158px !important;

}



.calendar table td.reset a {

font-weight: normal;

font-size: 90%;

}



.calendar table td.empty {

background: #E8E8E8;

}





.calendar table td a {

float: left;

width: 100%;

height: 17px;

line-height: 17px;

background: #FFF;

color: #007EBF;

text-decoration: none;

font-weight: bold;

}



.calendar table td a:hover {

background: #FFF;

color: #FF6C00;

}



.calendar table td.prevmonth,

.calendar table td.nextmonth {

width: 46px !important;

border: 0px;

}



.calendar table td.prevmonth a,

.calendar table td.nextmonth a {

color: #656565;

text-decoration: none;

font-weight: bold;

font-size: 110%;

background: #FFF;

}



.calendar table td.activemonth {

width: 84px !important;

border: 0px;

}


#intro h1 {
background: transparent url(../images/bg-intro-h1.gif) no-repeat bottom center;
height: 100px;
text-indent: -9999px;
}

#sentsuccesfull,
.formsuccestest {
font-size: 14px;
}

#sentsuccesfull a,
.formsuccestest a {
font-weight: normal;
}

/*
** intro
*/

#intro {
width: 780px;
margin: 0 auto;
text-align: left;
}

#intro #res,
#intro #pro {
float: left;
height: 260px;
width: 378px;
}

#intro #pro {
width: 394px;
}

#intro #pro ul,
#intro #res ul {
clear: both;
height: 41px;
overflow: hidden;
margin: 0;
}

#intro #pro ul li,
#intro #pro ul li a,
#intro #res ul li,
#intro #res ul li a  {
float: left; 
width: 126px;
height: 41px;
overflow: hidden;
}

#intro #pro ul li a,
#intro #res ul li a {
text-indent: -9999px;
outline: none;
}

#intro #pro ul li.nl a {
background: transparent url(../images/bg-intro-a-pro-nl.gif) no-repeat 0px -43px;
}

#intro #pro ul li.fr a {
background: transparent url(../images/bg-intro-a-pro-fr.gif) no-repeat 0px -43px;
}

#intro #pro ul li.en a {
background: transparent url(../images/bg-intro-a-pro-en.gif) no-repeat 0px -43px;
}

#intro #res ul li.nl a {
background: transparent url(../images/bg-intro-a-res-nl.gif) no-repeat 0px -43px;
}

#intro #res ul li.fr a {
background: transparent url(../images/bg-intro-a-res-fr.gif) no-repeat 0px -43px;
}

#intro #res ul li.en a {
background: transparent url(../images/bg-intro-a-res-en.gif) no-repeat 0px -43px;
}

#intro #pro ul li a:hover,
#intro #res ul li a:hover {
background-position: 0px 0px;
}

#intro p {
color: #999999;
float: left;
width: 240px;
text-align: center;
margin: 0 20px 0 0;
}

#intro #footer {
background: transparent;
clear: both;
padding: 15px 0px;
border-top:  1px solid #616161;
color: #7B7B7B;
line-height: 100%;
vertical-align: top;
margin: 0 8px 0 0;
}

#intro a {
color: #7B7B7B;
}

#intro a:hover {
color: #CCC;
}
.tabelRand {
border-collapse:collapse;
border:1px solid #cccccc;
width:470px;
}
.tabelRand td {
border-collapse:collapse;
border:1px solid #cccccc;
padding-left:3px;
padding-right:2px;
vertical-align:middle;
}

img.floatRight {
float: right;
padding: 0px 5px 0px 10px;
}
img.floatLeft {
float: left;
margin: 15px 15px 15px 0px;
}