@charset "utf-8";
/* CSS Document */

html {
	background-color: #f5f5ff;
	height: 100%;
	font-family: Segoe UI, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	color: #2c4a69;
	/*background-image: url(../img/fireworks-river-night.jpg);*/
}

body {
	margin: 0;
	padding: 0;
}

#container {
	margin: 0;
	padding: 0;
	background-image: url(../img/backgrid.png);
	background-repeat: repeat-x;
	background-position: top;
	width: 100%;
	/*border: solid 1px red;*/
	/*height: 100%;*/
}

/* Sidebar */

#side_bar {
    height:100%;
    display:none;
  /*font-family:Arial, sans-serif;*/
}

#sidebar_wrapper {
    position: fixed;
    left:9px;
    top: 0;
    width: 300px;
    overflow: hidden;
    height: 100%;
    background: url(../img/backportfolio.jpg) repeat-y left;
}

#portfolio {
	margin: 0;
	padding: 0;
	width: 271px;
	height: 100%;
	list-style-type: none;
	float: left;
	/*overflow: auto;*/
	overflow: hidden;
}

.portoptie {
	margin: 30px 0 0 50px;
	padding: 0;
	background-color: #f5f5ff;
	width: 200px;
	height: 150px;
}

#toggler {
	margin-top: 20px;
	padding: 0;
	width: 9px;
	height: 20px;
	float: right;
}

/* scrollbar */

.scrollbar-vert {
	background-color: #f5f5ff;
	width: 10px;
	float:left;
}

.scrollheight-port {height: 100%;}
.scrollheight-inner {height: 126px;}

.handle-vert {
	height: 60px;
	width: 10px;
	/*background: url(img/handle.gif) no-repeat;*/
	background-color: #3976b7;
}

/* logo */

#header {
    margin: 0;
    padding: 30px 0 0 0;
    width: 100%;
    height: 80px;
}

#topline {
    margin: 0;
    padding: 11px 0 0 350px;
    background-image: url(../img/topline.png);
    height: 24px;
    max-width: 100%;
}

#logo {
    margin: 0 0 0 102px;
    padding: 0;
    position: relative;
    top: -40px;
    cursor: pointer;
}

#slogan {
    position: relative;
	margin: 0;
	padding: 0;
	bottom: 45px;
	left: 40px;
}

/* rij 1 */

#contain_row1 {
	margin-top: 20px;
	padding: 0;
	min-width: 830px;
	/*border: solid 1px red;*/
	height: 200px;
}

#menutext {
	margin-left: 60px;
	padding: 13px 20px 12px 20px;
	background-image: url(../img/menutext.png);
	background-repeat: no-repeat;
	width: 360px;
	height: 175px;
	font-weight: bold;
	color: #f5f5ff;
	/*border: solid 1px blue;*/
	float: left;
}

#innertext {
	margin: 0;
	padding: 0;
	width: 350px;
  	height: 131px;
  	overflow: auto;
}

#menutext h2 {
    margin: 0 0 10px 0;
    padding: 0;
    height: 24px;    
}

#menutext ul {
    margin: 0;
    padding: 0;
    list-style-type: none;
    width: 300px;
    /*height: 126px;
    overflow: auto;*/
}

#menutext li {
    margin-bottom: 10px;
    padding: 0;
}

#menutext p {
    margin: 0;
    padding: 0;
}

#menutext a {
  margin: 0;
  padding: 0;
  text-decoration: underline;
  color: #f5f5ff;
}

.texthead {
    font-size: 13px;
    color: #2c4a69;
}

/* button group */

#buttons_frame {
	margin-left: 30px;
	float: left;
}

.button_row {
	position: relative;
	margin: 0;
	padding: 0;
	width: 260px;
	height: 60px;
	/*left: 510px;*/
}	

.button_row a {
  	text-decoration: none;
}

/*#br1 {top: 100px;}*/

#br2 {top: 10px;}

#br3 {top: 20px;}

#bg1, #bg4, #bg7 {z-index: 15;}

#bg2, #bg5, #bg8 {left: 70px;z-index: 10;}

#bg3, #bg6, #bg9 {left: 140px;z-index: 5;}

.button_group {
	margin: 0;
	padding: 0;
	min-width: 60px;
	height: 60px;
	float: left;
	position: absolute;
	/*top: 20px;*/
}

.buttonbegin {
    margin: 0;
    padding: 0;
    width: 5px;
    height: 60px;
    float: left;
}

.button_stretch {
	margin: 0;
	padding: 0;
	background-repeat: repeat-x;
	width: 50px;
	height: 60px;
    float: left;	
	/*top: 20px;*/
}

.button {
	margin: 0;
	padding: 13px 0 0 8px;
	/*background-image: url(../img/buttonfill.jpg);
	background-repeat: no-repeat;*/
	width: 42px;
	height: 47px;
	/*float: left;*/
}

