body
{
	background-image:url('images/background-loop.jpg');
	background-position:top center;
	background-color:#3b3b3b;
	padding:0;
	margin:0;
}

form
{
    position:relative;
    float:left;
  	background-image:url('images/background.png');
	background-position:top center;
	background-repeat:no-repeat;
	width:100%;  
	
}



#container
{
    position:relative;
	margin:auto;
	width:980px;
}


#header
{
	height:135px;
	width:100%;
}


#logo
{
	background-image:url('images/logo.png');
	background-repeat:no-repeat;
	background-position:center center;
	width:198px;
	height:135px;
	float:right;
	
}

#bar
{
	width:782px;
	height:135px;
    float:left;
    background-image:url('images/slogan.png');
    background-repeat:no-repeat;
    background-position:300px top;
}


#selector
{
 	width:100px;
 	height:35px;  
    float:left;
    line-height:65px;
    margin-top:30px;
}


#talen
{
    line-height:65px;
 	width:500px;
    float:left;
 	height:35px; 
    margin-top:30px;
}

#talen img
{
    border:0;
}



#menu
{
	width:100%;
	height:78px;
}



#footer
{
  	width:100%;
	float:left;
	margin-bottom:5px;
	float:left;  
}


#bedrijven
{
  	width:100%;
  	height:200px;
	float:left;
	margin-bottom:5px;
	float:left;
}


#copyright
{
  	width:100%;
  	height:40px;
	float:left;
	text-align:right;
	color:White;
	line-height:40px;
	font-family:Arial;
	font-size:11px;
}







#content
{
	width:100%;

}

.Pnl3
{
	width:100%;
	float:left;
    /* background-color:#ffffff;
	margin-bottom:5px; */
	float:left;

}

.Pnl1
{
	width:600px;
	float:left;
/*
	background-color:#ffffff;
	margin-bottom:5px; */
	margin-right:5px;
	float:left;
}

.Pnl2
{
	width:375px;
	float:right;
/*
	background-color:#ffffff;
	margin-bottom:5px; */
	float:left;

}

.onderdelen
{
    float:left;
	background-color:#ffffff;
	margin-bottom:5px;
	width:100%;    
}


.content
{
    padding:10px;
}









/* Standaard ------------------------------- */
*
{
  	font-family:Arial;
	font-size:12px;  
}


p, table
{
	font-family:Arial;
	font-size:12px;
	line-height:150%;
	margin:0;
	padding: 5px 5px 20px 0px;
	color:#3b3b3b;
}


li
{
    font-family:Arial;
	font-size:12px;
	line-height:150%;
	color:#3b3b3b;
}


a
{
  	color:#3b3b3b; 
  	text-decoration:none; 
}

a:hover
{
    text-decoration:underline;
}



h1
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	line-height: 110%;
	font-family: Arial;
	font-style: normal;
	font-size: 24px;
	color: #ae9962;
	padding:2px;
	font-variant: normal;
	font-weight: normal;
}
h2
{
	margin: 0;
	padding: 0;
	text-align: left;
	vertical-align: top;
	line-height: 110%;
	font-family: Arial;
	font-style: normal;
	font-size: 14px;
	color: #ae9962;
	font-weight: normal;
	font-variant: normal;
}





/*
#bread
{
	color:#ae9962;
	height:40px;
	float:left;
	width:100%;
}

#bread span 
{
	text-transform:lowercase;
}

#bread a, #bread a:hover
{
	color:#ae9962;
}
*/











/* MENU SYSTEEM */
/* ============== HET MENU ========================== */

#menu
{
	width:100%;
	float:left;
	text-align:center;


}


.MenuSysteem ul.AspNet-Menu
{
    z-index:900;

}

.MenuSysteem ul.AspNet-Menu ul  
{
    width:150px;
    top: 60px;
    z-index:999;

    text-align:left;
}


.MenuSysteem ul.AspNet-Menu ul ul  
{
	left:181px;
    top: 0px;

}



.MenuSysteem li 
{
	line-height:71px;
}

.MenuSysteem li:hover,
.MenuSysteem li.AspNet-Menu-Hover
{

    background-image:url('images/menu-item-hover.png');
    background-repeat:no-repeat;
    background-position: center center;
}

.MenuSysteem a, 
.MenuSysteem span
{
	font-size: 12px;
	font-family:Arial;
    color: #ffffff;
    padding: 0 10px 0 10px;
    line-height:71px;


   
}

