@import url(styles.css);
body {
	margin:0;
	padding:0;
	font-size:11px;
	color:#574C4C;
	font-family:arial, helvetica, sans-serif;
	line-height:17px;
	background:#E1F0F6 url(images/bodybg.png) no-repeat fixed bottom center;
}
#main {
	position:absolute;
	width:980px;
	bottom:0px;
	top:0px;
	left:50%;
	margin:0px 0px 0px -490px;
	padding:0px;
}
/*============== navigatie ==============*/	
#navigatielaag1, #navigatielaag2, #navigatielaag3, #navigatielaag4, #navigatielaag5, #navigatielaag6, #navigatie {
	position:absolute;
	bottom:0;
	background:url(images/navigatiebg.png) no-repeat -512px bottom;
}
#navigatielaag1 {
	width:285px;
	height:216px;
}
#navigatielaag2 {
	width:385px;
	height:186px;
}
#navigatielaag3 {
	width:440px;
	height:156px;
}
#navigatielaag4 {
	width:505px;
	height:126px;
}
#navigatielaag5 {
	width:555px;
	height:96px;
}
#navigatielaag6 {
	width:940px;
	height:20px;
}
#navigatie {
	width:660px;
	height:66px;
	z-index:100;
}
#navigatie ul {
	padding:20px 0 0 10px;
	margin:0;
	background:url(images/logo.png) no-repeat scroll 20px 0px;
}
#navigatie li {
	float:left;
	margin:0px;
	padding:0px;
	list-style:none;
}
#navigatie a:hover {
	background:#E0E815;
}
#navigatie a.activated {
	background:#EBF241;
}
#navigatie a {
	display:block;
	height:15px;
	width:100px;
	padding:7px 12px;
	margin:0;
	text-decoration:none;
	font-size:12px;
	font-weight:bold;
	line-height:normal;
	color:#574C4C;
	border-top:1px solid #6f6142;
	background:#D4DC09;
}
#navigatie ul ul {
	visibility:hidden;
	position:absolute;
	width:150px;
	margin:0;
	padding:0;
	background:none;
	z-index:110 !important;
}
#navigatie ul li:hover ul, #navigatie ul li.hover ul, #navigatie ul a:hover ul, #navigatie ul li.activated ul {
	visibility:visible;
}
#navigatie ul lu li {
	margin:0;
	padding:0;
}
#navigatie ul ul a {
	display:block;
	height:auto;
	border:none;
}
/*============== content ==============*/
#contentcontainer {
	position:absolute;
	overflow:auto;
	width:682px;
	top:0;
	bottom:5px;
	margin:0px 0px 0px 200px;
	padding:40px 20px 20px 60px;
}
#content a {
	color:#574C4C;
}
#content a:hover {
	text-decoration:none;
}
/*============== extra ==============*/
table {
	border-collapse:collapse;
	width:100%;
}
td, th {
	vertical-align:top;
}
h1, h2, h3, small, small a{
	font-style:italic;
	font-weight:bold;
	letter-spacing:1px;
	color:#574C4C;
}
h1 {
	margin:40px 0 0 0;
	font-size:18px;
}
h2 {
	font-size:14px;
	margin-bottom:0;
}
h3 {
	font-size:14px;
}
#home a img{
	opacity:.7;}
	
#home a:hover img{
	opacity:1.0;}
#portfolio ul.portfolio, #portfolio ul.portfolio li{
margin:0;
padding:0;
list-style:none;}

#portfolio h3 {
	background:url(images/portfoliokader.png) no-repeat left top;
	padding:40px 0 20px 80px;
	margin:0 0 0 -20px;
}
div.omschrijving {
	background:url(images/portfoliokader.png) no-repeat left bottom;
	padding:10px 20px;
	margin:0 0 10px -20px;
}
.portfoliolijstcontainer{
	border:1px solid #ccc;
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	behavior: url(layout/PIE.htc);
	padding:10px 14px;
	margin:0 4px 10px -14px;
	background:#fff;
}
.portfoliolijstcontainer th, .portfoliolijstcontainer td{
	text-align:left;
	font-weight:normal;
	padding:5px 0;}
