/* Style voor http://www.tesselaarvof.nl  by alstro webdesign */
:root { overflow-y: scroll !important; }
@media screen
{
html,body  {
margin: 0px;
padding: 0px;
color: black;
margin: 0 auto;
height:100%;
font: 92.5% "Trebuchet MS", arial, sans-serif; color: #333;
}

img {border: none;}

div#container {
	margin:0 auto;
	width:978px;
    background: url(../img/bg.png);
    }

div#main {

}

div#header {
    margin:0 auto;
    width: 978px;
    height: 320px;
    background-image: url(../img/bgheader.png);
    z-index: 4;
}
div#headerlinks {
   float: left;
   width: 300px;
   margin-top: 31px;
}
div#topmenu {
  text-align: right;
  font: 92.5% "Trebuchet MS", arial, sans-serif; color: #333;
}
div#logo {
  width: 285px;
  height: 271px;
  padding-left: 15px;
}

div#headerrechts {
    float: left;
    width: 678px;
    margin-top: 31px;
    z-index: 3;
}
div#headerfoto {
    z-index: 3;
}
div#headerbalk {
  height: 60px;
  width: 658px;
  padding-right: 10px;
  background-image: url(../img/balkblauwbg.png);
}

div#nummering {
  float: left;
  padding-top: 10px;
  padding-left: 7px;
}

.soort {
  float: left;
  width: 135px;
  height: 155px;
  margin: 7px;
  border-color: #c7e8fb;
  border-style: solid;
  border-width: 1px;
}

div#soortnaam{
  width: 135px;
  height: 20px;
  text-align: center;
  padding-top: 2px;
  background-image: url(../img/soortbg.png);
}
div#soortnaam a:link{
  color: #ffffff;
  text-decoration: none;
}
div#soortnaam a:visited{
  color: #ffffff;
  text-decoration: none;
}
div#soortnaam a:active{
  color: #ffffff;
  text-decoration: none;
}
div#soortnaam a:hover{
  color: #000000;
  text-decoration: none;
}

div#footer {
    height: 30px;
	margin:0 auto;
	width:978px;
    line-height: 30px;
    color: #fff;
    text-align: center;
    background: url(../img/footerbg.png);
}

div#menu {
  float: left;
  width: 300px;
}

div#leegmenu {
  height: 50px;
  background-image: url(../img/menuleeg.png);
}
div#menulinks {
  float: left;
  padding-left: 9px;
  width: 145px;
}

div#menurechts {
  float: left;
  width: 146px;
  background-image: url(../img/menurechtsbg.png);
  min-height: 480px;
}

div#home {
   float: left;
   padding: 0 20px 10px 20px;
   width: 610px;
 }
.menua {
  width: 135px;
  height: 27px;
  line-height: 27px;
  padding-left: 10px;
  background-color: #fff;
  border-top-color: #6ac0f1;
  border-top-style: solid;
  border-top-width: 2px;
}
.menu {
  width: 135px;
  height: 27px;
  line-height: 27px;
  padding-left: 10px;
  border-top-color: #6ac0f1;
  border-top-style: solid;
  border-top-width: 2px;
}
.menusub {
    width: 125px;
    height: 25px;
    line-height: 25px;
    padding-left: 20px;
    background-image: url(../img/pijl.gif);
    background-repeat: no-repeat;
  background-color: #FFFFFF
}

#home a:link {
	color:#a21d21;
    text-decoration: none;
    font-weight: bold;
}
#home a:visited {
	color:#a21d21;
    text-decoration: none;
    font-weight: bold;
}
#home a:hover {
	color:#a21d21;
    text-decoration: underline;
    font-weight: bold;
}
.menulinks { text-decoration: none;color: #000; font-weight:bold; }
.menulinks:visited { text-decoration: none;color: #000;font-weight:bold;}
.menulinks:active { text-decoration: none;color: #000;font-weight:bold;}
.menulinks:hover { text-decoration: none;color: #d6381b;font-weight:bold;}

.menualinks { text-decoration: none;color: #d6381b; font-weight:bold; }
.menualinks:visited { text-decoration: none;color: #d6381b;font-weight:bold;}
.menualinks:active { text-decoration: none;color: #d6381b;font-weight:bold;}
.menualinks:hover { text-decoration: none;color: #000;font-weight:bold;}

.submenulinks { text-decoration: none;color: #d6381b; font-weight:normal; }
.submenulinks:visited { text-decoration: none;color: #d6381b;font-weight:normal;}
.submenulinks:active { text-decoration: none;color: #d6381b;font-weight:normal;}
.submenulinks:hover { text-decoration: none;color: #000;font-weight:normal;}

.footerlinks { text-decoration: none;color: #fff;}
.footerlinks:visited { text-decoration: none;color: #fff;}
.footerlinks:active { text-decoration: none;color: #fff;}
.footerlinks:hover { text-decoration: underline;color: #fff;}

.links { text-decoration: none;color: #a21d21;font-weight: bold;}
.links:visited { text-decoration: none;color: #a21d21;font-weight: bold;}
.links:active { text-decoration: none;color: #a21d21;font-weight: bold;}
.links:hover { text-decoration: underline;color: #a21d21;font-weight: bold;}

.toplinks { text-decoration: none;color: #333;font-weight: bold;}
.toplinks:visited { text-decoration: none;color: #333;font-weight: bold;}
.toplinks:active { text-decoration: none;color: #333;font-weight: bold;}
.toplinks:hover { text-decoration: underline;color: #333;font-weight: bold;}
}