/* Webstores Internet & Automatisering */
/* Laatste update: 10 mei 2010 */

#complete {
	display: none;
}

h2.formulier {
	color:#FF3700;
	padding-top: 10px;
}

body{
	margin:0px;
	margin-top:10px;
	margin-bottom:10px;
	background-image:url(../img/bg-site.jpg);
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;	
	}	

/* Layout */
#wrapper{
	background-image:url(../img/bg-body.jpg);
	background-position:center;
	}
#margin{
	width:800px;
	margin:auto;
	background-image:url(../img/bg-metafoor.jpg);
	background-position:10px bottom;
	background-repeat:no-repeat;
	border-bottom:10px solid #F5F5F5;
	}	

/* Navigatie */
#nav-box{
	float:left;
	width:186px;
	}
ul.nav, li.nav, ul.sub-nav, li.sub-nav{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-weight:bold;
	}
li.nav a, li.nav-on a{
	color:#FFFFFF;
	}
li.nav a{
	display:block;
	width:170px;
	background-image:url(../img/bg-nav-off.jpg);
	padding-top:6px;
	padding-bottom:6px;
	padding-left:16px;
	margin-bottom:1px;
	}
li.nav-on a{
	display:block;
	width:170px;
	background-image:url(../img/bg-nav-on.jpg);
	padding-top:6px;
	padding-bottom:6px;
	padding-left:16px;
	margin-bottom:1px;
	}
li.nav a:hover, li.nav-on a:hover{
	background-image:url(../img/bg-nav-on.jpg);
	color:#FFFFFF;
	text-decoration:none;
	}
ul.sub-nav a, li.sub-nav a{
	color:#003366;
	}
ul.sub-nav-on a, li.sub-nav-on a{
	color:#999999;
	}
ul.sub-nav, ul.sub-nav-on{
	background-image:url(../img/bg-sub-nav.jpg);
	background-repeat:no-repeat;
	padding-top:3px;
	padding-bottom:3px;
	}
li.sub-nav, li.sub-nav-on{
	padding-left:16px;
	}
li.sub-nav a:hover, li.sub-nav-on a:hover{
	color:#003366;
	}
.banner{
	margin-top:10px;
	padding-left:8px;
	padding-right:8px;
	}

/* Content */
#content{
	margin-left:196px;
	padding-top:10px;
	padding-right:10px;
	padding-left:5px;
	}
a{
	color:#FF3700;
	text-decoration:none;
	}
a:hover{
	color:#FF3700;
	text-decoration:underline;
	}
h1{
	color:#FF3700;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	font-size:24px;
	margin-top:15px;
	margin-bottom:10px;
	}
h2, h3{
	color:#003366;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-weight:normal;
	}
h2{
	font-size:16px;
	margin-top:0px;
	margin-bottom:10px;
	}
h3{
	font-size:14px;
	font-weight:bold;
	line-height:20px;
	margin-top:20px;
	margin-bottom:0px;
	}
p, ul, li, blockquote, table, tr, td{
	color:#003366;
	font-size:11px;
	line-height:16px;
	}
img{
	margin-right:10px;
	margin-bottom:10px;
	}
p.pay-off{
	margin-top:20px;
	margin-bottom:5px;
	color:#666666;
	font-size:11px;
	font-weight:bold;
	}
p.mission{
	margin-top:0px;
	color:#814E29;
	font-size:9px;
	line-height:13px;
	font-style:italic;
	}
p.mission a{
	color:#814E29;
	}


/* Breadcrumbs */
ul.breadcrumb, li.breadcrumb{
	list-style-type:none;
	margin:0px;
	padding:0px;
	font-size:10px;
	display:inline;
	}
li.breadcrumb a{
	color:#666666;
	padding-right:15px;
	margin-right:5px;
	background-image:url(../img/bg-breadcrumb.gif);
	background-repeat: no-repeat;
	background-position: right 3px;	
	}	
li.breadcrumb a:hover{
	color:#666666;
	}
li.last a{
	background-image:none;
	}	

/* Service */		
p.service{
	margin-top:20px;
	text-align:center;
	color:#666666;
	}
p.service a{
	color:#666666;
	}
p.service a:hover{
	color:#003366;
	}

/* Header */
#header{
	background-image:url(../img/marge.gif);
	background-position:bottom;
	background-repeat:no-repeat;
	padding-bottom:20px;
	width:800px;
	height:200px;
	}
.logo{
	float:left;
	width:176px;
	height:190px;
	background-image:url(../img/logo-woukosnijder.jpg);
	background-repeat:no-repeat;
	border-top:10px solid #F5F5F5;
	border-left:10px solid #F5F5F5;
	}
.address{	
	font-size:10px;
	line-height:15px;
	color:#FFFFFF;
	font-weight:bold;
	padding-left:10px;
	padding-top:90px;
	}
.address a{
	color:#FFFFFF;
	}

div#slideshow-container{
	float:left;
	/*overflow: hidden;*/
	position: relative;
	width:594px;
	height:190px;
	/*background-image:url(../vis/visual-1.jpg);*/
	/*background-repeat:no-repeat;*/
	border-top:10px solid #F5F5F5;
	border-left:10px solid #F5F5F5;
	border-right:10px solid #F5F5F5;
	}
	
div#slideshow-container img {
	position: absolute;
	top: 0;
	left: 0;
}


	
/* Overige */	
.clear{
	clear:both;
	color:#FFFFFF;
	}
	
input.wsv-error {
	border-color: #CE132B;
	background: #FFAAAA;
	
}