/*
***
**** Overschrijf alle standaarden
***
*/
*{
	padding: 0px;
	margin: 0px;
}

body{
	color: #666666; 
	font-family: arial;
	font-size: 12px;
	background-image: url('../../images/template/background.png');
	background-color: #caf1fa;
	background-repeat: repeat-x;
	line-height:1.6;
}

/*
***
**** Uitlijning in het midden van de browser
***
*/

div#wrapper{
	position: relative;
	margin: 0 auto;
	width: 1039px;
}

div#container{
	position: relative;
	height: 100%;
	width: 100%;
}

div#preload{
	display: none;
}

/*
***
**** Header, met logo
***
*/

div#header{
	position: relative;
	margin-left: 28px;
	margin-right: 28px;
	width: 100%;
}

div#logo{
	position: relative;
	float: left;
	height: 120px;
	width: 597px;
}

/*
***
**** overige pagina's
***
*/

div#outer_content{
	position: relative;
	margin-left: 22px;	
	width: 995px;
	min-height: 720px;
	height: 100%;
	background-image: url('../../images/template/background_outer_content.png');
	background-color: #fff;
	background-repeat: repeat-x;
}

/*
***
**** Titel van de pagina's, bellen knop, live support knop
***
*/

div#sub_content_left_heading{
	position: relative;
	float: left;	
	margin-top: 43px;
	margin-left: 35px;
	width: 700px;
}

div#sub_content_middle_heading{
	position: relative;
	margin-top: 43px;
	float: left;	
	width: 130px;
	text-align: center;
}

div#sub_content_right_heading{
	position: relative;
	margin-top: 43px;
	float: left;	
	width: 130px;
	text-align: center;	
}	

div#sub_content_left_heading h1,
div#sub_content_middle_heading h2,
div#sub_content_right_heading h2{
	margin-top: 0px;
	margin-bottom: 0px;
}

div#column_right ul li.support h2,
div#sub_content_middle_heading h2,
div#sub_content_right_heading h2{
	font-size: 14px;
}


div#sub_content_left{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;	
	float: left;	
	margin-left: 13px;
	width: 700px;
}

div#sub_content_middle{
	position: relative;
	margin-top: 20px;
	margin-bottom: 20px;	
	float: left;	
	width: 130px;
	text-align: center;	
}

div#sub_content_right{
	position: relative;
	margin-top: 20px;	
	margin-bottom: 20px;	
	float: left;	
	width: 130px;
	text-align: center;	
}	

/*
***
**** Content
***
*/

div#content{
	position: relative;
	width: 985px;
	margin-left: 5px;
	margin-right: 5px;
	background: #fff;	
}

div#inner_content{
	position: relative;
	width: 965px;
	margin-left: 10px;
	margin-right: 10px;
	background-color: #fff;
}

/*
***
**** Content bottom
***
*/

div#outer_content_bottom{
	position: relative;
	margin-left: 22px;	
	width: 995px;
	height: 10px;
	background-image: url('../../images/template/background_outer_content_bottom.png');
	background-repeat: no-repeat;
}

/*
***
**** Linkerkolom met menuitems
***
*/

div#column_left{
	position: relative;
	float: left;
	width: 221px;

}	

div#column_left ul li{
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: 10px;
	color: #80bc44;
	width: 191px;	
	font-size: 16px;
	font-weight:bold;
	border-right: 1px solid #ccf1fa;
	border-bottom: 1px solid #ccf1fa;
}

div#column_left ul li a{
	color: #4bc2e3;
	text-decoration: none;	
}	

div#column_left ul li.active{
	display: block;
	width: 191px;
	border-right: 1px solid #fff;	
}

div#column_left ul li.active a{
	color: #80bc44;
}

/*
***
**** Rechterkolom met content
***
*/

div#column_right{
	position: relative;
	float: left;
	font-size:13px;
	width: 764px;
}

hr.spacer{
	border: 0px;
	height: 1px;
	background: #ccf1fa;
}

div#column_right ul li{
	float: right;
}

div#column_right ul li.support{
	width: 125px;
	padding: 20px;
	height: 20px;	
	list-style: none;	
}

div#column_right ul li.support h2{
	padding-left: 30px;
}

div#column_right ul li.support img.bellen{
	position: absolute;
	margin-top: -10px;
	margin-left: -10px;
}

div#column_right ul li.support img.livesupport{
	position: absolute;
	margin-top: -12px;
	margin-left: -22px;
	border: 0;
}

div#inner_column_right{
	margin-top: 30px;
	margin-left: 30px;
	margin-right: 10px;
	width: 724px;
}

div#introtext{
	position: relative;
	margin-bottom: 10px;
}

/*
***
**** Footer
***
*/

