* { padding: 0; margin: 0; }

html{
	background:#cfd2d7 url(img/bg.gif) repeat-x;
}

body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	color:#000;
}

#wrapper{
	width:962px;
	height: 100%;
	margin:0px auto;
}

/* HEADER */

#header{
	width:100%;
	height:126px;
	background:url(img/header_bg.png) no-repeat;
}


/* BODY */

#body{
	width:100%;
	height:100%;
	background:url(img/body_bg.gif) repeat-y;
	overflow:hidden;
}

#body2{
	width:100%;
	background:url(img/body_bg.png) no-repeat;
	overflow:hidden;
}

#body3{
	width:100%;
	height:100%;
	background:url(img/body_bg2.gif) repeat-y;
	overflow:hidden;
}

#body_top{
	width:100%;
	height:100%;
	background:url(img/body_top_bg.gif) no-repeat;
	overflow:hidden;
}

#body_left{
	width:717px;
	float:left;
	padding-bottom:40px;
}

#body_right{
	width:325px;
	float:right;
}

#body_mobile{
	width:100%;
	background:url(img/bg_mobile.jpg) no-repeat;
	overflow:hidden;
}

#navigation {
 float: left;
 width: 920px;
 color: #333;
 border: 0px solid #ccc;
 height: 20px;
 margin: 100px 20px 0px 0px;
 padding-left: 12px;
}

#mainblock_left {
 float: left;
 width: 476px;
 color: #333;
 padding-left: 5px;
 border: 0px solid #ccc;
 height: 310px;
 margin: 0px 0px 0px 0px;
 background: url(img/blokback_left.jpg);
}

#mainblock_right {
 float: left;
 width: 481px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 310px;
 margin: 0px 0px 0px 0px;
 background: url(img/blokback_right_SW.jpg);
}

#mainblock_right_sw {
 float: left;
 width: 480px;
 color: #333;
 padding: 0px;
 border: 0px solid #ccc;
 height: 310px;
 margin: 0px 0px 0px 0px;
 background: url(img/blokback_right.jpg);
}

#mainblock_right_mobile {
 float: right;
 width: 460px;
 color: #333;
 border: 0px solid #ccc;
 height: 300px;
 margin-right: 20px;
 padding: 15px 0px 0px 0px;
}

#leftcolumn { 
 border-right: 1px solid #036;
 margin: 10px 0px 10px 10px;
 padding: 10px;
 height: 355px;
 width: 280px;
 float: left;
}

#middle_column { 
 float: left;
 border-right: 1px solid #036;
 margin: 10px 5px 10px 5px;
 padding: 10px;
 height: 355px;
 width: 300px;
 display: inline;
}

#rightcolumn { 
 border: 0px solid #ccc;
 margin: 10px 0px 10px 0px;
 padding: 10px;
 height: 355px;
 width: 285px;
 float: left;
}

#newscolumn { 
 border: 0px solid #ccc;
 margin: 0px 5px 8px 10px;
 padding: 10px;
 width: 630px;
 height: auto;
 float: left;
}

#newsrightcolumn { 
 border: 0px solid #ccc;
 margin: 0px 0px 8px 0px;
 background-color: #ccc;
 padding: 10px;
 width: 335px;
 height: 650px;
 float: right;
}

#swcolumn { 
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 padding: 5px;
 width: 940px;
 float: left;
}

#footer { 
 width: 100%;
 color: #333;
 border: 0px solid #ccc;
 margin: 0px 0px 0px 0px;
 height: 50px;
 background: url(img/footer.jpg);
}

ul.features {
 list-style: disc;
 margin-left: 1.2em;
 text-indent: 0;
}

ul.navlist
{
margin-left: 0;
padding-left: 0;
white-space: nowrap;
}

#navlist li
{
display: inline;
list-style-type: none;
border-right-color: #fff;
border-right-width: 1px;
border-right-style: solid;
}

#navlist a { padding: 3px 7px 0px 4px; }

#navlist a:link, #navlist a:visited
{
color: #fff;
text-decoration: none;
font-weight: normal;
}

#navlist a:hover
{
color: #bedaf5;
}

h2.wit
{
font-family: Arial, Helvetica;
font-size: 18pt;
color: #fff;
padding-left: 15px;
padding-top: 10px;
}

h2.mobilehome
{
font-family: Arial, Helvetica;
font-size: 18pt;
color: #3f8fc1;
padding-left: 15px;
padding-top: 10px;
margin-bottom: 5px;
}

