/* 
rose: #CC0066
rose achtergrond: #F8E9F0
groen: #006666
groen achtergrond: #E5F0F0
lichtgroen (mouseover nav) #339999
geel (login txt) #FFCC66
donkergrijs: #333333
middelgrijs: #999999
groen (header txt) #669999 
*/

html {font-size: 75%;}

body {margin: 0; padding: 0; background: url("../img/bg-stretch.gif") repeat-y top center #f8e9f0;}

#container {margin:0 auto; width: 765px;  padding: 0 0 0 35px;}

body, input, select, textarea {color:#333; font-family:Verdana, sans-serif;}
input, select, textarea {font-size: 100%; border: 1px inset #ccc;}
form {margin: 0;}
p {margin:10px 0 10px 0;}
h1, h2, h3 {margin: 0 0 10px 0; padding: 0;}
h1 {
	border-bottom: 1px solid #cc0066;
	color: #333;
	font-size: 150%;
}
h2 {
	border-bottom: 1px solid #006666;
	color: #669999;
	font-size: 140%;
	font-weight: bold;
	/* text-transform: uppercase; */
}

h3 {color: #cc0066; font-size: 120%; font-weight: bold;}

hr {
	border: none; 
	border-bottom: 1px solid #006666;
	background: none; 
	height: 1px; 
}

th, td {padding: 2px;}
th {text-align: left;}

ul {
	list-style-type: none;
	margin:0 0 10px 0; 
	padding: 0;
}
li {margin:5px 0 5px 0;}
li ul li {margin: 0;}
li, li ul li {
	background-repeat: no-repeat;
	padding-left: 15px;
}
ul li {background-image: url("../img/li-1.gif"); background-position: 2px 6px;}
ul li ul li {background-image: url("../img/li-2.gif"); background-position: 0 5px; font-size: 90%;}

a, a:visited {color: #333; text-decoration: none;}
a:hover {color: #cc3366; text-decoration: underline;}
a img {border: none;}

div#main, 
div#buttons,
div#logo,
div#nieuwsflitsen,
div#dossiersupdate {position:absolute;}

div#main {
	margin: 130px 0 0 7px; 
	width:645px;
}

div#logo {float:left;}
div#buttons {
	float: left; 
	margin: 10px 0 0 662px;
	text-align: center;
}

div#buttons a {
	text-decoration:none;
	color: #999;
	font-size: 80%;
}

div#buttons hr {
	border: none; 
	background-color: #cacaca; 
	height: 1px; 
	width: 67px; 
}

div#buttons span {display: block;}
div#buttons ul {
	margin:0; 
	padding:0; 
}
div#buttons li {
	background-image: none;
	border-bottom: 1px solid #cacaca; 
	padding: 20px 0 20px 0;
	width: 67px;
}
div#buttons li.notop {padding-top: 0;}

div#header ul {
	background-color: #669999;
	margin: 0;
	padding: 0;
}

div#header ul#nav,
div#header ul#login {
	border-color: #006666;
	border-style: solid;
}
div#header ul#nav {border-width: 1px 0 1px 1px; padding-left: 5px;}
div#header ul#login {border-width: 1px 1px 1px 0;}


div#header li {
	display: inline; 
	background-image: none;
	border-left: 1px solid #669999;
	border-right: 1px solid #669999;
	padding:0.25em; 
	line-height:20px; 
}
div#header li:hover, div#header li.sfhover {
	cursor: pointer;
	background-color: #339999; 
	border-left: 1px solid #006666;
	border-right: 1px solid #006666;
	padding:3px; 
}
div#header li a {color: #fff; font-weight:bold; text-decoration: none;}

div#headernav {
	background-image: url("../img/anthos_top.jpg"); 
	background-repeat: no-repeat;
	position: absolute; 
	margin-left: 142px;
	padding-top: 101px;
	width: 514px;
}

ul#login {float:right; margin-right:10px; padding-top:3px;}
ul#login li.mg {margin-right:5px;}
ul#login a,
ul#login a:link, 
ul#login a:visited {
	color: #ffcc66; 
	font-weight: bold;
	text-decoration: none;
}

div#nieuwsflitsen {
	float: left;
	background-color: #e5f0f0;
	background-image: url("../img/pand.jpg"); 
	background-repeat: no-repeat;
	padding: 0;
	width: 381px;
}

div#nieuwsflitsen div {
	background-image: url("../img/blok_home_nieuws_onder.gif"); 
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 3px;
	width: 381px;
	
	min-height: 270px;
	height: auto !important;
  	height: 270px;
}

div#nieuwsflitsen div div {
	padding-left: 145px;
	width: 234px;
}

