/********************************************/
/*  w3c compatible CSS voor Gemeente Lisse           */
/*                                                                          */
/*     Default kleuren                                               */
/*     geel: #ffcc05   rood: #ff0000                           */
/*     blauw: #003399  groen: #66cc33                     */
/********************************************/


body {
	background: #fff url('Media/Images/body_bg.gif') repeat-y;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 1em;
	margin: 0px;
}

body#vervolg {
	background: #fff url('Media/Images/body_bg_vervolg.gif') repeat-y;
}

* img {
	border: none;
}

.clear {
	clear: both;
	font-size: 1px;
	height: 1px;
}

.berichtenoverzicht {
   margin-bottom:10px;
}

a.pijl
{
	padding-left: 20px;
	background: url('Media/Images/overzicht_pijl_klein.gif') no-repeat 0px 50%;
	color: #808285;
	text-decoration: none;
	font-weight: bold;
}

a.pijl:hover
{
	text-decoration: underline;
	color: #ea3b36;
}

/* Dotted line (above or below) */
.lijnboven
{
	background: url('Media/Images/horizontal_ruler.gif') repeat-x 0 0;
}

.lijnonder
{
	background: url('Media/Images/horizontal_ruler.gif') repeat-x 0 100%;
	display:inline-block;
	padding-bottom:10px;
}


#kolomlinks
{
	position: relative;
	float: left;
	width: 245px;
	font-size: 0.7em;
	margin-left: 0px;
	padding-top: 20px;
}

/* Mainmenu */
#kolomlinks #mainmenu 
{
	position: relative;
	float: left;
	width: 245px;
}

#mainmenu a {
	display: block;
	font-size: 1.2em;
	color: #003399;
	text-decoration: none;
	padding: 1px 0px 1px 30px;
}

#mainmenu a {
	background: url('Media/Images/mainmenu_active.gif') repeat-y;
}

body#vervolg #mainmenu a {
	background-image: none;
}

/* Hoogste menu krijgt rode balk bij hovering*/
#mainmenu a:hover {
	color: #ff0000;
	background-color: transparent; 
}

/* Active items op alle niveau's worden bold, blauw */
#mainmenu a.active {
	font-weight: bold;
	color: #003399;
}

/* Current page wordt unclickable */
#mainmenu a.current {
	cursor: default;
}

/* Active menu krijgt rode balk */
#mainmenu a.active, div#niveau2, div#niveau31, body#vervolg #mainmenu a.active {
	background: url(Media/Images/mainmenu_active.gif) repeat-y;
}

#mainmenu div#niveau2, div#niveau3 {
	/* background: url(Media/Images/mainmenu_active.gif) repeat-y; */
}

/* Niveau 2 */
div#niveau2 a
{
	padding-left: 46px;
	font-size: 1em;
	color: #ff0000;
	width: 200px;  /* origineel: 230px  */
}

div#niveau2 a:hover {
	color: #003399;
	background-color: transparent; 
}


div#niveau3 a
{
	padding-left: 61px;
	font-size: 0.95em;
	color: #003399;
	width: 180px;
}

div#niveau3 a:hover {
	color: #ff0000;
	background-color: transparent;
}

/* Linkerkolom: onderste 'quickLinks' */
#kolomlinks #quickLinks
{
	position: relative;
	float: left;
	padding-left: 30px;
	margin-top: 45px;
	color: #003399;
}

#kolomlinks #quickLinks a {
	text-decoration: none;
	color: #003399;
}

#kolomlinks #quickLinks a:hover {
	color: #ea3b36;
}

/* Linkerkolom: Contactgegevens */
#kolomlinks #adres
{
	position: relative;
	float: left;
	padding-left: 30px;
	margin-top: 45px;
	color: #999999;
}

#kolomlinks #adres a {
	text-decoration: none;
	color: #999999;
}

#kolomlinks #adres a:hover {
	color: #ea3b36;
}

#kolomlinks #adres .adresinfo {
	font-weight: bold;
}

#kolomlinks #adres .contactinfo {
	color: #003399;
}


/* Middenkolom */
#kolommidden, #kolomrechts
{
	font-size: 0.7em;
}

#kolommidden 
{
	position: relative;
	float: left;
	width: 450px;
	overflow: hidden;
	padding: 0px 1px 0px 1px;
}

