/* ************************************************************************** */
/* Stylesheet voor Hotel de Windketel                                         */
/*                                                                            */
/*                                                                            */
/* 18 juli 2007                                                               */
/*                                                                            */
/* ************************************************************************** */

/* ************************************************************************** */
/* LETTERTYPEN                                                                */
/*                                                                            */
/* Belangrijk om als eerste te benoemen.                                      */
/* ************************************************************************** */
body
{
font-family:arial, sans-serif;
font-size:15px;
font-weight:normal;
line-height:140%;
text-align: left;
}

/* ************************************************************************** */
/* ALGEMENE INSTELLINGEN                                                      */
/*                                                                            */
/* ************************************************************************** */
body {
margin:0;
padding:0;
width:100%;
height:100%;
background-color:#FFFFFF;	/* default */
color:#000000;				/* default */
text-align: left;
}

p, h1, h2 {
text-align: left;
}
h1 {
font-size:20px;
}
h2 {
font-size:16px;
}
.nummer
{ 
color: #000000;
font-size: 30px;
text-decoration: none;
font-weight: bold;
}

/* ************************************************************************** */
/* CLEARFIX                                                                   */
/*                                                                            */
/* Omdat de DIV's gepositioneerd worden met een FLOAT, moet er een            */
/* CLEAR-BOTH worden gebruikt om horizontaal naar het begin van de            */
/* volgende regel te gaan (een CR LF).                                        */
/*                                                                            */
/* ************************************************************************** */
.clearfix {
	margin:				0;
	padding:			0;
	border:				0;
    display: 			block;
    clear: 				both;
}

/* ************************************************************************** */
/* ALGEMENE RAAMWERK                                                          */
/*                                                                            */
/* 1 Alles omvattende DIV van precies 990 pixels breed zodat de hele site     */
/* nog te zien is bij een schermresolutie van 1024x768 pixels.                */
/*                                                                            */
/* Daarbinnen 2 varianten met vertikale kolommen:                             */
/* A: 4 kolommen van gelijke breedte.                                         */
/* B: kolom 1 en kolom 4 van gelijke breedte en                               */
/*    de middenkolom van dubbele breedte.                                     */
/*                                                                            */
/* ************************************************************************** */
div#framework {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:5px;
margin-right:0px;
margin-bottom:0px;
margin-left:5px;
border:0;
clear:both;
height:auto;
width:980px;
	background-color:#FFFFFF;	/* wit */
}

div#header {
padding:0;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
border:0;
height:195px;
width:975px;
	/*background-color:#FFFFFF; */	/* wit */
	background-image:url('siteimages/main/bg.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
div#header_sub {
padding:0;
margin-top:0px;
margin-right:auto;
margin-bottom:0px;
margin-left:auto;
border:0;
height:195px;
width:975px;
	/*background-color:#FFFFFF; */	/* wit */
	background-image:url('siteimages/main/bg2.jpg');
	background-repeat:no-repeat;
	background-position:0px 0px;
}
/* ************************************************************************** */
/* MENU SUBMENU                                                                  */
/*                                                                 */
/* ************************************************************************** */

#menu_container	
{ 
position:relative;
top:0px;
width:185px;
height:195px;
margin:10px 0px 0px 10px;
border:0;
padding:0;
float:left; 
}
#submenu_container	
{ 
position:relative;
top:0px;
width:185px;
height:195px;
margin:0px 0px 0px 0px;
padding:10px 0px 0px 10px;
border:0;
float:left; 
	/* background-color:#FFFFFF; 	 wit */
	/* filter:alpha(opacity=80);    Internet Explorer       */
   /* -moz-opacity:0.8;            Mozilla 1.6 and below   */
   /* opacity: 0.8;                newer Mozilla and CSS-3 */
}
#menufunctie_container	
{ 
position:relative;
top:0px;
width:185px;
height:195px;
margin:10px 10px 0px 0px;
border:0;
padding:0;
float:right; 
text-align: right;
}
/* ************************************************************************** */
/* LINKS                                                                  */
/*                                                                 */
/* ************************************************************************** */

