/**
*	Copyright 2006 MediaMonks Multimedia Holding B.V., All Rights Reserved.
*
*	IDLegal/stylesheet [screen]
*
*	@version	1.0
*	@date		19-10-2006
*	@author		Tim Rijkse <tim2@mediamonks.com>
*/

* {
	margin:						0;
	padding:					0;
	border:						0;
	font-family: 				Verdana, sans-serif;
}

body {
	background-color:			#121D23;
}

h1 {
	font-size: 					12px;
	font-weight:				bold;
	color:						#000;
	margin-bottom:				20px;
}

.content h1 {
	margin-bottom:				3px;
}

h2 {
	height:						auto;
	border-left:				20px solid #00ADEF;
	padding:					3px 5px 3px 5px;
	font-size: 					12px;
	font-weight:				bold;
	color:						#FFF;
	background-color:			#000;
	margin-top:					35px;
}

p {
	line-height:				15px;
	font-size:					10px;
	color:						#000;
	margin-bottom:				20px;
}

p.bold {
	color:						#FFF;
	margin-bottom:				15px;
}

p.date {
	font-size: 					10px;
	font-weight:				bold;
	color:						#7C7C7C;
	margin-bottom:				20px;
}

p.smallbold {
	line-height:				15px;
	font-size: 					10px;
	font-weight:				bold;
	color:						#000;
	margin-bottom:				20px;
}
.blue
{
	color: #388DCC;	
}
a {
	color:						#00AFEE;
	text-decoration:			none;
}
a:hover {
	text-decoration:			underline;
}

a.pdf {
	display:					block;
	height:						30px;
	background:					url(../images/bg_a_pdf.jpg) no-repeat;
	font-size: 					10px;
	color:						#00AEED;
	text-decoration:			none;
	font-weight:				bold;
	margin-bottom:				10px;
	padding-left:				40px;
}
a:hover.pdf {
	text-decoration:			underline;
}

a.print {
	position:					absolute;
	top:						15px;
	left:						0;
	display:					block;
	width:						100px;
	height:						15px;
	padding:					5px 0 0 30px;
	background:					url(../images/bg_a_print.jpg) no-repeat;
	font-size: 					10px;
	color:						#8C8C8C;
	text-decoration:			none;
}
a:hover.print {
	text-decoration:			underline;
}

img.logo {
	position:					absolute;
	top:						57px;
	left:						-30px;
}

img.imgmargin {
	margin-bottom:				10px;
}

.spacer {
	clear:						both;
}
	
.header {
	background:					#121D23 url(../images/bg_header.jpg) no-repeat top center;
	height:						219px;
}

.dottedline {
	background:					url(../images/bg_dottedline.jpg) repeat-x;
	height:						1px;
	margin-bottom:				18px;
	font-size:					1%;
}

.blueline {
	width: 						140px; 
	height: 					1px; 
	padding:					0;
	margin-top:					15px;
	margin-bottom:				20px;
	font-size: 					1%; 
	border-bottom: 				1px solid #00ADEF;
}

img.print_logo
{
	display: none;	
}

.header .wrapper {
	position:					relative;
	width: 						760px;
	height:						219px;
	margin:						0 auto;
}

.header .wrapper ul.language {
	position:					absolute;
	top:						15px;
	left:						300px;
	list-style-type:			none;
}

.header .wrapper ul.language li {
	float:						left;
	width:						15px;
	margin-right:				10px;
}

.header .wrapper ul.adres,
.footer .wrapper ul.adres {
	position:					absolute;
	top:						15px;
	right:						150px;
	list-style-type:			none;
}

.header .wrapper ul.adres li,
.footer .wrapper ul.adres li {
	font-size:					9px;
	color:						#FFF;
}

.header .wrapper ul.telefoon,
.footer .wrapper ul.telefoon {
	position:					absolute;
	top:						15px;
	right:						0;
	list-style-type:			none;
}

.header .wrapper ul.telefoon li,
.footer .wrapper ul.telefoon li {
	font-size:					9px;
	color:						#FFF;
}

#content {
	background-color:			#FFF;
}

.content {
	width: 						760px;
	margin:						0 auto;
	padding-top:				30px;
	padding-bottom:				30px;
}

.greybox {
	float:						left;
	padding:					30px;
	background-color:			#F1EDE2;
}

.home .greybox {
	width:						305px;
}

.cv .greybox,
.trackrecord .greybox,
.contact .greybox {
	width:						280px;
}

.cv .greybox .date,
.trackrecord  .greybox .date,
.contact  .greybox .date {
	margin-top:					15px;
	margin-bottom:				0;
}

.cv .left,
.trackrecord .left,
.contact .left {
	float:						left;
	width: 						180px;
	margin-right:				30px;
}

.cv .left h1,
.trackrecord .left h1,
.contact .left h1 {
	margin-bottom:				15px;
}

