body,td,th {
font-family:Arial, Helvetica, sans-serif;
}
body {
background-color:#b9bbc0;
padding:0;
margin:0;
}
.clearBoth{
clear:both;
height:0px;
overflow:hidden;
}
.centered{
text-align:center;
display:block;
}

.column{
width:303px;
display:block;
float:left;
margin-left:22px;
}



/* TOP AREA */
.topArea {
background-color:#000000;
}

.topContent {
width:1000px;
margin:0px auto;
height:35px;
padding-top:15px;
}

.topContent .logo {
display:block;
float:left;
width:500px;
}

.topContent .menu {
display:block;
float:left;
width:500px;
text-align:right;	
}

.topContent .menu .menuItem{
margin-left:30px;
}

.topContent .menu .menuItem a:link    { color: #DDDDDD; text-decoration: none; }
.topContent .menu .menuItem a:visited { color: #DDDDDD; text-decoration: none; }
.topContent .menu .menuItem a:hover   { color: #FFFFFF; text-decoration: underline; }
.topContent .menu .menuItem a:active  { color: #DDDDDD; text-decoration: none; }



/* HEADER AREA */
.headerArea {
background-color:#22222a;
}

.home .headerArea .headerContent {
width:1000px;
margin:0px auto;
background-image:url(gfx/header-home.jpg);
height:301px - 246px;
padding-top:246px;
}

.headerArea .columns .column{
height:43px;
padding-top:12px;
background-image:url(gfx/column-header.gif);
font-size:24px;
padding-left:20px;
width:283px;
}

.headerArea a:link    { color: #000000; text-decoration: none; }
.headerArea a:visited { color: #000000; text-decoration: none; }
.headerArea a:hover   { color: #000000; text-decoration: none; }
.headerArea a:active  { color: #000000; text-decoration: none; }

.detail .headerArea .headerContent, .faq .headerArea .headerContent {
width:1000px;
margin:0px auto;
height:223px - 246px;
padding-top:246px;
}

.budget .headerArea .headerContent {
background-image:url(gfx/header-budget.jpg);
height:223px;
padding-top:0px;
}

.compleet .headerArea .headerContent {
background-image:url(gfx/header-compleet.jpg);
height:223px;
padding-top:0px;
}

.extreem .headerArea .headerContent {
background-image:url(gfx/header-extreem.jpg);
height:223px;
padding-top:0px;
}

.faq .headerArea .headerContent {
background-image:url(gfx/header-faq.jpg);
height:223px;
padding-top:0px;
}



/* MAIN AREA */
.mainArea {
background-image:url(gfx/main-background.gif);
background-repeat:repeat-x;
background-position:top;
}
.mainArea .mainContent {
width:1000px;
margin:0px auto;
}

.mainArea .threeColumn .column{
background-image:url(gfx/column-background.gif);
height:233px;
padding-left:20px;
width:283px;
padding-right:20px;
width:263px;
padding-top:10px;
line-height:24px;
}

.mainArea .threeColumnFooter .column{
background-image:url(gfx/column-footer.gif);
height:55px;
padding-left:20px;
width:283px;
}

.mainArea .threeColumn .description {
color:#676767;
padding:0;
margin:0;
font-size:14px;
height:100px;
}

.mainArea .description {
font-size:16px;
color:#FFFFFF;
line-height:24px;
margin-top:50px;
margin-bottom:25px;
}

.detail .mainArea .description {
margin:0;
padding:25px 0px 25px 0px;
}

.mainArea ul {
margin:0;
padding:0;
list-style-position: outside;
list-style-type: none;
font-size:14px;
1-font-weight:bold;
1-letter-spacing:-1px;

}

.mainArea li {
padding-top:6px;
background-image:url(gfx/square-orange.gif);
background-repeat: no-repeat;
background-position: left 15px;
padding-left:15px;
}

.mainArea .prijsBlock {
margin-top:5px;
float:left;
}

.mainArea .prijsBlock .vanaf{
color:#dbdbd9;
font-size:12px;
display:block;
margin-bottom:-5px;

}

.mainArea .prijsBlock .prijs{
color:#FFFFFF;
font-size:30px;
font-weight:bold;
margin:0;
padding:0;
}

.mainArea .prijsBlock .prijs em{
font-size:20px;
font-style:normal;
}

.mainArea .prijsBlock .termijn{
color:#dbdbd9;
font-size:12px;
}

.mainArea .moreInfo {
float:right;
padding-top:9px;
padding-right:8px;
}

.mainArea .badge {
width:100px;
height:100px;
background-image:url(gfx/badge-most-popular.png);
position:absolute;
margin-top:-100px;
margin-left:200px;
}

.detail .mainArea .badge {
width:73px;
height:73px;
background-image:url(gfx/badge-most-popular2.png);
margin-top:-36px;
margin-left:165px;
}

.mainArea .fourColumnHeader {
background-image:url(gfx/four-column-top.gif);
height:8px;
width:1000px;
overflow:hidden;
}

.mainArea .fourColumn .mainColumns{
background-image:url(gfx/four-column-main.gif);
background-repeat:repeat-y;
//height:1px;
}

/*
.mainArea .fourColumn .columns{
background-image:url(gfx/four-column-main.gif);
margin:0;
padding:0;
1-border-top:1px solid red;
1-border-bottom:1px solid red;
height:1px;
}
*/
.mainArea .fourColumnFooter {
background-image:url(gfx/four-column-bottom.gif);
height:62px;
width:1000px;
}
.mainArea .fourColumn .column{
margin-left:15px;
width:227px;
width:234px;
width:250px;
margin:0;
padding:0;
width:236px;
padding-left:14px;
}

.mainArea .fourColumn .host {
font-size:16px;
font-weight:bold;
color:#000000;
}

.mainArea .fourColumn .package {
font-size:12px;
font-weight:bold;
color:#737477;
}

.mainArea .fourColumn .description {
padding:0;
margin:0;
font-size:12px;
color:#737477;
line-height:normal;
padding-top:5px;
padding-bottom:10px;
}

.mainArea .fourColumn .field {
font-size:16px;
color:#737477;
float:left;
}

.mainArea .fourColumn .value {
font-size:16px;
font-weight:bold;
color:#ff7e00;
float:left;
width:70px;
}

.mainArea .fourColumn .row {
clear:both;
border-bottom:1px solid #ebebed;
height:30px;
padding-top:10px;
1-border:1px solid red;
margin-right:20px;
}

.mainArea .fourColumn .skip {
border-bottom:1px solid #FFFFFF;
}

.mainArea .fourColumn .priceCol {
float:left;
margin-top:6px;
}

.mainArea .fourColumn .price {
color:#dbdbdb;
font-size:10px;
padding-top:15px;
}
.mainArea .fourColumn .price strong{
display:block;
color:#FFFFFF;
font-size:35px;
margin-bottom:-10px;
}
.mainArea .fourColumn .price em{
font-size:20px;
font-style:normal;
}


.mainArea .fourColumn .moreInfo{
float:right;
margin:0;
padding:0;
}

.mainArea .fourColumn .moreInfo a{
background-image:url(gfx/button-meer-info02.gif);
width:101px;
height:46px;
display:block;
margin-top:8px;
margin-right:10px;
}

.mainArea .fourColumn .moreInfo em{
1-position:absolute;
1-left:-2000px;
display:none;
}





.mainArea .twoColumn {
}

.mainArea .twoColumn .mainColumn{
width:650px;
border:1px solid red;
float:left;
}

.mainArea .twoColumn .sideColumn{
width:330px;
border:1px solid red;
float:left;
}






/* FOOTER AREA */
.footerArea {
}
.footerArea .footerContent {
width:1000px;
margin:0px auto;
padding-top:10px;
background-image:url(gfx/gray-devider.jpg);
background-position:top;
background-repeat:no-repeat;
color:#686868;
font-size:14px;
}

.detail .footerArea .footerContent {
background-image:none;
}

.footerArea .footerContent a:link    { color: #686868; text-decoration: none; }
.footerArea .footerContent a:visited { color: #686868; text-decoration: none; }
.footerArea .footerContent a:hover   { color: #FFFFFF; text-decoration: underline; }
.footerArea .footerContent a:active  { color: #686868; text-decoration: none; }



.alignLeft {
display:block;
float:left;
}
.alignRight {
display:block;
float:right;
}