/** 
 * Stylesheet for Houten
 * 
 * Created by Buro SRO
 * @author:       Rutger Laurman
 * @version:      01-10-2011
 * @description:  Styling for DeztaPlan
 *
 */
 
/* DeztaPlan
 ****************************************************************************/
  body {
  	margin:0;
  	background:#d1d1d1 url("http://www.houten.nl/fileadmin/templates/img/bg-home.gif") repeat-x scroll center top;
  	text-align:center;
  }

  #container {
  	position:relative;
  	text-align: left;
    background: url("http://www.houten.nl/fileadmin/templates/img/header-rp.ym.jpg") no-repeat scroll 0 0 #FFFFFF;
    height: auto;
    margin: 0 auto;
  	margin:0 auto 80px auto;  
    padding: 160px 0 10px;
    width: 998px;
  }

  body > #container {
  	width:998px;
  	max-width:998px;
  }

  a img {border: 0;}

  /*standaard tekst en links in de 'body' van de pagina*/
  body, p, li, table, div, button, input, select, textarea {
  	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
  	font-size:12px;
  	color:#222;
  	line-height: 1.4em;
  }

/* =Basic styles 
 ****************************************************************************/
  h1, h2, h3, h4, h5, h6 {
  	margin:0;
  	padding:1em 0 0 0;
  	line-height:120%;
  }
  h1, h2, h3, h4 {
  	padding-top:0.5em;
  	font-weight:normal;
  	color:#1C00BB;
  }
  h5, h6 {
  	font-weight:bold;
  	color:#5F4F04;
  }

  h2 {font-size:26px; margin-bottom:1em;}
  h3 {font-size:24px; margin-bottom:1em;}
  h4 {font-size:22px;}
  h5 {font-size:14px;}
  h6 {font-size:12px;}

  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;
  }

  a:link, a:visited {
  	color:#8A6800;
  	text-decoration: underline;
  	}

  a:hover{
  	text-decoration: underline;
  }

  a.voetnootlink:link, a.voetnootlink:visited {
  	cursor: help;
  	text-decoration:underline;
  	vertical-align:super;
  	line-height:0.2em;
  	font-size:70%;
  	margin-left:0.1em;
  }
  a.voetnootlink:hover {text-decoration:underline;}

  ul#voetnoten {
  	border-top:1px solid #004153;
  	margin:3em 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 */
  	padding-top:90px;
  	background:none;
  }

  @media print,screen {
  	div#toegang {display:none;}
  }

/* =Breadcrumbs 
 ****************************************************************************/
  div#kruimelspoor {
  	overflow:auto;
  	padding:0 10px 0 20px;
  	width:100%;  /* nodig voor has-layout in IE6 */
  	background-color:#fff;
  	border-top:2px solid #E4AE1A;
  	margin-left:221px;
  	min-height:21px;
  	overflow:auto;
  }
  #koptekst > div#kruimelspoor {
  	width:auto;
  }

  .kruimel {
  	font-size: 12px;
  	margin:0;
  	padding:0 1em 0 0;
  	float:left;
  	font-weight:normal;
  	line-height:1.4em;
  }

  h1.kruimel {
  	display:none;
  	float:none;
  	position:absolute;
  	top:85px;
  	left:10px;
  	padding:0 1em 0em 20px;
  	margin:0 -10px 0 -20px;
  	font-size:22px;
  	background-color:#fff;
  	color:#0306B5;
    box-shadow:5px 5px 10px #333;
  }

  #kruimelspoor > h1.kruimel {
  	display:block;
  }

  .kruimel a:link, .kruimel a:visited {
  	display:block;
  	padding:2px 0;
  	white-space:nowrap;
  	color:#8A6800;
  	text-decoration:underline;
  }
  .kruimel a:hover {
  	text-decoration:underline;
  	color:#8A6800;
  }
  .kruimel a:before {
  	content:">";
  	margin:0 0.5em 0 -0.5em;
  	color:#222;
  }
  h2.kruimel a:before {
  	content:none;
  }
  
/* =Plangegevens with basic table data 
 ****************************************************************************/
  #plangegevens {
  	position:absolute;
  	left:240px;
  	z-index:1000;
  	top:170px;	
  }
    #plangegevens table {
    	border-collapse:collapse;
    	float:left;
    	margin:0;
    	background-color:#FFF;
    }
    #plangegevens th {padding-right:1em;}
    #plangegevens th, #plangegevens td {
    	font-size:12px;
    	color:#222;
    	vertical-align:top;
    	text-align:left;
    	padding:1px 3px;
    	margin:0;
    	line-height:1.1em;
    	max-width:30em;
    }
 