div#nieuwsflitsen div h2 {
	border-bottom: 1px solid #006666; 
	color: #006666; 
	font-size: 140%;
	font-weight: bold;
	margin:0 0 0 10px;
}

div#nieuwsflitsen ul,
div#dossiersupdate ul {
	font-size: 95%;
	margin: 0 0 10px 10px;
	padding: 0;
}
div#nieuwsflitsen li {
	background-image: none;
	border-bottom: 1px solid #006666; 
	margin: 0;
	padding: 5px 0 5px 0;
}
div#nieuwsflitsen a,
div#nieuwsflitsen a:visited {color: #006666;}

div#nieuwsflitsen a.archief,
div#nieuwsflitsen a.archief:visited {
	border-color: #fff #666 #666 #fff;
	border-style: solid;
	border-width: 1px;
	background-color: #e5f0f0;
	color: #006666;
	font-weight: bold;
	line-height:2em;
	margin-left: 10px; 
	padding: 3px;
}
div#nieuwsflitsen a.archief:hover {background-color: #fff; text-decoration: none;}

div#dossiersupdate {
	margin-left: 390px;
	background-image: url("../img/blok_home_dossiers_boven.gif"); 
	background-repeat: no-repeat;
	width: 255px;
}

div#dossiersupdate a,
div#dossiersupdate a:visited {color: #cc0066;}

div#dossiersupdate div {
	background-color: #f8e9f0;
	background-image: url("../img/blok_home_dossiers_onder.gif"); 
	background-position: bottom;
	background-repeat: no-repeat;
	margin-top: 5px;
	width: 255px;
}

div#dossiersupdate h2 {
	border-bottom: 1px solid #cc0066; 
	color: #cc0066; 
	font-size: 140%;
	font-weight: bold;
	margin: 0 0 0 10px;
}

div#dossiersupdate h2,
div#dossiersupdate ul {width:92%;}

div#dossiersupdate ul {padding-bottom: 5px;}
div#dossiersupdate li {
	background-image: none;
	border-bottom: 1px solid #cc0066; 
	color: #cc0066; 
	padding: 0 0 5px 0;
}
div#dossiersupdate li ul {margin:0 0 0 3px; padding:0;}
div#dossiersupdate li ul li {
	background-image: url("../img/li-1.gif");
	background-repeat: no-repeat;
	border: none;
	padding: 0 0 0 10px;
}

div#dossiers {
	background-image: url("../img/blok_dossiers_midden.gif"); 
	background-repeat: repeat-y;
	width: 646px;
}

div#dossiers-search {
	background-image: url("../img/blok_dossiers_links.gif"); 
	background-position: 0 60px;
	background-repeat: no-repeat;
	float: left;
	position: absolute;
	left: 0;
	padding: 5px;
	width: 132px;
	height: 300px;
}

div#dossiers-abc-top,
div#dossiers-abc-bottom {
	background-repeat: no-repeat;
	height: 6px;
}
div#dossiers-abc-top {background-image: url("../img/blok_dossiers_boven.gif"); }
div#dossiers-abc-bottom {background-image: url("../img/blok_dossiers_onder.gif");}

div#dossiers-abc {
	width: 500px;
	margin-left:150px;
	overflow:auto;
}

div#dossiers-extra {
	background-image: url("../img/blok_dossiers_extra.gif"); 
	background-repeat: no-repeat;
	float: left;
	width: 174px;
	height: 290px;
	padding: 5px;
}

div#dossiers-inhoud {
	margin-left: 200px;
	width: 440px;
}

div#dossiers-abc h2, div#dossiers-abc p {width: 475px;}
div#dossiers-abc li {background-image: none; margin-bottom: 3px; padding: 0;}
div#dossiers-abc span.letter {font: bold 140% monospace; color: #cc0066;}
ul#dossiers-links {float: left;}
ul#dossiers-rechts {margin-left: 235px; width:235px;}

div#dossier-contact {font-weight: bold;}
div#dossier-contact hr {width: 160px; text-align: left;}
div#dossier-contact span,
div#dossier-contact li {font-size: 80%;}
div#dossier-contact li {background-image: none; padding: 0;}
div#dossier-contact a,
div#dossier-contact span {color: #cc0066;}
div#dossier-contact span {
	background-position: 0 3px;
	background-repeat: no-repeat;
	padding: 5px 0 5px 20px;
	display: block;
}
div#dossier-contact span.email {background-image: url("../img/icon_dossier_email.gif");}
div#dossier-contact span.tel {background-image: url("../img/icon_dossier_phone.gif"); }

