/*
=====================================
Stylesheet for www.graasuitgever.nl
Written by: Tulip Design/Saskia Verlinden
See www.tulipdesign.nl
Date: July, 2009
=====================================

colorset:  oranje #DA5F03
           oranje minder fel #D0662A
           zand #F5B47E 
					 lichter zand F9C9A
					 borderranden donkerbruin #211B12
					 footer bruin #8F5424*/
             


* {padding: 0; margin: 0;}

/* --------font-sizing--------*/

body {font-size: 100%; /*for IE*/}
html>body {font-size: 16px; /* for alle other browsers, IE cannot read this*/}


/* --------basic elements------- */

html, body { 
   height: 100%;
   font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
   background: #000 url(../images/duinen.jpg) repeat-x 0 0;
   color: #F9C9A1 /*zand*/;
   }

p, ul {
   font-family: Arial, Verdana, Helvetica, Geneva, sans-serif;
   font-size: 0.85em;
   line-height: 1.3;
   }

li {font-size:1em;}

#nav li {list-style:none; font-size: 1em;}

p, h1, h2, ul {text-align: left;}

p {padding: 5px 0 5px 0}

h1 {
   font-family:Georgia, Times, serif;
   color: #D0662A;
   font-size: 1.1em;
   }

h2 {font-size: .9em;
    font-style:italic;
   }

h1#orangeh1 {color:#D0662A;font-size:18px;padding:16px 0;font-style:normal;font-family:Arial}
span#orange {font-size:14px;font-weight:normal}

hr {
   clear: both;
   border:0px; /*for Firefox and Opera*/
   border-top:1px solid #211B12;
   border-bottom:1px solid #211B12; /*for IE*/
   }

strong {font-weight:normal}

/*---------links--------------*/
a:link, a:visited {
   color: #F9C9A1;
   text-decoration: underline;
   }

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

#nav a:link, #nav a:visited, #nav a:hover {
   color:#000;
   font-weight: bold;
   text-decoration:underline;
   font-size:1em;
   }

#nav a:hover, a#huidig {border-bottom: 3px solid #D36409;}


/*--------------structure-------------------*/

 
#wrapper {
   width:900px;
   margin:0 auto 0 auto;
   text-align:center;
   background: transparent;
   }

h1#logo {
	padding: 189px 0 0 0;
	overflow: hidden;
	height: 0px !important;
	height /**/:189px;
        color:#FBFBFB;
	}
   
div#slogan {
   position:relative;
   width: 900px;
   margin-top: -70px;
	 margin-bottom: 20px;
   font-size:1.8em;
   text-align:right;
   line-height: 1;
   font-family: Georgia, times, "new times roman";
	
   }

div#slogan span {
   font-size:1em;
   font-weight:bold;
   color:#000;
   }

*:first-child+html div#slogan {position:relative; margin:-70px; margin-bottom:20px; /* correction for IE7 put slogan at dunes header */ }
*html div#slogan {position:relative; margin-right:0px; /* correction for IE6 and below put slogan at dunes header */ }

#nav {
   float: left;
	 height:550px;
	 width: 180px;
	 background: #000 url(../images/background-nav.jpg) no-repeat 0 0;
   }
	 
#nav ul {
   margin-top:30px;
	 margin-left:20px;
	 height: 100%;
	 }
	 
#nav li {
   padding-top:3px;
	 height:1.5em;
	 }

#text { 
   float:left;
   width:680px;
   margin:0 20px 15px 5px;
	 padding-left:10px;
	 padding-bottom: 30px;
   text-align:left;
	 border-left:2px solid #15110A/*211B12*/;
   }
*html img#ie6 {display: none;}

#info {
   font-size:0.7em;
	 }

img#boek, img#boekie {
   float:left;
   margin:-40px 10px 20px 0;
   border:none;
   }
	 
img#boekie {margin:0px 10px 20px 0;}
 
*html img#boek {display:none;}

#boek a {border:none}
 
#drukInfo {
   font-size:1em;
	 font-weight:bold;
	 }
	 
	
#first {
   clear:right;
   margin-top:25px;
   }


p#footer {text-align: center;
   height: 60px;
   background-color: #58381E;
	 }
/*---foto pagina's---*/

body#foto {
   background:black;
	 background-image:none;
	 text-align:center;
	 margin:0 auto;
	 }
#foto h1 {
   text-align:center;margin:0;padding-top:30px}
#show {width:200px;margin:0 auto;}
#showleft{float:left;margin: 5px;}
#showright {float:right;margin:5px;}
#terug {text-align:center}