/* Styles die ook in het CMS getoond moeten worden
------------------------------------------------*/
@import url(_cms.css);


/* Algemene paginalayout en styles
------------------------------------------------*/
body {
  background-color: #EDF3F0;
  margin: 0;
  margin-top: 2px;
  text-align: center;
}

#container {
  background-image: url(../images/background.gif);
  width: 100%;
  display: table;
}

#contentcontainer {
  position: relative;
  width: 960px;
  margin-left: auto;
  margin-right: auto;
  background-color: white;
  text-align: left;
}


.kolomcontainer a:hover { text-decoration: underline }

a.verder {
	display: block;
	height: 12px;
	width: 12px;
	background: url("../images/verder_strip.gif") 0 0;
	background-repeat:  no-repeat;
	text-decoration: none;
	overflow: hidden;
}

a.verder span { visibility: hidden }

a:hover.verder {
	background-position: -12px 0;
}

a:active.verder {
	background-position: -24px 0;
}

.kop_tekst {
  font-size: 12px;
  line-height: 15px;  
  font-weight: bold;
}

#fortuna_tpl .kolomcontainer a:link, 
#fortuna_tpl .kolomcontainer a:active, 
#fortuna_tpl .kolomcontainer a:visited, 
#fortuna_tpl .kolomcontainer a:hover { color: red; }

#lexxyn-logo {
	margin-left: 15px;
}
#lexxyn-logo img {
	border: none;
}

/* Masthead
------------------------------------------------*/
#masthead {
  position: relative;
  width: 100%;
  height: 180px;
}

#top {
  height: 5px;
  width: 100%;
  background-color: #7AC142;
  border-bottom: white solid 3px;
  line-height: 5px;
  padding: 0;
}

#fortuna_tpl #top { background-color: #D90000; }

#topmenu {
  position: absolute;
  right: 18px;
  top: 42px;
}

#logo {
  position: absolute;
  left: 27px;
  top: 41px;
  width: 139px;
  height: 87px;
  z-index: 10
} 

#zoeken {
  position: absolute;
  right: 15px;
  width: 243px;
  top: 73px;
  font-size: 15px;
  vertical-align: middle;
}

#zoekwoorden { border: 0; margin-right: 9px; margin: 6px 9px 7px 8px }
#sbmZoeken { position: absolute; top: 4px; font-size: 14px; font-family: Arial Black, Arial Black, Gadget, sans-serif; border: 0;  }


/* Menu klein
------------------------------------------------*/
.separator {
  padding-left: 13px;
  padding-right: 13px;
}

.menuklein a:link, .menuklein a:visited { color: #8DA79D; text-decoration: none; }
.menuklein a:hover { color: #1C3F94; ; text-decoration: none;}
/*.menuklein a:active { color: #8DA79D; text-decoration: underline; } */


/* Forms
------------------------------------------------*/
.form {
  padding-top: 10px;
  background-color: #EDF3F0;
}

.form input, .form textarea {
  border: 1px solid #C5D2CF;
  margin-bottom: 5px;
}

.form input.text {
  width: 100%;
}

.form input.textActive {
  border: 1px solid #8DA79D;
  width: 100%;
}

.form .kolomcontent {
  padding-right: 35px;
}

.form td.beschrijving {height: 36px;}
.form tr { vertical-align: top }

.form textarea { font-family: Arial, Arial, Helvetica, sans-serif; }

#contactformulier.form input, #actieformulier.form input { margin-bottom: 0px; }
#contactformulier.form textarea.text, #actieformulier.form textarea.text,
#contactformulier.form input.text, #actieformulier.form input.text { width: 240px; }
#contactformulier.form textarea.textActive, #actieformulier.form textarea.textActive,
#contactformulier.form input.textActive, #actieformulier.form input.textActive { border: 1px solid #8DA79D; width: 240px; }


/* Tekst
------------------------------------------------*/
#slideshow {
  position: relative;
  float: left;
  width: 670px;
  height: 265px;
  overflow: hidden;
}

#slide {
  position: absolute;
}

#slidebrowserblok, #slidebrowserbloktransparant {
  position: absolute;
  width: 100%;
  height: 54px;
  bottom: -1px;

}

#slidebrowserbloktransparant {
  /*
  position: absolute;
  width: 100%;
  height: 54px;
  bottom: 0;
  position: absolute; 
  width: 100%; 
  height: 54px;
  bottom: 0; 
  */
  /*
  filter: alpha(opacity=70);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=70);
  -moz-opacity: 0.70; opacity: 0.70;
  */
  background-color: white;
  border-bottom: 2px solid #1C3F94;
}

#slidebrowser {
  position: absolute;
  width: 610px;
  height: 54px;
  left: 10px;
}

