/* ########
   ALGEMEEN 
   ######## */
   
body {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #000000;
}

input {
  font-size: 11px;
  font-family: verdana;
}

img {
  border: 0px;
}

table {
  border-collapse: collapse;
}

a  {
  color: #1F1F5F;
  font-size: 11px;
  text-decoration: none;
}

a:hover {
  color: grey;
  text-decoration: underline;
}

h1 {
  font-size: 14px;
         padding-bottom: -1px;
}

h2 {  
         font-size: 12px;
}

h3 {  
         font-size: 13px;
}

h4 {
  font-size: 16px;
  padding-bottom: -1px;
}

h5 {
  font-size: 13px;
}

hr {
  color: #CCCCCC;
   width: 1px;
}

label {
  font-size: 11px;
  font-weight: normal;
  vertical-align: top;
}

select {
  font-size: 11px;
  font-family: verdana;
}

ol {
  margin-left: 0px;
  padding-left: 20px;
}

ol li {
  margin-bottom: 5px;
}

.filter select {
  width: 100px;
}

#container {
  position: relative; 
  top: 0px;
  width: 980px; 
  min-height: 565px;
  height: auto;
  margin-left: auto;
  margin-right: auto;
}

#boventekst {
  position: absolute;
  top: 0px;
  width: 976px;
  text-align: right;
  background-color: #FFFFFF;
}

#logo {
  position: absolute;
  top: 15px;
  left: 7px;
  width: 104px;
  height: 129px;
}
    
#header {
  height: 129px;
  width: 980px;
  position: absolute;
  top: 15px;
  left: 0px;
  background-color: #FFFFFF;
}

#menu {
  height: 32px;
  width: 976px;
  position: absolute;
  top: 144px;
  padding-left: 4px;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-bottom-color: #CA9C00;
  border-top-style: solid;
  border-top-width: 1px;
  border-top-color: #CA9C00;
  background-color: #FBF9E5;
}

#menu a {
  font-size: 11px;
  padding-left: 5px;
  padding-right: 5px;
  padding-top: 0px;
}

#menu img {
  padding-top: 2px;
}

ul#navi{
  list-style: none;
  margin-left: 0px; 
  padding-left: 0px;
}
ul#navi li{
  float: left;
        margin-right: 5px; 
}

#anvr-sgr{
  position: absolute;
  height: 32px;
  top: 0px;
  left: 891px;
}

#kruimel {
  position: absolute;
  top: 179px;
  height: 22px;
  width: 976px;
  border-bottom-style: solid;
  border-bottom-color: #CCCCCC;
  border-bottom-width: 1px;
  padding-left: 8px;
  padding-top: 3px;
  background-color: #FFFFFF;
}

#zoeken {
  position: absolute;
  top: 179px;
  height: 25px;
  left: 596px;
  width: 378px;
  text-align: right;
  padding-top:3px;
}

#submenu {
  position: absolute;
  left: 0px;
  top: 205px;
  width: 175px;
  height: 352px;
  padding: 4px;
  background-color: #FFFFFF;
}

#content_groot {
  position: absolute;
  top: 205px;
  left: 183px;
  width: 646px;
  background-color: #FFFFFF;
  padding: 4px;

}

#content_links {
  position: absolute;
  left:0px;
  width: 300px;
  border-right-color: #CCCCCC;
  border-right-style: solid;
  border-right-width: thin;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: thin;
  background-color: #FFFFFF;
  padding: 4px;  
}

#content_rechts {
  position: absolute;
  left: 275px;
  width: 300px;
  border-right-color: #CCCCCC;
  border-right-style: solid;
  border-right-width: thin;
  border-bottom-color: #CCCCCC;
  border-bottom-style: solid;
  border-bottom-width: thin;
  background-color: #FFFFFF;
  padding: 4px;  
}

#rechterkant {
  position: absolute;
  left: 837px;
  top: 205px;
  width: 135px;
  height: 352px;
  background-color: #FFFFFF;
  padding: 4px;
  
}

#footer {
  position: absolute;
  top: 539px;
  left: 1px;
  width: 800px;
  height: 15px;
  background-color: #FFFFFF;
}

.content{
  
}

.content a {
  color: #0000CC;
  text-decoration: underline;
  /*font-size: 11px;*/
}

