/*
  algemeen
*/
html, body{
  font-family:Verdana;
  font-size:11px;
  margin:0 !important;
  padding:0;
}

 /*
  angels
*/
body.angels{
  background-color:#fcc;
  background-color:#eddfff;
}

body.angels #site{
  background-image:url('/img/angels/template/sidebar-bg.jpg');
  background-repeat:repeat-y;
  background-position:top left;

}

body.angels #header{
  
  background-image:url(../data/angels/header.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.angels #styleSwitcher{
  
  background-image:url(../data/angels/styleswitcher.png);
  background-repeat:no-repeat;
  background-position:left top;
  background-color:white;
}

body.angels #roughStyle{
  background-image:url(../data/angels/rough.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.angels #angelsStyle{
  background-image:url(../data/angels/angels.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.angels #sidebar{
/*  background-image:url('/img/angels/template/sidebar-bg.jpg'); */
  background-repeat:repeat-y;
  background-position:left top;
  min-height:475px;
  _height:475px;
}

body.angels #content{
  
/*  background-image:url(../data/angels/content-bg.png); */
  background-image:url('/img/angels/template/site-bg.png');
  background-repeat:repeat-y;
  background-position:right bottom;
}

body.angels #photobar .rough{ display:none; } /*
  main-nav 
*/
body.angels #main-nav{
  padding-left:51px;
  padding-top:16px;
  width:166px;
  background-repeat:no-repeat;
  background-image:url('/img/angels/template/main-nav-bg.png');
}

body.angels #main-nav li{
  float:left;
  width:166px;
}

body.angels #main-nav li a em{ display:none; }


/*
  home
*/
body.angels #main-nav .d13{
  background-image:url(../data/angels/nav_hover/home.png);
}

body.angels #main-nav .d13 a{
  display:block;
  width:134px;
  height:17px;
  
  background-image:url(../data/angels/nav/home.png);
}

body.angels #main-nav .d13 a:hover{ background-image:none; }


/*
  surfclinics
*/
body.angels #main-nav .d14{
  margin-top:21px;
  
  background-image:url(../data/angels/nav_hover/surfclinics.png);
}

body.angels #main-nav .d14 a{
  display:block;
  width:86px;
  height:15px;
  
  background-image:url(../data/angels/nav/surfclinics.png);
}

body.angels #main-nav .d14 a:hover{ background-image:none; }


/*
  sundaysurfclub
*/
body.angels #main-nav .d15{
  margin-top:21px;
  
  background-image:url(../data/angels/nav_hover/sundaysurfclub.png);
}

body.angels #main-nav .d15 a{
  display:block;
  width:140px;
  height:17px;
  
  background-image:url(../data/angels/nav/sundaysurfclub.png);
}

body.angels #main-nav .d15 a:hover{ background-image:none; }

/*
  surfcamp NIEUW
*/
body.angels #main-nav .d1156{
  margin-top:21px;
  
  background-image:url(../data/angels/nav_hover/surfcamp.png);
}

body.angels #main-nav .d1156 a{
  display:block;
  width:103px;
  height:18px;
  
  background-image:url(../data/angels/nav/surfcamp.png);
}

body.angels #main-nav .d1156 a:hover{ background-image:none; }


/*
  prijzen
*/
body.angels #main-nav .d16{
  margin-top:21px;
  
  background-image:url(../data/angels/nav_hover/partys.png);
}

body.angels #main-nav .d16 a{
  display:block;
  width:72px;
  height:17px;
  
  background-image:url(../data/angels/nav/partys.png);
}

body.angels #main-nav .d16 a:hover{ background-image:none; }

/*
  Beachevent NIEUW
*/
body.angels #main-nav .d1157{
  margin-top:19px;
  
  background-image:url(../data/angels/nav_hover/beachevent.png);
}

body.angels #main-nav .d1157 a{
  display:block;
  width:120px;
  height:18px;
  
  background-image:url(../data/angels/nav/beachevent.png);
}

body.angels #main-nav .d1157 a:hover{ background-image:none; }


/*
  contact info route
*/
body.angels #main-nav .d17{
  margin-top:19px;
  
  background-image:url(../data/angels/nav_hover/contactinfo-route.png);
}

body.angels #main-nav .d17 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url(../data/angels/nav/contactinfo-route.png);
}

