/* Algemene styles */

body {
	text-align: center;
	margin: 0px;
	padding: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#searchfield {
	width: 96px;
	height: 15px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: solid;
	border-top-color: #999999;
	border-right-color: #999999;
	border-bottom-color: #999999;
	border-left-color: #999999;
}

ul {
	margin-top: 4px;
	margin-bottom: 0px;
}

li {
	list-style-position: outside;
	list-style-image: url(../images/homecontent/list-item.gif);
	margin-left: -18px;
}

.newsitem {
	color: #666666;
}

.newsitemheader {
	color: #CC0000;
	font-weight: bold;
}

.footer {
	font-size: 10px;
}


/* Links styles */

a.navigation { font-weight: bold; font-size: 10px; color: #000000; text-decoration: none;}
a.navigation:hover { font-weight: bold; font-size: 10px; color: #000000; text-decoration: none; background-color: #DDDDDD; padding: 4px;}


a.subsegments:link { color: #000000; text-decoration: none;}
a.subsegments:active { color: #000000; text-decoration: none;}
a.subsegments:visited { color: #000000; text-decoration: none;}
a.subsegments:hover { color: #000000; text-decoration: underline;}

a.subnav:link { color: #000000; text-decoration: none;}
a.subnav:active { color: #000000; text-decoration: none;}
a.subnav:visited { color: #000000; text-decoration: none;}
a.subnav:hover { color: #000000; text-decoration: underline;}

a.newsitemmore { color: #CC0000; text-decoration: none;}
a.newsitemmore:hover { color: #CC0000; text-decoration: underline;}

a.footernav { color: #000000; text-decoration: none; font-size: 10px;}
a.footernav:hover { color: #000000; text-decoration: underline; font-size: 10px;}

a.taalkeuze:link { padding: 4px;text-decoration: none; color: #000000;font-size: 10px;}
a.taalkeuze:active { padding: 4px;text-decoration: none; color: #000000;font-size: 10px;}
a.taalkeuze:visited { padding: 4px;text-decoration: none; color: #000000;font-size: 10px; }
a.taalkeuze:hover { padding: 4px;text-decoration: none; color: #000000;font-size: 10px;}



/* Layer styles */

#header {
	width: 966px;
	height: 100px;
	text-align: left;
	background-image: url(../images/header/druppels_banner.jpg);
	margin: 0 auto;
}

#welcome {
	width: 966px;
	height: 65px;
	background-image: url(../images/header/welcome_back.gif);
	margin: 0 auto;
}

#content {
	width: 966px;
	/*background-color: #B7BED3;*/
	text-align: left;
	margin: 0 auto;
}

#footer {
	width: 966px;
	height: 95px;
	background-image: url(../images/footer/footer_back.jpg);	
	background-position: top; 
	background-repeat: no-repeat;
	margin: 0 auto;
	padding: 0px;
}

#handel {
	width: 183px;
	background-image: url(../images/homecontent/segments_back.gif);
}

#schoonmaak {
	width: 183px;
	height: 300px;
	background-image: url(../images/homecontent/segments_back.gif);
}

#industrie {
	width: 183px;
	height: 300px;
	background-image: url(../images/homecontent/segments_back.gif);
}

#carwash {
	width: 204px;
	height: 300px;
	background-image: url(../images/homecontent/segments_back.gif);
}

#news {
	width: 182px;
	height: 165px;
	border: 1px solid #333366;
	background-image: url(../images/homecontent/newslayer_back.gif);
}

#morenews {
	width: 164px;
	height: 24px;
	border-top: 1px dashed #CC0000;
	margin-top: 28px; 
	margin-bottom: 0px;
	margin-left: 8px;
}

#newsitems {
	height: 116px;
	overflow: auto;
	margin-top: 0px;
	
	/*scrollbar-face-color: #CCCCCC;
	scrollbar-arrow-color: #FFFFFF;
	scrollbar-track-color: #999999;
	scrollbar-shadow-color: #999999;
	scrollbar-highlight-color: #CCCCCC;
	scrollbar-3dlight-color: #999999;
	scrollbar-darkshadow-color: #999999;*/
}

#newsheader {
	height: 32px;
}

#footernav {
	float: left;
	margin-left: 7px;
	margin-top: 75px;
}

#languagenav {
	float: right;
	margin-right: 7px;
	margin-top: 42px;
	text-align: right;
}

/* Navigation styles */

#navigation {
	width: 966px;
	height: 26px;
	background-image: url(../images/navigation/nav_back.jpg);
	margin: 0 auto;
}

#nav_producten {
	background-image: url(../images/navigation/producten_back.jpg);
	width: 117px;
}

#nav_garantie {
	background-image: url(../images/navigation/garantie_back.jpg);
	width: 184px;
}

#nav_contact {
	background-image: url(../images/navigation/contact_back.jpg);
	width: 98px;
}

#nav_vacatures {
	background-image: url(../images/navigation/vacatures_back.jpg);
	width: 114px;
}

#fransnavhome_producten {
	background-image: url(../images/navigation/producten_back.jpg);
	width: 118px;
}

#fransnavhome_garantie {
	background-image: url(../images/navigation/garantie_back.jpg);
	width: 185px;
}

#fransnavhome_contact {
	background-image: url(../images/navigation/contact_back.jpg);
	width: 99px;
}

#fransnavhome_vacatures {
	background-image: url(../images/navigation/vacatures_back.jpg);
	width: 116px;
}

#fransnav_producten {
	background-image: url(../images/navigation/producten_back.jpg);
	width: 114px;
}

#fransnav_garantie {
	background-image: url(../images/navigation/garantie_back.jpg);
	width: 185px;
}

#fransnav_contact {
	background-image: url(../images/navigation/contact_back.jpg);
	width: 99px;
}

#fransnav_vacatures {
	background-image: url(../images/navigation/vacatures_back.jpg);
	width: 116px;
}


/* News layer */

#AutoScrollContainer { position: relative; top: 10px; left: 0px; width: 170px; height: 80px; clip: rect(0,100,20,0); overflow: hidden; z-index: 1; visibility: visible; border: 1px none #000000;}
#AutoScrollContent { position: relative; top: 100px; left: 0px; width: 180px; visibility: visible;}
#AutoScrollContainer1 { position: relative; top: 10px; left: 0px; width: 170px; height: 80px; clip: rect(0,200,20,0); overflow: hidden; z-index: 1; visibility: visible; border: 1px none #000000;}
#AutoScrollContent1 { position: relative; top: 100px; left: 0px; width: 180px; visibility: visible;}
