/*


                SDGL - Kennis centrum voor herbivore hagedissen
                

*/
* {
        margin: 0;
/*        padding: 0; */
        font-family: Trebuchet MS, Verdana, Arial;
}
body {
        font-size: 75%;
        scrollbar-3dlight-color: #bddd9c;
        scrollbar-arrow-color: #008000;
        scrollbar-darkshadow-color: #00aa01;
        scrollbar-face-color:#dfeece;
        scrollbar-highlight-color:#ffffff;
        scrollbar-shadow-color:#dfeece;
        scrollbar-track-color:#cce4b4;
        color: #333333;
}

/* Header cells - the blue and silver gradient backgrounds */
.forumline{background:#cde3a7 url('../forum/images/cellpic3.gif');color: #1a6742;font-size:11px;
font-weight:bold;height:28px;white-space:nowrap;text-align:center}

/* taal selecteren ///////////////////////////// */

div#taal{
position: absolute;
top:0px;
left:0px;
width: 100%;
height:80px;
display:none;
background-color:#C9D7B2;
border-bottom:2px solid #B1C591;
}

div#taal img{
padding:10px;
width:50px;
height: 30px;
}

div#expandtaal{
position:absolute;
right:5%;
width:200px;
padding:5px;
background-color:#C9D7B2;
text-align:center;
filter:alpha(Opacity=60);
-moz-opacity:0.60;
opacity: 0.60;
cursor:pointer;
border:2px solid #B1C591;
border-top:0px;
display:block;
font-weight:bold;
}

/* MAIN DIVS ////////////////////////////////////////////////////////////////////////////////////////////////// */
#container {
        width: 838px;
        margin: 0 auto;
}
#contentContainer {
        width: 838px;
        margin: 0 auto;
        background-image: url(images/container_bg.jpg);
}
#header {
        width: 838px;
        height: 236px;
}
/* Alle opmaak wat betreft het mainMENU - incl links en hovers & de seperator ///////////////////////////////// */
td#menuTD {
        width: 567;
        height: 40px;
        background-image: url(images/bgMenu.jpg);
        padding: 2px 20px 0 35px;
}
td#menuTD ul {
        list-style: none;
}
td#menuTD ul li {
        float: left;
}
td#menuTD a {
        color: #ffffff;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
}
td#menuTD a.forumLink { /* De forum link heeft standaard een UNDERLINE en daarom een eigen class ///////// */
        color: #ffffff;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: underline;
}
td#menuTD a:hover {
        color: #ff3300;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: underline;
}
span.seperator {
        margin: 0 10px 0 10px;
        color: #ffffff;
}
/* Webwinkel button specs in het menu / aan de rechterkant //////////////////////////////////////////// */


#webwinkelcontent {
        width: 818px;
        float: left;
        padding: 20px 0px 20px 20px;
        line-height: 1.6em;
}

/* None-bold submit button */
input.liteoption{background: #fafafa;color:#000000}
/* The text input fields background colour */
input, textarea, select{background: #ffffff;color:#000000}

td#ww {
        width: 96;
        height: 40px;
        background-image: url(images/bgWebwinkel.jpg);
        padding: 2px 20px 0 25px;
}
td#ww ul {
        list-style: none;
}
td#ww a {
        color: #ffffff;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: none;
}
td#ww a:hover {
        color: #ff3300;
        font-weight: bold;
        font-size: 1.1em;
        text-decoration: underline;
}
/* contentContainer DIV incl bijbehorende DIVs ////////////////////////////////////////////////////////// */
#content {
        width: 556px;
        float: left;
        padding: 20px 20px 20px 32px;
        line-height: 1.6em;
}
#subMenu {
        width: 572px;
        height: 26px;
        padding: 4px 0 0 35px;
        margin: 1px 0 0px 0px;
        overflow: hidden;
        background-image: url('images/bgSubmenu.jpg');
}
        #subMenu ul {
                display: block;
                list-style: none;
        }
        #subMenu ul li {
                float: left;
        }
        #subMenu ul li a {
                color: #ffffff;
                text-decoration: none;
        }
        #subMenu ul li a:hover {
                color: #ff3300;
                text-decoration: underline;
        }
/* sideBar incl. bijbehorende DIVs - laatsteFoto / gebruikers / laatsteNieuws /////////////////////////// */
#sideBar {
        margin: -31px 0 0px 0px;
        width: 230px;
        float: left;
        background-color: #C9D7B2;
}
#laatsteFoto {
        width: 200px;
        padding: 15px;
}
h3.headerLF {
        width: 230px;
        height: 32px;
        background-image: url(images/shLaatstefoto.jpg);
}
#gebruikers {
        width: 200px;
        padding: 15px;
}
h3.headerG {
        width: 230px;
        height: 32px;
        background-image: url(images/shGebruikers.jpg);
}
#laatsteNieuws {
        width: 200px;
        padding: 15px;
}
h3.headerLN {
        width: 230px;
        height: 32px;
        background-image: url(images/shLaatstenieuws.jpg);
}
/* Footer incl. bijbehorende opmaak ///////////////////////////////////////////////////////////////////// */
#footer {
        margin:auto;
        width: 763px;
        height: 124px;
        background-image: url(images/footerBackground.jpg);
}
#footer a {
        color: #5E6F42;
        font-weight: bold;
}
#footer a:hover {
        color: #8FA271;
        font-weight: bold;
        text-decoration: none;
}
/* Alle tekst opmaak icl LINKS en HEADING /////////////////////////////////////////////////////////////// */
p {
        font-size: 1em;
        color: #333333;
}
h1.green {
        font-size: 1.2em;
        color: #458500;
        font-weight: bold;
}
span.green {
        color: #458500;
}
h1.orange {
        font-size: 1.2em;
        color: #ff3300;
        font-weight: bold;
}

#artikel_even {
        background-color: #dfeece;
}

#artikel_odd {
        background-color: #eaf4de;
}
img {   border: 0px none;
}

ul, li, ol {
     padding-left: 20px;
}

a { color: #ff3300; }
a:hover { color: #458500; }

#mainMenu, .mainMenu { padding: 0px; }


.innerBorder td
        {
            border: solid 1px #C9D7B2;
        }
        .innerBorder td table td
        {
            border: none
        }
        .firstwidth
        {
            width: 140px
        }
        
#pagina {background-color: #C9D7B2; }