/****************************/
/***** Global Settings *****/
/****************************/

* {
	padding:0;
	margin:0;
    }

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, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	border-collapse:separate;
	border-spacing:0px;
	outline: 0;
}




/* ************************************************** */
/* ******************* Basis ************************ */
/* ************************************************** */

body {
	font: 75%/1.5em Arial, Helvetica, sans-serif;
	background: #969696;
	color: #666666;
}

/* ******************* LINK ************************ */

a

  {
	text-decoration:none;
	color: #cc9933;
}

a:hover {
	text-decoration:none;
	color: #666;
}



/* ***************** HEADINGS + Titles ******************** */

h1, h2, h3, h4, h5, h6 {
margin:0;
padding:0;
font-weight:normal;
}

h1 {
	padding:0px;
	font:bold 13px Arial, Helvetica, sans-serif;
	color: #666666;
	margin: 0px 0px 10px;
}

h2 {
	padding:0px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #cc9933;
	margin-bottom: 10px;
}

h3 {
	padding:0px 0;
	font:bold 12px Arial, Helvetica, sans-serif;
	color: #666666;
	margin-bottom: 5px;
}

h4 {
	padding:0px 0;
	font:bold 10px Arial, Helvetica, sans-serif;
	color: #005282;
	margin-bottom: 10px;
}

blockquote {
margin:22px 40px;
padding:0;
}

small {
font-size:0.85em;
}

sup {
position:relative;
bottom:0.3em;
vertical-align:baseline;
}

sub {
position:relative;
bottom:-0.2em;
vertical-align:baseline;
}

acronym, abbr {
cursor:help;
letter-spacing:1px;
border-bottom:1px dashed;
}



.note{
	color: #666666;
	font-size: 11px;
}

/* ******************* GLOBAL TAGS ************************ */
.hr {

	width: 100%;

	height: 1px;

	border-style: dashed none none;

	border-width: 1px 0 0;

	border-color: #ccc

}
p, ul, ol {
	margin:0;
	padding:0;
}

ul, ol {
	padding:0;
}

img {
	border:0;

}

.langcdcp{

/*background-color:#FFFFCC;*/
}


/* ******************* GLOBAL CLASSES ******************** */


.clear 			{ 
	clear:both;
	height:1px;
	overflow:hidden;
	margin-top:-1px;

 }

.float-left 	{ float:left; }
.float-right 	{ float:right; }

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

.bold 			{ font-weight:bold; }
.italic 		{ font-style:italic; }
.underline 		{ border-bottom:1px solid; }
.highlight 		{ background:#ffc; }

.img-left 		{ float:left;margin:4px 10px 4px 0; }
.img-right 		{ float:right;margin:4px 0 4px 10px; }

.nopadding 		{ padding:0; }
.noindent 		{ margin-left:0;padding-left:0; }
.nobullet 		{ list-style:none;list-style-image:none; }

.pic {
	border: 1px solid #dfe1e0;
	padding: 1px;
	background: #FFFFFF;	
}

.spacer {

	width: 1px;

	float: left;

	display: block;

	margin: 0px 14px 0px 15px;

	padding: 0px;

}
.space  { padding: 5px }

.space2 { padding: 10px }

.space3 { padding: 20px }



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


/* ************************************************** */	
/* ******************* FRAMEWORK ******************** */
/* ************************************************** */

#wrapper     {
	width: 950px;
	padding: 0;
	margin: 0 auto;
	position: relative;
	}


/*#wrapperbg     {
	width: 950px;
	padding: 0;
	margin: 0;
	background: url(../images/bg_content.gif) repeat-y 0px 0px;
	}*/

#leftframe{
	float: left;
	width: 239px;
	margin-right: 1px;
}

#rightframe{
	float: left;
	width: 710px;
	padding: 0px;
}


/* ******************* TOP ************************ */

#top{
	
}

#topbar{
	background: url(../images/bg_top_yellow.gif) no-repeat;
	height: 70px;
	width: 950px;
	border-bottom: 1px solid #bbbbbb;
}

/* ******************* Subnav ************************ */

