/* Vaste HTML onderdelen */

html,body {height:100%;width:100%; margin:0px; padding:0px; }
body { text-align:center;margin:0px ; padding:0px; font-family: Sans-Serif, Georgia, Verdana, Tahoma, Arial, Sans-Serif; background-image:url(../images/background_body.jpg); background-position:left top; background-repeat:repeat-x; background-color:#938136; font-size:0.7em; background-attachment:fixed; }
div {text-align:left;}
LI {list-style:square; }
UL UL {position:relative; left:-25px; }
a {color:#ECAD36; font-weight:bold; text-decoration:none;}
a:hover {color:#333333;text-decoration:underline;}
h4 {color:#000000;}
/* custom HTML */
.illustratie {float:right; margin:0px 0px 10px 10px; border:2px solid #A99558;}
img {border:0px solid #FF9999;}

.registraties {width:90%; }
.registraties TD {padding:2px;}
.registraties .title {font-weight:bold; background-color:#ECAD36; padding-left:4px; }
.registraties .extentie {font-weight:bold;}

#logo_intro {border-style:none; position:relative; top:-400px; right:254px;}

/* doorklik intro pagina */
.webhosting_spacer,
.webdevelopment_spacer,
.consultancy_spacer {width:559px; height:88px; border-style:none;}

td.head { padding: 1px; padding-left: 4px; padding-right: 10px; margin: 0; border: 0;	background: #ECAD36; color: #fff;	font-weight: bold;}
td.rowa {padding: 1px; padding-left: 4px; padding-right: 10px; 	background: #efefef;	border-top: 1px solid #ddd; border-right: 1px solid #ddd;	border-bottom: 1px solid #efefef; color: #333;}
td.rowb {padding: 1px; padding-left: 4px; padding-right: 10px; 	background: #fff; border-top: 1px solid #ddd;	border-right: 1px solid #ddd; border-bottom: 1px solid #efefef;	color: #333;}


#midden #content #navigatie_sec #selected {color:#AAAAAA; text-decoration:none;}

#midden {clear:both; margin:auto; width:780px; }
#midden #navigatie {width:180px; float:left;border:3px solid #FFFFFF; background-color:#EEE9DB; margin-bottom:20px; margin-right:20px; height:500px; }
#midden #navigatie .navtitel {height:27px; background-color:#FFFFFF; display:block; }
#midden #navigatie .navtitel img {position:relative; top:8px; left:20px;}
#midden #navigatie a.hoofdnavigatie {color:#333; text-decoration:none; font-weight:normal;display:block; width:100%;font-size:100%; text-indent:20px; line-height:20px; }
#midden #navigatie a.hoofdnavigatie:hover {background-image:URL(/images/ico_arrow.gif); background-repeat:no-repeat; background-position: 6px 7px;background-color:#ECAD36; color:#FFF; text-decoration:none; font-weight:bold; }
#midden #navigatie #selected {background-image:URL(/images/ico_arrow.gif); background-repeat:no-repeat; background-position: 6px 7px;background-color:#ECAD36; color:#FFF; text-decoration:none; font-weight:bold; }
#midden #content {width:560px; float:right; border:3px solid #FFFFFF; background-color:#FFFFFF; margin-bottom:20px;height:500px;}
#midden #content #header {display:block; height:89px; background-image:URL(../images/background_header.jpg); background-position:top right; background-repeat:no-repeat; background-color:#A89456; border-bottom:3px solid #FFFFFF; width:100%;}
#midden #content #header #logo {position:relative; left:-243px; top:8px; border-width:0px;cursor:url("/main/favicon.ico");}
#midden #content #navigatie_sec {display:block; background-color:#000000; height:27px; text-align:right;}
#midden #content #navigatie_sec a { color:#FFFFFF; font-weight:normal; text-align:right; padding-right:10px; position:relative; top:7px; text-decoration:none;}
#midden #content #navigatie_sec a:hover {color:#AAAAAA; text-decoration:none;}
#midden #content #scroll {float:left;width:100%; height:380px; overflow:auto; }
#midden #content #scroll .breed {margin:20px 20px 20px 10px;line-height:20px; font-size:1.1em;} 
#midden #content #scroll #text {margin:20px 0px 0px 10px; float:left;width:310px; line-height:20px; font-size:1.1em;}
#midden #content #scroll #text .intro { background-color:#ECAD36; padding:10px; border:2px solid #000000;font-weight:bold; color:#FFFFFF; }
#midden #content #scroll #nieuws {margin:20px 10px 0px 0px; float:right;width:180px; font-size:0.9em; color:#5E4B32;}
#midden #content #scroll #nieuws .date { margin-bottom:4px;padding:2px 0px 2px 2px; float:right; font-weight:bold; display:block; width:100%; background-color:#EFEFEF; color:#000000; }
#midden #content #scroll #nieuws p {margin-bottom:0px;padding:5px;} 
#midden #content #scroll #nieuws .even {border:1px solid #EFEFEF;}
#midden #content #scroll #nieuws .oneven {border:1px solid #EFEFEF;}

#midden #pakket {clear:both; border:3px solid #FFFFFF; background-color:#EEE9DB;margin-bottom:5px; background-image:URL(../images/background_pakketten.gif);padding:13px;}
#midden #pakket #tblpakket { clear:both; width:100%; }
#midden #pakket #tblpakket p {padding-left:10px;}
#midden #pakket #tblpakket .pakket {font-weight:bold; padding-left:5px;width:162px; background-color:#ECAD36; height:25px; border:3px solid #FFFFFF;}
#midden #pakket #tblpakket .pakket_last { font-weight:bold; padding-left:5px;width:162px; background-color:#ECAD36; height:25px; border:3px solid #FFFFFF;}
#midden #pakket #tblpakket img {position:relative; left:2px; top:2px;}
#midden #pakket #tblpakket .pakkettekst { height: 124px; font-weight:normal; text-align:left; vertical-align:top; color:#000000; background-color:#EEE9E1; width:170px;}
#midden #pakket #tblpakket .pakkettekst_last { height: 124px;  font-weight:normal; text-align:left; vertical-align:top; color:#000000; background-color:#EEE9E1; width:170px}
#midden #pakket #tblpakket .bestel {background-color:#3B3B3B; text-align:center; height:25px;bordeR:3px solid #FFFFFF;}
#midden #pakket #tblpakket .bestel_last {background-color:#3B3B3B;text-align:center;height:25px;bordeR:3px solid #FFFFFF;}
#midden #pakket #tblpakket a {color:#FFFFFF; font-weight:bold; text-decoration:none;}
#midden #pakket #tblpakket a:hover {color:#AAAAAA;text-decoration:none;}

#midden #support {clear:both; height:50px; display:block; border:3px solid #FFFFFF; background-color:#EEE9DB;margin-bottom:20px; text-align:center; padding:0px;}
#midden #support #support_links {float:left; margin-left:10px;}
#midden #support #support_rechts {float:right; padding-right:10px; padding-top:9px;}

#midden #footer { clear:both;background-image:URL(../images/background_footer.gif); background-position:center; background-repeat:no-repeat;background-color:#EEE9DB;}
#midden #footercontent {clear:both; display:block; border:3px solid #FFFFFF; height:27px;}
#midden #footer2 {margin-top:10px; text-align:right;display:block; width:780px; height:28px; }


/* Begin pagina */
#midden2 {clear:both; margin:auto; width:780px; height:400px; margin-top:-200px; margin-left: -390px; position:absolute; top:50%;	left:50%; }

#midden2 #pre {width:560px; float:right; border:3px solid #FFFFFF; background-color:#FFFFFF; margin-bottom:10px;height:119px;}
#midden2 #pre #header1,
#midden2 #pre #header2,
#midden2 #pre #header3 {clear:both; display:block; height:89px; background-color:#A89456; border-bottom:3px solid #FFFFFF; width:100%;}

#midden2 #pre #header1 {background-image:URL(../images/header_1.jpg); background-position:top right; background-repeat:no-repeat; }
#midden2 #pre #header2 {background-image:URL(../images/header_2.jpg); background-position:top right; background-repeat:no-repeat; }
#midden2 #pre #header3 {background-image:URL(../images/header_3.jpg); background-position:top right; background-repeat:no-repeat; }

#midden2 #pre #header1 #logo {position:relative; left:-255px; top:8px; border-width:0px;cursor:url("/main/favicon.ico");}
#midden2 #pre #navigatie_sec {display:block; background-color:#000000; height:20px; text-align:right; padding-top:7px;}
#midden2 #pre #navigatie_sec a { padding-right:10px; color:#FFFFFF; font-weight:bold; text-align:right; text-decoration:none;}
#midden2 #pre #navigatie_sec a:hover { color:#CCCCCC; text-decoration:none;}

#midden2 #pre_navigatie {width:180px; float:left;border:3px solid #FFFFFF; background-color:#EEE9DB; margin-bottom:20px; margin-right:20px; height:394px; }
#midden2 #pre_navigatie .navtitel {height:27px; background-color:#FFFFFF; display:block; }
#midden2 #pre_navigatie .navtitel img {position:relative; top:8px; left:20px;}
#midden2 #pre_navigatie a { color:#000000; text-decoration:none; font-weight:normal; }
#midden2 #pre_navigatie a:hover {background-color:#ECAD36; color:#000000; text-decoration:none; font-weight:none; }
#midden2 #pre_navigatie .adres {padding-left:22px;}

table#overzicht {border:2px solid #000;width:96%;}
table#overzicht td {border-top:1px solid #000; padding:2px;font-size:90%;line-height:12px;}
table#overzicht td.header {background-color:#000; color:#FFF;font-weight:bold;}
table#overzicht td.subheader {background-color:#ECAD36; color:#FFF;text-align:center; font-weight:bold;}
table#overzicht td.item {font-weight:bold;}
table#overzicht td.value {text-align:center;border-left:1px solid #DDD;}
table#overzicht td.prijs {background-color:#CCC; color:#333; font-weight:bold;border-left:1px solid #DDD;}
table#overzicht td.footer {font-size:80%; color:#666;line-height:12px;}
table#overzicht td.bestel {text-align:center;border-left:1px solid #DDD;}