* {
	margin:0px;
	padding:0px;
}

body {
	font-family:Verdana, Arial;
	font-size:11px;
	color:#0f0f0f;
	background-color:#fff;
}
h1, h2 {
	font-size:14px;
	margin-bottom:20px;
	color:#0f6893;
	font-weight:normal;
}
h2 {
	font-size:12px;
}
p {
	margin-bottom:10px;
}
a {
	text-decoration:none;
}
table, td {
	border-collapse:collapse;
	border:none;
	margin:0px;
	padding:0px;
}


/* ------------------------------------------------------ DECO ROSSEEL ------------------------------------------------------ */
#container {
	width:100%;
	background-color:#fff;
}

#topcontainer {
	width:100%;
	height:116px;
	border-top:#127caf 1px solid;
}


/* TOP
------------------------------------ */
#top {
	position:relative;
	top:0px;
	left:50%;
	width:920px;
	margin-left:-460px;
}

#top-logo {
	position:absolute;
	top:35px;
	left:0px;
}

#top-nav {
	position:absolute;
	right:0px;
	top:37px;
	float:left;
	width:541px;
	height:40px;
	padding:10px 13px 0px 13px;
	background-image:url(../images/topnav_bg.jpg);
	background-repeat:no-repeat;
}
#top-nav a {
	padding-top:4px;
	text-align:center;
	color:#fff;
	font-size:17px;
	font-family:"Arial Narrow", Arial;
}
#top-nav ul {
	list-style:none;
	float:left;
}
#top-nav li.home,
#top-nav li.home a,
#top-nav li.home a:hover {
	float:left;
	list-style:none;
	margin-right:18px;
	width:68px;
	height:31px;
}
#top-nav li.home a:hover {
	background-image:url(../images/btn_topnav-home.jpg);
	background-repeat:no-repeat;
}
#top-nav li.alt, 
#top-nav li.alt a, 
#top-nav li.alt a:hover {
	float:left;
	list-style:none;
	margin-right:18px;
	width:140px;
	height:31px;
}
#top-nav li.alt a:hover {
	background-image:url(../images/btn_topnav-alt.jpg);
	background-repeat:no-repeat;
}
#top-nav li.diensten, 
#top-nav li.diensten a, 
#top-nav li.diensten a:hover {
	float:left;
	list-style:none;
	margin-right:18px;
	width:79px;
	height:31px;
}
#top-nav li.diensten a:hover {
	background-image:url(../images/btn_topnav-diensten.jpg);
	background-repeat:no-repeat;
}
#top-nav li.referenties, 
#top-nav li.referenties a, 
#top-nav li.referenties a:hover {
	float:left;
	list-style:none;
	margin-right:18px;
	width:91px;
	height:31px;
}
#top-nav li.referenties a:hover {
	background-image:url(../images/btn_topnav-referenties.jpg);
	background-repeat:no-repeat;
}
#top-nav li.contact, 
#top-nav li.contact a, 
#top-nav li.contact a:hover {
	float:left;
	list-style:none;
	margin-right:18px;
	width:73px;
	height:31px;
}
#top-nav li.contact a:hover {
	background-image:url(../images/btn_topnav-contact.jpg);
	background-repeat:no-repeat;
}



/* CONTENT
------------------------------------ */
#content-container {
	width:100%;
	background-color:#fff;
}
#content {
	position:relative;
	left:50%;
	width:920px;
	margin-left:-460px;
}

#content-left {
	float:left;
	width:525px;
}
#content-left #flash {
	width:524px;
	height:324px;
	margin-bottom:7px;
}
#content-left #route-map {
	width:522px;
	height:322px;
	border:#0f0f0f 1px solid;
	margin-bottom:7px;
}
#content-left #note {
	width:497px;
	height:84px;
	padding:11px 0px 0px 27px;
	background-image:url(../images/note_bg.jpg);
	background-repeat:no-repeat;
	color:#fff;
}
#content-left #note h3 {
	font-family:Arial;
	font-size:18px;
	font-weight:normal;
	color:#fff;
	margin-bottom:7px;
}
#content-left #note p {
	width:375px;
}
#content-left #note a {
	color:#b3e610;
	text-decoration:underline;
}


#content-right {
	float:right;
	width:381px;
}
#content-right a {
	color:#8fbc14;
	text-decoration:underline;
}
#content-right a:hover {
	text-decoration:none;
}
#content-right ul {
	list-style:none;
	margin-left:20px;
}
#content-right li {
	list-style:none;
	background-image:url(../images/c_arrow.jpg);
	background-repeat:no-repeat;
	height:20px;
	padding-top:4px;
	padding-left:12px;
}

#spacer {
	height:17px;
}


input.textfield {
	width:228px;
	height:17px;
	padding:3px 0px 0px 2px;
	border:#166c96 1px solid;
	color:#0f0f0f;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
textarea.veldtextarea {
	width:278px;
	height:118px;
	padding:2px 0px 0px 2px;
	border:#296c87 1px solid;
	font-family:Arial;
	font-size:12px;
}
.button {
	width:80px;
	height:24px;
	background-image:url(../images/btn_bg_verstuur.jpg);
	background-repeat:no-repeat;
	border:none;
}



/* FOOTER 
------------------------------------ */
#footer {
	width:100%;
	color:#0f0f0;
}
#footer a {
	color:#8fbc14;
	text-decoration:underline;
}
#footer a:hover {
	text-decoration:none;
}

#footer-content {
	position:relative;
	left:50%;
	width:920px;
	margin-left:-460px;
	border-top:#ccc 1px solid;
	padding-top:15px;
}
#footer-content .left,
#footer-content .boxleft {
	float:left;
	margin-right:22px;
}
#footer-content .boxleft {
	width:187px;
}
#footer-content .weblodge {
	background:url(../images/icon_weblodge.jpg) left no-repeat;
	height:28px;
	padding:12px 0px 0px 15px;
	float:right;
}


#footer-c {
	float:left;
	width:878px;
	padding-left:27px;
	margin-bottom:22px;
}
#footer-c h4 {
	background:url(../images/icon_contact.jpg) left no-repeat;
	color:#0f6893;
	border-bottom:#0f6893 1px dotted;
	font-size:11px;
	height:17px;
	width:843px;
	padding:3px 0px 0px 27px;
	margin-bottom:12px;
}
#footer-c-bottom {
	clear:both;
	border-top:#ccc 1px solid;
	padding-top:8px;
	color:#999;
}
#footer-c-bottom a {
	color:#999;
	text-decoration:underline;
}


.error {
	background-color:#ff0000;
}