html {
  height: 100%;
  padding: 0px ;
  margin-right: auto;
  margin-left: auto;
  overflow: -moz-scrollbars-vertical;
  overflow-y: scroll;
  
} 



body {
   font-family: Verdana, sans-serif;
   color: #000000;
   font-size: 0.70em;
   margin: 0px;
   padding: 0px;
   line-height: 140%;
   background-color:#ffffff;   
}

/* posities containers  */

.wrapper { float: left; }

/* header  */

.main_wrapper { 
    width             : 990px; 
   	margin            : auto ; 
	position          : relative;
}

.con_header { 
    position          :relative; 
	width             :980px; 
	height            :138px; 
	background-image  :url("../images/bkg_header.jpg");background-repeat :no-repeat; background-position: 10px 10px;
	margin-bottom     :10px; 		
	}	
	
.con_logo { 
    position          : relative;
	float             : left;
	margin            : 30px 10px 10px 27px; 
	width             : 150px;	
	height            : 65px; 
	}
	
.con_sitewide { 
    position          : relative;
	margin            : 12px 10px 0px 10px; 
	float             : right; 
	width             : 700px;	
	height            : 20px; 
	}	

.con_sitewide ul { 
  	color             : #ffffff;	
	float             : right;
	margin            : 4px;
	}
	
.con_sitewide ul li { 
    display           : inline;
	list-style-type   : none;		
	}	
	
.con_sitewide ul li img {display: inline; margin: 0px;}	

	
.con_mainmenu { 
    position          :relative; 
	width             :940px;
	margin            :9px 0px 0px 38px; 	
	height            :24px; 
	float             :left;
	}
	
.mainmenu-left, .mainmenu-middle, .mainmenu-right {float: left;}
.mainmenu-middle {margin: 0px 30px 0px 50px;}


/* body  */

.wrapper_content    { width: 1000px;	float: left  ; background-color :#ffffff; }

.con_left     { 
    position          :relative;
	width             : 225px;	
	height            : 590px;
	float             : left  ; 
	background-image  :url("../images/bkg-menuleft.jpg");background-repeat :no-repeat;	
	}
	
.vico-ani     { 
    position          :relative;
	width             : 100px;
	height            : 100px;
	margin            : 40px 60px 60px 60px; 
	float             : left  ; 
	}
	
.info a{color :#359e92;}
.info a:hover{color :#ffffff;}
.info, .adres     { 
    position          :relative;
	font-weight       : bold; 
	font-size         : 0.85em;
	width             : 170px;
	float             : left  ; 
	}
	
.info        { color :#359e92;	width: 170px;	margin: 300px 10px 10px 25px; padding-top:5px; border-top: 1px solid #359e92; }

	
.con_right   { position :relative; width: 772px; float: left  ; background-color :#ffffff; }

.con-box-large {  width: 770px; float: left  ; background-color :#ffffff; margin-top: 14px; }
.box-large-top { background-image  :url("../images/bkg-frame-top-large.gif");background-repeat :no-repeat; width: 771px; float: left  ;  }
.box-large-middle { background-image  :url("../images/bkg-frame-middle-large.gif");background-repeat :repeat-y; width: 771px; float: left  ; }
.box-large-bottom { background-image  :url("../images/bkg-frame-bottom-large.gif");background-repeat :no-repeat; width: 771px; height:20px; float: left   ;}

   .top-box-top                   { margin: 0px 30px 0px 35px; color: #000000;}
   .top-box-top strong            { color: #5a5a5a;}
   .top-box-top h1                { color : #000000 ;font-size : 1.4em; margin: 0px 0px 12px 0px; }
   .top-box-left, .top-box-body   { margin: 0px 0px 0px 0px; float: left;}
   .top-box-left                  { margin: 10px 20px 0px 10px; float: left;}
   .top-box-body-text             { margin: 10px 30px 0px 35px; float: left; display: block; }
   .top-box-top img               { float: right; text-align: left;}
   .top-box-body ul               { line-height       : 140%;}
   .top-box-right                 { margin: 10px 0px 0px 5px; width: 150px; float: left;}   
   
.con-3boxes-top { float: left; background-image :url("../images/bkg-3boxes-top.gif"); background-repeat :no-repeat;  width : 770px;}   

.con-box-messenger, .con-box-coaching, .con-box-examiner { width: 245px;  float: left; margin-right: 5px; margin-left: 5px}	
.con-box-messenger h1, .con-box-examiner h1, .con-box-coaching h1 { color : #000000 ;font-size : 1.2em; margin: 40px 10px 15px 90px; }	
.con-box-messenger p, .con-box-examiner p, .con-box-coaching p { margin: 0px 10px 10px 90px; width: 135px; }	

.con-box-middle          { margin-left: 5px; width: 220px;}
.con-box-messenger ul    { color : #ca531f;	}
.con-box-coaching ul     { color : #438098;	}
.con-box-examiner ul     { color : #a641b5;	}
.con-box-messenger ul li span, .con-box-coaching ul span, .con-box-examiner ul span { color : #000000;	}
.con-box-messenger img, .con-box-coaching img, .con-box-examiner img { margin-left: 12px;	}

.con-3boxes-bottom { float: left; background-image :url("../images/bkg-3boxes-bottom.jpg");background-repeat :no-repeat; height: 30px; width: 770px; }
.fotoleft {margin-left: 30px;}
/* algemene definities  */
.con_sitewide a:link, .con_sitewide a:visited, .con_sitewide a:active { color: #e8dafa; text-decoration:none; font-weight: bold; font-size: 0.85em;}
.con_sitewide a:hover {color: #ffffff; }

.info a:link, .info a:visited, .info a:active { color: #ffffff; text-decoration:underline; font-weight: bold;}
.info a:hover {color: #359e92; }

.adres a:link, .adres a:visited, .adres a:active { color: #359e92; text-decoration:underline; font-weight: bold;}
.adres a:hover {color: #ffffff; }

a:link              { color : #b704b1 ;text-decoration : underline;}
a:visited           { color : #b704b1 ;text-decoration : underline;}
a:active            { color : #b704b1 ;text-decoration : underline;}
a:hover             { color : #62a602 ;text-decoration : underline;}



h1                  { color : #b704b1 ;font-size : 1.2em;  }
h2                  { color : #a2a2a2 ;font-size : 1.5em;  }

img                 { border      : 0px ; }

hr { color: #c6c6c6; background-color: #c6c6c6; height: 1px; width: 100%;}

/* form  */

.con_form { width: 480px; float: left;}
.img-form-left { width: 120px; margin: 0px 10px 10px 70px; float:left;}


.label {
   width       : 167px;
   float       : left;
   padding     : 0px;
   margin      : 0px;
   font-weight : bold;
}
.field {   width   : 307px; float   : left; padding : 0px;  margin  : 0px 0px 0px 0px;}
input.small    {   width  : 70px; }
input.medium   { width    : 218px;}
input.large    {  width   : 300px;}

input.large, input.medium, input.small {height  : 19px;  line-height : 19px;  margin  : 0px 5px 10px 0px;   padding : 0px;}

textarea.large {   width : 455px;   padding: 5px;   border : 1px solid #c6c6c6; }

.txt-form-field { margin-bottom: 5px; float: left;    width   : 470px;}

input {border : 1px solid #c6c6c6;}

.but-submit { margin  : 5px 5px 0px 0px;}