/* CSS Document for Helmonds Oranje Comite */

html, body{	
  min-height:100%;
  height:100%;
  margin:0; 
  border:0;
  text-align:center;
  background-color:#333333;
  font-family:Verdana, Arial, Helvetica, sans-serif;
}

html>body{ height:auto; 
}

.container{
  background:#333333;
  min-height:100%;
  height:auto;
  height:100%;
  width:871px;
  margin:0 auto;
  text-align:left;
}

.header{
  width:871px;
  height:236px;
  background-image:url(../img/header.gif);
  background-position:top;
  background-repeat:no-repeat;
}

#crumbs{
  color:#999999;
  font-size:0.7em;
  position:relative;
  margin-bottom:25px;
}

#crumbs a{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
}

#crumbs a:hover{
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #fff;
}

a#toplinks{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  position:absolute;
  margin-left:765px;
  margin-top:25px;
  font-size:0.8em;
}

a:hover#toplinks{
  color:#fff;
  text-decoration:none;
  border-bottom:1px dashed #333333;
  position:absolute;
  margin-left:765px;
  margin-top:25px;
  font-size:0.8em;
}

p#topmidden{
  color:#ff9933;
  position:absolute;
  margin-top:25px;
  margin-left:818px;
  font-size:0.8em;
}

a#toprechts{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  position:absolute;
  margin-left:826px;
  margin-top:25px;
  font-size:0.8em;
}

a:hover#toprechts{
  color:#fff;
  text-decoration:none;
  border-bottom:1px dashed #333333;
  position:absolute;
  margin-left:826px;
  margin-top:25px;
}

a#toprechtsadmin{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  position:absolute;
  margin-left:820px;
  margin-top:25px;
  font-size:0.8em;
}

a:hover#toprechtsadmin{
  color:#fff;
  text-decoration:none;
  border-bottom:1px dashed #333333;
  position:absolute;
  margin-left:820px;
  margin-top:25px;
}

.menu{
  position:absolute;
  width: 871px;
  height: 51px;
  margin: 0px auto;
  padding: 0;
}

.menu ul{
  position:absolute;
  width: 871px;
  background:center url(../img/menubg.gif) no-repeat;
  height: 51px;
  list-style-type: none;
  margin: 0px auto;
  margin-left: 2px;
  padding: 0;
  display:inline;
}

.menu span{
  display:none;
}

.menu li{
  position:absolute;
  margin-top:51px;
}

li#mi1 a, li#mi2 a, li#mi3 a, li#mi4 a, li#mi5 a, li#mi6 a, li#mi7 a, li#mi8 a, li#mi9 a, li#mi10 a {
  background: transparent;
  position: absolute;
  height: 51px;
  bottom: 0;
  text-decoration: none;
}

li#mi1 a { left: 0; width:87px; }
li#mi2 a { left: 86px; width:107px; }
li#mi3 a { left: 192px; width:125px; }
li#mi4 a { left: 316px; width:85px; }
li#mi5 a { left: 400px; width:87px; }
li#mi6 a { left: 486px; width:83px; }
li#mi7 a { left: 569px; width:67px; }
li#mi8 a { left: 636px; width:81px; }
li#mi9 a { left: 716px; width:64px; }
li#mi10 a { left: 779px; width:92px; }

li#mi1 a:hover { margin:0; padding:0; background: url(../img/nieuws_bg.gif) 0 0 no-repeat; }
li#mi2 a:hover { margin:0; padding:0; left: 86px; background: url(../img/algemeen_bg.gif) 0 0 no-repeat; }
li#mi3 a:hover { margin:0; padding:0; left: 192px; background: url(../img/programma_bg.gif) 0 0 no-repeat; }
li#mi4 a:hover { margin:0; padding:0; left: 316px; background: url(../img/agenda_bg.gif) 0 0 no-repeat; }
li#mi5 a:hover { margin:0; padding:0; left: 400px; background: url(../img/bestuur_bg.gif) 0 0 no-repeat; }
li#mi6 a:hover { margin:0; padding:0; left: 486px; background: url(../img/historie_bg.gif) 0 0 no-repeat; }
li#mi7 a:hover { margin:0; padding:0; left: 569px; background: url(../img/jeugd_bg.gif) 0 0 no-repeat; }
li#mi8 a:hover { margin:0; padding:0; left: 636px; background: url(../img/relaties_bg.gif) 0 0 no-repeat; }
li#mi9 a:hover { margin:0; padding:0; left: 716px; background: url(../img/fotos_bg.gif) 0 0 no-repeat; }
li#mi10 a:hover { margin:0; padding:0; left: 779px; background: url(../img/contact_bg.gif) 0 0 no-repeat; }

