/* CSS Document */

html
{
	width: 100%;
	height: 100%;
	margin-bottom: 1px;
	}

body
{
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	background-color: #f7f9ff;
	}

a {text-decoration: underline; color: #465052;}

a:hover {text-decoration: underline; color: #d33333;}

#container-border1
{
	width: 742px;
	left: 50%;
	margin: 30px 0 30px -370px;
	position: absolute;
	background-color: #d9e5ef;
	}
	
#container-border2
{
	width: 702px;
	margin: 20px;
	background-color: #465052;
	}

#container
{
	width: 700px;
	margin: 1px;
	background-color: #d9e5ef;
	}

#box
{
	height: 40px;
	background-color: #465052;
	}

#topbanner-home
{
	width: 700px;
	height: 200px;
	background: #ffffff url(images/home.jpg) right no-repeat;
	border-bottom: 1px solid #465052;
	}

#topbanner-missie
{
	width: 700px;
	height: 200px;
	background: #ffffff url(images/missie.jpg) right no-repeat;
	border-bottom: 1px solid #465052;
	}

#topbanner-vacatures
{
	width: 700px;
	height: 200px;
	background: #ffffff url(images/vacatures.jpg) right no-repeat;
	border-bottom: 1px solid #465052;
	}

#topbanner-contact
{
	width: 700px;
	height: 200px;
	background: #ffffff url(images/contact.jpg) right no-repeat;
	border-bottom: 1px solid #465052;
	}

#topbanner-referenties
{
	width: 700px;
	height: 200px;
	background: #ffffff url(images/referenties.jpg) right no-repeat;
	border-bottom: 1px solid #465052;
	}

#logo-text
{
	padding-top: 25px;
	padding-left: 40px;
	font-size: 36px;
    color: #465052;
	}

.logo
{
	color: #d33333;
	font-size: 40px;
	}

#slogan
{
	padding-top: 0px;
	padding-left: 60px;
	font-size: 14px;
    color: #7c8c9b;
	}

#slogan1
{
	padding-top: 70px;
	padding-left: 60px;
	font-size: 12px;
    color: #d33333;
	}

#slogan1 a
{	
	color: #d33333;
	}

#topheader
{
	width: 700px;
	height: 40px;
	background-color: #d9e5ef;
	}

#navcontainer
{
	background-color: #ffffff;
	width: 700px;
	font-size: 12px;
	height: 25px;
	}

#navcontainer a
{	
	color: #ffffff;
	text-decoration: none;
	}

#navcontainer a:hover
{	
	color: #ffffff;
	text-decoration: underline;
	}

.navitem
{
	background-color: #465052;
	font-weight:bold;
	width: 139px;
	height: 14px;
	padding: 5px 0 5px 0;
	margin-right:1px;
	float: left;
	text-align: center;
}

.navitem:hover
{
	background-color: #7c8c9b;
	font-weight:bold;
	text-align: center;
	color: #ffffff;
	width: 139px;
	height: 14px;
	margin-right:1px;
	padding: 5px 0 5px 0;
	float:left;
}

.navitem-visit
{
	background-color: #d33333;
	font-weight:bold;
	text-align: center;
	color: #fff;
	width: 139px;
	height: 14px;
	margin-right:1px;
	padding: 5px 0 5px 0;
	float:left;
}

.navitemlast
{
	background-color: #465052;
	font-weight:bold;
	width: 140px;
	height: 14px;
	padding: 5px 0 5px 0;
	margin-right:0;
	float: left;
	text-align: center;
	}

.navitemlast:hover
{
	background-color: #7c8c9b;
	font-weight:bold;
	text-align: center;
	color: #ffffff;
	width: 140px;
	height: 14px;
	margin-right:0;
	padding: 5px 0 5px 0;
	float:left;
}

.navitemlast-visit
{
	background-color: #d33333;
	font-weight:bold;
	text-align: center;
	color: #fff;
	width: 140px;
	height: 14px;
	margin-right:0;
	padding: 5px 0 5px 0;
	float:left;
}

#main
{
	width: 501px;
	margin: 85px 60px 0 139px;
	padding-bottom: 40px;
	text-align: left;
	color: #465052;
	line-height: 2.2em;
	background-color: #d9e5ef;
	}

h1
{
	font-size:20px;
	text-transform: uppercase;
	font-weight: 100;
    color: #d33333;
	padding-bottom: 20px;
	}

.list
{
	line-height: 1.2em;
	font-style: italic;
}

#footer
{
	background-color:#465052;
	color: #ffffff;
	width: 563px;
	text-align: left;
	margin-left: 139px;
	height: 55px;
	}

#footer p
{
	margin-top:20px;
	float:left;
	}

#footer img
{
	float:right;
	margin-top:11px;
	margin-right:15px;
	border:0;
	}

#footer a
{	
	color: #d9e5ef;
	}
	
#footer a:hover
{	
	color: #ffffff;
	}