#kolommidden h1, #kolomrechts h1
{
	font-size: 1.4em;
	color: #003399;
	/* text-transform: lowercase; */
	font-weight: normal;
	margin: 0px 0px 10px 0px;
}
#kolommidden h2.pijl {	
	padding-left: 25px;	
	font-size: 1.3em;	
	background: url(Media/Images/overzicht_pijl.gif) no-repeat 0px 0.4em;
}
#kolommidden h2.service, #kolomrechts h2.directnaarlinks, 
#kolomrechts h2.laatstenieuwsrechts, #kolomrechts h2.gerelateerdeitems,
#kolomrechts h2.archiefrechts, #kolomrechts h2.laatstereactiesrechts 
{
	font-size: 1.3em;
	color: #003399;
	/* text-transform: lowercase; */
	font-weight: normal;
	margin: 10px 0px 10px 0px;
}
#kolommidden h2.contact{
	font-size: 1.3em;
	color: #003399;
	font-weight: bold;
	margin: 10px 0px 10px 0px;
}
#kolommidden h3.contact{
	font-size: 1.2em;
	color: #003399;
	font-weight: bold;
	margin: 7px 0px 7px 0px;
}

body#vervolg #kolomrechts h1 
{
	font-size: 1.3em;
}

#kolommidden h1.pijl {
	padding-left: 25px;
/* jf */
                font-size:1.3em;

	background: url('Media/Images/overzicht_pijl.gif') no-repeat 0px 0.4em;
}

#kolommidden h1.pijl a {
	font-weight: normal;
	color: #003399;
}

#kolommidden h1.pijl a:hover {
	text-decoration: none;
	color: #ff0000
}

#kolommidden h2.pijl ,h3.pijl {
	padding-left: 25px;
	background: url('Media/Images/overzicht_pijl_klein.gif') no-repeat 0px 0.4em;
}

#kolommidden h2.pijl a ,h3.pijl a {
	font-weight: normal;
	color: #003399;
}

#kolommidden h2.pijl a:hover ,h3.pijl a:hover {
	text-decoration: none;
	color: #ff0000
}

#kolommidden h2 a, #kolomrechts h2 a
{
	color:#003399;
	text-decoration: none;
}


#kolommidden h2 a:hover, #kolomrechts h2 a:hover
{
	text-decoration: underline;
	color: #ea3b36;
}

#kolommidden ul, #kolomrechts ul, table.contenttable td ul
{
	list-style: none;
	margin: 0px 0px 0px 0px;
	padding: 0px; 
}

#kolomrechts ul
{
	margin: 0px 0px 20px 0px;
}


#kolommidden ul li, #kolomrechts ul li,  table.contenttable td ul li
{
	padding: 1px 2px 1px 20px;
	background: url('Media/Images/overzicht_pijl_klein.gif') 2px 0.4em no-repeat;
}

#kolommidden ul.noArrows
{
	list-style: none;
	padding-left: 0px;

}

#kolommidden ul.noArrows li, #kolomrechts ul.noArrows li
{
	padding-left: 0px;
	background-image: none;
}

#kolommidden ul.ruimtelijk li {
	padding-bottom: 20px;
}

#kolommidden a.productpageNoLink
{
	color: red;
}

#kolommidden a
{
	text-decoration: none;
/*jf  808285 */
	color: #003399;
	/* font-weight: bold; */
}

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

.kolommiddenDeel
{
	position: relative;
	float: left;
	width: 205px;
	padding: 15px 5px 20px 15px;
}

.kolommiddenDeel img
{
	margin-bottom: 4px;
}

.kolommiddenDeel h1 {
	margin: 0px;
}

#kolommidden_2breed
{
	position: relative;
	float: left;
	width: 415px;
	background-color: #fff;
	padding: 0px 15px 20px 15px;
}

/* Published content */

#publishedcontent p {
	line-height: 1.25em;
}



#publishedcontent p.leading {
	line-height: 1.5em;
	font-weight: bold;
}

#publishedcontent .plaatsDatum {
	margin: 20px 0px 4px 0px;
	font-weight: bold;
}

#publishedcontent h1 {
	font-size: 1.4em;
	font-weight: bold;
	color: #003399;
	margin: 20px 0px 5px 0px;
}

