@charset "utf-8";

:focus { -moz-outline-style: none; }

body {
  margin:0px 0px 0px 0px;
  font-size: 12px; 
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;   
  line-height:16px;
  color:#000000;
  background: #a6def9;
}
td, font {
  margin:0px 0px 0px 0px;
/*  width:100%; */
  font-size: 12px;
  font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;   
  line-height:14px;
  color:#000000;
}
#container{
  width:900px;
  height:auto;
  margin: 0px auto 0px auto;
  background:url('images/contentbg.gif') repeat-y;
}
#top {
  width:900px;
  overflow:hidden;
  position:relative;
  height:129px;
  background:#f4612a;
}
#logo {
  position:absolute;
  top:0px;
  left:0px;
  width:276px;
  height:129px;
  background-image:url('images/logo.gif');
}
#top-right{
  position:relative;
  top:0px;
  left:276px;
  width:624px;
  height:69px;
}
#banner{
  position:relative;
  left:0px;
  top:0px;
  width:624px;
  height:69px;
  background-image:url('images/top.jpg'); 
  overflow:hidden;
}
#quicklinks{
  position:absolute;
  top:69px;
  left:45px;
  width:579px;
  height:60px;
  text-align:left;
  overflow:hidden;
}
#trias {
background:url(images/logo_trias.gif);
cursor:pointer;
position:absolute;
left:494px;
top:70px;
width:86px;
height:58px;
}
#extra{
  float:left;
}
#middle{
  width:900px;
  overflow:auto;
  background:url('images/links.jpg') no-repeat;
}
#menu{
  width:276px;
  min-height:480px;
  height:auto !important;
  height:480px;
  background:url('images/links.jpg') no-repeat;
  float:left;
  position:relative;
  text-align:left;
  overflow-x:hidden;
}

#content{
  float:right;
  width:601px;
  text-align:left;
  background:url('images/kleurbalk.gif') 593px top repeat-y;
  min-height:480px;
  height:auto !important;
  height:480px;
  overflow-x:hidden;
}

#mainContentDiv {
  width:567px;
  padding: 32px 5px 32px 5px;
}
#afbeeldingen {
  margin-left:210px;
}

#customVelden{
  margin-left:15px;
  margin-right:15px;
}
#customVelden, #customVelden p {
  line-height:15px;
}

#customVeld1, #customVeld2,  #customVeld3 {
  overflow:auto;
  border:0px !important;
  border:1px solid #F3B668;
}

#customAfbeelding1 , #customAfbeelding2, #customAfbeelding3{
  width:135px;
  margin-top:4px;
  padding:2px;
}
#customTekst1 , #customTekst2, #customTekst3{
  min-height:142px;
  height:auto !important;
  height:142px;
  margin-top:4px;
  padding:6px;
  width:383px;
  text-align:left;
}
#customAfbeelding1, #customTekst1 {
  margin-top:0px;
}

#customAfbeelding1, #customAfbeelding3 {
  background:#f35c28;
  margin-right:1px;
  float:left;
  overflow:auto;
  display:block;
}
#customTekst1, #customTekst3 {
  background:#f35c28;
  margin-left:1px;
  float:right;
  display:block;
}
#customAfbeelding2 {
  background:#eea83e;
  margin-left:1px;
  float:right;
  overflow:auto;
  display:block;
}
#customTekst2 {
  background:#eea83e;
  margin-right:1px;
  float:left;
  display:block;
}

#bottom{
  width:880px;
  height:28px;
  background:#002f85;
  line-height:28px;
  color:#ffffff;
  font-size:10px;
  padding-left:10px;
  padding-right:10px;
  position:relative;
}

.clearfix { overflow:auto;}

p {margin:0px;padding:0px;line-height:16px;}

a img{border:0px;}

a, td a, a strong, a font{
  color: #001F79;
  text-decoration:none;
}
a:hover, td a:hover, a:hover strong, a:hover font{
  text-decoration:underline;

}

a:hover, td a:hover, a strong:hover a font:hover {
  color: #000000;
  text-decoration:underline;
}

