/* CSS Document */

* {
border: 0px;
margin: 0px;
padding: 0px;
}

* html a:hover{visibility:visible}

a:link {color: #232323; text-decoration: none;}
a:visited {color: #232323; text-decoration: none;}
a:hover {color: #525252; text-decoration: underline;}
a:active {color: #525252; text-decoration: underline;}


/*basis document eigenschappen*/
body {
background-color: #2d2d2d;
}

#body {
width: 800px;
position: relative;
margin-left: 2px;
}

#container {
width: 804px;
margin-left: 50%;
position: relative;
left: -402px;
background: url(http://www.3kompanie.org/img/container_bg.gif) repeat-y;
background-color: #FFFFFF;
}

#banner {
height: 190px;
width: 800px;
background: url(http://www.3kompanie.org/img/banner.jpg) no-repeat;
}

#nav_bar {
height: 35px;
width: 800px;
}

#footer {
background-color: #444444;
color: #FFFFFF;
width: 800px;
height: 70px;
font-family: verdana;
font-size: 9px;
}

#footer p {
padding: 5px 10px 5px 10px;
}
/*einde*/

/*eigenschapen home.php*/
#header_home { width: 800px; height: 554px; background: url(http://www.3kompanie.org/img/bg_home2.jpg) no-repeat; }
#headline_home { background: url(http://www.3kompanie.org/img/welkom.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#content_home { width: 490px; margin-left: 25px; font-family: arial; font-size: 15; }
#content_home img { position: relative; float: right; margin-right: 200px; }
/*einde*/

/*eigenschappen geschichte.php*/
#header_geschichte { width: 800px; height: 490px; background: url(http://www.3kompanie.org/img/bg_geschichte.jpg) no-repeat; }
#headline_geschichte { background: url(http://www.3kompanie.org/img/geschichte.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#content_header_geschichte { margin-left: 25px; width: 300px; font-family: arial; font-size: 15; height: 385px; }
#content_geschichte { background-color: #FFFFFF; height: 1850px; }
#geschichte_foto { height: 1850px; width: 350px; background: url(http://www.3kompanie.org/img/geschichte_foto_bg.gif) repeat-y; float: left; }
#content_geschichte_text { background-color: #FFFFFF; height: 1850px; width: 450px; float: right; font-family: arial; font-size: 12px; }

/*eigenschappen voor geschichte_nu.php*/
#content_geschichte_nu { background-color: #FFFFFF; height: 1625px; }
#geschichte_foto_nu { height: 1625px; width: 350px; background: url(http://www.3kompanie.org/img/geschichte_foto_bg.gif) repeat-y; float: left; }
#content_geschichte_text_nu { background-color: #FFFFFF; height: 1625px; width: 450px; float: right; font-family: arial; font-size: 12px; }
#content_geschichte_text p, #content_geschichte_text_nu p { margin: 25px 25px 25px 25px; }
#geschichte_foto img, #geschichte_foto_nu img{ margin: 25px 0px 25px 25px; 	}
/*einde*/

/*eigenschappen hunde.php*/
#header_hunde { width: 800px; height: 453px; background: url(http://www.3kompanie.org/img/bg_hunde2.jpg) no-repeat; }
#headline_hunde { background: url(http://www.3kompanie.org/img/hunde.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#hunde_kader { margin-left: 25px; width: 490px; font-family: arial; font-size: 15; }
#hunde_kader th { text-align: left; font-style: bold; padding: 20px 0px 10px 0px; }
#content_hunde { background-color: #FFFFFF; }
#hunde_leden { margin: 0px 0px 0px 25px; font-family: arial; font-size: 15; }
#hunde_leden th { text-align: left; font-style: bold; padding: 20px 0px 10px 0px; }
.lidinfo { 	width: 161; height: 75px; padding: 0px 0px 0px 10px; }
/*einde*/

/*eigenschappen fahrzeuge.php*/
#header_fahrzeuge { width: 800px; height: 460px; background: url(http://www.3kompanie.org/img/bg_fahrzeuge.jpg) no-repeat; }
#headline_fahrzeuge { background: url(http://www.3kompanie.org/img/fahrzeuge.png) no-repeat; width: 500px; height: 36px; float:left; margin: 20px 0px 20px 20px; }
#content_header_fahrzeuge { margin-left: 25px; width: 240px; font-family: arial; font-size: 15; height: 316px; }
#content_header_fahrzeuge p { float: left; text-align: left; }
#content_fahrzeuge { width: 800px; height: 700px; background-color: #FFFFFF; }
#fahrzeuge_foto { width: 292px; background: url(http://www.3kompanie.org/img/fahrzeuge_foto_bg3.gif) repeat-y; background-color: #FFFFFF; position: relative; float: left; }
#content_fahrzeuge_text { width: 510px; background-color: #FFFFFF; position: relative; float: left; }
#content_fahrzeuge_text p { font-family: arial; font-size: 12px; width: 460px; margin: 25px 0px 0px 25px; }
#fahrzeuge_extern_vlak { margin-top: 25px; margin-right: 50px; height: 660px; width: 400px; background-color: #FFFFFF; position: relative; float: right; }
#fahrzeuge_foto table { margin-top: 25px; margin-left: 25px; }
/*einde*/

