/* CSS Document */

body {
	font-family:			Helvetica,Arial,Verdana,sans-serif;
	font-size:				12px;
	color:					#FFFFFF;
	line-height: 			18px;
	background-color:		#106370;
	text-align: 			center;
	margin:					0 auto auto auto;
	}
	
img { border:none; }
#voorwaarden { position:absolute; display:inline; left: 669px; top: 102px; }

/*		ARTIEKEL TABLES		*/

.homecase { display:none; width:254px; height:57px; margin-bottom:10px; }
.homecase img { float:left; margin-right:10px; }
.homecase p { font-size: 11px; }

.bl_recent {background: url(../images/extra/bl.gif) 0 100% no-repeat #0d4f5a; width: 275px; height:auto;}
.bl_oprichters {background: url(../images/extra/bl.gif) 0 100% no-repeat #0d4f5a; width: 768px;}
.bl_portfolio {background: url(../images/extra/bl.gif) 0 100% no-repeat #0d4f5a; height:310px;}
.bl_klanten {background: url(../images/extra/bl.gif) 0 100% no-repeat #0d4f5a; width: 479px;}
.bl_bureaus {background: url(../images/extra/bl.gif) 0 100% no-repeat #0d4f5a; width: auto;}
.br_portfolio {background: url(../images/extra/br.gif) 100% 100% no-repeat; height:310px;}
.br {background: url(../images/extra/br.gif) 100% 100% no-repeat;}
.tl {background: url(../images/extra/tl.gif) 0 0 no-repeat;}
.tr {background: url(../images/extra/tr.gif) 100% 0 no-repeat; padding:12px 12px 12px 14px;}
.clear {font-size: 1px; height: 1px; clear:both;} 

.diensten {color:#FFFF00; font-size:15px; font-weight:bold; padding:3px 0px 9px 0px;}
.vacatures {color:#FFFF00; font-size:15px; font-weight:bold; padding:3px 0px 9px 0px;}
.floatleft {float:left; padding-right:5px;}
.floatright {float:right; padding-top:5px; padding-left:10px; padding-bottom:10px;}
.imgborder {border:1px solid white;}
.recenttekst {font-size: 11px; line-height:15px; vertical-align:top; padding-top:2px; padding-left:9px;}
.padleft {padding-left:5px;}

.style1 {font-size: 14px; font-weight: bold;}
.style2 {color: #CCCCCC;}
.style3 {color: #66FFFF}
.style4 {color: #FFFF00}

.style10 {color: #66FFFF}
h1 {font-size:16px; font-weight:bold; color:#66FFFF; margin:0; padding:0px 0px 5px 0px;}
h2 {font-size:16px; font-weight:bold; coloR:#FFFF00; margin:0; padding:0px 0px 5px 0px;}

p {margin: 0px 0px 18px 0px;}

/*		ARTIEKEL TABLES		*/
/*		FORMULIER		*/

#form {
	padding-top:30px;
	}

textarea.solliciteren {
	width: 307px;
	height: 239px;
	}
input.solliciteren {
	width: 145px;
	}
	
input.solliciteren2 {
	width: 303px;
	}
	
textarea.stage {
	width: 237px;
	height: 150px;
	}
	
input.stage {
	width: 232px;
	}
	
select.stage {
	width: 239px;
	}
	
textarea.contact {
	width: 237px;
	height: 120px;
	}
	
input.contact {
	width: 232px;
	}

/*		FORMULIER		*/
/*     LINKS       */
	
a:link {color:#FFFFFF; text-decoration: none;}
a:visited {text-decoration: none; color: #FFFFFF;}
a:hover {text-decoration: none; color:#E7E7E7;}
a:active {text-decoration: none; color: #FFFFFF;}

a.bluelink:link {color:#66FFFF; text-decoration: none; font-weight: bold;}
a.bluelink:visited {text-decoration: none; color: #66FFFF; font-weight: bold;}
a.bluelink:hover {text-decoration: underline; color: #66FFFF; font-weight: bold;}
a.bluelink:active {text-decoration: none; color: #66FFFF; font-weight: bold;}

a.navport:link {color:#66FFFF; text-decoration: none; font-weight: bold;}
a.navport:visited {text-decoration: none; color: #66FFFF; font-weight: bold;}
a.navport:hover {text-decoration: underline; color: #66FFFF; font-weight: bold;}
a.navport:active {text-decoration: none; color: #66FFFF; font-weight: bold;}

a.recentlink:link {color:#FFFF00; text-decoration: none; font-weight: bold;}
a.recentlink:visited {text-decoration: none; color: #FFFF00; font-weight: bold;}
a.recentlink:hover {text-decoration: underline; color: #FFFF00; font-weight: bold;}
a.recentlink:active {text-decoration: none; color: #FFFF00; font-weight: bold;}

/*     LINKS       */
/*		HEADER		*/

#navtop {
	width:					846px;
	height:					40px;
	}
	
#navframe {
	margin: 				0 auto auto 0;
	padding: 				0px;
	background-color: 		#106370;
	}
	
.iframe_navtop {
	width:					100%;
	height:					100%;
	}
/*		HEADER		*/
/*		PORTFOLIO		*/

ul.TickList {
	margin-top:				0px;
	margin-left:			19px;
	padding-left: 			0px;
	list-style-image:		url(../images/03_portfolio/overzicht/tick.gif);
	}
	
.iframe_klanten {
	height:					100%;
	width:					100%;
	} 
	
#klanten {
	margin: 				23px auto auto auto;
	height:					208px;
	width:					auto;
	}
	
#portfolioblok {
	width: 					768px;
	height:					auto;
	}
	
table.1 {
	text-align:				left;
	vertical-align:			top;
	border:					none;
	}
	
td.left {
	width:					344px;
	height:					271px;
	border:					none;
	background-color:		#093840;
	text-align:				center;
	}
	
td.right {
	width:					auto;
	border-style:			solid; 
	border-width:			0px; 
	border-color:			none; 
	text-align:				left;
	vertical-align:			top;
	padding:				0px 0px 0px 13px;
	}
	
.onoff {
	text-align:				left;
	vertical-align:			middle;
	padding-top:			5px;
	}
	
.b0{
	float:					left;
	}

.b1 {
	float:					left; 
	padding-left:			5px;
	}
	
.website {
	color:					#66FFFF;
	font-weight:			bold;
	}
	
#showwork {
	margin-left: 			auto;
	margin-right: 			auto; /*H-centering in complaint browsers*/
	}
	
#navport {
	width:					100%;
	height:					30px;
	text-align:				center;
	}
	
#navtitels {
	width:					auto;
	float:					right;
	margin:					5px 0px auto auto;
	font-family:			Arial, Helvetica;
	font-size:				11px;
	font-weight:			bold;
	}
	
/*		PORTFOLIO		*/

div#container {
	position:				relative;
	margin:					0 auto 0 auto;
	width: 					848px;
	height:					auto;
	text-align:				center;
	border:					none;
	}

div#header {
	position:				relative;
	margin:					0 auto auto auto;
	text-align:				center;
	width:					846px;
	height:					154px;
	border:					none;
	background-image:		url(../images/00_header/header.jpg);
	background-repeat:		no-repeat;
	background-position:	top;
	}

div#nav {
	position:				relative;
	margin:					0 auto auto auto;
	text-align:				center;
	width:					846px;
	height:					70px;
	border:					none;
	}

div#content {
	position:				relative;
	margin:					0 auto auto auto;
	text-align:				left;
	border:					none;
	width:					768px;
	height:					auto;
	border:					none;
	}
	
#wrap {
	position:				relative;
	width:					768px;
	}
	
#tekst {
	width:					auto;
	margin-left: 			3px;
	}
	
#tekst2 {
	width:					auto;
	margin-left: 			3px;
	}
	
#tekst3 {
	width:					auto;
	margin-left: 			0px;
	padding-left:			0px;
	}
	
#left {
	position:				relative;
	float:					left;
	border:					none;
	width:					490px;
	height:					auto;
	}
	
#left2 {
	position:				relative;
	float:					left;
	border:					none;
	width:					768px;
	height:					auto;
	}
	
#right {
	position:				relative;
	float:					right;
	border:					none;
	width:					275px;
	height:					auto;
	}

#recent {
	width:					275px;
	height:					auto;
	margin:					0px;
	padding:				0px;
	}

#under {
	clear:					left;
	border:					none;
	width:					768px;
	height:					auto;
	}
	
#disclaimer {
	border:					none;
	width:					155px;
	height:					auto;
	font-family:			Arial,Verdana,Helvetica,sans-serif;
	font-size:				11px;
	text-align: 			center;
	margin-top:				2px;
	margin-left:			2px;
	}
	
.roundedCorners{
    /* Center */
    left: 50%;
    top: 50%;
    z-index:1;
    /* Shadow */
    padding: 5px 10px 5px 10px;
    /* Rounded Corners */
     -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    behavior: url("./css/border-radius.htc");
    border-radius: 10px;
}