body{
	margin:0;
	padding:20px 0 0 0;
	background: url(../img/footer.gif) repeat-x bottom #E9E9E9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#333333;
}

/***** Common Formatting *****/

h1, h2, h3, h4, h5, h6 {
	margin:0;
	padding:0;
	font-family:Century Gothic, Arial, Helvetica, sans-serif;
}
h1{
	font-style:italic;
	font-size: 18px;
	color:#525252;
	
	padding:8px 0px 8px 0px;
}
h2{
	font-style:italic;
	font-size: 16px;
	color:#a5a5a5;
	
	padding:8px 0px 10px 0px;
}
h4{
	color:#cc0000;
	font-size:14px;
	font-weight:normal;
	margin-bottom:5px;
}
p, ul, ol {
	margin:0;
	padding:0 0 18px 0;
}
ul, ol {
	list-style:none;
	padding:0 0 18px 40px;
}
img {
	border:0;
}
a{
	text-decoration: none;
	color:#cc0000;
}
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;
}

/***** Global Classes *****/

.img-left 	{ float:left;margin:0px 10px 5px 0; }
.img-right 	{ float:right;margin:4px 0 4px 10px; }
.floatLeft  { float:left; }
.floatRight { float:right; }
.red        { color:#cc0000; }
.mini       { font-size:10px; line-height: 12px;}

/***** Wrapper *****/

#wrap {
	width:950px;
	margin: 0 auto;
	padding: 15px ;
	height: auto;
	background-color: #fff;
	border:solid 2px #c5c5c5;
}

/***** Header *****/
#header .logo{
	float:left;
}
#header .banner{
	margin-left:2px;
	float:left;
}
#header #teaser
{
    position:relative;
	margin-left:2px;
	float:left;
	width:683px;
	height:340px;
	background: url(../img/banner-mobiel-webdesign.jpg) no-repeat #4d4f52;
}
#header #teaser a.moreinfo
{
    position:absolute;
    width:158px;
	height:41px;
	top:275px;
	left:106px;
    background: url(../img/more-info.png) no-repeat;
}
#header #teaser .txt
{
    float:left;   
    color:#fff; 
    font-size:14px;
    line-height:24px;
    margin: 92px 40px 0 326px;
}
#header #teaser a.moreinfo:hover
{
    background: url(../img/more-info_h.png) no-repeat;
}
ul#nav{
	display: block;
	float: left;
	clear: none;
	margin: 20px 0px 0 0;
	padding: 0 0 0 0px;
}
ul#nav li{
	display: block;
	float: left;
	clear: none;
	margin: 0;
	padding: 0;
	
}
ul#nav li a{
	display: block;
	text-transform:uppercase;
	color:#a5a5a5;
	border-bottom:solid 10px #a5a5a5;
	width:188px;
	text-align:center;
	padding:0 0 10px 0;
	margin-left:2px;
}
ul#nav li a.first{
	margin-left:0px;
	width:190px;
}
ul#nav li a:hover, ul#nav li a.active{
	color:#cc0000 ;
	border-bottom:solid 10px #cc0000 ;
}
#navbottom{
	clear:both;
	padding-top:3px;
}
#navbottom #top{
	height:5px;
	background-color:#d1d1d1;
	margin-bottom:1px;
}
#navbottom #bottom{
	height:18px;
	background-color:#e9e9e9;
	margin-bottom:1px;
	border-bottom:solid 1px #d1d1d1;
}

/***** Sidebar *****/
#content #sidebar{
	width:265px;
	float:left;
	margin-right:2px;
}

