/************************
    VALIDATION HELPERS
************************/
.field-validation-error
{
    color: #ff0000;
}

.field-validation-valid
{
    display: none;
}

.input-validation-error
{
    border: 1px solid #ff0000;
    background-color: #ffeeee;
}

.validation-summary-errors
{
    font-weight: bold;
    color: #ff0000;
}

.validation-summary-valid
{
    display: none;
}



/***********************
       STRUCTURE
************************/

body
{
	font: 13px/18px Tahoma, Geneva, sans-serif;
	background: #FFFFFF;
	background: url('/Content/images/body.jpg') repeat;
    text-align: center;
    padding: 0;
    margin: 10px 0 0 0;
    border: 0;
}

div, p, ul, h2, h3
{
    padding: 0;
    margin: 0;
    border: 0;
}

p.center
{
    text-align: center;
}

img
{
    width: 100%;
}

img.tool
{
    width: 15px;
    height: 15px;
}

img.streep
{
    height: 2px;
}

img.caps
{
    width: 174px;
    height: 141px;
    float: right;
}

img.bal
{
    width: 150px;
    height: 136px;
    float: right;
}

img.ontstaan1
{
    width: 157px;
    height: 187px;
}

img.ontstaan2
{
    width: 295px;
    height: 199px;
}

img.adobe
{
    width: 160px;
    height: 41px;
}

ul
{
    list-style-type : none;
}

#header
{
    width: 778px;
    height: 158px;
    position: relative;
    margin: 0 auto;
    color: #000000;
}

#headerNavigation
{
    width: 754px;
    height: 18px;
    position: absolute;
    bottom: 6px;
    left: 13px;
}

#login
{

    height: 18px;
    position: absolute;
    top: 1px;
    right: 1px;
}

#content
{
    width: 778px;
    text-align: left;
    position: relative;
    margin: 0 auto;
    overflow: auto;
}

#side
{
    min-height: 800px;
    width: 190px;
    float: left;
    background: #FFFFFF;
    color: #1a1a1a;
    padding: 5px 0px 0 0;
    margin: 0 15px 0 0;
}

#middle
{
    min-height: 800px;
    width: 553px;
    float: left;
    background: #DEF5FD;
    color: #000033;
    padding: 5px 10px 0 10px;
    margin: 0px 0 0 0;
}

#footer
{
    background: #DEF5FD;
    width: 100%;
    height: 112px;
    margin: 5px 0 0 0;
    color: #010101;
    text-align: center;
}

#footerNavigation
{
    width: 754px;
    height: 18px;
    position: absolute;
    top: 10px;
    bottom: 6px;
    left: 165px;
    text-align: center;
}



/***********************
        HEADER
************************/
#header p
{
    color: #A4A4A4;
}

#header a
{
    color: #A4A4A4;
    text-decoration: none;
}

#header a:hover
{
    color: #E6E6E6;
    text-decoration: underline;
}

#navigation img
{
    width: 778px;
    height: 158px;
    position: absolute;
}

#headerNavigation ul
{
    width: 800px;
    height: 18px;
    text-transform: uppercase;
}

#headerNavigation ul li
{
    width: 82px;
    height: 18px;
    border-left: 1px solid #e5e5e5;
    float: left;
}

#headerNavigation ul li a
{
    width: 82px;
    height: 18px;
    display: block;
    background: #fff;
    color: #4a4a4a;
    font: 12px/18px Tahoma, Geneva, sans-serif;
    text-decoration: none;
    font-weight: bold;
    text-align: center;
}

#headerNavigation ul li a:hover
{
    background: #3CC8FA;
    color: #fff;
    text-decoration: none;
}

#headerNavigation ul li.selected a
{
    background: #3CC8FA;
    color: #fff;
    text-decoration: none;
}



/***********************
          SIDE
************************/
#side p
{
    font-size : 13px;
    padding : 0 0 0 20px;
    width: 170px;
}

#side p.datum
{
    padding : 12px 15px 8px;
    font-size : 15px;
    color : #1a1a1a;
    font-weight : bold;
}

#side p.titel
{
    padding: 0 0 0 18px;
}

#side p.titel a
{
    padding: 1px 2px 1px 2px;
    color : #003d5c;
    text-decoration : underline;
    font-size : 13px;
    line-height : 16px;
    font-weight : bold;
}

#side p.titel a:hover
{
    background : #DEF5FD;
    color : #e0dede;
    text-decoration : underline;
}

#side h3
{
    width: 160px;
    height: 28px;
    display: block;
    border: 2px solid #DEF5FD;
    background: #f3f3f3;
    font: 20px/28px Tahoma, Geneva, sans-serif;
    margin: 6px 8px 0;
    padding: 0 0 0 10px;
}

#side ul
{
    width: 160px;
    margin: 5px 0 20px 15px;
}