/* =Main menu 
 ****************************************************************************/
  div#hoofdmenu {
  	position:absolute;
  	padding:0;
  	clear:both;
  	width:220px;
  	border-top:2px solid #E4AE1A;
  	margin-top:-23px;
  }
  #koptekst > div#hoofdmenu {
  	position:fixed;
  }

    div#hoofdmenu ul {
    	margin:0;
    	padding:0;
      border:0;
    }
    div#hoofdmenu li {
    	float:none;
    	display:block;
    	margin:0;
    	padding:0;
    	border-bottom:1px solid #BFCFD4;
    }

    div#hoofdmenu a {
    	display:block;
    	padding:5px 23px 7px 10px;
    	width:220px;
    	text-decoration:underline;
    	color:#004153;
    }

    div#hoofdmenu a.pdf {
    	background-image:url(http://opmaak.dezta.nl/opmaak_iconen.gif);
    	background-repeat:no-repeat;
    	background-position:right -197px;
    	padding-right:23px;
    }

    div#hoofdmenu > ul a {
    	width:187px;
    }

  div#hoofdmenu a:hover, div#hoofdmenu a.pdf:hover {
  	color:#463903;
  	background-color:#E9E9E9;
  	text-decoration:underline;
  }

/* =Navigation
 ****************************************************************************/
  div#inhoudsopgave, div#inhoud {clear: both;}

  div#inhoud {
  	padding:0 20px 50px 25px;
  	margin:0 40px 0 220px;
  	border-left:1px solid #FFF;
  	border-right:1px solid #FFF;
  }

  div.navigatie ul {
  	display: block;
  	float: none;
  	list-style-type:none;
  }
  div.navigatie li {
  	display: inline;
  	float: left;
  	margin: 2em;
  }

/* =Table of content (inhoudsopgave) 
 ****************************************************************************/
  div#inhoudsopgave li.pdf {
  	background:url(http://opmaak.dezta.nl/opmaak_iconen.gif) no-repeat 0 -200px;
  	padding-left:24px;
  	margin-left:-24px;
  }

  ul.inhoudsopgave {
  	list-style-type:none;
  	padding:1em 0;
  	margin:0;
  }

  div.document h2 {display:none;}
  div.document div#inhoudsopgave a {text-decoration:underline;}
  div.document div#inhoudsopgave ul {margin:0; padding:0;}
  div.document div#inhoudsopgave ul ul {margin:0 0 2em 0;}
  div.document div#inhoudsopgave ul ul ul {}
  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;
  }

/* =Navigation links with previous and next buttons 
 ****************************************************************************/
  div#navigatiemenu {
  	position:absolute;
  	top:170px;
  	width:187px;
  	padding:0;
  	margin-left:10px;
  }
  /* IE6 */
  #container > div#navigatiemenu { 
  	position:fixed;
  	margin-left:10px;
  }
  div#navigatiemenu ul{padding:0;	margin:0;}
  div#navigatiemenu li {
  	float:none;
  	display:block;
  	height:auto;
  	margin:0;
  	padding:0;
  }

  div#navigatiemenu a:link, 
  div#navigatiemenu a:visited, 
  div#navigatiemenu a:link:hover, 
  div#navigatiemenu a:visited:hover {
  	display:block;
  	height:auto;
  	width:auto;
    text-indent:0;
  	text-decoration:underline;
  	overflow: hidden;
  	background:none;
  }

  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;
    }
  }

/* =Specific plantekst elements 
 ****************************************************************************/
  span.lijstnummer { display:none; }
  ins { text-decoration:none; }
  .alignright {text-align:right;}
  .alignjustify {text-align:justify;}
  .aligncenter {text-align:center;}
  .mark1 {color:#000; background-color: Yellow;}
  .mark2 {color:#000; background-color: Lime;}
  .mark3 {color:#000; background-color: Aqua;}
  .mark4 {color:#000; background-color: Fuchsia;}
  .mark5 {color:#000; background-color: #6699FF;}
  .mark6 {color:#000; background-color: #AAA;}
  .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 #45474D;}
  td.border-left, td.leftborder {border-left: 1px solid #45474D;}
  td.border-right, td.rightborder {border-right: 1px solid #45474D;}
  td.border-top, td.topborder {border-top: 1px solid #45474D;}

/* =Internet Explorer fixes 
 ****************************************************************************/
 
 /* IE7 */
 body #container > div#navigatiemenu {
   *margin-left:-210px;
 }
 
/* =Print 
 ****************************************************************************/
@media print {
	body, #container {margin:0px; color: #000; background-color:transparent; background-image:none; border:0;}
	p, h1, h2, h3, h4, h5, h6 {
		color:#000;
		margin:0;
		padding:0 0 1em 0;
	}
	li {color:#000;}
	div#koptekst {background:none; border:0; min-height:0; width:auto; padding:0;}
	a:link, a:visited {color:#000; text-decoration:underline;}
	.navigatie {display:none;}
	div.document div#inhoudsopgave {display:block;}
	div#inhoud {padding:0; clear:none; border:0; margin:0; background-color:transparent; background-image:none;}
	#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;}
}


/*