#publishedcontent h2 {
	clear:both;
	font-size: 1.3em;
	font-weight: bold;
	color: #003399;
	margin: 20px 0px 5px 0px;
}

#publishedcontent h3 {
	font-size: 1.2em;
	font-weight: bold;
	color: #003399;
	margin: 20px 0px 2px 0px
}

#publishedcontent h4 {
	font-size: 1.1em;
	font-weight: bold;
	color: #003399;
	margin: 20px 0px 2px 0px
}

#publishedcontent h5 {
	font-size: 1em;
	font-weight: bold;
	font-style: normal;
	color: #003399;
	margin: 20px 0px 2px 0px
}

#publishedcontent h6 {
	font-size: 1em;
	font-weight: normal;
	color: #003399;
	margin: 20px 0px 2px 0px
}

#publishedcontent table{
	font-size: 0.8em;
	width: 100%;
	border-collapse: collapse;
	border: 1px dotted #fff;
	background-color: #dadb9f;
	margin: 10px 0px 10px 0px;
}

#publishedcontent table table {
	font-size: 1em;
}

#publishedcontent table th{
	background-color: #003399;
	color: #fff;
	font-weight: bold;
	text-align: left;
	padding: 7px;
	border: 1px dotted #fff;
	width: 20%
}
#publishedcontent table th.white {
	background-color: #fff;
	color: #003399;
	font-weight: bold;
	text-align: left;
	padding: 7px;
	border: 1px dotted #fff;
	width: 20%
}

#publishedcontent table tr td {
	padding: 7px;
	background-color: #cccccc;
	border: 1px dotted #fff;
	color: #000;
}

#publishedcontent hr, hr {
	border: none;
	height: 1px;
 	background: #fff url('Media/Images/horizontal_ruler.gif') repeat-x 0 0;
	margin: 15px -15px 15px -15px;
}

/* formulieren */

#publishedcontent form table th{
	background-color: #fff;
	color: #000;
	font-weight: bold;
	text-align: left;
	padding: 7px;
	width: 20%
}

#publishedcontent form table tr td {
	padding: 7px;
	background-color: #fff;
	color: #000;
}


/* Zoekformulier */
table.zoekresultaat {
	width: 100%;
}

table.zoekresultaat .kol3 {
	text-align: right;
}

.nowrap {
	white-space: nowrap;
}

.zoekformulier table {
	font-size: 0.95em
}

.zoekformulier table td {
	padding: 3px
}

.zoekformulier table tr.list_0 td, 
.zoekformulier table tr.list_1 td,
.zoekformulier table td.pagina {
	border-bottom: 1px solid #d4cebe
}

.zoekformulier table td.pagina {
	padding-bottom: 8px;
}

.zoekformulier table td.search2text {
	border-bottom: none;
}

.zoekformulier .zoekopnieuw {
	font-weight: bold;
	border: 1px solid #ef1829;
	border-left: none;
	border-right: none;
	padding: 5px 0px 5px 0px
}

.zoekformulier .ResultLink_0, .zoekformulier .ResultLink_1 {
	font-weight: bold;
}

.zoekformulier .datum {
	display: block;
	margin-bottom: 3px;
}

.zoekformulier input.submitarrow {
	width: 18px;
	height: 19px;
	margin-top: -2px
}

.zoekformulier input {
	width: 220px
}

.zoekformulier select { 
	width: 222px;
}

.zoekformulier .calendar {
	margin-bottom: -3px
}

.zoekformulier #btnSearch {
	width: auto;
}

.zoekformulier input#fldSourceTypes0,
.zoekformulier input#fldSourceTypes1,
.zoekformulier input#fldSourceTypes2,
.zoekformulier input#fldSourceTypes3,
.zoekformulier input#fldSourceTypes4,
.zoekformulier input#fldSourceTypes5,
.zoekformulier input#fldSourceTypes6,
.zoekformulier input#fldSourceTypes7,
.zoekformulier input#fldSourceTypes8,
.zoekformulier input#fldSourceTypes9 {
	width: auto;
	border: none;
}