.content a:hover {
  color: grey;
  text-decoration: underline;
}

.content td {
}

.csc-header h4 {
  font-size: 16px;  
}

.csc-header h5 {
  font-size: 13px;  
}

.tabel_fly_drive {
  text-align:left;
  background-color: #FBF9E5;
}

.tabel_fly_drive td {
  border-style: solid;
  border-color: #CA9C00;
  border-width: 1px;
  padding: 4px;
}

.tabel_fly_drive_overzicht_geel {
  text-align:left;
  background-color: #FBF9E5;
}

.tabel_fly_drive_overzicht_geel td {
  background-color: #FBF9E5;
  border-top-style: solid;
  border-top-color: #CA9C00;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FBF9E5;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-color: #FBF9E5;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-color: #FBF9E5;
  border-left-width: 1px;
  padding: 4px;
}

.tabel_fly_drive_overzicht_wit {
  text-align:left;
  background-color: #FFFFFF;
}

.tabel_fly_drive_overzicht_wit td {
  background-color: #FFFFFF;
  border-top-style: solid;
  border-top-color: #CA9C00;
  border-top-width: 1px;
  border-bottom-style: solid;
  border-bottom-color: #FBF9E5;
  border-bottom-width: 1px;
  border-right-style: solid;
  border-right-color: #FBF9E5;
  border-right-width: 1px;
  border-left-style: solid;
  border-left-color: #FBF9E5;
  border-left-width: 1px;
  padding: 4px;
}

.tabel_wintersport {
  /*align: center;*/
  margin-left: 5%;
  margin-right: 5%;
  text-align:left;
  background-color: #FBF9E5;
}

.tabel_wintersport td {
  border-style: solid;
  border-color: #CA9C00;
  border-width: 1px;
  padding: 4px;
}

/* #######
   SUBMENU
   ####### */
   
.submenu1 {
  list-style: none;
  margin-left: 0px; 
  padding-left: 0px;
}

.submenu1 li{
  border-top-style: solid;
  border-top-color: #1F1F5F;
  border-top-width: 1px;
  min-height: 35px;
  width: 150px;
}

.submenu2 {
  margin-left: 0px; 
  padding-left: 0px;
}

.submenu2 li {
  /*margin-left: 8px;*/
  list-style-type: none;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  border-top-width: 1px;  
  /*width: 92%;*/
}

.submenu2 a {
  color: #4B86FB;
}

.submenu3 {
  margin-left: 0px; 
  padding-left: 0px;
}

.submenu3 a {
  color: #4B86FB;
}

.submenu3 li {
  margin-left: 8px;
  list-style-type: none;
  border-top-style: solid;
  border-top-color: #CCCCCC;
  border-top-width: 1px;  
  width: 92%;
}

.submenulijntjes {
  border-top-width: 1px;
  border-top-style: dashed;
  border-top-color: #CCCCCC;
  width: 110px;
  color: #FFFFFF;
  align: center;
}

/* ##############
   DB INTEGRATION
   ############## */  
.wfqbe_even {
  background-color: #FBF9E5;
  border-color: #CA9C00;
  border-bottom-style: solid;
  border-bottom-width: 1px;
  border-top-width: 1px;
  border-top-style: solid;
}

.wfqbe_odd {
  background-color: #FFFFFF;
}

.wfqbe_table_results table {
  margin:1em;
  border-collapse:collapse;
}

.wfqbe_table_results th {
  padding: 0.2em;   
  text-align: left;
}

.wfqbe_table_results td {
        vertical-align: top;
        text-align: left;
        vertical-align: middle;  
}

.wfqbe_table_results img {
  border-bottom-color: #00FF00;
}

.wfqbe_table_results a {
  color: black;
  text-decoration: none;
}

.wfqbe_table_results a:hover {
  color: grey;
  text-decoration: none;
}      

caption{
  caption-side:bottom;
  color:#FFFFFF;
}
  
.tx-wfqbe-pi1 {
  background-color: #FFFFFF;
}

.groot {
  /* height: 209px;
  width: 303px; */
  
  height: 211px;
  width: 306px;
  }

