/*

Metainfo:

	Organisatie: Gemeente Edam-Volendam

	Auteur: Viktor de Haan (Scanopy BV / Ruimtelijkplan)

	Versie 1.0: 05 december 2011

	Applicatie: DeztaPlan 3.2

	Toepassing: HTML weergave STRI 2008, huisstijl Edam-Volendam

	

	colours:#009ddf (lichtblauw)

		#00ccff (felblauw)

		#e43117 (oranje/rood)

		#FF5A13 (oranje)

		#ececec (lichtgrijs border navigatie)

*/



body {

	margin:16px 0 0 0;

	background: url(http://www.scanopy.nl/gemeentelogo/Edam_Volendam/body_bg.png) repeat-x top left;

	text-align: center;

	font-family: Arial, Helvetica, sans-serif;

}




#container {

	background:#FFF;
	padding:0;
	text-align:left;
	position:absolute;
	top:16px;
	left:50%;
	margin-left:-492px;
	width:985px;
	bottom:0;
	border-bottom:30px solid #9ED5EE;

	}




a img {border: 0;}



/*standaard tekst en links in de 'body' van de pagina*/ body, p, li, table, div {

	font-family:Arial, Helvetica, sans-serif;

	font-size:11px;

	color:#000;

	line-height: 1.4em;

}



/* Basis tekstopmaak voor de plantekst */



h1, h2, h3, h4, h5, h6 {

	margin:0;

	padding:1em 0 0 0;

	line-height:120%;

}

h1, h2, h3, h4, h5 {

	color:#009DDF;

}



p, ul {

	padding-top:0.5em;

	padding-bottom:0;

	margin-bottom:0;

	margin-top:0;

}



table.teksttabel {

	margin-top:0.5em;

}



ul ul {

	padding-top:0;

}



h2, h3, h4, h5, h6 {font-weight:normal;}



h1 {font-size:20px;}

h2 {font-size:20px; margin-bottom:1em;}

h3 {font-size:22px; margin-bottom:1em;}

h4 {font-size:14px; font-weight:bold;}

h5 {font-size:12px;}

h6 {font-size:11px;}



a:link, a:visited {

	color:#000;

	text-decoration:none;

	}



a:hover{

	color:#009ddf;

	text-decoration: underline;

	}





a.voetnootlink:link, a.voetnootlink:visited {

	cursor: help;

	text-decoration:none;

	vertical-align:super;

	line-height:0.2em;

	font-size:70%;

	margin-left:0.1em;

}

a.voetnootlink:hover {text-decoration:none;}



ul#voetnoten {

	border-top:1px solid #009ddf;

	margin:4em 0 0 0;

	padding:0;

	list-style-type:none;

	width:100%; /*nodig voor haslayout in IE6*/

}



ul#voetnoten li {

	padding:0 0 0 2.2em;

	margin:1em 0 0 0;

	position:relative;

	width:90%; /*nodig voor haslayout in IE6*/

}



a.voetnootterug {

	position:absolute;

	left:0;

	line-height:1;

	top:0.2em;

}



div#koptekst {

	width: 100%; /* nodig voor has-layout in IE */

	margin: 0 auto;

	padding-top:250px;

	background:#FFF url(http://www.scanopy.nl/gemeentelogo/Edam_Volendam/header-default_gevels.png) no-repeat top center;

	height: 89px;

	font-size: 1.1em;

	line-height: 1.272em;

}



@media print,screen {

	div#toegang {display:none;}

}



div#kruimelspoor {

	overflow:auto;

	padding:0 0px 5px 0;

	background:#FFF;

	border-bottom: solid 1px #009ddf;

	border-top: solid 1px #009ddf;

}

#inhoud > div:first-child > h1 {
	position: fixed;
	top:264px;
	height:22px;
	padding:15px 5px;
	left:50%;
	margin:0 0 0 -492px;
	width:975px;
	z-index: 100;
	border-bottom: solid 1px #009ddf;
	border-top: solid 1px #009ddf;
	font-size:18px;
}

.kruimel {

	font-size: 11px;

	padding:0 0 0 1em;

	display:inline;

	margin-left:auto;

	font-weight:normal;

	line-height:1.4em;

}

h1.kruimel {

	display:block;

	padding:0 0 0 5px;

	margin:0 0 5px 0;

	font-size:18px;

	font-weight:bold;

	background:#FFF;

}



.kruimel a:link, .kruimel a:visited {

	font-weight:normal;

	white-space:nowrap;

	color:#363636;

	text-decoration:none;

}

.kruimel a:hover {

	color:#009ddf;

	text-decoration:none;

}