.contenttop{
  margin:0;
  margin-top:51px;
  position:absolute;
  background-image:url(../img/content_top_alt2.gif);
  background-position:top;
  background-repeat:no-repeat;
  width:871px;
  height:14px;
}

.contentbottom{
  bottom:0;
  margin:0;
  margin-bottom:20px;
  background-color:#333333;
  background-image:url(../img/content_bottom_alt2.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  width:871px;
  height:14px;
}

/* .contentbottom{
  bottom:0;
  margin:0;
  padding-bottom:20px;
  background-color:#333333;
  background-image:url(../img/content_bottom_alt2.gif);
  background-position:top;
  background-repeat:no-repeat;
  width:871px;
  height:14px;
} */

.footer{
  margin:0;
  padding-bottom:20px;
  margin-left:3px;
  margin-top:14px;
  position:absolute;
  background-image:url(../img/footer_bg.gif);
  background-position:bottom;
  background-repeat:no-repeat;
  width:871px;
  height:28px;
}

.contentbody{
  min-height:100%;
/*  height:auto;
  height:100%; */
  background-image:url(../img/content_bg_alt2.gif);
  background-position:top;
  background-repeat:repeat-y;
  margin-top:0;
  padding:20px;
  padding-left:40px;
  padding-right:40px;
  padding-top:70px;
}

/* content1 = over_ons | content2 = nieuws | content3 = agenda | content4 = foto's */

.content1{
  color:#666666;
  line-height:1.2em;
  width:480px;
  padding-bottom:30px;
}

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

.content2{
  color:#666666;
  background-color:fff;
  line-height:1.1em;
  width:480px;
  padding-bottom:30px;
}

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

.content3{
  position:absolute;
  margin-left:520px;
  color:#666666;
  line-height:1.1em;
  width:280px;
}

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

.content4{
  position:absolute;
  margin-left:520px;
  margin-top:235px;
  margin-bottom:50px;
  color:#666666;
  width:280px;
}

.content4 img{
  border:0;
}

.pic1, .pic3, .pic4{
  margin-left:20px;
}

.pic2{
  margin-left:23px;
}

a.pic1, a.pic2, a.pic3, a.pic4{
  border-bottom:15px solid ff9933;
}

.contentbreed{
  color:#666666;
  width:600px;
  padding-bottom:30px;
  line-height:1.2em;
}

.contentbreed p{
  padding-left:60px;
}

.contentbreed table{
  margin-left:60px;
}

.contentbreed td{
  padding-right:30px;
}

h1{
  color:#333399;
  font-size:1.5em;
  font-weight:normal;
  line-height:1.1em;
}

h2{
  color:#333399;
  font-size:1.2em;
  font-weight:normal;
}

h3{
  color:#333399;
  font-size:1em;
  font-weight:normal;
}

h5{
  color:#666666;
  font-size:0.7em;
  font-weight:normal;
  margin-top:-5px;
  margin-left:100px;
}

#gelezen{
  color:#333399;
}

h1.invis{
  display:none;
}

#tekstplaatje{
  margin-left:90px;
}

#overons{
  background-image:url(../img/over_ons.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#nieuws{
  background-image:url(../img/nieuws.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#programma{
  background-image:url(../img/programma.gif);
  background-repeat:no-repeat;
  height:54px;
  width:159px;
  padding-bottom:20px;
}

#agenda{
  background-image:url(../img/agenda.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:10px;
}

#agendalijst li{
  list-style-type:none;
  font-size:0.8em;
  margin-left:-20px;
  margin-bottom:5px;
}

#agendalijst a{
  text-align:right;
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
}