.buttonend {
	margin: 0;
	padding: 0;
	width: 5px;
	height: 60px;
	float: right;
}

.buttontext {
  	margin-top: 20px;
  	padding: 0;
	/*width: 60px;*/
	color: #f5f5ff;
	font-family: segoe ui;
	font-size: 12px;
	font-weight: bold;
	float: left;
}

.bt_blue1{background-image: url(../img/buttonbegin_blue.png);}
.bt_blue2{background-image: url(../img/buttonfill_blue.png);}
.bt_blue3{background-image: url(../img/buttonend_blue.png);}

.bt_pink1{background-image: url(../img/buttonbegin_pink.png);}
.bt_pink2{background-image: url(../img/buttonfill_pink.png);}
.bt_pink3{background-image: url(../img/buttonend_pink.png);}

.bt_green1{background-image: url(../img/buttonbegin_green.png);}
.bt_green2{background-image: url(../img/buttonfill_green.png);}
.bt_green3{background-image: url(../img/buttonend_green.png);}

#menuitems {
	margin: 0 0 0 60px;
	padding: 0;
	list-style-type: none;
	/*width: 200px;*/
	/*height: 300px;*/
	/*border: solid 1px blue;*/
	font-size: 13px;
	font-weight: bold;
	float: left;
}

#menuitems a {
	text-decoration: none;
	color: #f5f5ff;
}

.menuoption {
	margin: 0;
	padding: 9px 15px;
	background-image: url(../img/menuoption.jpg);
	background-repeat: no-repeat;
	width: 170px;
	height: 32px;
	color: #f5f5ff;
}

.optiontext {
	margin: 0;
	padding: 0;
	vertical-align: top;
}

/* rij 2 */

#contain_row2 {
	margin-top: 25px;
	padding: 0;
	min-width: 830px;
	/*border: solid 1px red;*/
	min-height: 200px;
}

#newsblock {
    margin-left: 60px;
    padding: 0;
    width: 400px;
    min-height: 61px;
    float: left;
}

#newsheader {
    margin: 0;
    padding: 15px 20px 1px 20px;
    background-image: url(../img/newstop.png);
    width: 360px;
    height: 24px;
    color: #f5f5ff;
    font-weight: bold;
}

#newsheader a {
    text-decoration: none;
    color: #f5f5ff;
}

#newslist {
    margin: 0;
    padding: 5px 20px 0 20px;
    background-image: url(../img/newsfill.png);
    background-repeat: repeat-y;
    width: 360px;
    min-height: 40px;
}

#newsbottom {
    margin: 0;
    padding: 0;
    background-image: url(../img/newsbottom.png);
    width: 400px;
    height: 20px;
}

.item {
    margin: 0;
    padding: 10px 0;
    border-top: dotted 2px #f5f5ff;
}

.item a {
    text-decoration: underscore;
    color: #2c4a69;
    font-size: 12px; 
}

.itembottom {
    margin: 0;
    padding: 0;
    border-top: dotted 2px #f5f5ff;
}
  
#date {
	margin-left: 100px;
	padding: 0;
	/*background-image: url(datum.jpg);*/
	width: 130px;
	height: 130px;
	float: left;
}

/* dockmenu  */

#dockmenu {
  margin-left: 60px;
  padding: 10px 20px;
  background-image: url(../img/bottompage.png);
  width: 590px;
  height: 10px;
  /*color: #f5f5ff;*/
  position: fixed; 
  bottom: 0;  	
  left:0;
  z-index: 20;
}

/* mootools tooltip  */

.tip {
	padding: 5px;
	width:200px;
	font-family:segoe ui,tahoma,arial;
	font-size: 11px;
	text-align: left;
	background-color: #e8f0f8;
	border: solid 2px #c9d1d7;
}

.tip p {
	margin: 0;
	padding: 0;
}

.tip-text {
	color:#000;
	padding:10px 30px 20px 50px;
}


/* contact formulier */

.contactveld {
	width: 150px;
	font-family: Segoe UI, Tahoma, Geneva, sans-serif;
	font-size: 11px;
}

.contact_opmerking {
	font-family: Segoe UI, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	width: 150px;
	height: 60px;
}
.contact_verstuurknop, .contact_reset {
	font-family: Segoe UI, Tahoma, Geneva, sans-serif;
	font-size: 11px;
	height: 25px;
	width: 75px;
	color: #f5f5ff;
	background-color: #63A5EF;
}

/* Downloads */

#downloads a, a:link , a:visited {
	text-decoration: none;
}

#downloads li {
	margin-top: 10px;
}

/* bestandstypen attributen */

a[href$=".pdf"] {  
    background: url(../icons/pdf.gif) no-repeat left 50%;  
    padding: 2px 0 2px 20px;  
}