#slidetekst {
  position: relative;
  top: 5px;
  left: 20px;
  font-weight: bold;
  color: #5D796D;
}

.slidenavigateblok {
  float: left;
  height: 54px;
  padding-right: 4px;
  padding-top: 5px;
}

.slidenavigate {
  position: relative;
  float: left;
  width: 26px;
  height: 26px;
  font-weight: bold;
  text-align: center;
  font-size: 13px;
  line-height: 26px;
  border: 1px solid #8DA79D;
}

.slidenavigate a {
  display: block;
  text-decoration: none;
  color: #5D796D;
}
.slidenavigate a:link, .slidenavigate a:active, .slidenavigate a:visited, .slidenavigate a:hover {
  color: white;
}

.slidenavigate a:hover {
  /*background-color: white;*/
  background-color: #1C3F94;
}






/* Tekst
------------------------------------------------*/
#content {
  position: relative;
  width: 100%;
  overflow: hidden;
  border-bottom: 15px solid white;
  background-repeat: repeat-y;
  /*
  min-height:470px;
  height:auto !important;
  height:470px;
  */
}

#content #topblok {
  background-color: white; 
  padding-bottom: 20px;
  float: left;
}

#topblok { padding-left: 15px}

#content #topblok.nieuws {
  width: 695px;
}

#content #topbloksmal {
  width: 715px;
  float: left;
  margin-left: 2px;
  padding-left: 13px;
  padding-bottom: 20px;
  background-color: white;
}

#topbloksmal .kolombreed {
  width: 445px;
  float: left;
}



.kolom, .kolomcontainer {
  position: relative; 
  float: left;
}

.kolomrechts {
  position: relative; 
  float: right;
}

.kolomcontainer {
}

#kolombreed {
  width: 340px;
}

#kolommenu, .regionlinks {
  width: 225px;
  float:left;
}
                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                                    
#kolommenu { 
  height: 500px;
}

#kolomsmal, .regionrechts {
  width: 250px;
}

.regionrechts {
  position: relative; 
  float: left;
}

#kolomsmalcontent {
  width: 235px;
}

#kolommaincontent, #kolomslogan, .kolomcontainer {
  position: relative;
  width: 470px;
}

#kolomslogan {
  position: relative; 
  background-color: white;
  clear: both;
  border-bottom: 15px solid white;
}

#slogantekst {
  padding: 10px;
  color: white;
  font-weight: bold;
  width: 450px;
}

.kolomcontent {
  padding-left: 15px;
  padding-right: 15px;
  /*background-color: orange;*/
}
/*
#fortuna_tpl .kolomcontent {
  padding-left: 10px;
  background-color: orange;
}
*/
#kolommenu .kolomcontent {
  padding-right: 10px;
}

.kolomcontentplus {
  padding-left: 10px;
  padding-right: 0;
}

.driekoloms {
  width: 695px;
}

.region {
  border: 1px solid #8DA79D;
  padding: 10px;
}

.region ul {margin-left: 15px;}


/* Quote
------------------------------------------------*/     

#quote {
  border: 1px solid #8DA79D;
  padding: 10px;
}

#quotetekst {
  font-style: italic;
  margin-top: 0;
}

#quotebedrijf {
  font-size: 90%;
  margin-bottom: 5px;
}

#quote .pager {
  text-align: right;
}

.menuklein a:link.selected, 
.menuklein a:active.selected,
.menuklein a:visited.selected,
.menuklein a:hover.selected {
  color: #D90000;
  text-decoration: underline;
}


/* actiebuttons
------------------------------------------------*/      
#actiebuttons {
  clear: both;
  margin-top: 10px;
}

#actiebuttons a {
  display: block;
  width: 115px;
  height: 115px;
  float: left;
  text-decoration: none;
}

#actiebuttons span { visibility: hidden }
#actiebuttons a:hover { background-position: -115px 0; }

#belterug {
  background-image: url(../images/bel_me.gif);
}

#vraagdemo {
  background-image: url(../images/vraag_demo.gif);
  margin-left: 10px;
}


/* Quicklinks
------------------------------------------------*/      
#quicklinks {
  position: relative;
  float: left;
  width: 240px;
  height: 265px;
  text-align: left;
  overflow: hidden;
}

#quicklinks .title {
  padding-left: 10px;
  height: 40px;
  line-height: 40px;
  background-color: #7AC142;
  color: white;
  cursor: pointerr;
  border-bottom: 1px solid white;
  font-size: 15px;
  font-weight: bold;
}

#quicklinks .title a:link,
#quicklinks .title a:hover,
#quicklinks .title a:active,
#quicklinks .title a:visited {
  display: block;
  color: white;
  text-decoration: none;
  width: 100%;
  height: 100%;
}