.menu
{ 
color: #ffffff;
font-size: 18px;
line-height: 25px;
text-decoration: none;
}
A.menu
{ 
color: #000000;
font-size: 18px;
line-height: 25px;
text-decoration: none;
}
A:hover.menu
{ 
color: #ffffff;
text-decoration: none;
}
A:visited.menu
{ 
}
A
{
color: #FB7E02;
TEXT-DECORATION:underline;                     
}
A:hover
{
color: #000000;
TEXT-DECORATION:underline;
}
A:visited
{
}
/* ************************************************************************** */
.submenu
{ 
color: #FB7E02;
font-size: 18px;
line-height: 25px;
text-decoration: none;
}
A.submenu
{ 
color: #000000;
font-size: 18px;
line-height: 25px;
text-decoration: none;
}
A:hover.submenu
{ 
color: #FB7E02;
}
A:visited.submenu
{ 
}
/* ************************************************************************** */
.menu_functie
{ 
color: #FB7E02;
font-size: 18px;
line-height: 25px;
text-decoration: none;
text-align: right;
}
A.menu_functie
{ 
color: #000000;
font-size: 18px;
line-height: 25px;
text-decoration: none;
}
A:hover.menu_functie
{ 
color: #FB7E02;
}
A:visited.menu_functie
{ 
}


/* ************************************************************************** */
/* KOLOMMEN                                                                   */
/*                                                                            */
/* De kolommen hebben allemaal een FLOAT-LEFT om ze tegen elkaar aan          */
/* te zetten.                                                                 */
/*                                                                            */
/*                                                                            */
/* ************************************************************************** */


.columns_container {
margin-top:20px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border:0px;
text-align: left;
width:auto;
height:auto;
}

.kol1 {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border:0px;
height:100%;
width: 195px;
float:left;
	background-color:#ffffff;	/* wit */
}

.kol2 {
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:10px;
padding-top:0px;
padding-right:5px;
padding-bottom:10px;
padding-left:5px;
border:1px solid #FB7E02;
height:auto;
width: 360px;
float:left;
	background-color:#ffffff;	/* wit */
}

.kol3 {
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
border:0;
height:100%;
/*width: 390px;*/
float:left;
	background-color:#ffffff;	/* wit */
}
/* ************************************************************************** */
/* PAGINA FOTOS PAGING                                                                  */
/*                                                                 */
/* ************************************************************************** */

.koltxt {
margin-top:0px;
margin-right:10px;
margin-bottom:0px;
margin-left:0px;
padding-top:0px;
padding-right:5px;
padding-bottom:10px;
padding-left:5px;
border:1px solid #FB7E02;
height:auto;
width: 370px;
float:left;
	background-color:#ffffff;	/* wit */
}
div#paging {
position: absolute;
top: 595px;
left: 0px;
width: 380px;
text-align:right;
}

/* ************************************************************************** */
/* BLOKJES STRUKTUUR                                                          */
/*                                                                            */
/* Alle blokjes staan binnen een KOLOM.                                       */
/*                                                                            */
/* ************************************************************************** */

.blokje {
padding-top:0px;
padding-right:0px;
padding-bottom:0px;
padding-left:0px;
margin-top:0px;
margin-right:0px;
margin-bottom:20px;
margin-left:0px;
border:1px solid #FB7E02;
height:auto;
width: 195px;
text-align:left;
	background-color:#FFFFFF;	/* wit */
	background-image:url('siteimages/main/kop_orange.gif');
	background-repeat:no-repeat;
	background-position:0px 0px;
	}

.mid_section { /* voor de padding binnenin blokje */
font-size:12px;
padding-top:25px;
padding-right:5px;
padding-bottom:5px;
padding-left:5px;
margin-top:0px;
margin-right:0px;
margin-bottom:0px;
margin-left:0px;
}
.kopen{
font-size:20px;
color: #ffffff;
padding: 0;
margin: 0;
text-align: center;
}