@charset "utf-8";
@import "clevercms.css";
/* NIJHUIS WATER CSS Document */

body 							{margin: 10px 0 0 0; font-family: Arial, Helvetica, sans-serif; font-size:1px; font-weight:normal; text-align:left; line-height:18px; }
p									{padding:0px; margin:0px;}
img								{border:0;}
hr								{height:1px; color:#E9E9E7;}
a									{font-weight:normal; text-decoration:underline; color:#000;}
a:hover						{font-weight:normal; text-decoration:underline; color:#666666;}
h1								{padding: 10px 0 15px 0; margin:0px; font-size:20px; font-weight:bold;}
h2								{padding:15px 0 10px 0; margin:0px; font-size:16px; font-weight:bold;}
h3								{padding:15px 0 10px 0; margin:0px; font-size:14px; font-weight:bold;}
h3.results						{padding:0px 0 10px 0; margin:0px; font-size:14px; font-weight:bold;}
h4								{padding:0px; margin:0px; font-size:12px; font-weight:bold;}
form							{padding:0px; margin:0px; border:0px; }
div								{text-align:left; z-index:9;}

.container { position: absolute; width: 980px; left: 50%; margin-left: -490px; }
.plaat { position: absolute; width: 980px; left: 50%; margin-left: -490px;}
#fade img { position: absolute; width: 980px; z-index:1;}
.header { position: absolute; width: 980px; height: 95px; background:url(../img/header.png) top left no-repeat; }
.menu {	position: absolute; top: 60px; left: 180px;}
.menu ul { float: left; width: 800px; margin: 0; padding: 0; list-style: none;}
.menu li 		{ float: left; margin: 0; padding: 0 0 0 1px; background: url(../img/hline.jpg) left center no-repeat; }
.menu li.first		{ background: none; }
.menu a 			{ float: left; display: block; height: 28px; padding: 6px 10px 0 10px; font-size: 12px; font-weight: bold; text-decoration: none; color: #FFFFFF;}
.menu a:hover {background: url(../img/menu_over.gif) bottom left repeat-x; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.menu a.aan 	{background: url(../img/menu_actief.gif) bottom left repeat-x; color: #FFFFFF; font-weight: bold; text-decoration: none;}
.menu a.aan:hover {background: url(../img/menu_actief.gif) bottom left repeat-x; color: #FFFFFF; font-weight: bold;}
.flag { position:absolute; top: 20px; left: 528px; width: 200px; text-align: right; font-size:11px; }
.flags { position:absolute; top: 35px; left: 688px; background:#FFFFFF; z-index: 9999; padding:10px; font-size:11px;}
.zoeken { position:absolute; top: 20px; left: 750px; }
.zoeken input { height: 14px; font-family:Arial, Helvetica, sans-serif; font-size:11px; border: 1px solid #999999; padding: 2px 4px; color:#666666; width:150px;}
.zoeken .submit:hover {color: #666666;}
.zoeken .submit {font-size: 12px; font-weight: bold; padding: 0 3px; margin: 0; text-decoration: none;}
.afb { position: absolute; width: 980px; height: 245px; top: 95px;}
.afb_overlay { position: absolute; width: 109; height: 245px; left: 46px;}
.content 		{ position: absolute; width: 980px; top: 285px; font-size: 12px;}
.content_home 		{ position: absolute; width: 980px; top: 340px; font-size: 12px;}
.content_bg { position: absolute; top: 0px; left: 0; height: 238px; width: 978px; background:url(../img/bottom_overlay.png) top center no-repeat; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }
.content_over { position: absolute; top: 10px; left: 0; width: 980px; font-size: 12px;  }
.content_randjes { float: left; width: 978px; border-left: 1px solid #CCCCCC; border-right: 1px solid #CCCCCC; }

.grootvlak {float: left; width: 360px; }
.grootvlak .inhoud {float: left; width: 310px; padding: 15px 20px 15px 20px; background:#FFFFFF; min-height: 208px; }
.kleinvlak {float: left; width: 210px; }
.kleinvlak h3,
.contact h3,
.nieuws h3 { padding: 0 0 10px 0;}
.kleinvlak .inhoud {float: left; width: 180px; height: 190px; padding: 15px 10px 15px 10px; background:#FFFFFF; min-height: 208px; height: auto !important; height: 208px;  }
.contact {float: left; width: 198px; }
.contact .inhoud {float: left; width: 179px; height: 190px; padding: 15px 9px 15px 10px; background:#FFFFFF; min-height: 208px; height: auto !important; height: 208px;  }
.nieuws {float: left; width: 198px; }
.nieuws .inhoud {float: left; width: 179px; height: 190px; padding: 15px 9px 15px 10px; background:#FFFFFF; min-height: 208px; height: auto !important; height: 208px; }
.nieuws .datum { color:#666666; font-size: 11px; }
.leesmeer { padding-left: 20px;  background:url(../img/arrow.gif) top left no-repeat; }
.leesmeer:hover { background:url(../img/arrow_over.gif) top left no-repeat;}
.terug { padding-left: 20px;  background:url(../img/arrow_back.gif) top left no-repeat; }
.terug:hover { background:url(../img/arrow_back_over.gif) top left no-repeat;}

.vervolgbreed,
.vervolg {float: left; width: 978px; background:#FFFFFF; padding: 10px 0 0 0; min-height: 228px; height: auto !important; height: 228px;   }
.left { float: left; width: 210px; padding-top: 30px; }
.submenu { list-style: none; padding:0 20px 0 10px; margin: 0px; width: 180px;}
.submenu li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0; width: 180px;}
.submenu li.last { border: 0;}
.submenu li a {padding-left: 20px; background:url(../img/arrow.gif) center left no-repeat; text-decoration: none; width: 160px; display: block; }
.submenu li a.aan,
.submenu li a:hover {padding-left: 20px; background:url(../img/arrow_over.gif) center left no-repeat; width: 160px;  display: block; text-decoration: none; font-weight: bold; color: #666666;}

.dieper { list-style: none; padding:0 20px 0 10px; margin: 0px; width: 180px;}
.dieper li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0;}
.dieper li.last { border: 0;}
.dieper li a {padding-left: 30px; background: none; text-decoration: none; width: 150px; display: block; }
.dieper li a.aan,
.dieper li a:hover {padding-left: 30px; background: none; text-decoration: none; width: 150px; display: block; font-weight: bold; color: #666666;}

.dieperst { list-style: none; padding:0 20px 0 10px; margin: 0px; width: 180px;}
.dieperst li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0; width: 180px;}
.dieperst li.last { border: 0;}
.dieperst li a {padding-left: 40px; background: none; text-decoration: none; width: 140px; display: block;  }
.dieperst li a.aan,
.dieperst li a:hover {padding-left: 40px; background: none; text-decoration: none; width: 140px; display: block; font-weight: bold; color: #666666;}

.dieperste { list-style: none; padding:0 20px 0 10px; margin: 0px; width: 180px;}
.dieperste li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0; width: 180px;}
.dieperste li.last { border: 0;}
.dieperste li a {padding-left: 50px; background: none; text-decoration: none; width: 130px; display: block;  }
.dieperste li a.aan,
.dieperste li a:hover {padding-left: 50px; background: none; text-decoration: none; width: 130px; display: block; font-weight: bold; color: #666666;}


.vervolg .middle { float: left; width: 523px; }
.vervolg .middle .text { width:490px; padding-bottom: 30px; }
.vervolg .right { float: left; width: 225px; background: url(../img/rechtsline.jpg) top left no-repeat; padding: 0 10px 0 10px; }
.vervolgbreed .middle { float: left; width: 758px; }
.vervolgbreed .middle .text { width:725px; padding-bottom: 30px; }
.vervolgbreed .media { float: left; width:490px; padding-bottom: 30px; }
.vervolgbreed .mediatext { float: left; width: 248px; padding-bottom: 30px; }
.vervolgbreed .mediatext h3 { padding-top: 0px;}
.breadcrumb { font-size: 11px; color: #333333;}
.breadcrumb a { color: #333333; }
.breadcrumb a:hover { color: #666666;}

.flags .titel { background:#10287F; height: 25px; line-height: 25px; font-weight: bold; width: 170px; color:#FFFFFF; padding: 0 5px;}
.flags .landen { list-style: none; padding: 5px 0 0 0; margin: 0px; width: 180px;}
.flags .landen li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0;}
.flags .landen li.last { border: 0;}
.flags .landen li a { text-decoration: none; padding-left: 20px; background:url(../img/arrow.gif) top left no-repeat; }
.flags .landen li a img { padding: 0 5px 0 0; }
.flags .landen li a.aan,
.flags .landen li a:hover { text-decoration: none; font-weight: bold; color: #666666;padding-left: 20px; background:url(../img/arrow_over.gif) top left no-repeat;}

.news h2,
.newsitemlast h2,
.newsitem h2 { padding-top: 0px;}

.newsitem { border-bottom: 1px solid #CCCCCC; padding-bottom: 20px;  margin-bottom: 10px;}
.news,
.newsitemlast { border: 0px; padding-bottom: 20px; margin-bottom: 10px;}

.delivery { list-style: none; padding:0; margin: 0px;}
.delivery li { padding: 0; margin: 0px; border-bottom: 1px solid #CCCCCC; padding: 3px 0;}
.delivery li.last { border: 0;}
.delivery li a {padding-left: 20px; background:url(../img/arrow.gif) top left no-repeat; text-decoration: none; }
.delivery li a:hover {padding-left: 20px; background:url(../img/arrow_over.gif) top left no-repeat;  text-decoration: none; font-weight: bold;}
select { float: left; font-family: Arial, Helvetica, sans-serif; font-size: 11px; color: #666666; }
.submit {font-size: 12px; font-weight: bold; padding: 0 3px; margin: 0; text-decoration: none;}
.submit:hover {color: #666666; font-weight: bold; text-decoration:none;}
.footer { float: left; width: 975px; height: 40px; background: #FFFFFF url(../img/footer.gif) top left no-repeat; text-align:right; padding: 7px 5px 0 0; color:#999999; font-size:11px;}
.footer a { color:#999999; }
.footer a:hover { color:#000000; }

#slide-images {position:relative;display:block; margin:0px; padding:0px;	width:980px; height:572px; overflow:hidden; }
#slide-images li {position:absolute;	display:block; list-style-type:none; margin:0px; padding:0px; background-color:#FFFFFF; }
#slide-images li img { display:block; background-color:#FFFFFF; }