.klein {
  width: 76px;
  height: 52px;
  border-color: #FFFFFF;
  border-width: 1px;
  border-style: solid;
  border-top-width: 0px;
  border-left-width: 0px;
}

.bestemming_naam {
  font-size: 16px;
      color: #DD7700;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 0px;
}

.acco_naam {
  font-size: 16px;
      color: #DD7700;
      font-weight: bold;
      margin-top: 0px;
      margin-bottom: 0px;
}

.acco_lijst{
  
}
.acco_lijst a {
  color: #000000;
  text-decoration: none;
  font-size: 11px;
}


.kleine_acco_code {
  font-size: 12px;
  color: #000000;
}

.filter {
  width: 50px;
}

.paginanummers_geel {
  
}

.paginanummers_geel td {
  height: 20px;
  width: 20px;
  text-align: center;
        background-color: #FBF9E5;
  border-color: #CA9C00;
  border-style: solid;
  border-width: 1px;
}

.paginanummers_geel a {
  color: #000000;
  text-decoration: none;
}

.nuWelInHetMidden {
  position: absolute;
  left: 9px;
  top: 423px;
  width: 570px;
  padding-left: 12px;
  padding-right: 12px;
  background-color: #FBF9E5;
  border-left-color: #CA9C00;
  border-left-style: solid;
  border-left-width: 1px;  
  border-right-color: #CA9C00;
  border-right-style: solid;
  border-right-width: 1px;
}

### Fe_User Register ###

.tx-felogin-pi1 {
  background-color: blue;
}

.tx-felogin-pi1 input {
  font-size: 11px;
  font-family: verdana;
  text: #000000
  background-color: #FFFFFF;
}
.blokjes_3_breed td {
  vertical-align: top;
}

.blokjes_3_breed a{
  color: #1F1F5F;
  font-size: 11px;
  text-decoration: none;
}

.tabel_zon-strandvakantie {
}

.tabel_zon-strandvakantie td {
  width: 202px;
}

.tabel_zon-strandvakantie a {
  text-decoration: none;
}


/* CSS3 BUTTON (toegevoegd door Rob 27dec10)
----------------------------------------------------- */

.button {
    border:1px solid #CA9C00;
    color:#FBF9E5;
    /*text-shadow:0 -1px 0 #CCCCCC;*/
    display:inline-block;
    margin:4px 0;
    text-align:center;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;
    background-color:#FBF9E5;
    background-image:
    -webkit-gradient(
        linear,
        left bottom,
        left top,
            /*color-stop(0, rgb(251,249,229)),
            color-stop(1, rgb(0,136,181))*/
        color-stop(0, rgb(252,206,50)),
        color-stop(1, rgb(202,156,0))
    );
    background-image:
    -moz-linear-gradient(
        center bottom,
        rgb(252,206,50) 10%,
        rgb(202,156,0) 100%
    );
    -webkit-box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
    -moz-box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
    box-shadow:0 2px 5px rgba(0, 0, 0, 0.55);
}

.button a {
  text-decoration: none;
}

.button:hover {
    background-color:#FDFBE7;
    background-image:
    -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(252,206,50)),
        color-stop(1, rgb(202,156,0))
    );
    text-decoration:none;
}

.button:active {
    background-color:#006486;
    background-image:
    -webkit-gradient(
        linear,
        left bottom,
        left top,
        color-stop(0, rgb(202,156,0)),
        color-stop(1, rgb(252,206,50))
    );
    background-image:
    -moz-linear-gradient(
        center bottom,
        rgb(202,156,0) 10%,
        rgb(252,206,50) 100%
    );
    -webkit-box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
    -moz-box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
    box-shadow:0 0 2px rgba(0, 0, 0, 0.75);
}

.button span {
    padding:4px 0px;
    width: 135px;
    /*border-top:1px solid #00B8D3;*/
    display:block;
    font-weight:bold;
    -moz-border-radius:5px;
    -webkit-border-radius:5px;
    border-radius:5px;    
}

.button span:active { border-top-color:transparent; }

/* HTML MARK-UP
----------------------------------------------------- */
/* ###########
   FORM STYLES
   ########### */ 
.csc-mailform-field {
}

.csc-mailform-field td {
  vertical-align: top;
}

.error {
  color: #FF0000;
}

.error a {
  color: #FF0000;
}