.MenuSysteem li.AspNet-Menu-Leaf a, 
.MenuSysteem li.AspNet-Menu-Leaf span
{
    background-image: none !important;

}

.MenuSysteem li:hover a, 
.MenuSysteem li:hover span,
.MenuSysteem li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover a,
.MenuSysteem li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover span,
.MenuSysteem li:hover li:hover li:hover a,
.MenuSysteem li:hover li:hover li:hover span,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover a,
.MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li.AspNet-Menu-Hover span
{
    color:#ffe502;
}



.AspNet-Menu li:hover a,
.AspNet-Menu li:hover span
{
	color:#ffe502;
}






.MenuSysteem li:hover li a, .MenuSysteem li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li span, .MenuSysteem li:hover li:hover li a, .MenuSysteem li:hover li:hover li span, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li a, .MenuSysteem li.AspNet-Menu-Hover li.AspNet-Menu-Hover li span
{
	border: 1px solid #383838;
	color: white;
    background-color: #575757;
	width: 150px;
	margin: 0 0 1px 0;
	height: 25px;
	line-height:25px;

}

.MenuSysteem .AspNet-Menu-Selected
{
    color:#fff6a9;
    font-weight:bolder;
    background-image:url('images/menu-item-hover.png');
    background-repeat:no-repeat;
    background-position: center center;
}

.MenuSysteem .AspNet-Menu-ChildSelected 
{
    color:#ffffff;
    font-weight:bolder;
    background-image:url('images/test2.png');
    background-repeat:no-repeat;
    background-position: center center;

}

.MenuSysteem .AspNet-Menu-ParentSelected
{
    color:green;
}



.AspNet-Menu-WithChildren  .AspNet-Menu-Leaf  .AspNet-Menu-Selected
{
	background-color:Black;
} 









/* Onderdelen ------------------------------- */




#carousel
{
	width:700px;
	height:250px;
	/* background-image:url('images/voorbeeld.jpg'); */
	margin-bottom:5px;
	float:left;
}



#carouselFull
{
	width:980px;
	height:250px;
	/* background-image:url('images/voorbeeld.jpg'); */
	margin-bottom:5px;
	float:left;
}





#reserveer
{
    position:relative;
    top:-15px;
	height:250px;
	width:280px;
	float:left;
}


#reserveerData
{
    height:265px;
	background-image:url('images/reserveer.png');
	background-repeat:no-repeat;
	width:100%;
}

#reserveerContent
{
    padding:30px;
}

.reserveerForm
{
    background-color:#ffffff;
    border:solid 1px #d6d8d8;
    padding:3px;
    margin:3px;
    color:#474747;
    width:150px;
}
.reserveerFormDag
{
    background-color:#ffffff;
    border:solid 1px #d6d8d8;
    padding:3px;
    margin:3px;
    color:#474747;
    width:50px;
}

#reserveerContent p, #reserveerContent span
{
    color:White;
}




#nieuws
{
	width:100%;
	float:left;
	background-color:#ffffff;
	margin-bottom:5px;
	float:left;
	text-align:center;
}


.newsItem
{
    width:220px;
    float:left;
    text-align:left;
    margin:10px;
}
.newsItem img
{
    width:220px;
}


.newsfoto
{
    float:left;
}
.newsData
{
    float:left;
}

.newsData h2
{
    padding-top:10px;
    color:#3b3b3b;
    font-size:16px;
    line-height:150%;
}


/* NIEUWS LIJST =================== */
.newsListItem
{
    width:940px;
    float:left;
    margin:10px;
}


.newsListItemAl
{
    width:940px;
    float:left;
    margin:10px;
    background-color:#f1f0eb;
}

.newsListFoto
{
    width:300px;
    float:left;
    padding:10px;
}
.newsListData
{
    width:540px;
    float:left;
}

.newsListData h2
{
    padding-top:10px;
    color:#3b3b3b;
    font-size:16px;
    line-height:150%;
}

.newsListKnop
{
    width:75px;
    float:left;
    padding-top:10px;
}



/* AGENDA LIJST =================== */
.agenda
{
    width:100%;
}

.agendacontent
{
    padding:10px 10px 10px 0px;
}



.agendaMaanden
{
    width:159px;
    float:left;
    height:628px;
    background-image:url('images/agendabar.jpg');
    background-repeat:no-repeat;
    background-position:top right;
}