div#outer_footer{
	position: relative;
	margin-top: 52px;
	height: 322px;	
	width: 100%;
	background: #caf1fa;
}

div#footer{
	position: relative;
	margin: 0 auto;
	line-height: 22px;
	width: 980px;
	background: #caf1fa;
	padding-left:150px;
}

div#footer ul{
	float: left;
	margin-top: 10px;
}

div#footer ul li {
	list-style: none;
	color: #3c7888;
	font-weight: bold;
}

div#footer ul li a{
	color: #3c7888;
	font-weight: bold;
	text-decoration: none;
}

div#footer ul li.start_uw_webwinkel{
	width: 200px;
}

div#footer ul li h3{
	margin-top: 12px;
}

div#footer ul li.shoptrader{
	display: block;
	margin-right: 10px;
	width: 159px;
	height: 37px;
	background: url(../../images/logo_small.png) no-repeat;
}

div#footer ul.kolom2{
	margin-right: 10px;
	width: 176px;
}

div#footer ul.kolom3{
	margin-right: 10px;
	width: 135px;
}

div#footer ul.kolom4{
	margin-right: 10px;
	width: 190px;
}

div#footer ul.kolom5{
	margin-right: 10px;
	width: 175px;
}

div#footer ul.kolom6{
	margin-right: 10px;
	width: 135px;
}

div#footer ul.kolom7{
	width: 130px;
}

/*
***
**** Headings en classes
***
*/

div#inner_column_right a{
	text-decoration: none;
	color: #004457;
	font-weight: bold;
}

div.clear{
	height: 0px;
	clear: both;
}

div.spacer{
	position: relative;
	height: 15px;
}

div#column_left ul li h2{
	margin-top: 20px;
	margin-bottom: 50px;
	color: #004457;
}

h1{
	margin-top: 5px;
	margin-bottom: 5px;
	font-size: 20px;
	color: #004457;
}

h2{
	font-size: 18px;
	color: #04b4e4;
}

h3{
	font-size: 14px;
	color: #004457;		
}

h4{
	font-size: 14px;
	color: #80bc44;		
}

h5{
	font-size: 12px;
	color: #004457;		
}

/*
**
*** Verzendformulier
**
*/

input.fields{
	padding-left: 10px;
	color: #1388a8;
	font-style: italic;
	line-height: 35px;
}

input.text{
	font-style: normal;
}

textarea.formopmerkingen{
	border: 0px;
	width: 421px;
	height: 99px;
	background: url(../../images/template/background_textarea.png) no-repeat;
}

input.fields_big{
	border: 0px;
	width: 264px;
	height: 32px;
	background: url(../../images/template/background_input_buttons_big.png) no-repeat;
}

input.fields_smaller{
	border: 0px;
	width: 166px;
	height: 32px;
	background: url(../../images/template/background_input_buttons_smaller.png) no-repeat;
}

input.fields_small{
	border: 0px;
	width: 76px;
	height: 32px;
	background: url(../../images/template/background_input_buttons_small.png) no-repeat;
}


input.error_big{
	border: 0px;
	width: 264px;
	height: 32px;
	background: url(../../images/template/background_error_input_buttons_big.png) no-repeat;
}

input.error_smaller{
	border: 0px;
	width: 166px;
	height: 32px;
	background: url(../../images/template/background_error_input_buttons_smaller.png) no-repeat;
}

input.error_small{
	border: 0px;
	width: 76px;
	height: 32px;
	background: url(../../images/template/background_error_input_buttons_small.png) no-repeat;
}

/*
**
*** Keuze Dhr. Mevr.
**
*/

div.radioButtons,
div.radioButtons2,
div.radioButtons3{
	margin-right: 5px;
	background: url(../../images/template/icons/icon_radio-button-unchecked.png);
	height: 20px;
	width: 20px;
	cursor: pointer;
	float: left;
}

div.checked {
	background: url(../../images/template/icons/icon_radio-button-checked.png);
}

label.sexLabel {
	margin-right: 15px;
	padding-top: 5px;
	font-weight: bold;
	float: left;
	color: #1388a8;	
}

label {
    display: block;
}

span.red{
	color: #666666;
}

span.required{
	position: relative;
	margin-left: 5px;
	top: 3px;
	color: #ff0000;
	font-weight: bold;
}

span.green{
	color: #6ecc00;
}

a{
	text-decoration: none;
}

p{
	margin-top: 10px;
	margin-bottom: 10px;
}

div.help{
	position: relative;
}

.tooltip {
	display:none;
	background:transparent url(/images/template/white_arrow.png);
	font-size:12px;
	height: 107px;
	width:350px;
	padding-top: 15px;
	padding-left: 20px;
	padding-right: 20px;
	color:#000;	
}