.cv .left p,
.trackrecord .left p,
.contact .left p {
	font-size: 					12px;
	font-weight:				bold;
	margin-bottom:				15px;
}

.cv .left p.small,
.trackrecord .left p.small,
.trackrecord .left p.smallbold
 {
	font-size:					10px;
}

.cv .left p.grey,
.trackrecord .left p.grey
{
	font-size: 					10px;
	color:						#848484;
	margin:						0;
}

.cv .left img,
.trackrecord .left img {
	margin-bottom:				15px;
}

.cv .right,
.trackrecord .right,
.contact .right {
	float: 						left;
	width:						180px;
	margin-left:				30px;
}

.contact .right {
	position:					relative;
	width:						165px;
}

.error1,
.error2,
.error3,
.error4 {
	position:					absolute;
	color:						#F00;
	font-size:					10px;
	font-weight:				normal;
}

.error1 {
	top:						182px;
}

.error2 {
	top:						385px;
}

.error3 {
	top:						540px;
}

.error4 {
	top:						438px;
}

.cv .right .bluelink,
.trackrecord .right .bluelink,
.right .trackrecord,
.greybox .bluelink {
	position:					relative;
	border-bottom: 				1px solid #00ADEF;
	margin-top:					20px;
	margin-bottom:				30px;
	height:						15px;
}

.cv .right .bluelink p,
.right .trackrecord p.bluelink,
.right .trackrecord p,
.greybox .bluelink p {
	position:					absolute;
	right:						0px;
	bottom:						-1px;
	width:						70px;
	background: 				#00ADEF;
	margin:						0;
	padding: 					0px;
	text-align:					center;
}

.cv .right .bluelink a,
.trackrecord .right .bluelink a,
.right .trackrecord a,
.greybox .bluelink a {
	color:						#FFF;
	font-weight:				bold;
	text-decoration:			none;
}

.cv .right p,
.trackrecord .right p {
	margin-top:					25px;
	margin-bottom:				5px;
}

.specialismen .left {
	float:						left;
	width:						365px;
	margin-right:				30px;
}

.specialismen .right {
	float:						left;
	width:						365px;
}

.specialismen h2,
.contact h2 {
	margin-top:					0;
}

.specialismen p {
	margin-top:					10px;
	margin-bottom:				0;
}
div.spec_link
{
	position: absolute;
	bottom: -1px;
	right: -1px;
	width : 85px;
	height: 14px;
	background-color: #00ADEF;	
	text-align: center;
}
div.spec_link,
div.spec_link a:link,
div.spec_link a:visited,
div.spec_link a:active,
div.spec_link a:hover
{
	font-family: verdana, arial;
	font-size: 10px;
	font-weight: bold;
	color: #FFF;
	text-decoration: none;
}
.cv h2 {
	margin-top:					0;
}

.trackrecord h1,
.trackrecord h2 {
	margin-top:					0;
	margin-bottom:				25px;
}

.trackrecord .greybox img {
	margin-bottom:				25px;
}

.trackrecord .right .blueline {
	width:						100%;
}

.trackrecord .left ul {
	list-style-type:			none;
	font-weight:				bold;
	font-size:					12px;
}

.trackrecord .left ul li {
	margin-bottom:				15px;
}	

.home .right {
	float: 						left;
	width:						365px;
	margin-left:				30px;
}

.contact .left .contactbox {
	width:						145px;
	margin-bottom:				15px;
	padding:					25px 20px 15px 15px;
	background-color:			#000;
}

.contact .left .contactbox p.padding {
	padding-left:				15px;
}

.contact .left .contactbox p.name {
	font-size:					12px;
	font-weight:				bold;
	margin-bottom:				15px;
	padding-left:				15px;
}

.contact .left .contactbox p.nummers {
	margin-top:					15px;
}

.contact .left .contactbox p.email {
	font-weight:				bold;
	margin-top:					15px;
	padding-left:				15px;
}

.contact .left .contactbox p {
	color:						#FFF;
	font-size:					10px;
	font-weight:				100;
	margin-bottom:				0;
}

.contact .greybox .form input,
.contact .greybox .form textarea {
	font-family: verdana, arial;
	font-size: 10px;
	width: 278px;
	border: 1px solid #C3C1B5;
	margin-bottom: 10px;
	padding: 2px 0 2px 3px;
}
.contact .greybox .form textarea {
	height: 60px;	
}
.contact .greybox .formbuttons
{
	text-align: right;
}
.contact .greybox .form input.submitbut
{
	display: inline;
	font-size: 10px;
	font-weight: bold;
	border: none;
	color: #FFF;
	width: 93px;
	margin-right: 11px;
	background-color: #00ADEF;
	cursor: pointer;
}
.contact .greybox .form input.resetbut
{
	display: inline;
	font-size: 10px;
	font-weight: bold;
	border:	none;
	color: #FFF;
	width: 65px;
	background-color: #000;
	cursor: pointer;
}
.contact .greybox .form input#zipcode
{
	width: 75px;
	margin-right: 10px;
}
.contact .greybox .form input#residence
{
	width: 190px;
	margin-right: 0;
}
.contact .greybox .form p {
	margin-bottom:				3px;
	color:						#929290;
}
.contactgrey 
{
	color: #929290;
	font-size: 9px;
}	