#content #sidebar h1{
	color:#E5E5E5;
	background:url(../img/title_bg.jpg) no-repeat #cc0000;
	height:25px;
	padding:8px 5px 7px 15px;
}
#content #sidebar h1.gray{
	background:url(../img/title_bg_gray.jpg) no-repeat #cc0000;
}
#content #sidebar .box{
	background-color:#f2f2f2;
	padding:25px;
} 
#content #sidebar .box p{
	padding-bottom:10px;
	margin-bottom:10px;
	border-bottom:solid 1px #c5c5c5;
}
#content #sidebar .box p.noborder{
	padding-bottom:0px;
	margin-bottom: 0px;
	border-bottom:0px;
}
#content #sidebar .offerbtn
{
    /*padding:7px 15px;
    background-color:#d1d1d1;
    font-weight:bold;
    border:solid 1px #fff;*/
}
#content #sidebar .fieldName
{
    clear:both;
    float:left;
    width:60px;
    color: #a5a5a5;   
}
#content #sidebar .fieldValue
{
    float:left; 
}
#content #sidebar ul{
	margin:0;
	padding: 0 0 0 0px;
}
#content #sidebar ul li{
	color:#8C8C8C;
	padding: 10px 0 10px 25px;
	border-bottom:solid 1px #c5c5c5;
	background:url(../img/sidebar-bullet.gif) no-repeat center left;
}
#content #sidebar ul li a{
	color:#8C8C8C;
}
#content #sidebar ul li a:hover{
	color:#cc0000;
}
#content #sidebar ul li a.active{
	color:#333333;
	font-weight:bold;
}
#content #sidebar .newsletterbox{
	font-style:italic;
	font-size: 18px;
	color:#E5E5E5;
	background:url(../img/newsletter_bg.jpg) no-repeat #cc0000;
	height:138px;
	padding:8px 25px 7px 25px;
}
#content #sidebar .newsletterbox p.title{
	font-style:italic;
	font-size: 18px;
	color:#E5E5E5;
	padding:8px 0px 7px 0px;
	text-transform:uppercase;
}
#content #sidebar .newsletterbox input[type="text"]
{
    width:205px;  
    margin-bottom:0px;
    margin-top:0px;  
}
#content #sidebar .newsletterbox input[type="submit"]
{
    float:right; 
    border:solid 2px #a5a5a5; 
    background-color:#E9E9E9;
    color:#cc0000;
    margin:4px 4px 0 0;
}
#content #sidebar a.showall{
	display:block;
	clear:both;
	float:right;
	margin:5px 0 0px 0;
	border-bottom:dashed 1px #a5a5a5;
	font-size:10px;
}

/***** Main *****/
#content #main{
	float:left;
	display:block;
	padding:25px;
	width:633px;
}
#content #main .leftbox{
	width:304px;
	margin-right:25px;
	float:left;
}
#content #main .rightbox{
	width:304px;
	float:left;
}
#content #main .projectpic{
	margin-bottom:10px;
	border:solid 1px #f2f2f2;
}
#content #main p{
	padding-bottom:10px;
	margin-bottom: 10px;
	border-bottom:solid 1px #c5c5c5;
	line-height:20px;
}
#content #main p.noborder{
	padding-bottom:0px;
	margin-bottom: 0px;
	border-bottom:0px;
}
#content #main ul{
	margin:0;
	padding: 0 0 0 0px;
}
#content #main ul li{
	padding: 5px 0 5px 20px;
	background:url(../img/bullet.gif) no-repeat top left;
}
#content #main ul.check li{
	padding: 5px 0 5px 20px;
	background:url(../img/green-check.gif) no-repeat center left;
}
#content #main ul.qr li{
	padding: 5px 0 5px 20px;
	background:url(../img/qr.gif) no-repeat top left;
}
.line{
	display:block;
	float:none;
	clear:both;
	border-bottom:solid 1px #c5c5c5;
	padding-bottom:10px;
	margin-bottom:10px;
}
#content #main a.showall{
	display:block;
	clear:both;
	float:right;
	margin:5px 0 0px 0;
	padding:5px;
	background-color:#e9e9e9;
	font-size:10px;
}
#content #main a.showall:hover{
	background-color:#c5c5c5;
}
#content #main a.moreinfo{
	color:#8C8C8C; 
	border-bottom:dashed 1px #c5c5c5;
	font-size:10px;
}
#content #main a.moreinfo:hover{
	color:#9b9b9b; 
	border-bottom:dashed 1px #9b9b9b;
}
#content #main .newsdate{
   color: #9b9b9b;
   margin-bottom:5px;
   font-size:10px;
}
/***** Footer *****/
#footer{
	clear:both;
	float:none;
	width:950px;
	margin: 0 auto;
	padding: 5px 15px 25px 15px;
	background-color:#d1d1d1;
	color:#7F7F7F; /*3D3D3D*/
}
#footer a
{
    color:#7F7F7F;
}

p.clearBoth{
	line-height:0px;
	margin:0;
	padding:0;
}
.not{ display:none; }
.why-sub{
	margin-left: 20px;
	color:#8C8C8C;
}