body.angels #main-nav .d17 a:hover{ background-image:none; }


/*
 gastenboek
*/
body.angels #main-nav .d1217{
  margin-top:19px;
  
  background-image:url('/img/angels/template/gastenboek-hover.png');
}

body.angels #main-nav .d1217 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url('/img/angels/template/gastenboek.png');
}

body.angels #main-nav .d1217 a:hover{ background-image:none; }



/*
 fotoboek
*/
body.angels #main-nav .d1218{
  margin-top:19px;
  
  background-image:url('/img/angels/template/fotoboek-hover.png');
}

body.angels #main-nav .d1218 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url('/img/angels/template/fotoboek.png');
}

body.angels #main-nav .d1218 a:hover{ background-image:none; }

 /*
  bottomImg
*/

#bottomImg{
  diplay:block;
  position:absolute;
  bottom:0;
  left:0;
}

body.angels #bottomImg{
  height:153px;
  width:292px;
  background-image:url('/img/angels/template/sidebar-bottom.png');


  _background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/angels/template/sidebar-bottom.png", sizingMethod="scale");

}


body.rough #bottomImg{
  height:175px;
  width:299px;
  background-image:url('/img/rough/template/sidebar-bottom.png');

  _background-image:none;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/img/rough/template/sidebar-bottom.png", sizingMethod="scale");
}

 /*
contactInfo
*/

body.angels #contactInfo,
body.rough #contactInfo{
  display:block;
  clear:both;
  width:159px;
  padding:0;
  margin:14px 0px 0px 0px;
}

/*  rough  */
body.rough #contactInfo strong.tel{
  display:block;
  background-image:url('/img/telRough.png');
  background-repeat:no-repeat;
  width:159px;
  height:98px;
  padding:0;
  margin:0;
  margin-left:10px;
}

body.rough #contactInfo strong.email{
  display:block;
  background-image:url('/img/emailBazRough.png');
  background-repeat:no-repeat;
  width:159px;
  height:65px;
  padding:0;
  margin:0;
  margin-left:26px;
}

body #contactInfo strong.email a{
  display:block;
  width:159px;
  height:65px;
  padding:0;
  margin:0;
}

/*  angels  */
body.angels #contactInfo strong.tel{
  display:block;
  background-image:url('/img/telAngels.png');
  background-repeat:no-repeat;
  width:172px;
  height:48px;
  padding:0;
  margin:0;
  margin-left:27px;
}

body.angels #contactInfo strong.email{
  display:block;
  background-image:url('/img/emailBazAngels.png');
  background-repeat:no-repeat;
  width:172px;
  height:48px;
  padding:0;
  margin:0;
  margin-left:27px;
}

body.rough #contactInfo strong em,
body.angels #contactInfo strong em{
  display:none;
} /*
  content
*/
#content{
  float:left;
  width:563px;
  
  margin:0;
  _margin-top:0px;
}

body.rough #contentInner{
  display:block;
  padding:30px 50px;
  width:463px;

  background-image:url('/img/rough/template/content-top.png');
  background-repeat:no-repeat;
  background-position:right top; 

  min-height:600px;
  _height:600px;
}

body.angels #contentInner{
  display:block;
  padding:30px 50px;
  width:463px;
  background-image:url('/img/angels/template/content-top.png');
  background-repeat:no-repeat;
  background-position:right top;

  min-height:600px;
  _height:600px;
}



.beacheventtable thead th{
  margin: 0 0 0 0;
  padding: 0;
  border: 1px solid #333333;
}

.beacheventtable tbody td{
  margin: 0 0 0 0;
  padding: 0;
  border: 1px solid #666666;
}

/* --- route planner --- */

#mapWrapper iframe{
  overflow:hidden;
  height: 205px;
  width: 440px;
  margin: 0 0 0 0;
  padding: 0 0 0 0;
}

#mapWrapper{
  width: 440px;
  margin: 0 0 0 0;
  padding-bottom: 20px;
}


#visitorAddress fieldset p label {
display:inline;
margin: 0 0 0 0;
padding:0;
}



 /*
  guestbook
*/

#guestbookEntriesWrapper{  margin:20px 0px;}



#guestbookEntriesWrapper .entry{
  margin:20px 0px;
  padding:0px 4px;
}

