/* Hack-free stylesheet voor www.hoteldeplataan.nl */
/* Broken-box-model proof, eventuele paddings gecreeerd met tables. */
/* Voldoet aan standards dus niet afhankelijk van Quirks-mode, pagina's moeten doctype bevatten! */
/* Getest met de volgende browsers: 
Mac: Safari 2.0, Opera 9.02, Firefox 1.5.0.7
Win: IE 5.0, IE 5.5, IE 6.0, IE 7.0
Linux: Firefox 1.5.0.7, Firefox 2.0, Konqueror 3.5.5,Opera 9.0.1 */


body{		height:100%;
			width:100%;
			margin:0;
			padding:0;
			background-color: #C9A56B;
			background-image: url(images/buitvul.gif);
			color: #000000;
			font-family: "Palatino Linotype", Palatino;
			font-size: 10pt;	
			}
TD  		{
			color: #000000;
			font-family: "Palatino Linotype", Palatino;
			font-size: 10pt;		
			line-height: 14pt;
			}
TD.adres	{
			color: #FFFFFF;
			font-family: "Palatino Linotype", Palatino;
			font-size: 8pt;	
			letter-spacing: 1pt;
			width: 100%;
			}
table.adres	{		
			width: 100%;
			height:100%;
			}
a:link      {color: #000000; text-decoration: underline}
a:visited   {color: #000000; text-decoration: underline}
a:hover    	{color: #000000; text-decoration: underline}
a.noline 	{color: #000000; text-decoration: none}
a.mail		{color: #FFFFFF;}


.menubox ul {
	list-style: none;
	padding: 8px 0px 0px 0px;
	margin:0;
				line-height: 1.6;
	}
	
.menubox li a, .menubox li a:link, .menubox li a:visited {
  	width:140px;
	text-decoration: none;
	margin: 0;
	padding: 1px 3px 1px 3px;
	border-style: none solid solid solid;
	border-width: 1px 1px 1px 1px;
	border-color: #AAAAAA;
	color: #000000;
	display: block;
	font-family:  "Palatino Linotype", Palatino; 
	font-size: 10pt; 
	font-weight: 200;
	font-style:normal;
	}	
	
.menubox li a:hover {
	border-color: #AAAAAA;
	background-color:#CCCCCC;
	text-decoration: none;
	}

.menubox li a.highlight, .menubox li a.highlight:link, .menubox li a.highlight:visited, .menubox li a.highlight:hover  {
	background-color:#AAAAAA;
	font-weight: 600;
	text-decoration: none;
	}


img			{border-color: #000000;}

#container{	
			/* margin-left is de helft van width */
			position:absolute;
			text-align:left;
			top: 5%;
			margin-top:85px;
			left:50%;
			height:73%;
			width:940px;
			margin-left:-470px;margin-right:0px;padding:0;
			/* background-image: url(images/bplataan.jpg);*/
			background-color: #EBECCF;
			}
#blaadjes{	
			/* margin-left is de helft van width */
			position:absolute;
			top: 8%;
			left:50%;
			height:180px;
			width:120px;
			margin-left:-535px;margin-right:0px;padding:0;
			margin-top:-50px;
			background-image: url(images/hoekblaadjes.png);
			z-index: 1;
			visibility: hidden;
			background-repeat: no-repeat
			}

#content{	/* 'left' is gelijk aan breedte navigatie */
			background: none;
			position:absolute;
			height:100%;
			left:250px;
			top:0px;
			width:510px;
			overflow:auto;
			margin: 0px 0px 0px 0px;
			}
#flashcontent{	/* 'left' is gelijk aan breedte navigatie en content */
			background: none;
			position:absolute;
			height:100%;
			left:0px;
			top:0px;
			width:250px;
			overflow: hidden;
			padding-top:8px;
			margin: 0px 0px 0px 0px;
			text-align:center;
			z-index:1;
			}
#slideshow	{
			background-image: url(images/slideshow/-Uithangbord.jpg);
			width:200px;
			height:410px;
			margin:0px auto;
			}
			
table.content{
			/* table om padding toe te passen en broken box te omzeilen */
			width:490px;
			padding: 0px 10px 10px 10px;
			}
table.fotos{
			padding:20px;
			}


#navigatie	{
			left:760px;
			top:0px;
			background-color: #EBECCF;
			/*background-image: url(images/bplataan.jpg);*/
			/*background: none;*/
			position:absolute;
			height:100%;
		    width:180px;
			overflow: hidden;
			text-align:center;
			line-height: 1.6;
			/* border-left:1px solid #332222; */
			}