h3.wit
{
font-family: Arial, Helvetica;
font-size: 14pt;
color: #fff;
padding-left: 15px;
padding-top: 10px;
font-weight: normal;
}

h2.blauw
{
font-family: Arial, Helvetica;
font-size: 18pt;
color: #036;
padding-bottom: 10px;
}

h3.blauw
{
font-family: Arial, Helvetica;
font-size: 14pt;
color: #036;
padding-left: 15px;
padding-top: 10px;
}

h3.blauwtable
{
font-family: Arial, Helvetica;
font-size: 14pt;
color: #036;
padding-left: 0px;
padding-top: 10px;
}

h4.blauw
{
font-family: Arial, Helvetica;
font-size: 11.5pt;
color: #036;
padding-left: -5px;
padding-top: 10px;
}

p.bloktekst_wit
{
font-family: Arial, Helvetica;
font-size: 10.5pt;
color: #fff;
padding-left: 15px;
padding-right: 12px;
padding-top: 6px;
line-height: 115%;
}

p.bloktekst_withome
{
font-family: Arial, Helvetica;
font-size: 17px;
color: #fff;
padding-left: 15px;
padding-right: 12px;
padding-top: 6px;
line-height: 140%;
font-weight: normal;
}

p.bloktekst_zwarthome
{
font-family: Arial, Helvetica;
font-size: 17px;
color: #323232;
padding-left: 15px;
padding-right: 12px;
padding-top: 6px;
line-height: 140%;
font-weight: normal;
}

a.wit:link, a:visited, a.wit:visited
{
font-family: Arial, Helvetica;
font-size: 10.5pt;
color: #fff;
font-weight: bold;
text-decoration: none;
}

a.wit:hover
{
color: #fff;
font-weight: bold;
text-decoration: underline;
}

a.withome:link, a:visited, a.withome:visited
{
font-family: Arial, Helvetica;
font-size: 17px;
color: #fff;
font-weight: normal;
text-decoration: none;
}

a.withome:hover
{
color: #fff;
font-weight: normal;
text-decoration: underline;
}

p.footer
{
font-family: Arial, Helvetica;
font-size: 10pt;
color: #fff;
padding-left: 20px;
padding-top: 15px;
line-height: 110%;
}

p
{
font-family: Arial, Helvetica;
font-size: 10pt;
color: #000;
padding-left: 0px;
padding-top: 6px;
padding-right: 5px;
line-height: 1.2;
}

p.suppdesk
{
font-family: Arial, Helvetica;
font-size: 10pt;
color: #000;
padding-left: 15px;
padding-top: 6px;
line-height: 115%;
}

p.leftcol
{
width: 520px;
font-family: Arial, Helvetica;
font-size: 10pt;
color: #000;
padding-left: 0px;
padding-top: 6px;
line-height: 1.2;
}

p.small
{
font-family: Arial, Helvetica;
font-size: 8pt;
color: #000;
padding-left: 0px;
padding-top: 6px;
line-height: 110%;
}

b.subkop
{
font-family: Arial, Helvetica;
font-size: 12pt;
font-weight: bold;
color: #036;
padding-top: 6px;
line-height: 110%;
}

a:link, a:visited
{
font-family: Arial, Helvetica;
font-size: 10pt;
color: #036;
font-weight: bold;
text-decoration: none;
}

a:hover
{
font-family: Arial, Helvetica;
font-size: 10pt;
color: #036;
font-weight: bold;
text-decoration: underline;
}

img.buttons {
margin-top: 20px;
margin-bottom: 15px;
margin-left: 10px;
}

img.btn_mobile {
margin-top: 0px;
margin-bottom: 15px;
margin-left: auto;
margin-right: auto;
border: none;
}

img.thumbs {
margin-bottom: 15px;
margin-left: 8px;
border-color: #315181;
}

table.screens
{
margin: 10px;
}

table.suppdesk
{
margin-left: 10px;
}

table.features
{
margin-left: 15px;
}

td
{
padding: 0;
}

table.demo, td
{
padding-top: 6px;
}

td.frontpage {
text-align: center;
}

/*** CORNER STYLES ***/
.roundedDiv .header_round{
background: url(img/cornertop.png) no-repeat;
height: 10px;
margin: 0;
}
.roundedDiv .footer_round{
background: url(img/cornerbott.png) no-repeat;
height: 10px;
margin: 0;
}
.roundedDiv {
 margin: 15px 0px 8px 0px;
 background: #ccc;
 color: #000;
 width: 355px;
 float: left;
}
#content {
padding: 0 10px;
display: block;
}