#CheckboxList_1,
#CheckboxList_2,
#CheckboxList_3,
#CheckboxList_4,
#CheckboxList_5,
#CheckboxList_6,
#RadioButtonList_1,
#RadioButtonList_2,
#RadioButtonList_3,
#RadioButtonList_4,
#RadioButtonList_5,
#RadioButtonList_6,
.checkbox
{
	border: none;
	margin: 0px;
	padding: 0px;
}

.label {
	font-weight: bold;
	width: 30%;
}
label.hidden {
	display: none;
	visibility: hidden;
}

.nieuwsBericht
{
	position: relative;
	float: left;
	margin-bottom: 10px;
	width: 390px;
}

.nieuwsBericht .left {
	float:left;
}
.nieuwsBericht .right {
	float:right;
}
.nieuwsBericht img
{
	position: relative;
	float: left;
	margin: 0px 10px 10px 0px;
}

.nieuwsBericht h2, .berichtenoverzicht h2 {
	font-size: 1em;
	margin-bottom:10px;
} 

div.nieuwsBericht span.datum {
	font-style:italic;
}

.meernieuws h2 {
	font-size: 1em;
	margin-bottom:5px;
	color:#003399 !important;
	font-size:1.4em !important;
	display:inline-block;
	margin-bottom: 10px !important;
	font-weight:normal !important;
}

.meernieuws {
	position: relative;
	width:415px;
	float:left;
	margin-bottom:20px;
	margin-top:10px;
}

.meernieuws li {
	background:none !important;
	padding:0 0 10px 0 !important;
}

#nieuwsvervolg {
	float:right;
	color:#003399 !important;
}

#kolomrechts
{
	position: relative;
	float: left;
	width: 223px;
	padding: 45px 0px 20px 0px;
}

#kolomrechts a
{
	text-decoration: none;
	color: #808285;
	font-weight: normal
}

#kolomrechts a:hover
{
	text-decoration: none;
	color: #ea3b36;
}

#kolomrechts img
{
	margin: 0px 0px 5px 0px;
}

.innerKolomrechts
{
	padding: 0px 15px 0px 15px;
}

/* HeaderHomepage + HeaderVervolg */
#header, #headerVervolg
{
	position: relative;
	width: 931px;
	height: 175px;
	margin-left: 21px;
	font-size: 1px;
}

#headerImage {
	float: right;
	position: absolute;
	right: 0px;
	top: 0px;
}

#headerVervolg {
	background-image: url('Media/Images/headersVervolg/stippel.png');
	background-repeat: no-repeat;
	background-position: 100% 0;
	z-index: 5;
}


#headerIcon {
	position: absolute;
	left: 226px;
}

#headerSlogan {
	position: absolute;
	left: 451px;
}

.Geel {
	background-color: #ffcc05;
}

.Rood {
	background-color: #ff0000;
}

.Blauw {
	background-color: #003399;
}

.Groen {
	background-color: #66cc33;
}

#topmenu {
	position: absolute;
	left: 690px;
	top: 15px;
	font-size: 11px;
	width: 195px;
	height: 155px;
	color: #fff;
}

#topmenu.background,#topmenu.background a  {
	color:#003399;
}

#topmenu form {
	margin-bottom: 40px;
}

#topmenu a {
	color: #fff;
	text-decoration: none;
	line-height: 1.6em;
}

#topmenu a:hover {
	text-decoration: underline;
}

#topmenu_input {
	border: 1px solid #8f8f8f;
	padding: 2px;
	font-size: 11px;
}

#topmenu_submit {
	margin-bottom: -4px
}

#innerTopmenu {
	position: absolute;
	bottom: 0px;
}

/* Container */ 
#containermidden 
{
	position: relative;
	float: left;
	width: 922px;
	background-image: url('Media/Images/rulers_middendeel.gif'); 
	background-position: top right;
	background-repeat: repeat-y;
}

/* Kruimelpad */
#kruimelpad 
{
	position: relative;
	float: left;
	width: 405px;
	height: 28px;
	padding: 10px 15px 10px 15px;
	color: #000;
	background-color: #fff;
	font-size: 0.8em;
}

#kruimelpad a 
{
	font-weight: normal;
	color: #999999;
	text-decoration: none;
}

#kruimelpad a:hover
{
	text-decoration: none;
}







/* Contact form */

form#contact label {
	float: left;
	width: 120px;
	font-weight: bold;
	padding-left: 2px;
	padding-top: 6px;
}