.kruimel a:before {

	content: url(http://www.scanopy.nl/gemeentelogo/Edam_Volendam/bullet_klein.gif) "  ";

	text-decoration:none;

}





#plangegevens {

	position:absolute;

	z-index:1000;

	top:77px;

	right:0;

	height:70px;

	padding:15px;

	background:#FFF;

	border-left:10px solid #009ddf;

	border-bottom:1px solid #ececec;

	border-right:1px solid #ececec;

	border-top:1px solid #ececec;

	margin-right: 4px;

	margin-bottom: 5px;

}



#plangegevens table {

	border-collapse:collapse;

}



#plangegevens th {padding-right:1em;}

#plangegevens th, #plangegevens td {

	font-weight:normal;

	color:#000;

	font-size:11px;

	vertical-align:top;

	text-align:left;

	padding-top:2px;

	padding-bottom:2px;

	margin:0;

	line-height:1.1em;

	max-width:30em;

	border-left:0px #FFF;

}



div#hoofdmenu {

	position:absolute;
	top:308px;
	left:0;

	z-index:2000;

	padding:0;

	clear:both;

	width:165px;

	border-bottom:0px solid #009ddf;

}


div#hoofdmenu ul {

	margin:0px 0 0px 0px;

	background-color:#FFF;

	padding:0;

}

div#hoofdmenu li {

	float:none;

	margin:0;

	padding:0;

}



div#hoofdmenu a {

	display:block;

	padding:6px 5px 6px 5px;

	color:#000;

	text-decoration:none;

	font-weight:normal;

	font-size:11px;

	background:#FFF repeat-x;

	margin-top:5px;

	border-left:10px solid #009ddf;

	border-bottom:1px solid #ececec;

	border-right:1px solid #ececec;

	border-top:1px solid #ececec;

}



div#hoofdmenu a.pdf {

	background-repeat:no-repeat;

	background-position:right -197px;

	padding-right:0px;

	background:#FFF repeat-x;

	border-bottom:1px solid #ececec;

	border-right:1px solid #ececec;

	border-top:1px solid #ececec;

	border-left:10px solid #009ddf;

}



div#hoofdmenu a:hover, div#hoofdmenu a.pdf:hover {

	background-color:#FFF;

	color:#009ddf;

	text-decoration:underline;

	font-weight: bold;

	background:#FFF url(http://www.scanopy.nl/gemeentelogo/Edam_Volendam/but_meer.gif) no-repeat right;

}





div#inhoudsopgave, div#inhoud {clear: both;}


div#inhoud {

	position:absolute;
	background:#FFF repeat-x 0 bottom;	
	top:302px;
	bottom:0;
	left:0;
	right:0;
	padding:0 25px 150px 230px;
	margin-left:0;
	border-right:0px;
	overflow:auto;
	border-bottom:5px solid #009DDF;
}

#inhoud  > *:last-child { margin-bottom:150px;}



div.navigatie ul {

	display: block;

	float: none;

	list-style-type:none;

}

div.navigatie li {

	display: inline;

	float: left;

	margin: 2em;

}



div#inhoudsopgave li.pdf {

	padding-left:24px;

	margin-left:-24px;

}



ul.inhoudsopgave {

	list-style-type:none;

	padding-top:2px;

	font-size:14px;

}



ul.inhoudsopgave a:link, ul.inhoudsopgave a:visited {



}

ul.inhoudsopgave a:hover {

}



/* Extra voor de inhoudsopgave op de index pagina */



div.document div#inhoudsopgave ul a {text-decoration:none;}

div.document div#inhoudsopgave ul {margin-left:0; padding-left:0;}

div.document div#inhoudsopgave ul ul {margin-left:4em;}

div.document div#inhoudsopgave ul ul ul {margin-top:0.5em;}

div.document div#inhoudsopgave ul ul ul ul {display:none;}





div.document div#inhoudsopgave ul li {

	margin-top:1em;

	font-size:16px;

	font-weight:bold;

}

div.document div#inhoudsopgave ul ul li {

	margin-top:0.5em;

	font-size:14px;

	font-weight:bold;

}

div.document div#inhoudsopgave ul ul ul li {

	margin-top:0;

	font-size:12px;

	font-weight:bold;

}

div.document div#inhoudsopgave ul ul ul ul li {

	font-size:12px;

	font-weight:normal;

}



/* Navigatie-links onderaan de pagina */



div#navigatiemenu {

	display:none;
	
	/* 	Het navigatie-menu wordt in de door scanopy gemaakte opmaak niet gebruikt, maar er stond nog wel veel CSS voor in
		Die CSS heb ik dus maar uitgeschakeld.

	/*
	position:absolute;

	top:270px;

	margin-left:0px;
	width:24px;
	z-index:555;
	*/

}

