/*=======================================================
   Neutralize styling: 
   Elements we want to clean out entirely: */
html, body, form {
        margin: 0;
        padding: 0;
        font: 10px Verdana, Arial, Helvetica, sans-serif;
		color:#7372ac;
}

/* Neutralize styling: 
   Elements with a vertical margin: */
h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
        margin: 0;
        padding: 0;
}

/* Apply left margin:
   Only to the few elements that need it: */
li, dd, blockquote {
        margin-left: 0em;
}

/* Miscellaneous conveniences: */
form label {
        cursor: pointer;
}
fieldset {
        border: none;
}
input, select, textarea {
	font-size: 11px
}

img{border:0}
ul{list-style-type:square}

.italic{font-style:italic}
.align_right{text-align:right}

p{line-height:16px}

/*=======================================================*/
/* LINKS LAYOUT*/
a{color:#d7212a; outline:none; text-decoration:underline}
a:hover{text-decoration:none}
#polaroid a{color:#fff}

/*=======================================================*/
/* STANDARD PAGE LAYOUT*/
html,body{margin:0; padding:0; border:0}
#page_wrapper{width:865px; height:100%; margin-left:auto; margin-right:auto;}
#header{height:100px; width:100%; margin-top:15px; background:#fff}

#links{float:left; margin:12px 0 0 0;list-style-type:none;}
#links li{float:left; width:70px; height:70px; margin-right:5px}
#links a{color:#539bc9; text-decoration:none; font-size:11px; text-align:right; width:60px; height:25px; display:block; padding:45px 10px 0 0; background:transparent url(/images/link.gif) no-repeat}
#links a:hover, #links .sel{background:url(/images/link_sel.gif) no-repeat; color:#fff; text-decoration:none}

#subnav{list-style-type:none;margin:-10px 0 0 -6px; font-size:10px}
#subnav li{float:left;  width:70px; height:70px;display:block; margin-right:5px}
#subnav a{color:#539bc9; text-decoration:none;}
#subnav a{text-align:right;width:62px; height:25px; display:block; padding:45px 8px 0 0;
background:url(/images/link.gif) no-repeat;float:left;}
#subnav a:hover, #subnav .sel{background:url(/images/link_sel.gif) no-repeat; color:#fff;text-decoration:none;}
#logo{float:right; margin:23px 25px 0 0}

#bread{clear:both; width:860px; height:15px; background:#fff; color:#4c95c3; padding:0 0 5px 5px}
#content_wrapper{background:#fff url(/images/gradient.jpg) repeat-y left top; min-height:450px;border-bottom:5px solid #fff; float:left; width:100%}
#content_left{float:left; width:360px; min-height:450px;position:relative}
.visie_header{color:#d7212a; font-size:16px;float:left;margin:35px 0 0 35px; width:300px;}
.visie_header span{display:block; margin:10px 0 0 0}

#rood_vlak{background:url(/images/left_col_rood_vlak.gif) no-repeat; width:400px; height:375px; margin:22px 0 0 -70px; color:#fff; padding-bottom:25px; position:absolute}
#rood_vlak h1{text-decoration:bold; font-size:11px; padding:30px 30px 10px 20px; text-align:right}
#rood_vlak p{padding:10px 30px 10px 30px; text-align:right; line-height:19px}
#rood_vlak ul{text-align:right; line-height:2em; list-style-type:none; padding:30px 50px 0 0}
#rood_vlak a{color:#fff}

#scroller{overflow:auto; height:350px; width:335px; margin:25px 0 0 25px; position:relative}
#scroller ul{padding:10px}
#scroller li a{padding:2px 10px 2px; display:block; margin:2px 0; position:relative}
#scroller .sel, #scroller li a:hover{background-color:#ec2933; text-decoration:none}

.d2d{color:#7599a7;float:left;margin:0 40px 0 20px;}
.body_text{float:left;padding-top:20px;position:relative;}
.number{float:right;margin-top:20px; color:#fff; font:120px "Trebuchet Ms",Verdana}
.mouse{float:left;margin-top:20px;}
#footer{clear:both; width:100%; padding:5px 0 8px 0; color:#a0b7c1;text-align:left; position:relative; font-size:10px}

#content_right{float:left; width:474px; margin:20px 0 20px 0px; padding:10px 10px 10px 20px; min-height:390px; border-left:1px solid #fff; position:relative}
#content_right h2{background:url(/images/bg_title.jpg) repeat-y; padding:6px; font-size:10px; color:#d7212a;clear:both; width:430px;}

.body_text p{margin:10px 0}
.body_text ul{margin:10px; margin-left:55px; list-style-image: url(/images/square.jpg); line-height:1.4em}
.body_text table{margin-left:55px}
.body_text table ul{margin-left:0px}
#next{margin:25px 0;}
#no_info{margin-top:50px; color:#d7212a; text-align:center;}

#portfolio_images{width:470px; float:left; margin-bottom:20px;}
#portfolio_images .image{margin:8px; float:left; height:110px; width:110px; background:#eff4f7; padding:5px; text-align:center}

#scrollbar{width:25px; height:365px; position:absolute; margin:25px 25px 0 0; display:none; top:0; right:0}

#lnk_up{width:25px; height:25px; background:url(/images/arrow_up.jpg) no-repeat; display:block;}
#lnk_down{width:25px; height:25px; background:url(/images/arrow_down.jpg) no-repeat; display:block;}
#lnk_down{margin-top:300px}

#envelope a{position:absolute; right:40px; margin-top:-5px; z-index:1; width:28px; height:21px; background:url(/images/mail.png) no-repeat; text-decoration:none;}
#envelope a:hover{background:url(/images/mail_sel.png) no-repeat}
#polaroid{position:absolute; right:-110px; top:-250px; z-index:2; display:none; width:218px; height:355px; background:url(/images/polaroid.jpg) no-repeat; color:#fff}
#polaroid p{float:left; margin:35px 0 0 25px; line-height:1.2em}
#handen{position:absolute;left:0; bottom:0;width:544px; height:405px;}
#handen img{float:left}
#laptop{width:385px; height:343px; bottom:0; left:0; position:absolute; margin-left:-60px}

.portfolio_info{font-size:9px; font-weight:normal; padding:2px; margin-top:20px; font-style:italic; clear:left}