#side ul li a
{
    height: 18px;
    display: block;
    background: #FFFFFF url(images/pijl.gif) no-repeat 0 6px;
    color: #000033;
    text-decoration: none;
    padding: 0 0 0 10px;
    font-weight: bold;
}

#side ul li a:hover
{
    background: #FFFFFF url(images/pijl-hover.gif) no-repeat 0 6px;
    color: #DEF5FD;
    font-weight: bold;
}

#side ul li.selected a
{
    background : #FFFFFF url(images/pijl-hover.gif) no-repeat 0 6px;
    color : #DEF5FD;
}

#slider
{
    width: 170px;
    margin: 0 10px 0 10px;
}



/***********************
        MIDDLE
************************/

/* p */
#middle p
{
    color: #000033;
    padding: 8px 5px 10px 5px;
    font: 14px/18px Tahoma, Geneva, sans-serif;
}

#middle p.center
{
    text-align: center;
}

#middle p.description
{
    padding: 0px 0px 0 5px;
    font: 12px/16px Tahoma, Geneva, sans-serif;
    font-style: italic;
}

#middle p.date
{
    color: #000033;
    float: right;
    padding: 5px 10px 0 0;
    font: 10px/14px Tahoma, Geneva, sans-serif;
}


/* headers */
#middle h2
{
    padding-top: 10px;
    height: 20px;
    color: #000066;
    font: 18px/24px Tahoma, Geneva, sans-serif;
    text-align: center;
    font-weight: bold;
}

#middle h3
{
    padding: 15px 0 2px 10px;
    height: 18px;
    color: #000066;
    font: 16px/22px Tahoma, Geneva, sans-serif;
    text-align: left;
}

#middle h6 {
width : 540px;
height : 28px;
display : block;
border : 2px solid #DEF5FD;
background : #f3f3f3;
color : #1a1a1a;
font : 20px/28px Tahoma, Geneva, sans-serif;
margin : 15px 8px 0 0;
padding : 0 0 0 10px;
font-weight : bold;
text-align : center;
}


/* lists */
#middle ul
{
    padding: 10px 5px 10px 15px;
    list-style: square;
}

#middle li
{
    color: #000;
    font-weight: normal;
}

#middle ul.center
{
    text-align: center;
}


/* tables */
#middle table
{
    width: 100%;
}

#middle table td
{
    vertical-align: top;
}

#middle table.bestuur
{
    color: #000033;
    border-style: none;
    font : 10px/10px Tahoma, Geneva, sans-serif;
}

#middle table.bestuur td
{
    height: 140px;
    width : 130px;
}

#middle table.bestuur td a
{
    text-decoration: none;
    color: #000033;
}

#middle table.bestuur td a:hover
{
    text-decoration: underline;
}

#middle table.klassement
{
    text-align: center;
    color: #000033;
    border-width: 2px;
    border-color: #2B3856;
    border-style: solid;
    border-collapse: collapse;
    font: 12px/18px Tahoma, Geneva, sans-serif;
}

#middle table.klassement td
{
    border-color: #2B3856;
}


/* links */
#middle a.link
{
    color: #000066;
}

#middle a.link:hover
{
    color: #800000;
}

#middle a.foto:link
{
    color: #000066;
}

#middle a.foto:hover
{
    color: #000066;
}

#middle a.foto:visited
{
    color: #000066;
}


/* misc */
#middle span.uline
{
    font-weight: bold;
    color: #181770;
}

fieldset
{
    border: 0px solid #000000;
}
  


/***********************
        FOOTER
************************/
#footer p.copyright
{
    color: #04496d;
    position: relative;
    font-size: 12px;
}

#footer p.modified
{
    position: relative;
    font-size: 12px;
}

#footer p.designed
{
    color: #444;
    display: block;
    position: relative;
    font-size: 10px;
}

#footer p.designed a
{
    color: #444;
    text-decoration: none;
}

#footer p.designed a:hover
{
    text-decoration: underline;
}

#footerNavigation
{
    margin: 0 auto;
    font-family: Tahoma, Geneva, sans-serif;
    position: relative;
}

#footerNavigation ul li
{
    float: left;
    text-align: center;
}

#footerNavigation ul li a
{
    padding: 0 18px 0;
    color: #010101;
    text-decoration: none;
}

#footerNavigation ul li a:hover
{
    text-decoration: underline;
}



/***********************
         MISC
************************/
input[type="text"]
{
    outline: none;
    width: 500px;
    border: 1px solid #CCC;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
}

input[type="password"]
{
    outline: none;
    width: 500px;
    border: 1px solid #CCC;
    font-family: Tahoma, Geneva, sans-serif;
    font-size: 13px;
}

.panelContain
{
    width: 550px;
}

.nicEdit-selected
{
    outline: none;
}