/*************************************************************/
/*   Auteur:   Marvin de Haan                                */
/*   Datum:    11-03-2008.                                   */
/*   Versie:   2.0.0                                         */
/*************************************************************/

/******* main BODY *******/

* {margin:0; padding:0}

body {

behavior:url("csshover.htc");

color:#000000;
background:#CCCCCC;
margin:0;
padding:0;
font:14px Arial, Helvetica, sans-serif;
}

#wrap {
width:800px; 										/*stadaard 750px */
background-color:#FFFFFF;
color:#000000;
font:12px Arial, Helvetica, sans-serif;
margin:15px auto 15px auto;
padding:5px 20px 20px 20px;
}

/***** HTML tags *****/

a{
text-decoration:none;
color:#000000;
}

a:hover{
text-decoration:bold;
}

h1 /* header */ {
text-align:center;
margin:0;
padding:0;
font-size:50px;
font-weight:normal;
line-height:75px;          /* standaard 75px */
}

h2 /* slogan */ {
text-align:center;
margin:0;
padding:0;
font-size:25px;
font-weight:normal;
line-height:28px;          /* standaard 20px */
}

h3 /* text heading */ {
margin:10px 0 20px 0;
font-size:1.6em;
font-weight:normal;
}

h4 /* sidebar heading */ {
text-align:center;
text-transform:uppercase;
margin:10px 0 10px 0;
font-size:15px;
font-weight:bold;
}

/***** HEADER *****/

#header {
width:800px;					                  /* standaard 720px */
height:110px;                                                     /* standaard 100px */
background:#CCCCCC url(../images/header_attractie.jpg) no-repeat; /* header achtergrond afbeelding */
font:40px Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
padding:0 auto 0 auto;
margin:20px auto 0 auto;
}

#adress {
background:#FFFFFF;
font:14px Arial, Helvetica, sans-serif;
float:left;
width:800px; 					/* standaard 720px */
margin:5px auto 5px auto;
padding:0 0 0 15px;
}

/******* NAVIGATIE *******/

#menuh-container {
margin:15px auto 15px auto;
padding:0;
width:770px;					/* standaard 720px */
}

#menuh {
font:11px Arial, Helvetica, sans-serif;
font-weight:bold;
width:100%;
float:left;
margin-bottom:10px;
color:#000000;
background:#FFCC00; 			/* achtergrondkleur navigatie balk*/
border-bottom:2px solid #000000;
}
		
#menuh a {
text-align:center;
display:block;
height:16px;
line-height:16px;
border-right:1px solid #FFFFFF;
margin:0;
padding:6px 2px 6px 2px;
}
	
#menuh a, #menuh a:visited {
color:#000000;
background:#FFC0CB;  /*FFCC00 kleur van menu knoppen*/
text-decoration:none;
}

#menuh a:hover {
color:#000000;
background:#00FFFF; /*CCCCCC kleur van mouseover */
}	

#menuh ul {
list-style:none;
margin:0;
padding:0;
float:left;
width:110px; /* width of all menu boxes */
}

#menuh li {
position:relative; /* relative */
}

#menuh ul li{		/* nieuw toegoevoegd voor ondersteuning van IE7 */
position:relative; 	
}

#menuh li ul{		/* nieuw toegevoegd voor ondersteuning van IE7 */
position:absolute;
left: 0px;
top: 0;
display: none;	
}

#menuh ul ul {
position:absolute;  /* absolute */
z-index:500;
top:28px; 			/*auto*/ /* dit is de hoogte van het drop-down menu*/
display:none;
padding: 1em;
margin:-1em 0 0 -1em;
}

/* openen en sluiten hover animaties */
div#menuh li:hover ul ul,
div#menuh li li:hover ul ul,
div#menuh li li li:hover ul ul,
div#menuh li li li li:hover ul ul
{display:none;}

div#menuh li:hover ul,
div#menuh li li:hover ul,
div#menuh li li li:hover ul,
div#menuh li li li li:hover ul
{display:block;}

/***** CONTAINER *****/

#content {
background:url(../fotos/draaimolen1_background2.jpg) no-repeat;
float:left;
width:67.5%;
margin:5px auto 5px auto;
font:12px Arial, Helvetica, sans-serif;
padding:0 15px 20px 20px;
color:#8B008B;
border-right:2px inset #FFC0CB;
}

.block{
/*background:#FFE4E1;*/
padding:15px;
text-align:left;
}

/***** SIDEBAR *****/

#sidebar {
background-color:#FFFFFF;
float:right;
width:22%;  /*standaard 22%*/
margin:5px auto 5px auto;
padding:0 20px 0 5px;
font:12px Arial, Helvetica, sans-serif;
color:#000000;
}


/*----------------------------------------------------------------------*/
.textbox-image {                      /*nieuw voor image box*/
display:block;
width:183px; 
margin:0 0 2.5em 0px; 
padding:0px 0px 10px 0px; 
text-align:center;
image-align:center;
border:solid 1px rgb(232,177,13);
background-color:#FFE4E1;
}

.header-image {
display:block;
width:183px; 
margin:0;
padding:0;
text-align:center;
font-weight:bold;
border-bottom:solid 1px rgb(232,177,13); 
background-color:#FDD017;
}

.header-attractie {
display:block;
width:280px;
margin:0;
padding:0;
text-align:center;
margin:10px 0 20px 0;
font-size:1.6em;
font-weight:normal;
border-bottom:solid 1px rgb(232,177,13);
color:#000000;
background-color:#FDD017;
}

.header-aanbieding {
display:block;
width:350px;
margin:0;
padding:0;
text-align:left;
margin:10px 0 20px 0;
font-size:1.3em;
font-weight:normal;
/*border-bottom:solid 1px rgb(232,177,13); */
color:#000000;
background-color:#FFE4E1;
}

/*----------------------------------------------------------------------*/

/***** FOOTER Schema *****/

#footer {
background:#FDD017;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
clear:both;
color:#000000;
font-size:0.8em;
padding:7px 0 7px 0;
border-top:1px solid #666666;
border-bottom:1px solid #666666;
text-align:center;
}