#menu		{
		    width:100%;
			text-align:center;
			}
			
#voet{
			/* margin-left is de helft van width */
			/* top is gelijk aan hoogte container plus top container */
			background-color: #332222;
			color: #FFFFFF;
			/* background-image: url(images/bvoet.jpg);*/
			position:absolute;
			left:50%;
			top:78%;
			height:24px;
			width:940px;
			margin-left:-470px;
			margin-top:85px;
			padding-top:3px;
			padding-bottom:3px;
			overflow: hidden;
			text-align:center;
			z-index: 2;
			}
#hoofd{
			/* margin-left is de helft van width */
			/* top is gelijk aan hoogte container plus top container */
			background-color: #EBECCF;
			/*background-color: #FBECCF; ook mooi */
			color: #FFFFFF;
			/* background-image: url(images/bvoet.jpg);*/
			position:absolute;
			left:50%;
			top:5%;
			height:85px;
			width:940px;
			margin-left:-470px;
			padding-top:0px;
			padding-bottom:0px;
			overflow: hidden;
			text-align:center;
			}
#openingspagina{
			/* speciaal voor de openingspagina */
			position:absolute;
			left:50%;
			top:50%;
			width:760px;
			margin-top:-210px;
			margin-left:-380px;
			height:420px;
			z-index:1;
			border:0px solid white;
			background:url(images/bplataan.jpg);
			}
h5.openingslijst{
			font-family:  arial, verdana, sans-serif;
			font-size: 13px;
			display: inline;
			}
h1.opening{
			font-family:  arial, verdana, sans-serif;
			font-size: 9pt;
			font-weight: 100;
			font-style: italic;
			text-decoration: underline;
			}
h1{
			font-size: 12pt;
			font-weight: 400;
			font-style: italic;
			}
h3{
			font-size: 11pt;
			font-weight: 600;
			font-style: italic;
			}
			
body.kaart	{
			/* speciaal voor de routekaart */
			background-color: #EBECCF;
			background-image: none;
			}
.kaart td	{
			font-size:12pt;
}
body.admin{	
			/*speciaal voor administratie */
			background-color: #C9A56B;
			background-image: none;
			color: #000000;
			font-family: Arial, Helvetica, sans-serif;
			font-size: 10pt;	
			}
			
			/*blog*/
.cols{width:420px; margin:0 20px; padding-top:10px; overflow:hidden;}
.cols img{margin:15px 0;}
#searchBar{border:1px solid #999; background-color:#ccc; padding:10px 5px; text-align:center;}
.time{color:#000; margin-top:20px; font-family: Georgia; font-size:9pt; text-transform:capitalize; font-style: italic;}
.title{color:#000; font-family: "Palatino Linotype", Palatino; font-size:14pt; font-weight:bold;}
.blogtitle{color:#000; font-family: "Palatino Linotype", Palatino; font-size:16pt; font-weight:bold;}
.hr{border-bottom:1px dotted #493926; width:420px;margin:4px 0 8px 0;}
.userComment{background-color:#f2f2f2; padding:4px; margin-top:10px;height:14px;border-top:1px dotted #ccc;border-bottom:1px dotted #ccc;}
.userComment a{display:inline;}
.comment{margin-bottom:10px;}
.accent{color:#933; font-style:italic;}
.permalink{margin-left:360px;}