.contact .greybox p span,
.contact .greybox .form p span {
	color:						#F00;
}

.blackbox {
	position:					relative;
	height:						69px;
	margin-bottom:				15px;
	border:						1px solid #000;
	background-color:			#000;
}

.blackbox p {
	color:						#FFF;
	margin:						10px 10px 0 150px;
	padding:					0;
}

.blackbox img {
	position:					absolute;
	top: 						0;
	left:						0;
}

.footer {
	height:						75px;
	background-color:			#121D23;
}

.footer .wrapper {
	position:					relative;
	width:						760px;
	background-color:			#121D23;
	margin:						0 auto;
}

.footer .wrapper a {
	position:					absolute;
	top: 						15px;
	left: 						0;
	font-size:					9px;
	color:						#FFF;
}

.mainnav {
	position:					absolute;
	top:						145px;
	right:						2px;
	height:						30px;
	width:						477px;
}

.mainnav a,
.mainnav div.btn1,
.mainnav div.btn2,
.mainnav div.btn3,
.mainnav div.btn4,
.mainnav div.btn5 {
	position: relative;
	padding: 6px 0 0 0;
	margin: 0 0 0 1px;
	height: 24px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #838383;
	text-align: center;
	display: block;
	float: left;
	background-position: top left;
	background-repeat: no-repeat;
}
.mainnav a:hover,
.mainnav div.btn1,
.mainnav div.btn2,
.mainnav div.btn3,
.mainnav div.btn4,
.mainnav div.btn5 {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-position: top right;
}
.mainnav a.btn1,
.mainnav div.btn1 {
	width:	66px;
	background-image: url(../images/btn/btn_1_bg.jpg);
}
.mainnav a.btn2,
.mainnav div.btn2 {
	width:	100px;
	background-image: url(../images/btn/btn_2_bg.jpg);
}
.mainnav a.btn3,
.mainnav div.btn3 {
	width:	115px;
	background-image: url(../images/btn/btn_3_bg.jpg);
}
.mainnav a.btn4,
.mainnav div.btn4 {
	width:	109px;
	background-image: url(../images/btn/btn_4_bg.jpg);
}
.mainnav a.btn5,
.mainnav div.btn5 {
	width:	79px;
	background-image: url(../images/btn/btn_5_bg.jpg);
}
#noticenav .btn1,
#noticenav .btn2,
#noticenav .btn3,
#noticenav .btn4,
#noticenav .btn5,
{
	padding-top: 3px;	
}
body
{
	height:100%; 
}

div#overlay
{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:#000000;
	color:#FFFFFF;
	filter:alpha(opacity=85);
	opacity: 0.85;
	-moz-opacity:0.85;
	z-index:10;
}

div#notice
{
	position:absolute;
	top:0px;
	left:0px;
	width:379px;
	height:210px;
	font-size:11px;
	z-index:50;
}

div#notice img
{
	position:relative;
	top:0px;
	left:0px;
	z-index:20;
}

div#notice div#text
{
	position:absolute;
	top:0px;
	left:0px;
	width:314px;
	height:41px;
	padding:0px 0px 0px 65px;
	background-color:#000000;
	color:#FFFFFF;
	font-size:10px;
	z-index:15;
	line-height:14px;
}

div#notice span.header
{
	color:#00AEEF;
	font-size:12px;
	font-weight:bold;
}

div#notice div#noticenav
{
	position:absolute;
	top:69px;
	left:42px;
}

div#noticenav a 
{
	position: relative;
	padding: 0px 0 0 24px;
	margin: 0px 0px 4px 1px;
	height: 20px;
	width:313px;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #838383;
	display: block;
	background-color:#000000;
	background-image: url(../images/btn/btn_notice_bg.gif);
	background-position: top left;
	background-repeat: no-repeat;
	filter:alpha(opacity=100);
	opacity: 1;
	-moz-opacity:1;
}

div#noticenav a:hover {
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	color: #FFFFFF;
	background-image: url(../images/btn/btn_notice_over_bg.gif);
}
.disclaimer h1 {
	font-size:				14px;
	margin-bottom:			25px;
}

.disclaimer p {
	font-size:				12px;
	margin-bottom:			15px;
	line-height:			20px;
}

.disclaimer span {
	margin-right:			15px;
	font-weight:			bold;
}