/* BASIC RESET */

ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}



/* HTML ELEMENTS background-image:url("/assets/templates/lebateau/images/background.jpg"); background-repeat: repeat;  */

body { background-color:#d6d6d6; font-family: verdana; letter-spacing:1; }



/* COMMON CLASSES */

.break { clear:both; }



/* HEADER */

#main { height:740px; width: auto; }

.headerimg { background-position: center top; background-repeat: no-repeat; width:100%; height:740px; position:absolute; }



/* NAVIGATION */

#nav-outer { height:230px; width: 760px; position:relative; border: solid;}

#navigation { height:170px; width:760px; position:relative; top: 20px; margin:0 auto; background-image:url("/assets/templates/lebateau/images/logo.png"); background-position:top left; background-repeat:no-repeat; }



 /* MENU */   

.menu {height: 30px; width: 760px; position: relative; top: 146px; z-index: 1; background-image:url("/assets/templates/lebateau/images/headerbg2.png"); background-repeat: repeat-x; }

.menu ul li a, .menu ul li a:visited { color:#ffffff; text-decoration:none; font-weight:bold; font-size: 12px; padding-right:5px; padding-left:10px; display:block; }

.menu ul {padding:0; margin:0; list-style: none;}

.menu ul li { float:left; display:inline; position: relative; width: auto; }

.menu ul li ul{background:#f06cb5; display:none; height:auto; filter:alpha(opacity=84); opacity:0.84; position:absolute; width:auto; }

.menu ul li ul li {padding-top: 3px; }

.menu ul li:hover a {color:#fff; }

.menu ul li:hover ul {display:block; position:absolute; top:14px; left:0px; width:140px;}

.menu ul li:hover ul li ul {display: block; background:#d70076;}

.menu ul li:hover ul li:hover {display:block; width: 140px; background:#d70076; color:#000;}

.menu ul li:hover ul li:hover ul {display:none; position:absolute; left:105px; top:0;}

.menu ul li:hover ul li:hover ul.left {left:-105px;}

.menu ul li ul a {display:block; font-size:11px; font-style:normal; padding-bottom: 5px; text-align:left;}



/* CONTENT */

#contenthoofd {color:#575757; height: 400px; width: 760px; position: relative; top: 140px; background-image:url("/assets/templates/lebateau/images/headerbgw.png"); background-repeat: repeat; padding-left: 0px; border-top-style: solid; border-top-width: 2px; border-top-color:#686868; }

#content {background-image:url("/assets/templates/lebateau/images/headerbgw.png"); background-repeat: repeat; padding-top: 12px; padding-left: 10px; margin-left:0px; padding-right: 20px; width: 470px; height: 387px; }

#content h1 {font-size:18px; color: #575757; height: 20px;}

#content p {font-size:12px; padding-top: 13px; text-align: justify;}

#content p a { text-decoration:none; color:#d70076; }

#content p a:hover { text-decoration:underline; color:#d70076; }



#footer {height: 18px; position:relative; top:140px; width:760px; z-index: -1; background-image:url("/assets/templates/lebateau/images/headerbg4.png"); background-repeat: repeat-x;}

#footer p {text-align: left; font-size: 10px; color: #ffffff; padding-left: 10px; padding-top: 2px;}

#footer a {text-align: left; font-size: 10px; color: #ffffff; }

#footer p a:hover { text-decoration:underline; color:#d70076; }





#sidebar {height: 580px; width: 240px; position: relative; padding-right: 20px; float: right; top: -440px; }

/* RECHTERBAR */

#weer {height: 60px; width: 99px; position:relative; top:0px; right: -50px; background-image:url("/assets/templates/lebateau/images/weer.png"); padding-top: 10px; background-repeat:no-repeat;}

#reserveer {height:100px; width: 220px; position:relative; top:35px; float:right; z-index: 1; }

#search {height: 200px; width: 220px; position:relative; top:60px; float:right; background-image:url("/assets/templates/lebateau/images/dagblok.png"); background-repeat:no-repeat; }

#search2 {height: 70px; width:220px; position:relative; top:80px; right: -20px; }





/* HEADER TEXT */

#headertxt { width:760px; margin:0 auto; clear:both; position:relative; top:0px; }

#firstline { background-image:url("http://localhost/xampp/modx/assets/templates/lebateau/images/textbg.png"); color:#333; font-size:40px; padding:4px 13px 7px; float:right; display:block; }

#secondline { background-image:url("http://localhost/xampp/modx/assets/templates/lebateau/images/textbg.png"); color:#d70076; text-decoration:none; font-size:60px; padding:0 13px 10px; float:right; display:block; clear:both; }

#secondline:hover { text-decoration:underline; color:#d70076; }



.pictured { background-color:#d70076; color:#FFF; font-size:12px; padding:9px 16px; text-transform:uppercase; float:right; display:block; clear:both; margin-top:10px; }

.pictured a { font-size:16px; font-style:italic; letter-spacing:0; text-transform:none; color:#FFF; text-decoration:none; }

.pictured a:hover { text-decoration:underline; }



/* CONTROLS */

.btn { height:32px; width:32px; float:left; cursor:pointer; }

#back { background-image:url("/assets/templates/lebateau/images/btn_back.png"); }

#next { background-image:url("/assets/templates/lebateau/images/btn_next.png"); }

#control { background-image:url("/assets/templates/lebateau/images/btn_pause.png"); }



/* HEADER HAVIGATION */

#headernav-outer { position:relative; top:173px; right: -120px; margin:0 auto; }

#headernav { padding-left:0px; }