table { border:0px; border-collapse:collapse ; width:100%} 
td {vertical-align:top; padding:0px; }
html {height:100%;}
    .Scrollbar-Track {
  	   width: 2px; 
	     height: 200px;
  	   background-color: #eee;
  	   border-right: 0px solid #ccc;
     }

    .Scrollbar-Handle {
	    position: relative;
	    top: 0px; 
	    left: 0px;
	    margin-left: -2px;
      width: 7px; 
	    height: 26px;
      background-color: #ccc;
			/* graphic example - put the image in 'fileadmin' and use backward relative path (../)
			background-image: url(../fileadmin/immagini/icone/ext_icon_03.gif);
			background-repeat: no-repeat;
			background-position: -4px 0px;
			*/
    }
 
    .Scrollbar-Handle:hover {
  	   background-color: #aaa;
    }

.scrolltop {
	padding-top: 0;
	margin-top: 0;
}
td, table, select, input, textarea{
	font-family:Verdana;
	font-size:9px;
	vertical-align:top;
	line-height:14px;
	color:#5b5b5b;
}

form { margin:0px; padding:0px}
body { margin: 10px 0; padding:0px; background:#ffffff; height:100%}

img {border:0}

ul{margin:0px; padding:0px; list-style:none}
ul li { line-height:20px; background:url(../images/bg_list.gif) repeat-x bottom}
ul li a{text-decoration:none; color:#2f3446; background:url(../images/marker_list.gif) no-repeat 4px 5px; padding:0 0 6px 11px}
ul li a:hover{ color:#0077cd}

a {color:#32ccff; text-decoration:none; text-transform:none}
a:hover { color:#32ccff; text-decoration:none; text-transform:none}

.main { width:100%}
.main_1 { width:100%; text-align:center}
.main_2 {width:766px; height:750px; margin:0 auto; text-align:left }

.title {display:block}

.pic_left {float:left; margin:0 10px 0 0}

.scroll_1 { overflow:auto; scrollbar-3dlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-face-color:#CCC;scrollbar-arrow-color:#ffffff; scrollbar-darkShadow-color:#ffffff}
.scroll_2 { overflow:auto; scrollbar-3dlight-color:#ffffff; scrollbar-track-color:#ffffff; scrollbar-shadow-color:#ffffff; scrollbar-face-color:#CCC;scrollbar-arrow-color:#ffffff; scrollbar-darkShadow-color:#ffffff}

/* header */
#header { height:337px; background:url(../images/bg_header.png) no-repeat top}
#header img {display:block}
#header .col1 {width:442px; padding:15px 0 0 110px}
#header .col2 {width:230px; padding-top:115px}
/*#header .col2 picleft {float:left; margin:0 10px 0 0}*/
#header .col2 a {text-decoration:none; color:#2b2f42}
#header .col2 a:hover {text-decoration:none; color:#ffffff}



/* content */
#content { height:364px; background:url(../images/bg_cont1.png) no-repeat top; padding:0 10px 0 38px}
.bg_cont {background:url(../images/bg_cont2.png) no-repeat bottom}
#content .table_content {width:708px; height:304px; margin-bottom:40px}
#content .table_content .col1 .title {margin-bottom:7px}
#content .table_content .col2 .title {margin-bottom:18px}

/* titles */
#titles {
	height:30px;
	padding:15px 10px 0 47px;
	font-size:18px;
/*	line-height:15px;*/
	font:Verdana;
}


/* h1 */
h1 {
	font-size:12px;
	font:Verdana;
	font-weight:bold;
	margin: 5px 0 5px 0;
}
.kop1 {
	font-size:12px;
	font:Verdana;
	font-weight:bold;
	margin: 5px 0 5px 0;
}

/* footer */
#footer { height:49px; background:url(../images/bg_footer.png) no-repeat top; padding-left:43px; text-transform:none; font-size:9px; line-height:15px; font:Verdana}
#footer a {color:#32ccff; text-decoration:none; text-transform:none}
#footer a:hover { color:#32ccff; text-decoration:none; text-transform:none}


/* index.html Wie we zijn*/
#page1 #content .col1 {width:373px}
#page1 #content .col1 .table { width:330px}
#page1 #content .col1 .pic_left {margin:3px 9px 0 0}
#page1 #content .col1 .scroll {float:left; position:relative; overflow:hidden; width:330px; height:150px}
#page1 #content .col1 .scroll ul {margin-left:1px}
#page1 #content .col2 {width:335px; padding-top:37px}
#page1 #content .col2 p {padding-top:0; margin-top:0}
#page1 #content .col2 .table { width:308px}
#page1 #content .col2 .scroll {float:left; position:relative; overflow:hidden; height:145px; width:318px}
#page1 #content .col2 .scroll img {display:block; margin:5px 0 0 1px}


/* Hosting.html */
#page2 #content .col1 {width:448px}
#page2 #content .col1 .table { width:415px}
#page2 #content .col1 .scroll {float:left; position:relative; overflow:hidden; width:415px; height:110px}
/*#page2 #content .col1 img {display:block}*/
#page2 #content .col1 .link {margin:13px 0 20px 0}
#page2 #content .col2 {width:265px; padding-top:37px}
#page2 #content .col2 .scroll {float:left; position:relative; overflow:hidden; width:240px; height:140px}
#page2 #content .col2 .table { width:220px}
#page2 #content .col2 .pic_left {margin:7px 9px 0 0}
#page2 #content .col2 p {margin:0 0 5px 0}
#page2 #content .col2 ul {margin:0 0 16px 107px}


/* Design.html */
#page3 #content .col1 {width:373px}
#page3 #content .col1 .table { width:330px}
#page3 #content .col1 .pic_left {margin:1px 20px 0 0}
#page3 #content .col1 .scroll {float:left; position:relative; overflow:hidden; width:330px; height:245px}
#page3 #content .col1 .scroll .table p {margin:0 0 15px 0}
#page3 #content .col2 {width:335px; padding-top:37px}
#page3 #content .col2 .table { width:308px; height:40px}
#page3 #content .col2 .scroll {float:left; position:relative; overflow:hidden; height:145px; width:318px}
#page3 #content .col2 .scroll img {display:block; margin:5px 0 0 1px}


/* informatie.html */
#page4 #content .col1 {width:373px}
#page4 #content .col1 .table { width:330px}
#page4 #content .col1 .scroll_1 {height:241px; width:360px}
#page4 #content .col1 .scroll_1 .table p {margin:0 0 15px 0}
#page4 #content .col1 .pic_left {margin:1px 20px 0 0}
#page4 #content .col1 a {color:#32ccff; text-decoration:none; text-transform:none}
#page4 #content .col1 a:hover { color:#32ccff; text-decoration:none; text-transform:none}
#page4 #content .col2 {width:335px; padding-top:37px}
#page4 #content .col2 .table { width:308px; height:40px}
#page4 #content .col2 .scroll_1 {height:138px; width:335px; margin-top:8px}

/* contact.html */
#page5 #content .col1 {width:239px; padding-right:20px}
#page5 #content .col1 .title {margin-bottom:18px}
#page5 #content .col1 .pic {display:block}
#page5 #content .col1 p {margin:0 0 10px 0}
#page5 #content .col2 {width:449px; padding-top:37px}
#page5 #content .col2 .table_form {width:435px; height:118px; margin-top:10px}
#page5 #content .col2 .table_form input {width:190px; height:auto; display:block}
#page5 #content .col2 .table_form textarea {width:204px; height:90px; overflow:auto; margin-bottom:5px}
#page5 #content .col2 .table_form .div_input {width:190px; height:17px; margin-bottom:10px}
#page5 #content .col2 .table_form .c1 {width:231px}
#page5 #content .col2 .table_form .c2 {width:204px}

/* Prijzen.html */
#page6 #content .col1 {width:393px}
#page6 #content .col1 .table { width:350px}
#page6 #content .col1 .scroll {float:left; position:relative; overflow:hidden; width:350px; height:245px}
#page7 #content .col1 .scroll .table p {margin:0 0 15px 0}
#page6 #content .col1 .pic_left {margin:1px 20px 0 0}
#page6 #content .col2 {width:315px; padding-top:37px}
#page6 #content .col2 .table { width:308px; height:40px}
#page6 #content .col2 .scroll_1 {height:138px; width:315px; margin-top:8px}