* { margin: 0; padding: 0;}
:focus { outline: 0; }
body { background: #f5f5f5 url(../images/background.gif) repeat-x; font: 11px "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; color: #999; padding: 0; }
a { color: #5b95bd; }
a:hover { color: #fb4a16; text-decoration: none; }
.clearfix { clear: both; padding: 0; margin: 0; }

/*  Container  */
#shade { background-image: url(../images/totalbg.png); background-repeat: no-repeat; background-attachment: scroll; margin: 34px auto 0; width: 834px; height: 940px; z-index: -1; padding: 0; }
#container { background-color: #fff; margin: 26px auto 0; text-align: left; width: 788px; height: 892px; padding: 6px; }

/*  Header  */
#header { background: url(../images/header_background.png) repeat-x; width: 100%; height: 78px; }
#header .illustratie { background: url(../images/header.gif) no-repeat top left; width: 788px; height: 78px; float: left; }
#graphic { padding-top: 5px; width: 788px; height: 200px; }
#graphic object { width: 788px; height: 200px; }

/*  Navigatie horizontaal menu  */
#menu { background width: 788px; padding: 6px 0 0; }
#menu ul { list-style: none; }
#menu ul li { float: left; height: 23px; }
#menu ul li a { color: #666; font-size: 11px; line-height: 29px; text-decoration: none; text-align: center; letter-spacing: 1px; display: block; }
#menu ul li a:hover { color: #FB4A16; }
#menu ul li a.fashion { background-image: url(../images/menu0_01.gif); background-repeat: no-repeat; background-position: 0 0; width: 90px; }
#menu ul li a.windsurf { background: url(../images/menu0_02.gif) no-repeat; width: 105px; }
#menu ul li a.kitesurf { background: url(../images/menu0_03.gif) no-repeat; width: 109px; }
#menu ul li a.skates { background: url(../images/menu0_04.gif) no-repeat; width: 96px; }
#menu ul li a.watersport { background: url(../images/menu0_05.gif) no-repeat; width: 133px; }
#menu ul li a.mountainboards { background: url(../images/menu0_06.gif) no-repeat; width: 164px; }
#menu ul li a.surfing { background: url(../images/menu0_07.gif) no-repeat; width: 91px; }

/*  Navigatie dropdowns  */
#menu ul ul { float: left; padding: 0; margin: 0; list-style: none; height: 23px; position: absolute; width: 138px; visibility: hidden; }
#menu ul li:hover ul, #menu ul li li:hover ul, #menu ul li.sfhover ul, #menu ul li li.sfhover ul { visibility: visible; }
#menu ul ul li { float: left; }
#menu ul ul li a { text-decoration: none; color: #ffffff; line-height: 23px; display: block; }
#menu ul ul li a:hover { color: #fffd8d; }

#menu ul ul li a.boards { background-image: url(../images/sub1.gif); background-repeat: no-repeat; background-position: 0 0; width: 78px; }
#menu ul ul li a.sails { background-image: url(../images/sub2.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; }
#menu ul ul li a.boards:hover { background-image: url(../images/sub1.gif); background-repeat: no-repeat; background-position: 0 0; width: 78px; }
#menu ul ul li a.sails:hover { background-image: url(../images/sub2.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; }

#menu ul ul li a.kiteboards { background-image: url(../images/sub3.gif); background-repeat: no-repeat; background-position: 0 0; width: 78px; }
#menu ul ul li a.kites { background-image: url(../images/sub4.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; }
#menu ul ul li a.kiteboards:hover { background-image: url(../images/sub3.gif); background-repeat: no-repeat; background-position: 0 0; width: 78px; }
#menu ul ul li a.kites:hover { background-image: url(../images/sub4.gif); background-repeat: no-repeat; background-position: 0 0; width: 60px; }

/*  Content  */
#content { background-image: url(../images/scrollbg.jpg); background-repeat: no-repeat; background-attachment: fixed; background-position: 50% 365px; margin-top: 36px; padding-bottom: 6px; }
#contentaanbod { background-color: #fff; margin-top: 36px; padding-bottom: 6px; }
#scroll { background-color: transparent; width: 594px; height: 518px; overflow: auto; visibility: visible; }
#center { width: 390px; float: left; padding: 36px 0 0 18px; }
#right { float: right; padding: 36px 10px 0 0; width: 160px;}

/*Menu Linkerkolom*/
#left { background-image: url(../images/navbackground.jpg); background-repeat: no-repeat; width: 187px; height: 518px; float: left; padding: 0 6px 0 0; }
#social{ padding-top: 10px; padding-left: 15px; }
#left ul { margin-top: 8px; list-style: none; }
#left li { position: relative; }
#left ul li { padding: 6px 0 6px 15px; border-bottom: 1px solid #fff; }
#left ul li a { color: #fff; font-size: 13px; font-family: "Lucida Sans Unicode", "Trebuchet MS"; line-height: 15px; text-decoration: none; display: block; }
#left ul li:hover { background-image: url(../images/pijl.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }

/* Dropdown Linkerkolom */
#left ul ul { float: left; left: 187px; top: 0; list-style: none; background-color: #ff5900; position: absolute; visibility: hidden; width:160px; z-index:2; margin-top: 0; }
#left ul li:hover ul, #left ul a:hover ul{ visibility: visible; }
#left ul ul li { width: 145px; float: left; border-bottom: 1px solid #fff;}
#left ul ul li a { text-decoration: none; color: #ffffff; display: block; }
#left ul ul li:hover { background-image: url(../images/pijl2.gif); background-repeat: no-repeat; background-attachment: scroll; background-position: 0 0; }
#left .logo { text-align: center; }
#left .openingstijden { height: 186px; padding-top: 7px; }
#left .openingsdag{ color: #5b94bc; font-size: 10px; font-family: "Trebuchet MS", Georgia, "Times New Roman", Times, serif; font-weight: normal; line-height: 90%; text-align: right; letter-spacing: 1px; }
#left .openingstitel{ color: #fff; font-size: 13px; font-family: "Lucida Sans Unicode", "Trebuchet MS"; line-height: 15px; }
#left .mededeling{ color: #666; font-size: 10px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; line-height: 130%; }
#left .logo img { border: none; }

/* Onderkant*/
#nieuwsbrief { background-image: url(../images/footer.gif); background-repeat: no-repeat; background-position: left top; width: 788px; height: 43px; margin-top: 0; }
#footer{ color: #ff4511; font-size: 11px; font-family: "Trebuchet MS", Geneva, Arial, Helvetica, SunSans-Regular, sans-serif; font-weight: normal; width: 788px; margin: 8px auto 40px; }
#footer .left {  float: left; text-align: left; }
#footer .right { float: right; text-align: right;}