#quicklinks .header {
  background-color: #1C3F94;
  cursor: default;
}

#quicklinks .tekstblok {
  position: relative;
  overflow: hidden;
  height: 1px;
}

#quicklinks .linkblok .tekstblok {
  display: none;
  
}

#quicklinks .linkblokActive .tekstblok {
  display: block;
}

#quicklinks .tekst {
  position: absolute;
  height: 55px;
  bottom: 6px;
}


/* Links
------------------------------------------------*/      
a.module {font-weight: bold}

.linkinfo {
  position: relative;
  width: 240px;
  text-align: left;
}

#fortuna_tpl .linkinfo {
  margin-top: 20px;
}

.linkinfo .title {
  padding: 4px 0 4px 10px;
  min-height: 20px;
  height: auto !important;
  height: 20px;
  cursor: pointer;
  border: 1px solid #C5D2CF;
  border-bottom: 1px solid white;
  font-weight: bold;
}

.linkinfo .header {
  background-color: #1C3F94;
  cursor: default;
}

.linkinfo .tekstblok {
  position: relative;
  overflow: hidden;
  height: 1px;
}

.linkinfo .linkblok .tekstblok {
  display: none;
}

.linkinfo .linkblokActive .tekstblok {
  display: block;
  border-left: 1px solid #8DA79D;
  border-right: 1px solid #8DA79D;
  border-bottom: 1px solid #8DA79D;
}

.linkinfo .linkblokActive .title {
  background-color: white;
  border: 1px solid #8DA79D;
  border-bottom: 0;
}

.linkinfo .tekst {
  position: absolute;
  height: 60px;
  padding-left: 10px;
  bottom: 6px;
}


/* Nieuws
------------------------------------------------*/
.nieuwsitem {
  margin-bottom: 17px;
}


/* Fortunamenu
------------------------------------------------*/
#fortuna {
  position: relative;
  height: 235px;
  width: 327px;
  text-align: left;
  overflow: hidden;
}

#fortuna #fortunakeuze {
  position: absolute;
  top: 0;
  left: 150px;
  background-color: #EDF3F0;
  width: 160px;
  height: 238px;
  padding: 10px;
}

#fortuna .button, #fortuna .buttonActive {
  position: relative;
  display: block;
  width: 143px;
  height: 30px;
  line-height: 30px;
  text-decoration: none;
  padding-left: 7px;
  font-weight: bold;
  font-size: 12px;
  
}

#fortuna a:link.button, #fortuna a:link.visited, #fortuna a:link.active {  }
#fortuna a:hover.button, #fortuna .buttonActive   { background-color: #EDF3F0;}
#fortuna a { color: #5D796D}


/* Footer
------------------------------------------------*/
#footer {
  margin-top: 15px;
  text-align: center;
}



/* Linkermenu
------------------------------------------------*/
.menukop {
  width: 187px;
  height: 30px;  
  font-family: Trebuchet MS, Helvetica, sans-serif;
  font-size: 17px;
  line-height: 30px;
  padding-left: 10px;
  margin: 0;
  border-left: 3px solid white;
  color: white; 
  
}

.menukop a {display: block; width: 187px; text-decoration: none;}
.menukop a:link, .menukop a:visited { color: white; }
.menukop a:hover, .menukop a:active { color: white; }

ul.linkermenu {
  margin: 0;
  padding-left: 0;
  text-decoration: none;
  list-style: none;
}

ul.linkermenu a {
  display: block;
  font-size: 12px;
  line-height: 30px;
  font-weight: bold;
  text-decoration: none;
  margin: 0;
  width: 187px;
  height: 30px;
  padding-left: 10px;
  border-left: 3px solid white;
  border-bottom: 1px solid #C5D2CF;
}

ul.linkermenu a:link, ul.linkermenu a:visited { color: #8DA79D; }
ul.linkermenu a:hover, ul.linkermenu a:active, ul.linkermenu a:visited.clicked , ul.linkermenu  a:link.clicked { color: #1C3F94; border-left: 3px solid #7AC142; }

#fortuna_tpl ul.linkermenu a:hover, #fortuna_tpl ul.linkermenu a:active, #fortuna_tpl ul.linkermenu a:link.clicked, #fortuna_tpl ul.linkermenu a:visited.clicked { color: #1C3F94; border-left: 3px solid #D90000; }

/* fortuna functionaliteit
------------------------------------------------*/
#tabs {
  position: relative;
  height: 33px;
  background-color: white;
  border-bottom: 1px solid #C5D2CF;
  cursor: pointer;
}

.tab {
  position: relative;
  height: 33px;
  width: 215px;
  border: 1px solid #C5D2CF;
  font-size: 12px;
  font-weight: bold;
  background-color: #C5D2CF;
  line-height: 33px;
  padding-left: 20px;
  top: 1px;
}

#tabs .active {
  background-color: white;
  color: #1C3F94;
  border-bottom: 1px solid white;
}