body.angels #guestbookEntriesWrapper .even{  background-color:#EDDFFF;}
body.rough #guestbookEntriesWrapper .even{  background-color:#DADADA;}



#guestbookFormWrapper{  margin:20px 0px;}

#guestbookFormWrapper textarea{
  width:304px; 
}


#guestbookFormWrapper label.checkbox{
  padding-left:107px;
  _padding-left:110px;
}


#guestbookFormWrapper button#submitGuestBookEntry{
  margin-top:8px;
  margin-left:2px;
  _margin-left:4px;

} /*
  header
*/
#header{
  float:right;
  
  width:563px;
  height:132px;
  
  padding:0;  margin:0;
}

#header a{}

#header a em{ display:none; }

 /*
  main-nav
*/
#main-nav{
  display:block;
  height:330px;
  list-style-type:none;
  margin:0;
  padding:0;
  
  background-repeat:no-repeat;
  background-position:left top;
}

#main-nav li{
  background-repeat:no-repeat;
  background-position:left top;
}

#main-nav li a{
  background-repeat:no-repeat;
  background-position:left top;
}

#main-nav li ul{ display:none; } body#playerBody {
  background-image:url(/img/angels/template/plint.jpg);
  margin:0;
}

body#playerBody #playerWrapper{
  width:780px;
  margin:2px auto;
} /*
newsLetter
*/

#newsLetterServiceForm,
#newsLetter{
  margin:20px 0px 30px 10px; padding:0;
  clear:both;
  display:block;

}


#newsLetterServiceForm fieldset{}
#newsLetterServiceForm legend{
  display:none;
}

#newsLetterServiceForm input{
  padding:2px 2px;
  border:1px #3a9bda solid;
  background-color:#fff;
  margin-left:14px;
  >margin-left:0;
}

#newsLetterServiceForm button{
  background-color:#fff;
  padding:1px 3px;
  color:#008be5;
  border:1px #3a9bda solid;
  font-weight:bold;
  margin-bottom:8px;
}

#newsLetterServiceForm button em{
  font-style:normal;
}

#buttonUnSubscribeNewsLetterService{
  margin-right:8px;
  width:80px;
  float:left;
}
#buttonSubscribeNewsLetterService{
  width:90px;
  float:left;
}

 /*
  oneill link
*/
body.angels #site #oneillLink{
  position:absolute;
  top:0px;
  left:0px;
  
  display:block;
  width:217px;
  height:168px;
  background-image:url('/img/angels/template/oneill2.png');
}


body.rough #site #oneillLink{
  position:absolute;
  top:0px;
  left:0px;
  
  display:block;
  width:217px;
  height:168px;

}


#oneillLink em{ display:none; }
  /*
 opmaak  formulier
*/
form{
  display:block;
  
  padding:0px;
  margin:0px;
  margin-top:-10px;
}

form fieldset{
  border:0px;
  padding:0px;
  margin:0px;
}

form fieldset legend{
  display:none;
}

form fieldset fieldset legend{
  display:inline;
}

form fieldset label{
  display:block;
  clear:both;
  padding:4px 6px;
}

form fieldset label span{
  float:left;
  width:100px;
  line-height:16px;
  color:black;
  font-size:10px;
  text-align:right;
  padding-right:5px;
}

form fieldset label input{
  font-size:11px;

  width:300px;
  line-height:15px;
  
  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  padding:0px 2px; 
}

form fieldset label textarea{
  font-size:11px;

  border-top:1px solid #999;
  border-left:1px solid #999;
  
  border-bottom:1px solid #ddd;
  border-right:1px solid #ddd; 
   
  width:300px;
  height:80px;
}

form fieldset label select{
  font-size:11px;
}


/*
  checkbox
*/
form fieldset label.checkbox{
  padding-left:100px;
}

form fieldset label.checkbox span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.checkbox input{
  width:auto;
  border:0px;
  float:left;
}


/*
  radio
*/
form fieldset label.radio{
  padding-left:100px;
}

form fieldset label.radio span{
  width:auto;
  float:none;
  text-align:left;
}

form fieldset label.radio input{
  width:auto;
  border:0px;
  float:left;
}


/*
  knoppen
*/
form fieldset.buttonBar{
  display:block;
  padding-left:109px;
  
  height:30px;
}

