/* een zooi padding en borders weghalen */
html, body, form, img, fieldset, table, td, div 
{ margin: 0; padding: 0; border: 0; }

/* general */
html, body, td, div
{ 
	font-family: Verdana, Arial; 
	color: #17263E; 
	font-size: 11px; 
}
html, body {
	height: 100%;
}
body {
	background-color: #17263E; 
	background-image: url("../img/bg/bg.jpg"); 
	margin: 0 auto;
}
a, a:link, a:visited  { color: #F48A0E; text-decoration: none; }
a:hover, a:active { color: #17263E; text-decoration: none; }

table.formulier td {
	text-align: left;
	vertical-align: top;
}

/* input */
input, textarea, select {
	font-family: verdana;
	font-size: 11px;
}
select, textarea, input[type=text] {
	border: 1px solid #17263E;
	background-color: #E8E9EC;
	width: 300px;
	margin: 2px;
}
textarea {
	height: 150px;
}

/* layout */
#ct {
	position: relative;
	background-image: url("../img/bg/ctbg.png"); 
	width: 820px;
	margin: 0 auto;
	min-height: 100%;
	height:auto !important;
  	height: 100%;
}
#ct2 {
	margin: 0 20px;
}
#top {
	height: 75px;
	position: relative;
}
#top .logo {
	position: absolute;
	left: 20px;
	top: 14px;
}
#menu {
	height: 26px;
	background-image: url("../img/bg/menu.jpg");
	position: relative;
}
#menu a {
	float: left; 
	display: block;
	padding: 6px 5px 0 5px;
	margin: 0 10px 0 5px;
	height: 20px;
	font-weight: bold;
	font-size: 10px;
	text-decoration: none; 
	color: #FFF;
}
#menu a.active {
	height: 17px;
	border-bottom: 3px solid #F48A0E;
}
#menu a:hover {
	height: 17px;
	border-bottom: 3px solid white;
}
#menuclr {
	width: 5px; height: 5px; clear: both; position: absolute; top: 0; right: 0;
}
#header {
	height: 110px;
	background-image: url("../img/bg/header.jpg");
}
.h20 {
	height: 20px;
	clear: both;
}
#cols {
	line-height: 140%;
}
#col1 {
	float: left;
	width: 502px;
	margin: 0 28px 0 0;
}
#col2 {
	float: left;
	width: 250px;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 230px;
	padding: 3px;
}

/* headers */
h1, h2, h3 {
	
	display: block;
	border-bottom: 2px solid #F48A0E;
	padding: 0 4px 4px 4px;
	margin: 0 0 5px 0;
}
h1 { font-size: 16px; }
h2 { font-size: 13px; }
h3 { font-size: 11px; padding: 0 3px 2px 3px; border-bottom: 1px solid #F48A0E; }

/* styles */
.block {
	background-image: url('../img/bg/block.jpg');
	border: 1px solid #CECBCB;
	margin-bottom: 20px;
}
.block p {
	padding: 10px;
	margin: 0;
}
.block h2 {
	display: block;
	margin: 0 0 3px 0;
	border: 0;
	padding: 5px; 
	background-color: #19253E;
	font-size: 11px;
	font-weight: bold;
	color: white;
}


#portfolioslide img {
	border: 1px solid #17263E;
}

/* portfolio picker styling */
#projectpicker a {
	display: block;
	color: #F48A0E;
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid #CECBCB;
	background-color: #F3F3F3;
}
.normal {
	display: block;
	color: #F48A0E;
	padding: 3px 3px 3px 10px;
	border-bottom: 1px solid #CECBCB;
	background-color: #F3F3F3;
}
.selected {
	background-color: #17263E;
	color: #FFFFFF;
	padding: 10px 3px 10px 10px;	
}