#subnav{
	color: #FFFFFF;
	text-align: right;
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 11px;
	margin-right: 15px;
}

.subnavul{
	list-style: none;
	color: #FFFFFF;
}

.subnavul li{
	display: inline;
	margin-left: 10px;
	border-right: 1px solid #CCCCCC;
	padding-right: 10px;
}

.subnavul li a {
	color: #FFFFFF;
	text-decoration:none;
}

.subnavul li a:hover {
	color: #FED711;
}

.subnavul .active{
	color: #FFD60D;
}

.subnavul .active a{
	color: #FFD609;
	text-decoration:none;
}

.subnavul .active a:hover{
	color: #FFFFFF;
}

#logo  {
	margin-top: 12px;
	margin-left: 15px;
	float: left;
	font-size:2em;
	width:300px;
	height:50px;
	overflow:hidden;
}

#dealername  {
	position:absolute;
	color:#FFF;
	font-weight:bold;
	font-size:1.2em;
	z-index: 1000;
	left: 10px;
	top: 2px;
}


/* ************************************************** */
/* ******************* Navigation ******************* */
/* ************************************************** */

#navi

   {
	float: right;
	margin: 33px 0px 0px;
	padding: 0px;
}

ul#nav{
	margin:0;
	padding:0;
	list-style-type:none;
	width:auto;
	position:relative;
	display:block;
	height:36px;
	text-transform:uppercase;
	background:transparent url(../images/bg_nav.gif) repeat-x left top;
	border-top:1px solid #eac509;
	font: bold 12px Helvetica, Arial, Verdana, sans-serif;
	border-left: 1px solid #eac509;
}
ul#nav li{
	display:block;
	float:left;
	margin:0;
/*	pading:0;*/
}
ul#nav li a{
	display:block;
	float:left;
	color:#666666;
	text-decoration:none;
	padding:12px 20px 0 20px;
	height:24px;
	background:transparent url(../images/bg_nav_divider.gif) no-repeat right top;
	text-decoration:none;
}
ul#nav li a:hover{
	background: transparent url(../images/bg_nav_hover.gif) no-repeat right top;
	text-decoration:none;
}
ul#nav .navactif  a {
	background:transparent url(../images/bg_nav_on.gif) no-repeat right top;
	text-decoration:none;
}

/* ************************************************** */
/* ******************* BREADCRUMB ******************* */
/* ************************************************** */
#breadcrumb   {
	color: #DFDFDF;
	font-size: 10px;
	text-transform: uppercase;
	margin: 0px;
	padding: 10px 0px 2px 10px;
	height: 20px;
	border-bottom: 1px solid #DFDFDF;
}

#breadcrumb a {
	color: #cccccc;
	text-decoration: none;
	}
#breadcrumb a:hover {
	color: #666666;
	text-decoration: none;
	 }


/* ******************* CONTENT *********************** */

#content   {
	margin: 0px;
	padding: 0px;
}
#main   {
	background: url(../images/bg_content.gif) repeat-y 0px 0px;
	width: 950px;
	margin: 0px;
	padding: 0px;
}


/* ******************* ZONES *********************** */

.zonecont{
	margin: 0px;
}

.zone1{
	float: left;
	width: 400px;
	margin-right: 20px;
}

.zone2{
	float: left;
	width: 250px;
}

.zone3{
	float: left;
	width: 330px;
}
.zone4{
	float: left;
	width: 320px;
	margin-left: 20px;
}

/* ************************************************** */
/* ******************* HOMEPAGE ********************* */
/* ************************************************** */

#sfeerbox{
	height: 390px;
	width: 950px;
	text-decoration: none;
}

/* ******************* Productnav ********************* */

#productnav{
}

.prodnavbar{
	background: #d1d1d0;
	height: 25px;
	text-transform: uppercase;
	padding-left: 15px;
	padding-top: 7px;
	font-weight: bold;
	border-bottom: 1px solid #bbbbbb;
}

/* ***** niveau 0 ***** */


#prodnav0, #prodnav{
	list-style: none;
}