form fieldset.buttonBar button{
  margin:0px;
  margin-right:5px;

  font-size:10px;
  text-transform:lowercase;
}

form fieldset.buttonBar button em{
  font-style:normal;
} /*
  opmaak adressen
*/
address{
  font-style:normal;
} /*
  opmaak afbeeldingen
*/
img.left{ float:left; }
img.right{ float:right; } /*
  opmaak alinea's
*/
p{
  padding:0;margin:0;
  margin-top:0.5em;
}
 /*
  opmaak embed
*/
#content embed, #content object{
  margin:-15px 0px;
} /*
  opmaak kopteksten
*/
h2{
  padding:0; margin:0;
  padding-top:0.5em;
  padding-bottom:0.2em;
  font-size:1.2em;
}

h3{
  padding:0; margin:0;
  padding-top:0.5em;
  padding-bottom:0.2em;
  font-size:1.0em;
}

.content a{
  color:#FF0000;
} /*
  opmaak tabellen
*/
table tr td{
  vertical-align:top;
} /*
  Photoalbum
*/

.content ul.album{
  list-style-type:normal;
  padding:0; margin:0;
}

.content ul.album li{
  display:block;
  float:left;
  padding:0; margin:0px 8px 8px 0px;
}


.content ul.album li div.image a img{
  border:0;
}

.content ul.album li div.description{
  display:none;
}


 /*
  photobar
*/
#photobar{
  float:right;
  width:563px;
  padding:0; margin:0;
}

#photobar ul{  
  display:block;
  width:510px;

  list-style-type:none;
  margin:0;
  padding:30px 0px 0px 30px;
}

#photobar ul li{
  float:left;
  padding-right:9px;
}

#photobar ul li img{
  float:left;
}

.angels #photobar{
  width:563px;
  padding:0;
  height:143px;
  background-image:url('/img/angels/template/footer-bg.png');
  background-repeat:no-repeat;
  background-position:right top;
}

.rough #photobar{
  width:563px;
  padding:0;
  height:176px;
  background-image:url('/img/rough/template/footer-bg.jpg');
  background-repeat:no-repeat;
  background-position:right top;
}


 /*
  .print
*/
.print{
  display:none;
} /*
  rough
*/
body.rough{
  background-color:#000;
}

body.rough #site{
  
/*  background-image:url(../data/rough/site-bg.jpg); */
  background-image:url('/img/rough/template/sidebar-bg.jpg');
  background-repeat:repeat-y;
  background-position:top left;
}

body.rough #header{
  
  background-image:url(../data/rough/header.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.rough #styleSwitcher{
  
  background-color:black;
}

body.rough #roughStyle{
  background-image:url(../data/rough/rough.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.rough #angelsStyle{
  background-image:url(../data/rough/angels.png);
  background-repeat:no-repeat;
  background-position:left top;
}

body.rough #sidebar{
  background-image:url('/img/rough/template/oneill3.png');
  background-repeat:no-repeat;
  background-position:left top;
  min-height:475px;
  _height:475px;
}

body.rough #content{
  background-image:url('/img/rough/template/site-bg.jpg');
  background-repeat:repeat-y;
  background-position:right top;
  width:563px;
 
}

body.rough #photobar .angels{ display:none; } /*
  main-nav 
*/
body.rough #main-nav{
  padding-left:51px;
  padding-top:16px;
  width:166px;
  /*  background-image:url(../data/rough/main-nav-bg.png);*/
  background-image:url('/img/rough/template/main-nav-bg.jpg');
}

body.rough #main-nav li{
  float:left;
  width:166px;
}

body.rough #main-nav li a em{ display:none; }


/*
  home
*/
body.rough #main-nav .d13{
  background-image:url(../data/rough/nav_hover/home.png);
}

body.rough #main-nav .d13 a{
  display:block;
  width:134px;
  height:15px;
  
  background-image:url(../data/rough/nav/home.png);
}

body.rough #main-nav .d13 a:hover{ background-image:none; }


/*
  surfclinics
*/
body.rough #main-nav .d14{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/surfclinics.png);
}

body.rough #main-nav .d14 a{
  display:block;
  width:86px;
  height:15px;
  
  background-image:url(../data/rough/nav/surfclinics.png);
}

body.rough #main-nav .d14 a:hover{ background-image:none; }