.agendaLijst
{
    width:800px;
    float:left;
}


.agendaListItem
{
    width:800px;
    float:left;
    margin:10px;
}


.agendaListItemAl
{
    width:800px;
    float:left;
    margin:10px;
    background-color:#f1f0eb;
}

.agendaListFoto
{
    width:300px;
    float:left;
    padding:10px;
}
.agendaListData
{
    width:400px;
    float:left;
}

.agendaListData h2
{
    padding-top:10px;
    color:#3b3b3b;
    font-size:16px;
    line-height:150%;
}

.agendaListKnop
{
    width:75px;
    float:left;
    padding-top:10px;
}



.geselecteerd
{
    width:140px;
    height:49px;
    line-height:49px;
    background-image:url('images/agendaBackgroundHover.jpg');
    text-align:center;
}
.nietGeselecteerd
{
    width:140px;
    height:49px;
    line-height:49px;
    background-image:url('images/agendaBackground.jpg');
    text-align:center;

}

.agendaMaandItem
{
    font-family:Arial;
    font-size:12px;
    color:#ad9961;
}

.agendaMaandItemGeselecteerd
{
    font-family:Arial;
    font-size:12px;
    color:white;
}




#agenda
{
	width:100%;
	float:left;
	background-color:#ffffff;
	margin-bottom:5px;
	float:left;
	text-align:center;
}


.agendaItem
{
    width:296px;
    float:left;
    text-align:left;
    margin:10px;
}
.agendafoto
{
    float:left;
}
.agendaData
{
    float:left;
}

.agendaData h2
{
    padding-top:10px;
    color:#3b3b3b;
    font-size:16px;
    line-height:150%;
}







/* ================ Formulier ======================= */

.form
{
    background-color:#e4e4e4;
    border:solid 1px #d6d8d8;
    padding:5px;
    margin:3px;
    color:#474747;
    width:150px;
}

.submit
{
    background-image:url('images/background-but.jpg');
    background-repeat:no-repeat;
    background-position:center;
    width:114px;
    height:25px;
    border:none;
    color:#474747;
}

.datum
{
    background-color:#e4e4e4;
    border:solid 1px #d6d8d8;
    padding:5px;
    margin:3px;
    color:#474747;
    width:68px;
}
.tijd
{
    background-color:#e4e4e4;
    border:solid 1px #d6d8d8;
    padding:5px;
    margin:3px;
    color:#474747;
    width:39px;
}










/* ================= Contact ======================== */
.onderdeelContact
{
    float:left;
	background-color:#ffffff;
	margin-bottom:5px;
	width:100%;   
	background-image:url('images/contact.jpg'); 
	background-repeat:no-repeat;
}


.contentContact
{
    padding:10px;
    padding-top:20px;
}

.contentContact h2
{
    color:#ae9962;
    font-size:36px;
    font-family:Myriad Pro, Arial;
    line-height:110%;
}









/* =================== Overlay ======================= */

#overlay 
{
	position: static;
	top: 0; 
	left: 0; 
	z-index: 99999; 
	width:100%;
	height: 500px; 
	background-color: #000;
	margin:auto;
}

#overlayHotels 
{
	background-color:#FFFFFF;	
	/* visibility:hidden; */
	position:fixed;	
	width:100%;	
	top:100px;	
	/* margin:auto; */
	height:500px;	
	z-index: 99999;
	left:0px;
	text-align:center;
	text-align: -moz-center; 
}




/* ================= Contact ======================== */
.onderdeelContact
{
    float:left;
	background-color:#ffffff;
	margin-bottom:5px;
	width:100%;   
	background-image:url('images/contact.jpg'); 
	background-repeat:no-repeat;
}


.contentContact
{
    padding:10px;
    padding-top:20px;
}

.contentContact h2
{
    color:#aba48f;
    font-size:36px;
    font-family:Myriad Pro, Arial;
    line-height:110%;
}

.contentContact p
{
    padding-left:20px;
}


/* ========= aAA ==================== */
#up
{
    color:White;
    font-size:20px;
    font-family:Myriad Pro, Arial; 
}
#down
{
    color:White;
    font-size:10px;
    font-family:Myriad Pro, Arial; 
}
#reset
{
    color:White;
    font-size:14px;
    font-family:Myriad Pro, Arial; 
}