form#contact input {
	margin: 2px 0px 2px 0px;
	width: 230px;
}

form#contact textarea {
	width: 230px;
	height: 80px;
	font-family: verdana, sans-serif;
	margin: 2px 0px 2px 0px;
	font-size: 1.1em;
}

#contact a {
	text-decoration: none;
	font-weight: bold;
	color: #808285;
}

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

#headertekst {
	position: absolute;
	top: 10px;
	left: 505px;
	height: 130px;
	width: 225px;
	color: white;
	font-size: 1.5em;
	z-index: 100;
}
 
#bladeren {
	position: relative;
	float: left;
	width: 100%;
	text-align: right;
	margin-bottom: 10px;
	color: #ea3b36;
}

#bladeren a {
	text-decoration: none;
	color: #808285;
	font-weight: bold;
}

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

#bladeren .actuelepagina {
	color: #00349a;
	font-weight: bold;
}

#voegtoe, #mailderedactie, #mailartikel, #printartikel, #terugnaarboven, #stuurartikeldoor, 

#terugnaaroverzicht {
	background-repeat: no-repeat;
	background-position: left 1px;
	padding-left: 20px;
	margin-top: 5px;
}

#voegtoe {
	background-image: url(Media/Images/voegtoe.gif);
}
			
#mailderedactie {
	background-image: url(../images/mailderedactie.gif);
	/* background-image: url(Media/Images/mailderedactie.gif); */
}
			
#mailartikel {
	background-image: url(Media/Images/mailartikel.gif);
}

#terugnaarboven {
	background-position: left 0px;
	background-image: url(Media/Images/terugnaarboven.gif);
}

#printartikel 
{
	background-image: url(Media/Images/printpagina.gif);
}

#stuurartikeldoor
{
	background-image: url(Media/Images/stuurdoor.gif);
}

#printartikel a, #stuurartikeldoor a, #terugnaaroverzicht a, #terugnaarboven a, #mailartikel a, 

#voegtoe a, #mailderedactie a
{
	color: #808285;
	text-decoration: none;
	font-weight: bold;
}

#printartikel a:hover, #stuurartikeldoor a:hover, #terugnaaroverzicht a:hover, #terugnaarboven 

a:hover, #mailartikel a:hover, #voegtoe a:hover, #mailderedactie a:hover
{
	text-decoration: underline;
}

#terugnaaroverzicht
{
	background-position: left 3px;
	background-image: url(Media/Images/overzicht_pijl_klein.gif);
}

.contactachtergrond {
	position: relative;
	float: left;
	background-color: #f5f5f5;
	width: 100%;
	margin-top: 1px;
}

.zoekresultaat {
	margin-top: 5px;
	margin-bottom: 10px;
	font-size: 1em;
}

.zoekresultaat a {
	text-decoration: none;
	font-weight: bold;
	color: #808285;
}

.zoekresultaat a:hover {
	text-decoration: underline;
}

.zoekresultaat .kol1 {
	width: 14px;
}

.zoekresultaat .kol2a {
	color: #808285;
}

.zoekresultaat .kol2b {
}

.zoekresultaat .kol3 {
	color: #808285;
}

.zoekarg {
	color: #00349a;
}
.newsModDate {
	color: #808285;
}

.letterTable {
	width: 100%;
}

#fldAction {
	display: none;
}

img.contentreactie {
	vertical-align: middle;
}

.forumtable {
width: 350px;
}

table.forumtable tr td textarea.textarea {
width: 350px;
}

#luidspreker {
	font-size: 14px; 
	float: right;
	padding-right: 15px;
}
#luidspreker a, a:visited, a:link {
text-decoration: none;
}
#luidspreker a:hover {
text-decoration: underline;
color: #ff0000;
} 

#valConceptList, #Beschikbaar {
width:160px;
}

/*  externe / pdf links */

a.pdf { /*The background image*/
	background: url(/tijdelijk/pdf.png) no-repeat right center;
	padding-right: 10px;
	margin:0px 2px;
	line-height: 16px; /* To center the text vertically with the icon */
} 
a.external {
	background: url(/tijdelijk/new_window.png) no-repeat right center;
	padding-right: 16px;
	line-height: 16px;
	display:inline;
	margin:0px 2px
}