/***** FormFields *****/
.inputfields label, .inputfields input, .inputfields textarea, .inputfields select{
	display: block;
	float: left;
}
.inputfields label{ 
	clear: both;
	width: 120px;
	margin: 0 0 10px 16px;
	padding-top:3px;
	text-align: right;
}
.inputfields input[type="text"], .inputfields textarea, .inputfields select
{
	margin: 0 0 6px 10px;
	min-width: 250px;
	padding: 1px 6px;
	border:solid 1px #c5c5c5;
}
.inputfields textarea
{
    font-family: Arial, Helvetica, sans-serif; 
    font-size:12px;
    overflow-y:scroll;
    height:75px;   
    width: 126px;
    padding-right:0px;/**/
}
.inputfields input  /* other items especially submit buttons may not be min-width = 250 */
{
	margin: 0 0 6px 10px;
	padding: 1px 6px;
}
.inputfields input.mandatory  
{
	border:solid 1px #cc0000;
}
.inputfields select{padding: 1px 1px 1px 6px;}
.inputfields input[type="image"]
{
    min-width:5px;
    margin: 0 0 6px 0px;
}
.inputfields input[type="submit"]
{
    /*min-width:30px;*/
    clear: both;
    float: right;
    margin-top:20px;
}
.inputfields input[type="hidden"]
{
    min-width:0px;
    margin: 0; padding:0;
}
.inputfields input.month
{
    width:30px;
    min-width: 0px;
}
.inputfields input.year
{
    width:60px;
    display:inline;
    float:none;
    min-width: 0px;
}
.inputfields label.year
{
    width:30px;
    clear:none;
    float:left;
    min-width: 0px;
}
.inputfields label.aboveinput
{
    width:250px;
    text-align:center;
}
.inputfields table .tblcust
{
    display:block; 
    float:left;
    margin-left:106px;
}
.inputfields .freetextbox table
{
    margin-left:10px;
}
.inputfields .freetextbox table table
{
    margin-left:0px;
}
.inputfields .custbox
{
    display:block; 
    float:left;
    margin-left:10px;
}
.inputfields input[type="checkbox"], .inputfields input[type="radio"]
{
    min-width:0;
    margin:6px 0 0 12px;
    padding:0px;
    border: 0;
}
.inputfields td input[type="checkbox"], .inputfields td input[type="radio"]
{
    margin-left:0px;
}
.inputfields .cblist, .inputfields p
{
    display:block;
    float:left;
    margin: 0 0 6px 10px;
    padding: 0;
	min-width: 250px;	
}
.inputfields .cblist
{
    margin-top:-6px;
}
.inputfields .cblist td
{
    margin: 0;
    padding: 0;
    vertical-align:top;
}
.inputfields .cblist label
{
    clear:none;
    width:auto;
    margin: 6px 10px 0 5px;
    padding:0;
}
.inputfields select.small
{
    min-width: 0px;    
}
.inputfields select.intphonecode
{
    min-width:50px;
    width:50px; 
    margin-right:0px;
}
.inputfields input[type="text"].phonenumber
{
    min-width:200px;
    width:200px;
    margin-left:0px;
}
.updowncontainer
{
    float:left;   
    margin-left:5px; 
}
.updowncontainer input
{
    clear:both;
    float:left;  
    margin:0;
    padding:0px 0;  
}
.inputfields input[type="text"].updownnumber
{
    min-width:0px;
    max-width:30px;
    width: 30px;
}
.inputfields input[type="text"].numbers3
{
    min-width:0px;
    max-width:50px;
    width: 50px;
    margin-right:5px;
}
.inputfields input[type="text"].numbers5
{
    min-width:0px;
    max-width:80px;
    width: 80px;
    margin-right:5px;
}

/***** AJAX Classes *****/
.watermark
{
    color:#A5A5A5;
    font-style:italic;   
}

.validatorcallout_highlight
{
    background-color:#ffffff;
    border:solid 1px #cc0000;
}
.CustomValidatorCalloutStyle div, .CustomValidatorCalloutStyle td {border:solid 1px #cc0000;background-color:#f2f2f2 ;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_popup_table {display:none;border:none;background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_popup_table_row {vertical-align:top;height:100%;background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_cell {width:20px;height:100%;text-align:right;vertical-align:top;border:none;background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_table {height:100%;border:none;background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_table_row {background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell {padding:8px 0px 0px 0px;text-align:right;vertical-align:top;font-size:1px;border:none;background-color:transparent;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv {font-size:1px;position:relative;left:1px;border-bottom:none;border-right:none;border-left:none;width:15px;background-color:transparent;padding:0px;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_callout_arrow_cell .ajax__validatorcallout_innerdiv div {height:1px;overflow:hidden;border-top:none;border-bottom:none;border-right:none;padding:0px;margin-left:auto;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_error_message_cell {font-family:Verdana;font-size:10px;padding:5px;border-right:none;border-left:none;width:100%;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_icon_cell {width:20px;padding:5px;border-right:none;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_close_button_cell {vertical-align:top;padding:0px;text-align:right;border-left:none;}
.CustomValidatorCalloutStyle .ajax__validatorcallout_close_button_cell .ajax__validatorcallout_innerdiv {border:none;text-align:center;width:10px;padding:2px;cursor:pointer;}