/* START own css: OV-Loket */
/*	COLORS

	red: #b1005d;
	orange: #f8981d;
	blue: #2094f7;
	cool gray dark: #4e5565;
	cool gray medium: #777f90;
	cool gray light: #b9c0cf;
	warm gray dark: #bbbbbb;
	warm gray medium: #eeeeee;
	warm gray light: #f8f8f8;
	
*/

/*	ELEMENTS */
body { font-size: 62.5%; font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #4e5565; text-align: center; background: url(../images/ovloket/bg-body.gif) repeat-x 0 0; margin: 0; }

p { font-size: 1.2em; line-height: 1.417em; margin: 0 0 1.417em 0; }
#main>ul,#main>ol,.centeritem>ul,.centeritem>ol,.news>ol,.news>ul,.item>ul,.news>ol { font-size: 1.2em; line-height: 1.417em; margin: 0 0 1.417em 0; }
a { color: #2094f7; }
a:hover { text-decoration: none; }
h2 { font-size: 1.8em; color: #b1005d; margin: 0 0 0.944em 0; }

/*	LAY OUT */
#wrap { width: 990px; text-align: left; margin: 0 auto; }
#header { height: 157px; position: relative; }
#content { margin-top: 20px; float: left; width: 100%; }
#sidebar { width: 260px; float: left; margin-right: 30px; }
#main { float: left; width: 500px; }
#main.complaint-form { width: 700px; float: right; }
#fill { float: right; width: 172px; height: 300px; }
#footer { width: 100%; text-align: center; float: left; margin-top: 40px; border-top: 1px dotted #bbbbbb; padding: 20px 0; }

	/* home */
	.home #sidebar { width: 224px; margin: 0; }
	.home #main { width: 736px; float: right; }

/*	HEADER */
#header h1 { width: 125px; height: 137px; position: absolute; left: 6px; top: 20px; margin: 0; z-index: 100; }
#header h1 a { width: 125px; height: 137px; display: block; text-decoration: none; background: url(../images/ovloket/bg-logo.gif) no-repeat 0 0; }
#header h1 a span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }
#header h2 { position: absolute; left: 196px; top: 44px; font-weight: normal; font-size: 18px; margin: 0; line-height: 25px; color: #777f90; }

#header ul#nav { position: absolute; top: 107px; left: 260px; list-style: none; margin: 0; padding: 0; }
#header ul#nav li { float: left; margin: 0}
#header ul#nav li a, #header ul#gohome li a { display: block; color: #ffffff; background: url(../images/ovloket/bg-tab-left.gif) #777f90 no-repeat 0 0; text-decoration: none; }
#header ul#nav li a span, #header ul#gohome li a span { display: block; background: url(../images/ovloket/bg-tab-right.gif) no-repeat right 0; padding: 0 18px 0 12px; font-size: 1.2em; line-height: 30px; }
#header ul#nav li a:hover, #header ul#gohome li a:hover { background-position: 0 -240px; background-color: #f8981d; }
#header ul#nav li a:hover span, #header ul#gohome li a:hover span { background-position: right -240px; }
#header ul#nav li a.tab-complaints:hover { background-position: 0 -180px; background-color: #b1005d; }
#header ul#nav li a.tab-complaints:hover span { background-position: right -180px; }
#header ul#gohome { position: absolute; top: 107px; left: 0; list-style: none; margin: 0; padding: 0; width: 260px; }
#header ul#gohome li { float: right; margin: 0 }
#header ul#nav li a.active, #header ul#gohome li a.active { color: #4e5565; background-position: 0 -120px; background-color: #ffffff; cursor: default; }
#header ul#nav li a.active span, #header ul#gohome li a.active span { background-position: right -120px; }

#header ul#search { position: absolute; right: 0; top: 107px; list-style: none; font-size: 12px; padding: 0; margin: 0; }
#header ul#search li { float: left; color: #777f90; border-right: 1px solid #777f90; padding: 0 6px 0 0; margin: 3px 6px 0 0; }
#header ul#search li a { color: #777f90; }
#header ul#search li.font-size { border: none; padding: 0; margin-right: 0; }
#header ul#search li.search-image { border: none; padding: 0; margin: 0 12px 0 0; }
#header ul#search li.font-size span { float: left; }
#header ul#search li.font-size div  { float: left; }
a.font-size-normal, a.font-size-medium, a.font-size-large, a.font-size-huge { display: block; width: 16px; height: 16px; float: left; text-decoration: none; background: url(../images/ovloket/bg-plusmin.gif) no-repeat 0 0; margin-left: 6px; -moz-outline-style: none; }
a.font-size-normal:hover, a.font-size-medium:hover, a.font-size-large:hover, a.font-size-huge:hover { background-position: -16px 0; }
a.font-size-normal span, a.font-size-medium span, a.font-size-large span, a.font-size-huge span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }

	/* search box */
	.search-image fieldset { border: none; padding: 0; margin: 0; background: url(../images/ovloket/bg-search.gif) no-repeat 0 0; width: 177px; height: 21px; }
	.search-image legend { display: none; }
	.search-image input { float: left; height: 18px; border: 0; background: transparent; width: 149px; }
	.search-image input.field { font-size: 11px; color: #b9c0cf; padding: 3px 0 0 4px; }
	.search-image input.button { width: 24px; cursor: pointer; height: 21px; -moz-outline-style: none; }

	/* default size */
	a.font-size-normal { background-position: 0 -48px; cursor: default; }
	a.font-size-medium { background-position: 0 0; }
	a.font-size-large { display: none; }
	a.font-size-huge { display: none; }
	a.font-size-normal:hover { background-position: 0 -48px; }
	a.font-size-medium:hover { background-position: -16px 0; }
	
/*	SIDEBAR */
#subnav-info { background: url(../images/ovloket/bg-snav-info.gif) repeat-y 0 0; }
#subnav-info ul { margin: 0; padding: 18px 18px 0 18px; list-style: none; background: url(../images/ovloket/bg-snav-info-t.gif) no-repeat 0 0; min-height: 262px; _height: 262px; font-size: 1.2em; line-height: 1.417em; }
#subnav-info ul li { margin-bottom: 4px; }
#subnav-info ul li a { color: #ffffff; }
#subnav-info ul li a.active { text-decoration: none; color: #ffdca0; font-weight: bold; cursor: default; }
#subnav-info .bottom { background: url(../images/ovloket/bg-snav-info-b.gif) no-repeat 0 0; height: 20px; width: 100%; }

#subnav-comp { background: url(../images/ovloket/bg-snav-comp.gif) repeat-y 0 0; }
#subnav-comp ul { margin: 0; padding: 18px 18px 0 18px; list-style: none; background: url(../images/ovloket/bg-snav-comp-t.gif) no-repeat 0 0; min-height: 262px; _height: 262px; font-size: 1.2em; line-height: 1.417em; }
#subnav-comp ul li { margin-bottom: 4px; }
#subnav-comp ul li a { color: #ffffff; }
#subnav-comp ul li a.active { text-decoration: none; color: #cccccc; font-weight: bold; cursor: default; }
#subnav-comp .bottom { background: url(../images/ovloket/bg-snav-comp-b.gif) no-repeat 0 0; height: 20px; width: 100%; }

/*	MAIN */
	/* news */
	#main ul.newstitle { margin-bottom: 1.7em; padding: 0; list-style: none; font-size: 1.2em; line-height: 1.417em; margin: 0 0 1.545em 0; }
	#main ul.newstitle h2 { margin: 6px 0 8px 0; font-size: 1.5em; }
	#main ul.newstitle li.type { color: #777f90; }
	#main ul.newstitle li.writer { color: #bbbbbb; }
	#main ul.newstitle li.date { color: #bbbbbb; font-size: 0.917em}
	#main .news { border-bottom: 1px dotted #bbbbbb; margin-bottom: 20px; }
	#main p.news-steps { margin: 0; text-align: right; font-size: 11px; }
	#main p.news-steps a.overview { float: left; }
	
	/* toggle */
	#TJK_DL { border-bottom: 1px dotted #bbbbbb; margin: 0; }
	#TJK_DL dt { padding: 4px 6px; font-size: 1.2em; line-height: 1.417em; }
	#TJK_DL dd { margin: 0; padding: 12px 0 18px 19px; font-size: 1.1em; line-height: 1.545em; }
	#TJK_DL dt a { padding-left: 13px; text-decoration:none; color: #4e5565; -moz-outline-style: none; }
	#TJK_DL dt a:visited { }
	#TJK_DL dt a:visited:hover, #TJK_DL dt a:hover, #TJK_DL dt a:active, #TJK_DL dt a:focus { }
	#TJK_DL .DTplus a { background: url(../images/ovloket/bg-toggle-closed.gif) no-repeat 2px center; }
	#TJK_DL .DTminus a { background: url(../images/ovloket/bg-toggle-open.gif) no-repeat 0 center; }
	#TJK_DL .showDD { position:relative; top:0 }
	#TJK_DL dd { top:-9999px; position:absolute; }
	.hideDD { left:-9999px; position:absolute; }
	#TJK_ToggleON,#TJK_ToggleOFF { display:inline; cursor:pointer; cursor:hand}
	
	#TJK_DL address { font-style: normal; margin: 0 0 1.545em 0; }
	#TJK_DL address:first-child { margin: 0 0 0.545em 0; }
	#TJK_DL h4 { font-size: 1em; line-height: 1.545em; margin: 0; }
	
	#TJK_DL .logo-gvb { float: right; display: block; width: 68px; height: 44px; text-decoration: none; background: url(../images/ovloket/logo-vervoerders/gvb.gif) no-repeat 0 0; }
	#TJK_DL .logo-gvb span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }
	
.item { padding: 0 6px 0 6px; border-bottom: 1px dotted #bbbbbb; margin-top: 12px; }
#main .item { padding: 0; }
.home .item { padding-bottom: 12px; }
.item h3 { font-size: 1.4em; line-height: 1.214em; margin: 0 0 12px 0; color: #b1005d; }
.home .item h3, #main .item h3 { margin-bottom: 2px; }
#main .item h3 { color: #f8981d; }
.item p { margin: 0 0 12px 0; }
#sidebar .item p { color: #777f90; }
.home .item p { margin: 0; }
.item p .paragraph { display: block; }
.item p a.more { display: block; margin-top: 2px; font-size: 0.917em; }
#sidebar em.newstitle { font-size: 0.917em; color: #bbbbbb; font-style: normal; }
#sidebar em.newstitle strong { font-size: 1.091em; color: #777f90; }
#main em.newstitle { font-style: normal; font-size: 1.1em; color: #bbbbbb; margin-bottom: 6px; display: block; }
#main em.newstitle .type { color: #777f90; }
#meldpunt em.newstitle { font-size: 0.917em; color: #bbbbbb; font-style: normal; margin: 0; }

#sidebar img { margin-top: -1px; }
#sidebar .item.attention { background: #eeeeee; margin-top: 0px; padding-top: 12px; border: none; }
#sidebar .item.attention p .newstitle { color: #bbbbbb; }

p.rss-feed { padding: 0 0 0 20px; background: url(../images/ovloket/bg-rss.gif) no-repeat 0 center; margin: 20px 0 0 0; float: right; font-size: 11px; }

ul#sitemap { font-size: 1.2em; line-height: 1.417em; margin: 0; padding: 0; list-style: none; font-weight: bold; }
ul#sitemap li { margin: 0 0 0.708em 0; }
ul#sitemap ul { font-weight: normal; margin: 0.708em 0 0 12px; padding: 0; list-style: none; }
ul#sitemap ul li { margin: 0; }
ul#sitemap a { color: #4e5565; }
ul#sitemap ul a { color: #2094f7; }

ul.search-result { font-size: 1.2em; line-height: 1.417em; margin: 0 0 12px 0; padding: 0 0 12px 0; border-bottom: 1px dotted #bbbbbb; list-style: none; }
ul.search-result span { color: #f8981d; font-style: italic; }
ul.search-result li.breadcrumb { margin: 0 0 12px 0;  }
ul.search-result li.breadcrumb span { text-decoration: underline; }
ul.search-result li.breadcrumb a:hover span { text-decoration: none; }
ul.search-result li.breadcrumb a { font-size: 14px; color: #f8981d; font-weight: bold; }
ul.search-result li.more { font-size: 11px; margin: 6px 0 0 0; }

/*	COMPLAINT FORM */
#main.complaint-form form {  margin: 0;}
#main.complaint-form form fieldset { border: none; margin: 0 0 12px 0; padding: 0; width: 100%; float: left; }
#main.complaint-form form fieldset .left { padding: 12px 20px; width: 460px; float: left; background: #feefde; font-size: 1.2em; }
#main.complaint-form form fieldset .right { width: 188px; float: right; padding: 12px 0 0 0; }
#main.complaint-form form legend { display: none; }
#main.complaint-form form label { width: 180px; float: left; margin: 2px 12px 0 0; }
#main.complaint-form form input { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #777f90; font-size: 1em; width: 180px; float: left; margin: 0 6px 0 0; }
#main.complaint-form form select { font-family: "Lucida Grande", "Lucida Sans Unicode", Arial, Verdana, sans-serif; color: #777f90; font-size: 1em; width: 184px; float: left; margin: 0 6px 0 0; }
#main.complaint-form form .fieldgrp { float: left; margin: 0 0 6px 0; width: 100%; }
#main.complaint-form form .field { float: left; }
#main.complaint-form form .field ul { margin: 0; padding: 0; list-style: none; clear: both; }
#main.complaint-form form .field ul li { float: left; clear: both; margin: 0 0 6px 0; }
#main.complaint-form form .field ul li.last { margin-bottom: 0; }
#main.complaint-form form .field ul input { width: 13px; height: 13px; margin: 2px 4px 0 0; }
#main.complaint-form form .field ul label { width: auto; margin: 0; padding: 0; }
#main.complaint-form form input.small { width: 88px; }
#main.complaint-form form input.tiny { width: 60px; }

#main.complaint-form form h2 { margin: 0 0 8px 0; font-size: 1.5em; clear: both; float: left; position: relative; left: 192px; }
.test { width: 10px; height: 10px; background: black; display: block; position: absolute; left: 10px;}
a.calendar { display: block; width: 16px; height: 16px; text-decoration: none; background: url(../images/ovloket/bg-calendar.gif) no-repeat 0 0; float: left; margin: 3px 6px 0 0; }
a.calendar span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }

#main.complaint-form form a.button-send { display: block; width: 110px; height: 29px; line-height: 29px; color: #ffffff; text-decoration: none; background: url(../images/ovloket/bg-button-form.gif) no-repeat 0 0; text-align: center; font-weight: bold; font-size: 1.2em; float: right; position: relative; right: 200px; }
#main.complaint-form form a.button-send:hover { background-position: 0 -29px; }

/*	HOME */
#complaints { width: 362px; min-height: 510px; background: url(../images/ovloket/bg-block-comp.gif) repeat-y 0 0; border-bottom: 6px solid #eeeeee; float: left; }
#information { width: 362px; min-height: 510px; background: url(../images/ovloket/bg-block-info.gif) repeat-y 0 0; border-bottom: 6px solid #eeeeee; float: right; }
#complaints .block-content { background: url(../images/ovloket/bg-block-comp-t.gif) no-repeat 0 0; padding: 0 26px; }
#information .block-content { background: url(../images/ovloket/bg-block-info-t.gif) no-repeat 0 0; padding: 0 26px; }

	/* index */
	.index { padding: 20px 0 1.7em 0; min-height: 230px; _height: 230px; margin: 0; }
	.block-content a { color: #ffffff; }
	.block-content ul { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.417em; list-style: none; }
	.block-content ul li { margin-top: 0.167em; padding: 0 0 0 15px; }
	#complaints .block-content ul li { background: url(../images/ovloket/bg-bullit-comp.gif) no-repeat 0 0.583em;}
	#information .block-content ul li { background: url(../images/ovloket/bg-bullit-info.gif) no-repeat 0 0.583em;}
  .block-content a.big-button { display: block; width: 280px; height: 40px; line-height: 40px; background: url(../images/ovloket/bg-button-big.gif) no-repeat 0 0; text-align: center; margin-top: 17px; text-decoration: none; font-weight: strong; margin: 1.7em 0 0 15px; }
  .block-content a.big-button:hover { background: url(../images/ovloket/bg-button-big-hover.gif) no-repeat 0 0; }
	.block-content a.big-button span { position: relative; font-size: 1px; line-height: 1px; left: -9999px; }
  
	.block-content a.big-button2 { display: block; width: 280px; height: 40px; line-height: 40px; background: url(../images/ovloket/bg-btn-inf.gif) no-repeat 0 0; text-align: center; margin-top: 17px; text-decoration: none; font-weight: strong; margin: 1.7em 0 0 15px; }
  .block-content a.big-button2:hover { background: url(../images/ovloket/bg-btn-inf-hover.gif) no-repeat 0 0; }
	.block-content a.big-button2 span { position: relative; font-size: 1px; line-height: 1px; left: -9999px; }

	ul.homenav {
  	min-height:135px;
  	_height:135px;
	}
	
	/* summary */
	.summary { border: 3px solid #ffffff; margin: 0 0 20px 0; padding: 12px; color: #ffffff; position: relative; min-height: 157px; _height: 157px; }
	.summary ol { margin: 0; padding: 0; font-size: 1.2em; line-height: 1.417em; list-style-position: inside; }
	.summary ol li { padding: 4px 6px; width: 268px; }
	.summary ol li.odd { background: #b1005d; }
	#complaints .summary .more { float: right; position: relative; top: -27px; font-size: 1.1em; }
	#information .summary p { width: 170px; }
	.block-content a.map { display: block; width: 137px; height: 165px; background: url(../images/ovloket/bg-map.gif) no-repeat 0 0; text-decoration: none; position: absolute; right: 12px; top: 12px; -moz-outline-style: none; }
	.block-content a.map span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }
	#information .summary .more { display: block; font-size: 0.917em; margin: 2px 0 0 0; }

#ideas { width: 572px; background: url(../images/ovloket/bg-ideas.gif) no-repeat 12px center #eeeeee; clear: both; margin: 24px 0 0 26px; float: left; padding: 12px 12px 0 100px;}
#meldpunt { width: 572px; background: url(../images/ovloket/bg-alarm.gif) no-repeat 18px center #eeeeee; clear: both; margin: 24px 0 0 26px; float: left; padding: 12px 12px 0 100px; display: inline; }
#knowledge { width: 684px; clear: both; margin: 24px 0 0 26px; float: left; }
#knowledge p.more { float: right; position: relative; top: -25px; font-size: 1.1em; }
#meldpunt a.more { display: block; margin: 2px 0 0 0; font-size: 0.917em; }

#main ul.general { font-size: 1.2em; line-height: 1.417em; margin-bottom: 1.417em; margin-top: 1.417em; }
#main address { font-size: 1.2em; line-height: 1.417em; margin: 0 0 1.417em 0; font-style: normal; }
#main h3 { font-size: 1.4em; line-height: 1.214em; color: #f8981d; }
#main h4.general { font-size: 1.2em; line-height: 1.417em; margin: 0 0 6px 0; }
#main blockquote { font-size: 1.4em; line-height: 1.214em; color: #777f90; font-style: italic; margin: 1.214em; }

/*	SIFR */
	.sIFR-flash { visibility: visible !important; margin: 0; }
	.sIFR-replaced { visibility: visible !important; }
	span.sIFR-alternate { position: absolute; left: 0; top: 0; width: 0; height: 0; display: block; overflow: hidden; }
	.sIFR-flash + div[adblocktab=true] { display: none !important; }
	
	.sIFR-hasFlash .block-content h2 { visibility: hidden; font-size: 34px; line-height: 1em; margin: 0; }
	.sIFR-hasFlash .block-content h3 { visibility: hidden; font-size: 24px; line-height: 1em; margin: 0 0 4px 0; }
	.sIFR-hasFlash #ideas h3 { visibility: hidden; font-size: 24px; line-height: 1em; margin: 0 0 4px 0; }
	.sIFR-hasFlash #meldpunt h3 { visibility: hidden; font-size: 24px; line-height: 1em; margin: 0 0 4px 0; }
	.sIFR-hasFlash #knowledge h3 { visibility: hidden; font-size: 24px; line-height: 1em; margin: 0 0 4px 0; }
	
/*	FILL */
#fill img { margin: 0 0 6px 0; }
#fill p { color: #777f90; }	

/*	FOOTER */
#footer p { color: #bbbbbb; font-size: 11px; line-height: 17px; margin: 0 0 6px 0; }
#footer p a { color: #bbbbbb; }
#footer p.subsubnav a { color: #777f90; }

/* NIEUWE CSS VOOR MAP.HTML */
#main.broad { width: 700px; float: right; }
.framework { padding: 12px; background: #feefde; float: left; }
.framework h3 { font-size: 1.8em; color: #f8981d; margin: 0 0 8px 0; }
.map-big { width: 300px; float: left; }
#contacts { width: 360px; float: right; }
table { border-collapse: collapse; font-size: 1.2em; border-bottom: 1px dotted #f8981d; }
table td { padding: 6px; vertical-align: top; }
table tr.odd td { background: #ffdbae; }
table tr.concessie { font-weight: bold; color: #777f90; }
table a { display: block; }

/* NIEUW */
table { width: 100%; }
table.general tr.odd td { background: #f8f8f8; }
table.general { border-bottom: 1px dotted #bbbbbb;}
table td.amount { text-align: center; }
table td.percentage { text-align: right; }

#main ol.general.top5 { list-style-position: inside; margin: 0 0 1.417em 0; padding: 0; }
#main ol.top5 li { padding: 4px 6px; }
#main ol.top5 li.odd { background: #f8f8f8; }

.scroll-months { width: 100%; margin: 0 0 7px 0; height: 21px; }
.scroll-months ul { padding: 0; margin: 0; list-style: none; font-size: 1.2em; float: right; clear: both; color: #ffffff; line-height: 21px; }
.scroll-months ul li { float: left; line-height: 21px; }
.scroll-months ul li a { display: block; width: 20px; height: 21px; text-decoration: none; }
.scroll-months ul li.prev a { background: url(../images/ovloket/btn-date-prev.gif) no-repeat 0 0; }
.scroll-months ul li.next a { background: url(../images/ovloket/btn-date-next.gif) no-repeat 0 0; }
.scroll-months ul li.prev-disabled a { background: url(../images/ovloket/btn-date-prev-disabled.gif) no-repeat 0 0; cursor: default }
.scroll-months ul li.next-disabled a { background: url(../images/ovloket/btn-date-next-disabled.gif) no-repeat 0 0; cursor: default }
.scroll-months ul li a span { position: relative; left: -9999px; font-size: 1px; line-height: 1px; }
.scroll-months ul li.prev a:hover, .scroll-months ul li.next a:hover { background-position: 0 -100px; }
.scroll-months ul li.middle { background: url(../images/ovloket/btn-date-middle.gif) repeat-x 0 0; width: 120px; text-align: center; }

#complaints h2 {
  color: #f8981d;
}

#information h3 {
  color: #b1005d;
}

a.subnav_link {
  text-decoration: none;
}

a.subnav_link:hover {
  text-decoration: underline;
}
/* END own css: OV-Loket */