h1{margin:0px;padding:0px;color:#ca0822;font-size:12px; font-weight: bold;line-height:15px;}

h2, h2 a{margin:0px;padding:0px;color:#000000;font-size:12px; font-weight: bold;line-height:15px;}

h3{margin:0px;padding:0px;color:#ca0822;font-size:12px; font-weight: normal;line-height:15px;}

#customVelden h1,  #customVelden h1 a{
  color:#000000;
}

.mainMenu, .mainMenuActive {
  display:block;
  height:58px;
  width:255px;
  overflow:hidden;
  position:relative;
  margin-left:20px;
  color:#ffffff;
  font-weight:bold;
  text-align:left;
  margin-top:8px;
}
.mainMenu a, .mainMenu a:hover , .mainMenuActive a , .mainMenuActive a:hover{
  display:block;
  width:94px;
  height:58px;
  overflow:hidden;
  text-align:center;
  color:#ffffff;
  text-decoration:none;
  line-height:56px;
  text-transform:lowercase;
}

#menu0 a{background:url('images/menu1.gif') no-repeat center;}
#menu1 a{background:url('images/menu2.gif') no-repeat center;}
#menu2 a{background:url('images/menu3.gif') no-repeat center;}
#menu3 a{background:url('images/menu4.gif') no-repeat center;}
#menu4 a{background:url('images/menu5.gif') no-repeat center;}
#menu5 a{background:url('images/menu6.gif') no-repeat center;}
#menu6 a{background:url('images/menu1.gif') no-repeat center;}
#menu7 a{background:url('images/menu2.gif') no-repeat center;}

#subMenu1, #subMenu2, #subMenu3, #subMenu4, #subMenu5,#subMenu6, #subMenu7, #subMenu8 {
  display:block !important;
  width:154px;
  position:absolute;
  top:0px;
  left:97px;
  background:#ec9625;
  height:auto;
}

.subMenu, .subMenuActive {
  display:block;
  width:154px;
  margin-top:2px;
  margin-bottom:2px;
} 
.subMenu a {
  color:#001F79;
}

.subMenu a, .subMenuActive a, #menu0 div a, #menu1 div a, #menu2 div a, #menu3 div a, #menu4 div a, #menu5 div a, #menu6 div a, #menu7 div a{
    text-align:left;
    height:auto;
    line-height:15px;
   width:152px;  
    padding-left:2px;  
    padding-bottom:2px; 
    background:#eea83e;
    font-size: 11px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;   
    font-weight:normal;
}

.subMenu a:hover, .subMenuActive a, .subMenuActive a:hover, #menu0 div a:hover, #menu1 div a:hover, #menu2 div a:hover, #menu3 div a:hover, #menu4 div a:hover, #menu5 div a:hover, #menu6 div a:hover, #menu7 div a:hover{
  color:#c80e02;
}

.subMenu font, .mainMenu font {
  display:none;
}
.subMenuActive font, .mainMenuActive font {
  display:none;
}

.extraMainMenu, .extraMainMenuActive {
  display:block;
  width:75px;
  height:60px;
  text-align:center;
  float:left;
}
.extraMainMenu a,  .extraMainMenuActive a {
  width:75px;
  overflow:hidden;
  height:15px;
  padding-top:45px;
  padding-top:145px;
  line-height:12px;
  text-decoration:none;
  font-family:verdana;
}
.extraMainMenu a { color:#ffffff;}
.extraMainMenu a:hover, .extraMainMenuActive {color:#001f79;}

#extramenu0 a {background:url('images/fotos-up.gif') no-repeat center top; }
#extramenu0 a:hover, #extramenu0Active {background:url('images/fotos-down.gif') no-repeat center top; }

#extramenu1 a {background:url('images/info-up.gif') no-repeat center top; }
#extramenu1 a:hover, #extramenu1Active  {background:url('images/info-down.gif') no-repeat center top; }

#extramenu2 a {background:url('images/contact-up.gif') no-repeat center top; }
#extramenu2 a:hover, #extramenu2Active  {background:url('images/contact-down.gif') no-repeat center top; }

#extramenu3 a {background:url('images/info-up.gif') no-repeat center top; }
#extramenu3 a:hover, #extramenu3Active  {background:url('images/info-down.gif') no-repeat center top; }

#extramenu4 a {background:url('images/info-up.gif') no-repeat center top; }
#extramenu4 a:hover, #extramenu4Active  {background:url('images/info-down.gif') no-repeat center top; }


.extraMainMenu a, .extraMainMenuActive a, .extraSubMenu a, .extraSubMenuActive a{
  display:block;
}
.extraMainMenu font, .extraMainMenuActive font, .extraSubMenu font, .extraSubMenuActive font{
  display:none;
}


#imageLinks, #imageLinks a {
  text-decoration: none;
  color: #ffffff;
  font-weight:bold;
  background-color: #EC9625;
}
#albumContainer {
  border:1px solid #002F85;
  background: #ffffff url('images/loader.gif') no-repeat fixed center;
  text-align:center;
}
#imageLinks, #imageLinks a {
  text-decoration: none;
  color: #ffffff;
  font-weight:bold;
  background-color: #EC9625;
}
#imageLinks {
  border-left:1px solid #002F85;
  border-right:1px solid #002F85;
  border-bottom:1px solid #002F85;
}

.menuAfbeelding {}

.paginaAfbeeldingTekst {text-align:center;}
.paginaAfbeelding {float:left;margin-left:10px;cursor:pointer;margin-bottom:20px;}

#etalageTop {margin-top:10px;}
.etalageDiv {
  float:left;
  padding-bottom:1px;
  padding-top:1px;
  width:100%;
  background:#EB9626;
}
.etalageVorige {margin-top:15px;}
.etalageAfbeelding {margin-right:14px;}
#etalageAfbeeldingenDiv {}
.etalageAfbeeldingen {}

.form {
  width:375px;
}
.form td {
  width:300px;
}

.albumPaginaLinks {}



.albumThumbOver{cursor:pointer;background-color:#EC9625;}
#albumEersteLinks { padding-top:5px;padding-bottom:5px;}