/*
  golfsurf clinics
*/
body.rough #main-nav .d15{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/sundaysurfclub.png);
}

body.rough #main-nav .d15 a{
  display:block;
  width:140px;
  height:18px;
  
  background-image:url(../data/rough/nav/sundaysurfclub.png);
}

body.rough #main-nav .d15 a:hover{ background-image:none; }

/*
  surfcamp NIEUW
*/
body.rough #main-nav .d1156{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/surfcamp.png);
}

body.rough #main-nav .d1156 a{
  display:block;
  width:103px;
  height:18px;
  
  background-image:url(../data/rough/nav/surfcamp.png);
}

body.rough #main-nav .d1156 a:hover{ background-image:none; }


/*
  Partys
*/
body.rough #main-nav .d16{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/partys.png);
}

body.rough #main-nav .d16 a{
  display:block;
  width:60px;
  height:18px;
  
  background-image:url(../data/rough/nav/partys.png);
}

body.rough #main-nav .d16 a:hover{ background-image:none; }

/*
  Beachevent NIEUW
*/
body.rough #main-nav .d1157{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/beachevent.png);
}

body.rough #main-nav .d1157 a{
  display:block;
  width:120px;
  height:18px;
  
  background-image:url(../data/rough/nav/beachevent.png);
}

body.rough #main-nav .d1157 a:hover{ background-image:none; }


/*
  contact info route
*/
body.rough #main-nav .d17{
  margin-top:15px;
  
  background-image:url(../data/rough/nav_hover/contactinfo-route.png);
}

body.rough #main-nav .d17 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url(../data/rough/nav/contactinfo-route.png);
}

body.rough #main-nav .d17 a:hover{ background-image:none; }

/*
  gastenboek
*/
body.rough #main-nav .d1217{
  margin-top:15px;
  background-image:url('/img/rough/template/gastenboek-hover.png');
}

body.rough #main-nav .d1217 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url('/img/rough/template/gastenboek.png');
}

body.rough #main-nav .d1217 a:hover{ background-image:none; }

/*
  fotoboek
*/
body.rough #main-nav .d1218{
  margin-top:15px;
  background-image:url('/img/rough/template/fotoboek-hover.png');
}

body.rough #main-nav .d1218 a{
  display:block;
  width:133px;
  height:16px;
  
  background-image:url('/img/rough/template/fotoboek.png');
}

body.rough #main-nav .d1218 a:hover{ background-image:none; }







 /*
  sidebar
*/
#sidebar{
  float:left;
  width:217px;
  padding-top:168px;

}


 /*
  site
*/

#site{
  display:block;
  width:780px;
  margin:0 auto;
  padding:0;
  position:relative;
  overflow:auto;
}
 /*
  styleswitcher
*/
#styleSwitcher{
  float:right;
  width:543px;
  height:36px;

  margin:0; padding:0;

  padding-right:20px;


}

#roughStyle{
  float:right;
  margin-top:4px;
  margin-right:12px;
  width:53px;
  height:29px;
}

#angelsStyle{
  float:right;
  margin-top:4px;
  width:67px;
  height:29px;
}

#styleSwitcher a em{ display:none; }
 /*
  thumbnails
*/
.thumbnails{
  display:block;
  width:479px;
  height:60px;
 
  position:relative;  
 
  list-style-type:none;
  padding:0px;
  margin:0px;
  margin:0px 10px;
  
  padding-top:430px;

  background-position:center 5px;
  background-repeat:no-repeat;
}

.thumbnails li.forward{
  float:left;
  width:30px;
  height:52px;
  margin:0px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-forward.png');
  background-repeat:no-repeat;
}

.thumbnails li.reverse{
  float:left;
  width:30px;
  height:52px;
  
  cursor:pointer;  
  
  background-image:url('/data/tn-reverse.png');
  background-repeat:no-repeat;
}

.thumbnails li{
  float:left;
  margin-right:9px;
}

.thumbnails li img{
  height:52px;
  border:0px;
}

.thumbnails .reverse{
  background-image:url('/data/frontpage/reverse.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .forward{
  background-image:url('/data/frontpage/forward.png');
  background-position:left top;
  background-repeat:no-repeat;
}

.thumbnails .description{
  position:absolute;
  left:0px;
  top:410px;
  width:479px;
  text-align:center;
}