a.comment {font-weight: bold;}

div.cao a,
div.cao a:visited,
a.terug, a.terug:visited,
a.vooruit, a.vooruit:visited {
	background-position: 0 2px;
	background-repeat: no-repeat;
	color: #cc0066;
	padding-left: 15px;
	text-decoration: none; 
}

a.terug {background-image: url("../img/li-4.gif");}
a.terug:hover, a.vooruit:hover {text-decoration: underline;}

div.cao a,
div.cao a:visited,
a.vooruit {background-image: url("../img/li-3.gif");}


div.exporteur {
	border: 1px solid #ccc;
	margin-bottom: 10px;
	padding: 3px;
}
div.exporteur a,
div.exporteur a:visited {color: #333;}
div.exporteur a:hover {color: #cc0066;}

div.exporteur-nav {clear: both; margin-bottom: 10px; padding-top: 10px;}
div.exporteur-nav a {margin-right: 10px;}

dl {font-size: 90%; margin: 0 0 10px 0;}
dt {float: left;}
dd {padding-left: 60px;}
dd, dt {border-bottom: 1px solid #ccc; margin: 0;} 

dl.data dt {font-weight: bold;} 
dl.data dd {padding-left: 100px;}

h2.titel {border-bottom: 1px solid #006666;}
h2.zoekdossiers {
	color: #333; 
	font-size: 100%; 
	font-weight: bold;
	text-transform: none;
}
h3.ato {font-size: 110%; margin: 5px 0 5px 0;}

img.pdf {float: left; padding-right: 3px;}
span.highlight {background-color: #f7b7d5;}

ul.doclist {
	background-repeat: no-repeat;
	min-height:45px;
	margin-bottom: 10px;
	padding-left: 50px;
}
ul.doclist li {background-image: none; margin-bottom: 3px;}
ul.doclist a,
ul.doclist a:visited {
	color: #cc0066;
	font-size: 110%;
	font-weight: bold;
}

ul.diensten li {
	background-image: none;
	margin:0;
	padding:0;
}

ul.diensten li ul li {
	background-image: url("../img/li-1.gif");
	background-position: 2px 6px;
	font-size: 100%;
	padding-left: 15px;
}

ul.d-links {float: left; width: 300px;}
ul.d-rechts {margin-left: 310px; width: 300px;}

ul.dienstenlijst li {display: inline; margin-right: 10px;}
ul.circulaire {background-image: url("../img/icon_circulaire.gif");}
ul.nieuws {background-image: url("../img/icon_nieuws.gif");}
ul.verslag {background-image: url("../img/icon_verslag.gif");}
ul.externelink {background-image: url("../img/icon_externelink.gif");}
ul.publicatie {background-image: url("../img/icon_publicatie.gif");}

ul.tekst {margin:0;border:1px solid #fff;}
ul.tekst li {
	background-image: url("../img/li-3.gif");
	background-position: 0 1px;
	background-repeat: no-repeat;
}
ul.tekst li a,
ul.tekst li a:visited {color: #CC0066;}
ul.tekst li a:hover {text-decoration: underline}

ul.org-links {width: 315px; } 
ul.org-links {float: left;}
ul.org-rechts {margin-left: 320px;}


table.lijst {font-size: 85%;}
table.lijst span {font-weight: bold;}
table.form th {background-color: #ffebf4; }
table.tbdr {
	border-collapse: collapse; 
	border-width: 1px 0 0 1px;
}

table.tbdr td, 
table.tbdr th {border-width: 0 1px 1px 0;}

table.tbdr, 
table.tbdr th, 
table.tbdr td {
	border-color: #ccc; 
	border-style: solid;
} 

tr.evenrow {background-color:#f1f1f1;}

.alert {color: #cc0066; font-weight:bold;}
.button {
	background-color: #cc0066; 
	border: 1px outset #ccc; 
	color: #fff; 
	cursor: pointer;
	font-size: 90%;
	font-weight: bold;
	padding: 1px;
}
.clear {clear:both;}
.fleft {float: left; padding: 0 5px 5px 0;}
.fright {float: right;}
.hidden {display: none;}
.inactief {color: #999;}
.noborder {border: none;}
.small {font-size: 80%;}
.vergeten {width: 165px;}
.ptop {vertical-align: top; padding: 5px 0 5px 0; border-bottom: 1px solid #ccc; }
.w1 {width: 160px;}
.w2 {width: 120px;}
.zoek {width: 40px;}

#posimg {float: right; position: absolute; top: 0px; right: 0px; width: 40px; height: 20px; background-color: transparent; margin: 0; padding: 0;}