#portfoliolijst{
	display:none;
}
#portfoliolijst ul{
	display:block;
	width:210px;
	margin:0 10px 0 0;
	padding:0;
	float:left;
}
#portfoliolijst ul li {
	margin:0 0 0 14px;
	padding:0;
}
#portfoliolijst a, p.terug a {
	text-decoration:none !important;
	opacity:.7;	
}

#portfoliolijst ul li a:hover, p.terug a:hover{
	text-decoration:none !important;
	opacity:1.0;
}

#portfolio p img.rechts {
	margin:0 10px 10px 20px;
}
hr{
	display:block;
	clear:both;
	visibility:hidden;
}
#portfolio #opvuller {
	display:block !important;
	height:800px;
}
#opvuller {
	display:block !important;
	height:300px;
}
a img {
	border:0px;
}
img.links {
	float:left;
	margin-right:20px;
	border: 1px solid #ccc;
}
img.rechts {
	float:right;
	margin-left:20px;
	border:1px solid #ccc;
}
p.terug {
	font-size:0.8em;
	font-weight:normal;
	margin:15px 10px 0 0;
	padding:0;
	text-align:right;
}

/*============== formulier ==============*/
fieldset {
	margin:0 0 20px -20px;
	padding:20px;
	border:1px solid #CFE0E7;
}
legend {
	border:1px solid #CFE0E7;
	font-weight: bold;
	padding: 4px 10px;
	line-height:1.3em;
	margin: 0;
	background:#fff;
}



form th {
	width:170px;
	font-weight:normal;
	text-align:left;
}
form td, form th {
	vertical-align:top;
	padding:5px;
	line-height:2.5em;
}

#content form thead td,
#content form tfoot td{
	text-align:right;
	padding-right: 13px;
}

input[type=text],textarea, .browse, #FileField{
	float:left;
	margin:2px 5px 2px 0;
	padding:2px;
	font-size:12px;
	border:1px solid #CFE0E7;
	background-color:#fff;
}

td.radiogroup span.invalid,
input[type=text].invalid, 
input[type=password].invalid, 
textarea.invalid {
	background:url(images/required.gif) no-repeat right top;
}

img#captcha{
	margin:7px 0 0 0;
	border:1px solid #b3c2c8;}
input#captcha_code{
	width:200px;	
}

input[type=text][validator].valid{
	background: #FFFFFF url(images/valid.png) right center no-repeat;
}

input.adrnum,
input.adrchr,
input[name=adrnum],
input[name=adrchr]{
	width:50px;
}

input.zipcode,
input.phone,
input.sm_amount,
input[name=zipcode],
input[name=phone],
input[name=sm_amount]{
	width:110px;
}

input.sm_amount,
input[name=sm_amount]{
	text-align:right;
}

input[name=sm_amount].valid{
	padding-right:20px;
}

input[name=username],
input[name=password]{
	width:180px;
}
input[name=address]{
	width:207px;
}

input[name=initials],
input[name=middlename],
input[name=lastname],
input[name=bedrijf],
input[name=city],
input[name=email],
input[name=sm_title],
input[name=sm_descript],
input.initials,
input.middlename,
input.lastname,
input.bedrijf,
input.city,
input.email,
input.sm_title,
input.sm_descript{
	width:330px;
}

textarea {
	width:545px;
	height:200px;
	overflow:auto;
}

#content form select {
	font-size:100%;
	border:1px solid #838383;
}



label.required{
	padding-right:8px;
	background:url(images/required.gif) no-repeat right top;
}

em.required{
	font-style:normal;
	background:url(images/required.gif) no-repeat right top;
	padding-right:8px;
}

#content input:focus, 
#content textarea:focus{
	background:#fff;
	color:#000;
	border:1px solid #838383;
}

input:focus, 
textarea:focus {
	background:#fff;
	color:#000;
}

input[type=submit],
a.knop {
	padding:3px 10px;
	margin:0 0 0 12px;
	text-align:center;
	border:1px solid #393a3b !important;
	background :#ccc;
}

input[disabled],
input[disabled]:hover{
	border:1px solid #ccc !important;
	background :#eee !important;
	cursor:default !important;
}

input[type=submit]:hover,
a.knop:hover{
	background: #fff;
	border:1px solid #838383;
	cursor:pointer;
	cursor:hand;
}