.layer
    {
        position: absolute;
        top:10px;
        left:0px;
        width:100%;
        border:0px solid #000;       
    }
    body {
	    height:100%;
	    color: #575759;
	    font-family: Verdana;
	    padding: 0;
	    margin:0;
	    font-size:76%;
	    float:none;
	    margin-top:32px;
        background-color: #ee820f;
    }
    form
    {
        
    }
    
    .achtergrond
    {
        position: absolute; left: 0px; width: 100%; z-index:1;
    }
        
    #Hoed1  {top: 50px; right: 430px;}
    #Hoed2  {top: 300px; right: 380px;}
    #Hoed3  {top: 500px; right: 480px;}
    #Hoed4  {top: 650px; right: 400px;}
    #Hoed5  {top: 710px; right: 230px;}
    #Hoed6  {top: 80px; left: 370px;}
    #Hoed7  {top: 180px; left: 450px;}
    #Hoed8  {top: 400px; left: 430px;}
    #Hoed9  {top: 600px; left: 350px;}
    #Hoed10 {top: 720px; left: 100px;}
    
    .bannerright
    {
        padding-left: 10px; 
        border-left: 1px solid #8d8b8d;
        height: 560px;
    }
    .container
    {
        border: 0px solid red;
    }
    * html .container {
	    height:100%;
	    margin-left: -700px;
	    position: relative;
    }
    /*\*/
    * html .container, * html .content {
	    height: 1px;
    }
    /**/
    .content 
    {
        min-height: 680px;
	    padding: 10px;
	    border: 0px solid red;	
        z-index: 10;
    }
    .contentcontainer
    {
        position: relative; 
        width: 100%;
        border: 0px solid red;
    }
    .left
    {
        height: 560px;
        position: relative;
        border: 0px solid black;
    }
    .contentheader
    {
        position: relative;
        height:150px; 
        background-color: #575759; 
        vertical-align: bottom; 
        text-align: right;
    }
    .contentheader span
    {
        position: absolute;
        bottom: 0px;
        right: 0px;
        color:#ee820f;
        font-size: 15pt;
        font-weight: bold;
        padding: 10px;
    }
    .startblock
    {
        height: 305px;
        background-color: #fde5c5; 
        padding:10px;
    }
    .formulier
    {
        background-color: #FFF;
    }
    
    .fieldname
    {
        background-color: White;
        color: #000;
    }
    .linkbutton, .linkbutton a:visited
    {
        color: #ee820f;
    }
    .formuliertext
    {
        color: #ee820f;
    }
    .pagetext
    {
        color: #575759;
        font-size: 9pt;
        font-family: "Verdana"; 
        overflow: auto;
    }    
    .pagetext a, .pagetext a:visited
    {
        color: #ee820f;
    }
    .pagetext span
    {
        font-size: 9pt;
        font-weight: bold;
    }
    .pagetitle
    {
        font-size:13pt;
        font-weight: bold;
        color: #ee820f;
    }
    .seperator
    {
        height: 10px; background-color: #FFFFFF;
    }
    
    .seperatorborder
    {
        display: none;
        height: 10px; 
        border-top: 1px solid #8d8b8d;
    }
    
    .banner
    {
        height: 75px; background-color: #FFFFFF; border:1px solid #8d8b8d;
        vertical-align: middle;
        cursor: pointer;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    .banner2
    {
        background-color: #FFFFFF; border:1px solid #8d8b8d;
        cursor: pointer;
        position: absolute;
        bottom: 0px;
        width: 100%;
    }
    .bannertext1
    {
        top: 10px; 
        position: relative;
        text-align: center;
        font-size: 16pt;
        color: #575759;
    }
    .bannertext2
    {
        top: 10px; 
        position: relative;
        text-align: center;
        font-size: 14pt;
        color: #575759;
    }
    .width {
	    width: 700px;
	    min-width: 700px;
	    margin:0 auto;
	    min-height:680px;
	    height:700px;
	    border: 1px solid #000;
	    background-color: #FFFFFF;
    }
    * html .minwidth {
	    padding-left: 700px;
    }
    /*\*/
    * html .minwidth, * html .layout {
	    height: 1px;
    }
    /**/
    #header {
        height:110px; 
        background:#fff; 
        text-align:center; 
        border: 0px solid black;
        background-image: url("../images/logo.jpg");
        background-repeat: no-repeat; 
    }
    #header{margin-left:50px;}

    .headermenu
    {
        border-left: 1px solid #8d8b8d;
        float: right;
        width: 170px;
        height: 80%;
        text-align: left;
        padding-left: 5px;
    }

    a {color:Black;}
    a:hover {color:#ee820f;}
    a:visited {color:Black;}
    
    .PicOnTheRoad {height: 115px; background-image: url("../images/PicOnTheRoad3.jpg"); background-repeat: no-repeat; }
    .PicOnTheRoad2 {border: 2px solid #575759; height: 150px; background-image: url("../images/PicOnTheRoad2.jpg"); background-repeat: no-repeat; }
    .PicVolgjeme1 {height: 162px; background-image: url("../images/VolgJeMe1.jpg"); background-repeat: no-repeat; }
    .PicVolgjeme2 {height: 162px; background-image: url("../images/VolgJeMe2.jpg"); background-repeat: no-repeat; }
    .PicVolgjeme3 {height: 162px; background-image: url("../images/VolgJeMe3.jpg"); background-repeat: no-repeat; }
    .PicBoek1 {height: 450px; background-image: url("../images/Boek1.jpg"); background-repeat: no-repeat; }
    .PicBoek2 {height: 450px; background-image: url("../images/Boek2.jpg"); background-repeat: no-repeat; }
    .PicBoek3 {height: 450px; background-image: url("../images/Boek3.jpg"); background-repeat: no-repeat; }
    .PicHondLook {background-image: url("../images/PicHondLook.jpg"); background-repeat: no-repeat; background-position: right;}
    .PicVolgjemebox {height: 389px; background-image: url("../images/VolgJeMeBox.jpg"); background-repeat: no-repeat; }
    .PicBannerHome {height: 70px; background: url("../images/PicBannerHome.jpg"); background-repeat: no-repeat; background-position: top right; }
    .PicBannerSchrijf {height: 55px; background: url("../images/PicBannerHome.jpg"); background-repeat: no-repeat; background-position: top right; }
    .PicBannerMarcoH {height: 55px; background-image: url("../images/PicBannerMarcoH.jpg"); background-repeat: no-repeat; }
    .PicVolg {height: 115px; background-image: url("../images/PicVolg.jpg"); background-repeat: no-repeat; }
    .PicFilm {height: 190px; background-image: url("../images/PicFilm.jpg"); background-repeat: no-repeat; }
    .PicMHelpt {border: 2px solid #575759; height: 150px; background-image: url("../images/PicMHelpt.jpg"); background-repeat: no-repeat; }
    .PicHome {border: 2px solid #575759; height: 150px; background-image: url("../images/PicHome.jpg"); background-repeat: no-repeat; }
    .PicContact {border: 2px solid #575759; height: 150px; background-image: url("../images/PicContact.jpg"); background-repeat: no-repeat; }
    .PicGedragsTherapie {border: 2px solid #575759; height: 150px; background-image: url("../images/PicGedragsTherapie.jpg"); background-repeat: no-repeat; }
    .PicPuppyBemiddeling {border: 2px solid #575759; height: 150px; background-image: url("../images/PicPuppyBemiddeling.jpg"); background-repeat: no-repeat; }
    .PicPuppyTraining {border: 2px solid #575759; height: 150px; background-image: url("../images/PicPuppyTraining.jpg"); background-repeat: no-repeat; }
    .Hoed {z-index: -9; height: 75px; width: 75px; background-image: url("../images/Hoed.jpg"); background-repeat: no-repeat; position: absolute;}
    /*
    .Wobbler 
    {
        z-index: 1; height: 75px; background-repeat: no-repeat; background-position: center;
        filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(enabled=true, sizingMethod=scale src='images/Wobbler.png');
    }
    .Wobbler[class]{background-image: url("../images/Wobbler.png");}
    */
 

#loginbanner
{
    border: 1px solid #ee820f;
    width: 684px;
    margin-right: auto;
    margin-left: auto;
    background-color: #ee820f;
    color: #575759;
    padding-left: 10px;
    padding-right: 10px;
    padding-top: 2px;
    padding-bottom: 2px;
    text-align: left;
    position: absolute;
    top: 0px;
    height:24px;
}

 
#loginbanner h2
{
    font-size: 1em;
    font-weight: normal;
    margin-top: 8px;
}

.event
{
    height: 305px;
    background-color: #fde5c5; 
    border: 10px solid #fde5c5;
}

.eventmonth h3
{
    padding-left: 20px;
    padding-right: 20px;
}

.eventlist
{
    background-color: #e3e4e5;    
}

.eventlist label
{
    font-weight: bold;
    padding-right: 4px;
}

.eventlist a
{
    color: #ee820f;    
}

.listtitle
{
    font-size: 14pt;
    color: #ee820f;    
}

.itemheader
{
    font-size: 7pt;    
}

.itemheader a, .itemheader a:visited, .itemheader a:hover
{
    font-size: 10pt;
    font-weight: bold;
    color: #575759;
}

.itemcontent
{
    padding-top: 5px;
    padding-bottom: 5px;
    border-bottom: 0px solid #575759;
}
.eventheadermain
{
    padding-left: 5px;
    height: 17px; 
    background-color: #ee820f; 
    padding-top: 5px;
    color: #575759;    
    font-weight: bold;
}

.hidden
{
    display:none;    
}

/************************************************************************
* 
* Calendar specific formatting 
*
************************************************************************/

/* Surrounds the calendar */
.eventmonth
{
    border: 1px solid #DBDB79;
    width: 670px;
    margin-right: auto;
    margin-left: auto;
    background: #FEFFAB url(images/background_fullwidth.jpg) repeat-y;
    margin-bottom: 10px;
    padding-left: 15px;
    padding-right: 15px;
    padding-top: 10px;
    text-align: center;
}

/* used as the cssclass of the actual calendar */
.eventmonthtable
{
    width: 670px;
    margin-right: auto;
    margin-left: auto;
    position: relative;
    margin-bottom: 15px;
    border: 1px solid #DBDB79;
    border-collapse:collapse;
}


.dayNumber
{
    float: right;
    border-bottom: 1px solid #C7C272;
    border-left: 1px solid #C7C272;
    clear: none;
    padding: 2px;
}


.calcurrentmonth
{
    /* no styles needed at this time */
}
.calothermonth
{
    background-color: #DCD78E;
}
.calcurrentday
{
    background-color: #FFFFC1;
}
.calweekend
{
    background-color: #FEEB95;
  /*  width: 15%; */
}

.calcurrentmonth , .calcurrentmonth , .calothermonth , .calcurrentday , .calweekend
{
    text-align: left;
    border: 2px solid #C7C272;
    height: 60px;
    vertical-align: top;
    /* needed for positioning the dayNumber part */
    position:relative;
     border-collapse:separate;
     border-spacing: 5px;
     
}

/************************************************************************
* 
* Next / previous specific formatting 
*
************************************************************************/

.nextlink
{
    position:absolute;
    right:0;
    padding-right:15px;    
}

/************************************************************************/

/************************************************************************
* 
* Image functionality
*
************************************************************************/

.photo
{
    background: #fde5c5 url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 0px #ee820f;
    padding: 5px;    
}

.picture
{
    background: #ee820f url(images/background_thumbnail.jpg) repeat-x center;
    border: solid 0px #ee820f;
    padding: 5px;
    margin: 5px;  
}

/* add hover border to href thumbnail images */
/*todo: rectify whether these should be .photo instead 

.thumbnail a:link img, #thumbnail a:visited img
{
    border: 2px solid #883D08;
}
.thumbnail a:hover img
{
    border: 2px solid #FFFFFF;
}
.thumbnail a:active img
{
    border: 2px solid #000000;
}
*/

/*********************/

/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
}


/* Used by the page number control */
.PageNumbers
{
    display:inline;
}

.PageNumbers span
{
    padding-left: 3px;
}

.newscrumbs a
{
    font-weight: bold;
    padding-right: 2px;
    color: #ee820f;
}

/************************************************************************
* 
* Rollover buttons
*
************************************************************************/

.buttonsmall, .buttonsmall-ovr
{
    background-color: #575759;
    border: 3px solid #575759;
    color: #ee820f;
    height: 22px;
    font-weight: bold;
    font-size: 12px;
    padding-bottom: 9px;
    padding-left: 3px;
    padding-right: 3px;
    cursor: pointer;
}
.buttonsmall-ovr
{
    text-decoration: none;
    border-top:3px solid #575759;
    border-left:3px solid #575759;
    border-right:3px solid #575759;
    border-bottom: 3px solid #ee820f;
}


/* Goes around controls that need to be presented as a block of functionality  */
.controlblock
{
    border: 1px solid #ee820f;
    padding: 3px;
    margin: 2px 0 5px 0;
    vertical-align: top;
    background-color: #e3e4e5;
}

/* PhotoFormPicker */
.selected, .unselected
{
    width: 76px;
    height: 76px;
    text-align: center;
    padding: 2px 2px 2px 2px;
    cursor: pointer;
}

.unselected
{
    background-color: transparent;
    border: solid 1px #FEFFAB;
}

.selected
{
     background: #FED36B;
     border: solid 1px #DBDB79;
}

.scrollablelist
{
    overflow: auto;
    height: 90px;
    width: 460px;
    border: solid 1px #ee820f;
    background-color: White;
}

.scrollablelist2
{
    overflow: auto;
    height: 230px;
    width: 210px;
    border: solid 1px #DBDB79;
}


.scrolledtable
{
}

 .selectablephoto
{
    background: #FEFFC8 url(images/background_thumbnail.jpg) repeat-x center;
    border: 0px solid #E8DCA3;
    padding: 2px;
}