.clearfix:after
{
    content: ".";
    display: block;
    height: 0;
    line-height: 0;
    clear: both;
    visibility: hidden;
}

.clearfix
{
    display: inline-block;
}

/* Hides from IE-mac \*/
* html .clearfix
{
    height: 1%;
}
.clearfix
{
    display: block;
}
/* End hide from IE-mac */

html
{
    color: #000;
    font-size: 10px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    line-height: 12px;
    text-align: justify;
}

a:link {    color: #990900;    text-decoration: none;}
a:visited{    color: #990900;    text-decoration: none;}
a:active{    color: #990900;    text-decoration: none;}
a:hover{    color: #ff0021;    text-decoration: none;}

img {    border: 0px; }

hr
{
    position: relative;
    margin: 10px 0;
    padding: 0px;
    height: 1px;
    border: 0px;
    line-height: 1px;
    border-top: 1px dashed #C4C4C4; 
    /*margin: 3px 0;*/
    float: none;
    clear: both;
}
*:first-child + html hr
{
    margin: 3px 0;
}

input[type="text"]
{
    border: 1px solid #666;
}

/* GENERAL */

#container
{
    padding: 0px;
    margin: 0 auto;
    padding-top: 42px;
    width: 810px;
}

#left
{
    float: left;
    width: 210px;
    padding: 0px;
    margin: 0px;
}

#right
{
    float: left;
    width: 600px;
    padding: 0px;
    margin: 0px;
}

/* MENU */

#logo
{
    width: 189px;
    height: 51px;     
}

#menu
{
    float: left;
    width: 189px;
}

#menuheader
{
    width: 189px;
    height: 16px;
    background: url(../img/menuheader.png) top center no-repeat;
}

#menubody
{
    background-color: #FFF;
    text-align: left;
    height: 177px;
}

#menubody div, 
#menubody a
{
    color: #6a6a6a;
}
#menubody img
{
    margin-bottom: 5px;
}

#menubody hr
{
    margin: 0px 10px;
    padding: 0px;
    height: 1px;
    border: 0px;
    line-height: 1px;
    border-top: 1px dashed #C4C4C4; 
}

#menuitems
{ 
    margin-left: 40%; 
    height:55px; 
}

#menutext
{
    margin-left: 40%; 
}

#menusearch
{
    margin-top: 10px; 
    color: #FFF;
}

#menufooter
{
    width: 189px;
    height: 16px;
    background: url(../img/menufooter.png) bottom center no-repeat;
}

/* HEADER */

#header_body
{    
    font-family: Geneva, Arial, SunSans-Regular, sans-serif;
    font-size: 17px;
    font-weight: bold;
    text-transform: uppercase;
    height: 30px;
    width: 536px;
    float:left;
    background-color: #FFF;
    padding: 20px 10px 0px 10px;
}
#header_body span { color: #F00; } 

/* FUNVLAK */

#funvlak_body
{
    float:left;
    width: 572px;    
}

/* CONTENT */

#content
{    
    width: 600px;
}

#contentheader
{
    height: 14px;
    width: 600px;
    background-position: bottom center;
    background-repeat:  no-repeat;    
    background-image: url(../img/contentheader.png);
}

#contentbody
{    
    position:relative;
    background-color: #FFFFFF;
    margin: 0 9px;
    padding: 0 10px;
    width: 552px;
}

#contentfooter
{
    height: 14px;
    width: 600px;
    background-position: top center;
    background-repeat:  no-repeat;      
    background: url(../img/contentfooter.png);
}

.jouwlabel
{
    height: 36px;
    width: 19px;
    position: absolute;
    bottom: 10px;
    right: -19px;
    background: url(../img/jouw_label.png) right no-repeat;
}

#footer {    color: #FFF;    text-align: center;}
#footer a:link{    color: #FFF;    text-decoration: none;}
#footer a:visited{    color: #FFF;    text-decoration: none;}
#footer a:active{    color: #FFF;    text-decoration: none;}
#footer a:hover{    color: #000;    text-decoration: underline;}

/*
######################################################################################################
######################################################################################################
######################################################################################################
######################################################################################################
######################################################################################################
 */

span.header
{
    font-size: 11px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-weight: bold;
}

span.title
{
    font-size: 11px;
    font-weight: bold;
}

span.date
{
    font-size: 9px;
    font-style: italic;
}

span.grey
{
    color: #6a6a6a;
}

div.itempadded
{
    margin-left: 75px;
    width: 400px;
}

div.navleft
{
    color: #6a6a6a;
    float: left;
    width: 50%;
    height: 16px;
}

div.navright
{
    color: #6a6a6a;
    float: left;
    width: 50%;
    height: 16px;    
    text-align: right;
}

div.navleft img, div.navright img
{
    margin-bottom: -5px;
}

/* NEWS */

.linkeditemslabel
{
    color: #000;
    font-weight: bold;
    text-align: left;
    width: 400px;
    margin-bottom: 8px;
}

.linkeditems
{    
    width: 400px;
    padding-right: 40px;
}

.linkeditems .date
{
    color: #999;
    float: left;
    width: 100px;
}
.linkeditems .title
{
    font-size: 10px;
    font-weight: bold;
}
.linkeditems a:link
{
    color: #000;
    text-decoration: none;
}
.linkeditems a:visited
{
    color: #000;
    text-decoration: none;
}
.linkeditems a:active
{
    color: #000;
    text-decoration: none;
}
.linkeditems a:hover
{
    color: #333;
    text-decoration: underline;
}

/* LINKS */

.linkhome
{
    padding-left: 16px;
    background: url(../img/home.png) left no-repeat;
}

.linklijst
{
    padding-right: 16px;
    background: url(../img/lijst.png) right no-repeat;
}

.linkbeeld
{
    padding-right: 16px;
    background: url(../img/beeld.png) right no-repeat;
}

/* SEARCH */

.searchbox
{
    font-size: 10px;
    border: 1px #6a6a6a solid;
    width: 80px;
    height: 12px;
}

.searchboxbutton
{
    font-size: 11px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    font-weight: bold;
    color: #6a6a6a;
}

/* CONTACT */

.contact_title
{
    font-size: 11px;
    font-weight: bold;
    float: left;
    padding: 10px 0;
    width: 200px;
    font-weight: bold;
}

.contact_text
{
    float: left;
    padding: 10px 0;
}

.contact_text label
{
    float: left;
    width: 120px;
}
.contact_text p
{
    float: left;
}

.contact_text fieldset
{
    border: 1px #6a6a6a solid;
    width: 320px;
}
.contact_text fieldset legend
{
    font-size: 11px;
    font-weight: bold;
}

.contact_text fieldset input
{
    border: 1px #6a6a6a solid;
    font-size: 10px;
    font-family: Helvetica, Geneva, Arial, SunSans-Regular, sans-serif;
    margin: 2px;
    padding: 2px;
}

.buttonAlignRight
{
    padding: 3px;
    text-align: right;
}

/* FORMS */

#contact label
{
    float: left;
    width: 100px;
    margin: 3px;
}
#contact input, #contact .txtarea
{
    margin: 3px;
    border: 1px solid #666;
}

/* SLIDESHOW */

.slideshowContainer
{
    position: relative;
    height: 316px;
    width: 400px;
}

.slideshowNav
{
    position: absolute;
    width: 400px;
    height: 12px;
    bottom: 0;
}
.slideshowImg
{
	height: 330px;
}


/* overrides */

.w250
{
    width: 180px;
}


/* print / pdf / mail */

ul.options
{
    position: absolute;
    top: -14px;
    right: 6px;
    list-style-type: none;
    font-size: 9px;
    font-weight: normal;
}
ul.options li
{
    float: left;
}
ul.options li a
{
    color: #333;
    text-decoration: none;
}
ul.options li img
{
}

/* news */

.beelditem, .lijstitem, .klantitem
{
    font-family: Helvetica,Geneva,Arial,SunSans-Regular,sans-serif;
    line-height: 12px;
    text-align: justify;
}
.beelditem
{
    height: 80px;
}
.klantitem
{
    height: 80px;
}

.beelditem a:link, .lijstitem a:link, .klantitem a:link
{
    color: #990900;
    text-decoration: none;
}
.beelditem a:visited, .lijstitem a:visited, .klantitem a:visited
{
    color: #990900;
    text-decoration: none;
}
.beelditem a:active, .lijstitem a:active, .klantitem a:active
{
    color: #990900;
    text-decoration: none;
}
.beelditem a:hover, .lijstitem a:hover, .klantitem a:hover
{
    color: #ff0021;
    text-decoration: none;
}

.newsphoto
{
    float: left;
    margin-right: 10px;
}

a .newsphoto
{
}

.beelditem .title
{
    float: left;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
}

.beelditem .date
{
    float: left;
    font-size: 9px;
    font-style: italic;
}
.beelditem .text
{
    font-size: 10px;
    padding: 12px 0;
}
.beelditem .meta
{
    width: 365px;
    float: right;
    color: #6a6a6a;
    font-size: 9px;
}

.lijstitem
{
    /* height: 20px;*/
    cursor:pointer;
}

.lijstitem .date
{
    float: left;
    width: 100px;
    font-size: 9px;
    font-style: italic;
}

.lijstitem .author
{
    display: none;
    /*
    float: left;
    width: 125px;
    font-size: 11px;
    font-weight: bold;
    margin-right: 10px;
    */
}

.lijstitem .text
{
    float: left;
    width: 385px;
    font-size: 10px;
    margin-right: 6px;
}

.lijstitem .text .title
{
    font-size: 11px;
    font-weight: bold;
}

.lijstitem .link
{
    float: left;
    color: #6a6a6a;
    font-size: 9px;
    width: 50px;
    text-align: right;
}



.klantphoto
{
    float: left;
    margin-right: 10px;
}

a .klantphoto
{
}

.klantitem .title
{
    font-size: 11px;
    font-weight: bold;
}
.klantitem .text
{
    float: left;
    font-size: 10px;
    width: 306px;
}
.klantitem .link
{
    float: left;
    color: #6a6a6a;
    font-size: 9px;
    width: 60px;
    text-align: right;
    padding-top: 60px;
}

/* invalid css goes here :P */

.transOFF
{ 
    opacity: 1.0;
    filter: alpha(opacity=100);
    -moz-opacity: 1.0;
}
.transON
{
    opacity: 0.50;
    filter: alpha(opacity=50);
    -moz-opacity: 0.5;
}
.trans25
{
    opacity: 0.25;
    filter: alpha(opacity=25);
    -moz-opacity: 0.25;
}
.trans75
{
    opacity: 0.75;
    filter: alpha(opacity=75);
    -moz-opacity: 0.75;
}