/*
'----------------------------------------------------------
' FileName		: Layout.css
'----------------------------------------------------------
*/

html, Body
{
    BORDER-TOP: 0px;
    BORDER-LEFT: 0px;
    BORDER-RIGHT: 0px;    
    BORDER-BOTTOM: 0px;    
    PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;    
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;    
    MARGIN: 0;
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
    COLOR: #000066;    
    TEXT-DECORATION: none
}

#maincontainer
{   
    PADDING-TOP: 0px;
    PADDING-LEFT: 11px;
    PADDING-RIGHT: 9px;
    PADDING-BOTTOM: 0px;
    BACKGROUND: #fff;
    MARGIN: 0px auto;
    WIDTH: 770px; 
    HEIGHT: 100%; 
    POSITION: relative
}
#subheader
{
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px; 
    MARGIN: 0px 0px 10px 0px; /* 10 GEEN PX ER EACHTER ZETTEN IE5.5 HACK*/ 
    BACKGROUND: url(/images/blue_header_no_title.gif) no-repeat 0px 0px;
    BACKGROUND-REPEAT: no-repeat;
    /*width: auto; use if IE 5.5 is not needed */
    WIDTH: 750px; /* needed for IE 5.5 */
    HEIGHT: 20px;
}
#korpsnaam
{
    margin: 0;
    padding: 0;    
    position: relative;
    float: left;
    top: -9px;
    left: 1px;
    text-align: left;
    font-size: 80%;
    font-weight: 800;
    color: #fff
}
#contentcontainer
{
    BACKGROUND: #ECECF4;
    FLOAT: left;
    MARGIN: 5px 0px 0px 0px;
    POSITION: relative
}
#content
{
    BACKGROUND-COLOR: #ECECF4;
    PADDING-TOP: 0px;
    PADDING-RIGHT: 0px;
    PADDING-BOTTOM: 0px;
    FLOAT: left;    
    WIDTH: 750px
}

/*height: 2px*/
.scheidingslijn_180
{
    clear:both;
    MARGIN: 0 0 0 0;
    BACKGROUND: url(/images/lijn_180.gif) no-repeat 0px 10px;
    width: 180px;
    height: 12px
}
.contentlijn_350
{
    MARGIN: 4px 0 4px 0;
    BACKGROUND: url(/images/lijn_180.gif) repeat-x 0px 10px;    
    width: 350px;
    float: left;
    height: 12px
}
#columnleft
{
    DISPLAY: inline;
    FLOAT: left;
    MARGIN: 30px 0px 10px 5px;
    WIDTH: 180px;
    FONT-SIZE: 65%;
    line-height:1.3em;
    min-height: 250px
}
#banners_left
{
    position: relative;
    margin: 0 0 -5px 0
}
#banners_right
{
    /* position: right; */  /*relative;*/
    margin: 0 0 -5px 0
}
#columnmiddle
{
    DISPLAY: inline;
    FLOAT: left;
    MARGIN: 20px 5px 10px 10px;
    WIDTH: 358px;
    FONT-SIZE: 70%;
    line-height: 1.3em;
    min-height: 250px   
}

#columnright
{
    DISPLAY: inline; /* Fire Fox IE hack in IE6.0 css */
    /* position: right; */ /* relative; absolute; was float right */
    FLOAT: right;
    MARGIN: 30px 5px 10px 0px;
    WIDTH: 175px;
    HEIGHT: auto;
    FONT-SIZE: 1em;
    min-height: 250px 
}
/* WIDTH: 180px;*/

#columnright_homepage
{
    DISPLAY: inline; /* Fire Fox IE hack in IE6.0 css */
    /* position: right; */ /* relative;  absolute; was float right */
    FLOAT: right;
    MARGIN: 20px 5px 10px 0px;
    WIDTH: 220px;
    HEIGHT: auto;
    FONT-SIZE: 65%;
    line-height:1.3em;
    min-height: 250px 
}
.tekst_rechterkolom {
    font-size: 65%;
    margin-top:3px;
}
.tekst_linkerkolom {
    margin-top:3px;
}
.tekst_linkerkolom A {
    COLOR: #004AB6;
    text-decoration: underline;
}
.tekst_rechterkolom A{
    COLOR: #004AB6;
    text-decoration: underline;
}
.tekst_linkerkolom A:HOVER {
    COLOR: #FF0033;
}
.tekst_rechterkolom A:HOVER{
    COLOR: #FF0033;
}

#columnmiddle_homepage
{
    DISPLAY: inline;
    FLOAT: left;
    MARGIN: 20px 5px 10px 10px;
    WIDTH: 315px;
    FONT-SIZE: 70%;
    line-height: 1.3em;
    min-height: 250px   
}

/* midden colom breed */
#columnmiddle_breed
{
    DISPLAY: inline;
    FLOAT: right;
    MARGIN: 20px 5px 10px 0px;
    WIDTH: 540px;
    FONT-SIZE: 70%;
    line-height:1.3em;
    min-height: 250px 
}

/* WERKT*/
#FilesControlesLinks
{
    DISPLAY: inline;
    FLOAT: left;
    MARGIN: 30px 5px 10px 10px;
    WIDTH: 260px;
    line-height: 1.3em;
    min-height: 250px
}
#FilesControlesRechts
{
    DISPLAY: inline;
    FLOAT: right;
    MARGIN: 0px 0px 10px 0px;
    WIDTH: 260px;
    line-height:1.3em;
    min-height: 250px    
}
/*END FILES EN CONTROLES */

#footer
{
    BACKGROUND-COLOR:#ececf4;
    FLOAT: left;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 155px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 10px;    
    WIDTH:595px
    /* WIDTH: auto */
}
#topknop
{
    font-size: 0.65em
}
#topknop LI
{
    background: #ECECF4 url(/images/pijl_naarboven.gif) no-repeat 0px 0px;
    background-position: 0 .8em;
    FLOAT: left;
    PADDING-LEFT: 14px;
    PADDING-RIGHT: 9px;
    PADDING-BOTTOM: 20px;
    PADDING-TOP: 5px;
    WIDTH: auto;
    position: relative;
    left: 0px;
    COLOR: #8282A0
}
#topknop A
{
    COLOR: #8282A0;
    text-decoration: none
}
/* 
TOP KNOP TUSSEN DE TEKSTEN DOOR 
*/
#naarboven_knop
{
    background: #ECECF4 url(/images/pijl_naarboven.gif) no-repeat 0px 0px;
    background-position: right;
    list-style-type: none;
    padding: 2px 10px 2px 0;
    margin: 0 0 5px 0;
    FLOAT: right;
    display: block;
    width:350px;
    text-align: right;
    COLOR: #8282A0;
    font-size: 90%;
    text-decoration: none
}
#naarboven_knop SPAN A
{
    COLOR: #8282A0;
    list-style-type:none;
    text-decoration: none;
    font-size: 1em
}
#naarboven_knop SPAN A:HOVER
{
    font-size: 1em;
    list-style-type:none;
    text-decoration: none
}

#knopTop
{
    position:relative;
    float:right
}

#subfooter
{
    FLOAT: inherit;
    PADDING-RIGHT: 0px;
    PADDING-LEFT: 0px;
    PADDING-BOTTOM: 0px;
    PADDING-TOP: 0px;
    BACKGROUND: url(/images/gra_striping_footer.gif);
    BACKGROUND-REPEAT:repeat-x;
    background-color:#ffffff;
    WIDTH: 750px;
    HEIGHT: 25px;
    text-align: center
}
#subfooter A
{
    COLOR: #004AB6
}
#subfooter A:HOVER
{
    COLOR: #FF0033
}