/* Styles for the Mooyman site */

/* general site wide styles */

*
{
    font-family         : "Bookman Old Style", "Times New Roman", "Times", serif;
    font-size           : 15px;
}

html,
body
{
    height              : 100%;
    width               : 100%;
} 

body
{
    margin              : 0;
    padding             : 0;
    background          : #fff;
    background          : #fff url(../img/menu_background.png) repeat-y 
scroll top left;
}

img
{
    border              : 0 none transparent;
}

/* Main structure */
#main_wrapper
{
}

#header
{
    height              : 112px;
    margin-bottom       : 20px;
    width               : 100%;
    background          : #004fa3;
}

#menu
{
    width               : 203px;
    float               : left;
    padding-bottom      : 20px;
}

#content
{
    width               : 537px;
    min-height          : 350px;
    margin-left         : 223px;
    padding-bottom      : 20px;
    background          : #fff url(../img/content_background.png) no-repeat scroll 0 0;
}

#footer
{
    width               : 100%;
    background-color    : #004fa3;
}

#col_clear 
{   
    clear               : both;
}

/* Header specific styles */
#header img
{
    margin              : 0 0 0 50px;
}

/* Menu specific styles */
#menu ul
{
    margin              : 0 0 0 32px;
    padding             : 0;
    list-style-type     : none;
}

#menu li
{
    margin              : 0;
    padding             : 0;
    margin              : 0 0 8px 16px;
}

#menu a
{
    text-decoration     : none;
    font-size           : 15px;
    font-weight         : bold;
    color               : white;
}

#menu a:hover,
#menu a:active,
#menu a:focus,
#menu .selected a
{
    color               : #004fa3;
}

/* Content specific styles */
#content h1
{   
    font-size           : 22px;
    color               : #004fa3;
    margin              : 0 0 5px 0;
}

#content p
{
    margin              : 0 0 1em 0;
}

#contactform td
{
    vertical-align      : top;
}

#contactform input,
#contactform textarea
{
    width               : 300px;
}

#contactform input#submit
{
    width               : auto;
}

#contactform_small
{
    margin:30px 0 0 50px;
    color               : white;
}

#contactform_small input,
#contactform_small textarea
{
    width               : 125px;
    font-size           : 14px;
    border              : none;
}

#contactform_small p
{
    margin              : 0;
    font-size           : 14px;
}

#contactform_small #submit
{
    width               : auto;
}

a.no_underline
{
    color               : black;
    text-decoration     : none;
}

a.no_underline:hover,
a.no_underline:active,
a.no_underline:focus
{
    text-decoration     : underline;
}

/* Footer specific styles */
#footer p
{
    width               : 640px;
    text-align          : center;
    margin              : 0 0 0 100px;
    padding             : 6px;
}

#footer *
{
    font-size           : 11px;
    color               : white;
    text-decoration     : none;
}

/* Contactform right styles */
div#contactform_right {
    position: absolute;
    left: 740px;
    top: 105px;
}
    
    div#contactform_right input, div#contactform_right textarea {
        border: 1px solid #CCC;
        width: 250px;
    }
    
    div#contactform_right form p {
        color: #004FA3;
    }
    
    div#contactform_right input[type=submit] {
        border: none;
        margin-left: 0px;
        margin-top: 4px;
    }
    
    div#contactform_right img.keurmerk {
        margin-left: 50px;
        margin-top: 30px;
    }