/*eigenschappen fotoarchive.php*/
#header_fotoarchive { width: 800px; height: 530px; background: url(http://www.3kompanie.org/img/bg_fotoarchive.jpg) no-repeat; }
#headline_fotoarchive { background: url(http://www.3kompanie.org/img/fotoarchive.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 10px; }
#content_header_fotoarchive {  margin-left: 15px; width: 255px; font-family: arial; font-size: 15; }
#content_header_fotoarchive table { float: left; font-size: 15; }
#content_fotoarchive { height: auto; }
#fotoarchive { margin: 0px 0px 0px 60px; font-family: arial; font-size: 16; }
#fotoarchive p { padding: 20px 0px 20px 0px; }
#fotoarchive_titel { padding: 20px 0px 20px 15px; font-family: arial; font-weight: bold; }
#fotoarchive_text { }
#fotoarchive table { font-family: arial; font-size: 15; }
#fotoarchive table th { font-weight: bold; font-size: 15; }
#event_table { text-align: left; margin: 0px 0px 20px 0px; }
#geen_info { color: #777 ; }
/*einde*/

/*eigenschappen artikels.php*/
#header_artikels { width: 800px; height: 530px; background: url(http://www.3kompanie.org/img/bg_artikels.jpg) no-repeat; }
#headline_artikels { background: url(http://www.3kompanie.org/img/artikels.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 20px;  }
#content_header_artikels { margin-left: 25px; width: 255px; font-family: arial; font-size: 15; }
#content_header_artikels p { margin-bottom: 20px; }
#content_artikels { background-color: #FFFFFF; }
#list_artikels { list-style-image: url(http://www.3kompanie.org/img/balkenkreuz.gif); list-style-type: square; }
#artikels_wapens { margin: 0px 0px 0px 15px; padding: 0px 0px 20px 0px; font-family: arial; font-size: 15; } 
#artikels_uniformen { margin: 0px 0px 0px 15px; font-family: arial; font-size: 15; }
#artikels_lidinfo { margin: 0px 0px 0px 15px; padding: 0px 0px 20px 0px; font-family: arial; font-size: 15; }
#artikels_uniformen_foto { height: 300px; width: 440px; background-color: #FF0000; margin-right: 25px; margin-top: 70px; position: relative; float: right; }
#wapen_select { margin-left: 40px; margin-bottom: 15px; }
#wapen_select th { text-align:left; font-size:18px; font-weight:bold; }
#wapen_select td { font-size: 13px; }
#wapen_info, artikels_lidinfo { padding: 0px 0px 20px 0px; }
#artikels_wapens table, #artikels_uniformen table { font-family: arial; font-size: 13; }
/* New addition for the photo bit of the articles. should be replaced with a
   generic or more suitable photo

#content_artikels_extra { width: 800px; background: url(http://www.3kompanie.org/img/bg_fahrzeuge.jpg) no-repeat; } */
/* DIV#artikels_wapens { background: blue; }*/
/* #artikels_replace_div { background-color: #0000FF; } */
/* #artikels_wapens_foto {
height changed to allow more text for the artikel 
height: 370px;
width: 440px;
background-color: #FF0000;
color: white;
margin-right: 25px;
margin-top: 10px;
position: relative;
float: right;
}*/

/*einde*/

/*eigenschappen kalender.php*/
#header_kalender { width: 800px; height:500px; background: url(http://www.3kompanie.org/img/bg_kalender.jpg) no-repeat; }
#headline_kalender { background: url(http://www.3kompanie.org/img/kalender.png) no-repeat; width: 300px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#content_header_kalender { margin-left: 25px; width: 260px; font-family: arial; font-size: 15; }
#content_header_kalender p { padding: 0px 0px 20px 0px; }
#content_header_kalender th { text-align: left; font-style: bold; }
#content_kalender { padding: 0px 0px 20px 0px; background-color: #FFFFFF; }
#kalender_aankomende { margin: 0px 0px 0px 15px; font-family: arial; font-size: 15; }
#kalender_aankomende { margin-left: 25px; margin-right: 25px; font-family: arial; font-size: 15; }
/*einde*/

/*eigenschappen feldpost.php*/
#header_feldpost { width: 800px; height: 489px; background: url(http://www.3kompanie.org/img/bg_feldpost.jpg) no-repeat; }
#headline_feldpost { background: url(http://www.3kompanie.org/img/feldpost.png) no-repeat; width: 300px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#content_header_feldpost { margin-left: 25px; width: 300px; font-family: arial; font-size: 12; }
#content_feldpost { background-color: #FFFFFF; height: 915px; }
#feldpost_foto { height: 915px; width: 350px; background: url(http://www.3kompanie.org/img/geschichte_foto_bg.gif) repeat-y; float: left; }
#content_feldpost_text { background-color: #FFFFFF; height: 915px; width: 450px; float: right; font-family: arial; font-size: 12px; }
#content_feldpost_text p { margin: 25px 25px 25px 25px; }
#feldpost_foto img { margin: 25px 0px 25px 25px; }
/*einde*/