/*


div#navigatiemenu ul {

	padding:0;

	margin:0;

}

div#navigatiemenu li {

	float:none;

	display:block;

	height:24px;

	margin:0 0 6px 0;

	padding:0;

}



div#navigatiemenu a:link, div#navigatiemenu a:visited, div#navigatiemenu a:link:hover, div#navigatiemenu a:visited:hover {

	display:block;

	height: 24px;

	width: 24px;

	text-indent:200px;

	text-decoration:none;

	overflow: hidden;

	background-repeat:no-repeat;

}



div#navigatiemenu li.navigatieitemBegin a {}

div#navigatiemenu li.navigatieitemBegin a:hover		{background-position:0 -25px;}

div#navigatiemenu li.navigatieitemVorige a 		{background-position:0 -50px;}

div#navigatiemenu li.navigatieitemVorige a:hover	{background-position:0 -75px;}

div#navigatiemenu li.navigatieitemVolgende a		{background-position:0 -100px;}

div#navigatiemenu li.navigatieitemVolgende a:hover	{background-position:0 -125px;}

div#navigatiemenu li.navigatieitemOmhoog a		{background-position:0 -150px;}

div#navigatiemenu li.navigatieitemOmhoog a:hover	{background-position:0 -175px;}



@media print,screen {

div#navigatiemenu span.inactief {

	display:none;

}

}

*/



/* Opmaak voor speciale elementen in de plantekst */



span.lijstnummer {

	display:none;

}



ins {

	text-decoration:none;

}



.alignright {text-align:right;}

.alignjustify {text-align:justify;}

.aligncenter {text-align:center;}

.mark1 {color:#000000; background-color: Yellow;}

.mark2 {color:#000000; background-color: Lime;}

.mark3 {color:#000000; background-color: Aqua;}

.mark4 {color:#000000; background-color: Fuchsia;}

.mark5 {color:#000000; background-color: #6699FF;}

.mark6 {color:#000000; background-color: #AAAAAA;}

.doorstreept {text-decoration: line-through;}

.superscript {vertical-align:super}

.subscript {vertical-align:sub}

.superscript, .subscript {line-height:0.2em;font-size:70%;}

.onderstreept {text-decoration: underline;}

ul.upper-alpha {list-style-type:upper-alpha;}

ul.lower-alpha {list-style-type:lower-alpha;}

ul.upper-roman {list-style-type:upper-roman;}

ul.lower-roman {list-style-type:lower-roman;}

ul.decimal {list-style-type:decimal;}

table.teksttabel {border-collapse:collapse;}

td.teksttabelcel {border: none; vertical-align:top; padding:3px;}

td.border-bottom, td.bottomborder {border-bottom: 1px solid #444;}

td.border-left, td.leftborder {border-left: 1px solid #444;}

td.border-right, td.rightborder {border-right: 1px solid #444;}

td.border-top, td.topborder {border-top: 1px solid #444;}




/* Dubbele lijst verbergen in 1ste niveau bijlagen */

.bijlagen_toelichting h3 a.pdf, .bijlagen_regels h3 a.pdf
{
	
font-size:12px;
	
padding: 3px 24px;
	
margin:0;
	
background:url(http://opmaak.dezta.nl/standaard/opmaak_iconen.gif) no-repeat left -197px;
display:block;}
.bijlagen_toelichting #inhoudsopgave, .bijlagen_regels #inhoudsopgave
{
	
display:none;}

/*********************************************************
*           Definities voor uitprinten:                  *
*********************************************************/

@media print {
body, #container {padding:0; margin:0; color: #000; background-color:transparent; background-image:none; border:0; position:static;}
p, h1, h2, h3, h4, h5, h6, li { color:#000;}
div#koptekst {background:none; border:0; min-height:0; width:auto; height:0; padding:0; margin:0; position:static;}
a:link, a:visited {color:#000; text-decoration:none;}
.navigatie {display:none;}
div.document div#inhoudsopgave {display:block; clear:none;}
div#inhoud, #container > div#inhoud, #inhoud > div:first-child > h1 
{
position:static;
padding:0;
margin:0;
overflow:visible;
width:100%;
clear:none;
border:none;
background:none;
}
#inhoud > div:first-child > h1 {color:#000; padding:0 0 1em 0;}
#plangegevens {background:transparent; border:none; padding:0; margin:0; position:static; float:right; border-color:#DDD;}
#plangegevens table {border:none; margin:0 0 0.5em 0.5em;}
#plangegevens th, #plangegevens td {color:#DDD; font-size:8pt;}
}