#agendalijst a:hover{
  text-align:right;
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #FFF;
}

#alleactiv{
  margin-top:20px;
}

#alleactiv a{
  text-align:right;
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  font-size:0.8em;
}

#alleactiv a:hover{
  text-align:right;
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #FFF;
  font-size:0.8em;
}

.selecteddate{
  margin-left:30px;
  border-left:2px solid #FF9900;
}

.agendaadmin{
  width:700px;
}

#fotos{
  background-image:url(../img/fotos.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  margin-top:30px;
  padding-bottom:20px;
}

#fotos2{
  background-image:url(../img/fotos.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#bestuur{
  background-image:url(../img/bestuur.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#activiteiten{
  background-image:url(../img/activiteiten.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#historie{
  background-image:url(../img/historie.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#jeugd{
  background-image:url(../img/jongeren.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#relaties{
  background-image:url(../img/relaties.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#contact{
  background-image:url(../img/contact.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

#sitemap{
  background-image:url(../img/sitemap.gif);
  background-repeat:no-repeat;
  height:54px;
  width:142px;
  padding-bottom:20px;
}

p.lees{
  margin-left:370px;
  font-style:normal;
}

a.verder{
  text-align:right;
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  font-size:0.8em;
}

a:hover.verder{
  text-align:right;
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #FFF;
  font-size:0.8em;
}

.newsinfo{
  color:#666666;
  background-color:#FFFFFF;
  font-size:0.7em;
  padding-top:0px;
  padding-left:20px;
  position:relative;
  margin-top:-1px;
  margin-bottom:50px;
}

hr{
  width:480px;
}

a#archief{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  font-size:0.8em;
  margin-left:140px;
}

a#archief:hover{
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #FFF;
  font-size:0.8em;
  margin-left:140px;
}

.nieuwscontent{
  color:#666666;
  line-height:1.1em;
  width:480px;
  padding-bottom:30px;
  margin-top:70px;
}

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

.nieuwslijst{
  margin-top:-20px;
}

.nieuwslijst ul{
  position:absolute;
  margin-left:520px;
  color:#666666;
  line-height:1.1em;
  width:250px;
}

.nieuwslijst li{
  list-style-type:none;
  margin-top:2px;
  padding-bottom:2px;
}

.nieuwslijst a{
  color:#ff9933;
  text-decoration:none;
  border-bottom:1px dashed #ff9933;
  font-size:0.8em;
}

.nieuwslijst a:hover{
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #FFF;
  font-size:0.8em;
}

.sitemap{
  color:#ff9933;
}

.sitemap li{
  list-style-type:none;
}

.sitemap a{
  color:#ff9933;
  text-decoration:none;
  font-size:1em;
}

.sitemap a:hover{
  color:#333399;
  text-decoration:none;
  border-bottom:1px dashed #333399;
  font-size:1em;
}

.guestbook{
  width:750px;
}

/* fotopagina */

.fotopagina{
  color:#666666;
  width:600px;
  padding-bottom:30px;
  line-height:1.2em;
}

.fotopagina img{
  padding-right:10px;
  border:0;
}

.fotopagina a{
  text-decoration:none;
  border:0;
}

#ul1 li{
  list-style:none;
  display:inline;
}

/* contactformulier */

#pform{
  padding:0;
  margin:0;
}

#pformleeg{
  padding:0;
  margin:0;
  display:none;
}

fieldset{
  position:relative;
  width:400px;
  border-color:#333399;
  padding:20px;
  background-color:#FFCC66;
}

legend{
  position: absolute;
  top: -.8em;
  left: .2em;
  background-color:#FFF;
  border:2px solid #333399;
  padding:3px;
  font-weight:bold;
}

.fieldset .label{
  text-align:right;
  width:70px;
  float:left;
  padding:0.2em;
  margin:0;
  margin-top:0.3em;
}

.fieldset .nobr{
  display:none;
}  

.fieldset .textfield{
  margin:3px;
  height:20px;
}

.fieldset .textarea{
  margin:3px;
  height:165px;
  width:300px;
}

input:focus, textarea:focus{
  background-color:#FFCC66;
}

.emailfield{
  padding-left:30px;
}