#prodnav0 li, #prodnav li{
	background: url(../images/prodnav_line.gif) repeat-x bottom;
	padding-left: 10px;
	padding-top: 5px;
	padding-bottom: 3px;
}

#prodnav0 li a, #prodnav li a{
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

#prodnav0 li a:hover, #prodnav li a:hover{
	color: #cc9933;
	text-decoration:none;
}

/* ***** niveau 1 ***** */

#prodnav1{
	background-color:#f1f1f1;
	list-style: none;
	margin-left: -10px;
	font-size: 11px;
}

#prodnav1 li{
	background: url(../images/prodnav_line.gif) repeat-x top;
	padding-top: 5px;
	padding-bottom: 3px;
}

#prodnav1 li a{
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

#prodnav1 li a:hover{
	color: #cc9933;
	text-decoration:none;
}

/* ***** niveau 2 ***** */

#prodnav2{
	background-color:#f1f1f1;
	list-style: none;
	font-size: 11px;
	padding-left:10px;
}

#prodnav2 li{
	background: url(../images/prodnav_line.gif) repeat-x top;
	padding-top: 5px;
	padding-bottom: 3px;
}

#prodnav2 li a{
	color: #666666;
	font-weight: bold;
	text-decoration:none;
}

#prodnav2 li a:hover{
	color: #cc9933;
	text-decoration:none;
}

/* ***** niveau 3 ***** */

#prodnav3{
	background-color:#f1f1f1;
	list-style: none;
	font-size: 11px;
	padding-left:10px;
}

#prodnav3 li{
	background: url(../images/prodnav_line.gif) repeat-x top;
	padding-top: 5px;
	padding-bottom: 3px;
}

#prodnav3 li a{
	color: #666666;
	text-decoration:none;
}

#prodnav3 li a:hover{
	color: #cc9933;
	text-decoration:none;
}


/* ************************************************** */
/* ******************* SUBPAGES ********************* */
/* ************************************************** */
#sfeerbox2{
	height: 275px;
	width: 710px;
	text-decoration:none;
}

.overlay{
	position: absolute;
	top: 325px;
	height: 165px;
	width: 950px;
	left: 0px;
	z-index: 100;
	text-decoration:none;
	border-width: 0px;
	border-style: none;
}


.overlay2{
	background: url(../images/sfeerbox2/overlay_sfeerbox2.png);
	position: absolute;
	top: 311px;
	height: 65px;
	width: 710px;
	left: 240px;
	z-index: 100;
	text-decoration:none;
}


#main ul{
	margin-left: 20px;
}

.back{
	border-top: 1px solid #dfdfdf;
	font-size: 10px;
	padding-top: 3px;
	text-transform: uppercase;
}

.back a{
	color: #969696;
	text-decoration: none;
}

.back a:hover{
	color: #CC9933;
	text-decoration: underline;
}

.search{
}

.checkul{
	padding: 0px;
	margin: 0px;
}

.checkul li{
	list-style: url(../images/icons/icon_check.gif) inside;
	margin: 0px;
	padding: 0px;	
}

.checkul2 li{
	list-style: url(../images/icons/icon_check.gif) inside;
	margin: 0px;
	padding: 0px;	
}

.checkul li a{
	color: #969696;
	text-decoration: none;
}

.checkul li a:hover{
	color: #CC9933;
	text-decoration: underline;
}

.checkul .active{
font-weight:bold;
}

#content li{
	list-style: url(../images/icons/icon_check.gif) inside;
	margin: 0px;
	padding: 0px;	
}
#content li a{
color: #CC9933;
	text-decoration: none;}

#content li a:hover{
	color: #969696;
	text-decoration: underline;
	}


/* ******************* LISTS ********************* */

.listcont{
	margin-bottom: 10px;
	border: 1px solid #ececec;
	background: #F9F9F9;
	padding: 5px;
	width: 655px;
}

.listpic{
	float: left;
	width: 100px;
	margin-right: 20px;
	font-size: 10px;
}

.listtxtcont{
	float: left;
	width: 500px;
}

.listtitle{
	font-weight: bold;
	padding-bottom: 1px;
	color: #cc9933;
}