#functionaliteitcontainer {
  position: relative;
  border: 1px solid #C5D2CF;
  border-top: 0;
  top: 0px;
  background-color: white;
}

#functionaliteitlinks  {
  width: 215px;
  margin-left: 15px;
  background-image: url(../images/background_modules.gif);
  /*
  position: absolute;
  margin: 0;
  z-index: 10000;
  width: 250px;
  */
}

#functionaliteitlinks #moduletitel {
  padding-left: 20px;
  padding-top: 15px;
}

.module_content {
  position: relative;
  padding: 20px 10px 10px 15px;
}


#modules.menulist a {
  padding: 0 0 0 20px;
  height: 25px;
  line-height: 25px;
  font-weight: bold;
}

.thumbnail {
  float: left;
  margin-bottom: 15px;
  margin-right: 10px;
}

#modules.menulist a:link, #modules.menulist a:visited { color: #8DA79D; border-top: 1px solid #EDF3F0; border-bottom: 1px solid #EDF3F0;}
#modules.menulist a:link, #modules.menulist a:visited { color: #8DA79D; border-top: 0px solid #EDF3F0; border-bottom: 0px solid #EDF3F0;}
#modules.menulist a:hover, #modules.menulist a:active, 
#modules.menulist a.actief:link, 
#modules.menulist a.actief:visited, 
#modules.menulist a.actief:hover, 
#modules.menulist a.actief:active { color: #D90000; background-color: white; border-top: #C5D2CF solid 1px; border-bottom: #C5D2CF solid 1px; height: 23px; line-height: 23px;}



/* Schuifmenu
------------------------------------------------*/
#schuifmenumasker {
  position: absolute;
  top: 8px;
  width: 100%;
  height: 40px;
  z-index: 1000;
  left: 0;
  overflow: hidden;
}

#schuifmenu {
  position: absolute;
  width: 100%;
  /*font-family: Trebuchet MS, Helvetica, sans-serif;*/
  font-weight: bold;
  text-align: center;
  left: 0;
  margin: 0;
  bottom: 0;
  clear: both;
} 

#schuifmenutekst {
  position: relative;
  width: 100%;
  color: white;
  overflow: hidden;
  padding-top: 10px;
  padding-bottom: 20px;
  text-align: left;
}

.menublok {
  float: left;
}

.menuopties {
  padding-left: 15px;
}

ul.menulist a {
  display: block;
  font-size: 12px;
  text-decoration: none;
  margin: 0;
  padding: 2px 0 2px 4px;
  height: 16px;
}

ul.menulist a:link, ul.menulist a:visited { color: white; border-top: #8DA79D solid 1px;}
ul.menulist a:hover, ul.menulist a:active { color: #1C3F3F; background-color: white; border-top: #1C3F3F solid 1px; }

ul.menulist {
  margin-left: 0;
  padding-left: 0;
  text-decoration: none;
  list-style: none;
}

#schuifmenutekst .kop_groot a:link,
#schuifmenutekst .kop_groot a:active,
#schuifmenutekst .kop_groot a:visited { color: #1C3F3F; text-decoration: none }
#schuifmenutekst .kop_groot a:hover { color: white; }

#schuifmenu > #schuifmenutekst { padding-top: 0 }

#schuifmenubtn { position: relative; top: -1px; color: white; padding-bottom: 3px;}
#schuifmenupijl { }


/* Kleur- en fontdefinities
------------------------------------------------*/
.bg_grijs1 { background-color: #EDF3F0; }
.bg_grijs3 { background-color: #C5D2CF; }
.bg_grijs5 { background-color: #8DA79D; }
.bg_grijs7 { background-color: #5D796D; }

.bg_white { background-color: white; }
.bg_blauw { background-color: #1C3F94; }

.fc_grijs5 { color: #8DA79D; }
.fc_grijs7 { color: #5D796D; }
.fc_grijs9 { color: #1C3F3F; }

.fc_rood { color: #D90000; }
.fc_groen { color: #7AC142; }
.fc_blauw { color: #1C3F94; }

#naam-element {
  filter: alpha(opacity=90);
  filter: progid:DXImageTransform.Microsoft.Alpha(opacity=90);
  -moz-opacity: 0.90; opacity: 0.90;
  width: 100%;
}


/* Test
------------------------------------------------*/
.test {width: 200px; height: 40px; background-color: orange}
.orange {background-color: orange}
.maroon {background-color: maroon}
.pink {background-color: pink}
.border {border: 1px solid red}