/*eigenschappen raviv.php*/
#header_raviv { width: 800px; height: 560px; background: url(http://www.3kompanie.org/img/bg_raviv.jpg) no-repeat; }
#headline_raviv { background: url(http://www.3kompanie.org/img/raviv.png) no-repeat; width: 500px; height: 36px; float: left; margin: 20px 0px 20px 20px; }
#content_raviv { margin-left: 25px; width: 460px; font-family: arial; font-size: 15; padding: 0px 0px 20px 20px; }
#content_raviv p { padding: 10px 0px 10px 0px; }

/*einde*/


/*eigenschappen voor fotoarchive*/

.foto_links { position: relative; float: left; height: 150px; width: 200px; margin-bottom: 20px; }
.foto_rechts { position: relative; float: right; height: 150px; width: 200px; margin-bottom: 20px; /* margin-right: 350px; */ }

#fotos_2005 { /* background-color: #0000FF; */ position: relative; float: right; margin-right: 75px; margin-top: 20px; }
#fotos_2006 { /* background-color: #FF0000; position: relative; float: left; */ margin-top: 20px; }
#fotos_2007 { /* background-color: #0000FF; */ position: relative; float: right; margin-right: 75px; }
/*#fotos_2008 { background-color: #FF0000; position: relative; float: left; }*/


#foto_kolom { float: right; width: 430px;  padding: 0px 20px 0px 0px; }
#foto_kolom img { padding: 0px 20px 0px 0px; }
#foto_text { width: 310px; font-family: arial; font-size: 15; padding: 0px 0px 0px 20px;  }
#foto_text p { padding: 0px 0px 10px 0px; }


/* de hoogte voor 6 fotos */
#fotoarchive_6fotos { height: 510px; }

/* de hoogte voor 10 fotos */
#fotoarchive_10fotos { height: 850px; }

/* de hoogte voor 12 fotos */
#fotoarchive_12fotos { height: 1020px; }

/* de hoogte voor 14 fotos */
#fotoarchive_14fotos { height: 1190px; }

/* de hoogte voor 16 fotos */
#fotoarchive_16fotos { height: 1360px; }

/* de hoogte voor 18 fotos */
#fotoarchive_18fotos { height: 1515px; }

/* de hoogte voor 20 fotos */
#fotoarchive_20fotos { height: 1700px; }

/* de hoogte voor 22 fotos */
#fotoarchive_22fotos { height: 1870px; }

/* de hoogte voor 24 fotos */
#fotoarchive_24fotos { height: 2040px; }

/* de hoogte voor 28 fotos */
#fotoarchive_28fotos { height: 2380px; }

/* de hoogte voor 40 fotos */
#fotoarchive_40fotos { height: 3400px; }

/*einde eigenschappen fotoarchive*/






















#blader_blz {
position: relative;
float: right;
}

#lid_rick {
height: 75px;
width: 75px;
background: url(http://www.3kompanie.org/img/leden/kleur/rick.jpg) no-repeat;
}

#lid_rick a {display:block}
#lid_rick img {width:100%; height:100%}
#lid_rick a:hover img {visibility:hidden;}

#table_leden {
background: url(http://www.3kompanie.org/img/leden_bg.gif) repeat-y;
}


/*heading stylen*/
h1 {
font-family: Arial;
font-size: 15px;
font-weight: bold;
}

/*
h2 en h3 zijn al gebruikt in artikels-uitrusting.css
*/

/*einde*/


/* classes to deal with the formatting of tables */
.datatable {
  border: 2px ridge #DBDBDB;
  border-collapse: collapse;
}

.datatable td {
  border: 2px ridge #DBDBDB;
  text-align: left;
  padding: 2px;
  font-size: 14px;
}


.datatable th {
  border: 2px ridge #DBDBDB;
  text-align: top;
  padding: 4px;
  font-style: italic;
}

.datatable tr.altrow {
  background-color:#DBDBDB;
  color: black;
}

.datatable caption {
  color: black;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 1.5em;
}
/* einde */

/* classes to deal with the alternative formatting of tables */
.altdatatable {
  border: none;
  border-collapse: collapse;
}

.altdatatable td {
  border: none;
  text-align: left;
  font-weight: bold;
  padding: 2px;
}


.datatable tr {
  border: none;
}

.altdatatable th {
  border: none;
  text-align: top;
  padding 2px;
  font-style: italic;
  background-color:#DBDBDB;
}

.altdatatable caption {
  color: black;
  text-align: left;
  padding-top: 3px;
  padding-bottom: 3px;
  font-weight: bold;
  font-size: 1.25em;
}
/* einde */