.listtitle a{
	color: #cc9933;
	text-decoration: none;
}

.listtitle a:hover{
	color: #969696;
	text-decoration: none;
}

.listdate{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

.listtxt{
	margin-bottom: 5px;
}

.listlink{
	float: left;
	width: 20px;
	margin-left: 10px;
}


/* ******************* LISTS 2 ********************* */

.listcont2{
	margin-bottom: 20px;
	border: 1px solid #ececec;
	background: #F9F9F9;
	padding: 5px;
	float: left;
	width: 300px;
}

.listpic2{
	float: left;
	width: 100px;
	margin-right: 20px;
}

.listtxtcont2{
	float: left;
	width: 180px;
}

.listtitle2{
	font-weight: bold;
	padding-bottom: 1px;
	color: #cc9933;
}

.listtitle2 a{
	color: #cc9933;
	text-decoration: none;
}

.listtitle2 a:hover{
	color: #969696;
	text-decoration: none;
}

.listdate2{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

.listtxt2{
	margin-bottom: 5px;
}

.listlink2{
	float: left;
	width: 20px;
	margin-left: 10px;
}


/* ******************* LISTS 2 ********************* */

.listcont3{
	margin-bottom: 20px;
	border: 1px solid #ececec;
	background: #F9F9F9;
	padding: 5px;
	float: left;
	width: 380px;
}

.listpic3{
	float: left;
	width: 100px;
	margin-right: 20px;
}

.listtxtcont3{
	float: left;
	width: 260px;
}

.listtitle3{
	font-weight: bold;
	padding-bottom: 1px;
	color: #cc9933;
}

.listtitle3 a{
	color: #cc9933;
	text-decoration: none;
}

.listtitle3 a:hover{
	color: #969696;
	text-decoration: none;
}

.listdate3{
	color: #999999;
	font-weight: normal;
	font-size: 11px;
}

.listtxt3{
	margin-bottom: 5px;
}

.listlink3{
	float: left;
	width: 20px;
	margin-left: 10px;
}


/* ******************* BOX / BAR ********************* */

.boxyellow{
	background: #FFFCE9;
	border: 1px solid #dfdfdf;
}

.yellowbar{
	background: url(../images/bg_nav.gif) repeat-x;
	padding: 5px;
	font-weight: bold;
	border-bottom: 1px solid #dfdfdf;
}

.bottombar{
	padding: 5px;
	border-top: 1px solid #dfdfdf;
	background: #f9f9f9;
}
.graybar{
	padding: 5px;
	border: 1px solid #dfdfdf;
	background: #f9f9f9;
}

/* ******************* PAGENAVI ****************** */
.box {
	border:1px solid #dfdfdf;
	background:#efefef;
	line-height:1.3em;
	font-size:0.95em;
	margin-bottom: 20px;
}

.box .pagenavi {
	background:#efefef;
	margin:0pt 1px;
	padding:5px;
}
.number{
	float: left;
	width: 350px;
	font-weight: bold;
}

.pagenav{
	float: right;
	width: 290px;
	text-align: right;
	padding-right: 5px;
}

/* ******************* PANEL ****************** */

.panel {
	margin: 0px;
	background: #f9f9f9;
	padding: 0px;
}
.panelclose, .panelopen {
	padding: 5px;
	text-align: left;
	background: #FFFCE9;
	border: 1px solid #dfdfdf;
}
.panelopen {
	cursor: pointer;
	background: #FFFCE9;
	margin: 0px;
	padding: 5px;
}
.panelclose {
	cursor: pointer;
	background: #FFFCE9;
	color: #666666;
	padding: 5px;
}

.panelcontent{
	font-size: 11px;
	border-right: 1px solid #eeeded;
	border-bottom: 1px solid #eeeded;
	border-left: 1px solid #eeeded;
	margin: 0px;
	padding: 5px;
}

.panelcont{
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.paneltitle{
	
	
}
.paneltitle a{
	text-decoration: none;
}


.paneltxt{
	width: 580px;
	
}

/* ************************************************** */
/* ******************* FORM ************************ */
/* ************************************************** */
form {
margin:0;
padding:0;
display:inline;
}

input, select, textarea {
font:1em arial, helvetica, sans-serif;
}

textarea {
line-height:1.25;
}

.verplicht{
	color: #FF0000;
}

.long{
	width:165px;
}

.short{
	width:80px;
}

.foutmelding, .waarschuwing { color:red; }

.button_inline { display:inline; }
/* **************** STYLES FOR BUTTONS ********************* */

a.button, button {
	margin:0px 10px 0px 0px;
	padding:5px 10px 5px 7px;
	border-top:1px solid #DFDFDF;
	border-left:1px solid #DFDFDF;
	background-color:#F1F1F1;
	font-family:Arial, Helvetica, sans-serif;
	text-decoration:;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	border-right: 1px solid #CCCCCC;
	border-bottom: 1px solid #CCCCCC;
	text-decoration:none;
	display: block;
	width:1;
	
}
button {
  width:1;
  overflow:visible;
  padding:4px 10px 3px 7px;   /* IE6 */
  text-decoration:none;
}
button[type] {
  padding:4px 10px 4px 7px;   /* Firefox */
  line-height:17px;           /* Safari */
}

*:first-child+html button[type] {
  padding:4px 10px 3px 7px;   /* IE7 */
}

button img, a.button img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:24px;
	height:16px;
	float:none;
	text-decoration:none;
}

/* Standard Buttons */
button:hover, a.button:hover{
  background-color:#dff4ff;
  border:1px solid #DFDFDF;
  color:#336699;
  text-decoration:none;
}
a.button:active{
  background-color:#6299c5;
  border:1px solid #DFDFDF;
  color:#fff;
  text-decoration:none;
}

/* Positive */
body .positive {
	color:#666666;
	text-decoration:none;
	
}
a.positive:hover, button.positive:hover {
	background-color:#FFFCE9;
	border:1px solid #DFDFDF;
	color:#666666;
	text-decoration:none;
}
a.positive:active {
	background-color:#FDD81E;
	border:1px solid #DFDFDF;
	color:#666666;
	text-decoration:none;
}

/* Negative */
body .negative {
  color:#d12f19;
  text-decoration:none;
}
a.negative:hover, button.negative:hover {
  background:#fbe3e4;
  border:1px solid #fbc2c4;
  color:#d12f19;
  text-decoration:none;
}
a.negative:active {
  background-color:#d12f19;
  border:1px solid #d12f19;
  color:#fff;
  text-decoration:none;
}


/* ************************************************** */
/* ******************* FOOTER *********************** */
/* ************************************************** */

#footer{
	width: 950px;
	background: url(../images/bg_footer.gif) no-repeat;
	height: 46px;
	font-size:10px;
	text-transform: uppercase;	
}


#footer a,#footer a:link,#footer a:visited,#footer a:active {
	text-decoration: none;
	color: #969696;
}

#footer a:hover {
	text-decoration: none;
	color: #FFD60D;
}

.footerleft{
	float: left;
	width: 240px;
}

.footerright{
	float: left;
	width: 710px;
}

.footerright .left{
	float: left;
	width: 200px;
}

.footerright .right{
	float: right;
	width: 200px;
	text-align: right;
}



/* ******************************************** */
/* ******************* STUFF ****************** */
/* ******************************************** */

#subfooter{

margin-bottom: 20px;
padding-left: 15px;
	margin-top: 15px;
}

.winsollogo{
	margin-top:15px;
	margin-bottom:15px;
	text-align:center;
	}


/* ******************* WESTSITE ****************** */

.westsite {
	text-align: left;
	float: left;
	margin: 0px;
	padding: 0px;
	width:150px;
	}
.westsite a{
	color:#ccc;
	}
.westsite a:hover{
	color:#0C0;
	}

/* ******************* ADRES ****************** */

.adres{
	color: #FFFFFF;
	text-align: right;
	padding-right: 10px;
	font-size: 11px;
	width:750px;
	float:right;
}

.adres a{
	color: #FFD503;
}

.adres a:hover{
	color: #FFFFFF;
}