html {
text-align: center;
font-family: Verdana, Tahoma, Arial, Sans-Serif;
background: url(./../images/background.png) repeat-x #EC9F08;
}



body {
width: 900px;
margin: 20px auto;
text-align: left;
background: none;
}



#header {
height: 150px;
position: relative;
}



#header h1, #header h2, #header p {
text-indent: -9999px;
position: absolute;
top: 50px;
}



#header h1 {
width: 315px;
height: 153px;
left: 0;
top: 0;
background: url(./../images/header.png) no-repeat;
}



#header h2 {
width: 250px;
height: 81px;
left: 350px;
background: url(./../images/the-farm.png) no-repeat;
}



#header p {
display: block;
width: 250px;
height: 81px;
left: 625px;
background: url(./../images/paramedisch-centrum.png) no-repeat;
}



#wrapper {
width: 850px;
margin-left: 25px;
background: url(./../images/menu-background.png) repeat-y #000099;
}



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



#menu ul {
margin: 30px 0 0 12px;
background-color: #000099;
}

/*141787 - 212995*/



#menu ul li {
position: relative;
z-index: 10;
margin-top: 12px;

    /*background-color: grey;*/

    border-bottom: 1px solid #000099;
}



#menu ul li a {
display: block;
width: 170px;
color: #FFFFFF;
font-size: 15px;
font-weight: 700;
line-height: 28px;
padding-left: 18px;
}



#menu ul li a.active {
background: url(./../images/menu-active.png) no-repeat 0 4px;
}



#menu ul li a:hover, #menu ul li a.hover {
background-color: #ff9933;/*#ec9f08;*/
}



#menu ul li a.active:hover {
background: url(./../images/menu-active-hover.png) no-repeat 0 4px #ff9933;
}



#menu ul ul {
margin: 0;
position: absolute;
z-index: 15;
left: 188px;
top: 0;
display: none;
border: 1px solid #FFFFFF;
}



#menu ul li:hover ul, #menu ul ul:hover,

#menu ul li.hover ul, #menu ul ul.hover {
display: block;
}



#menu ul ul li {
margin-top: 0;
border-bottom: 1px solid #FFFFFF;
}



#menu ul ul li a {
font-size: 12px;
line-height: 20px;
width: 210px;
text-decoration: none;
}

#menu li span {
    color: #FFFFFF;
    margin-left: 18px;
    font-size: 12px;
}



#content {
float: left;
width: 625px;
background-color: #FFFFFF;
margin-top: 5px;
padding: 30px 10px 0 10px;
background: url(./../images/content-background.png) repeat-x #FFFFFF bottom center;
}



#content .wrapper {
background: url(./../images/content-background-logo.png) no-repeat right bottom;
position: relative;
min-height: 450px;
}



#content h3 {
color: #212995;
font-size: 17px;
font-weight: bold;
margin-bottom: 15px;
}

#content h4 {
    color: #212995;
    font-size: 16px;
    font-weight: bold;
    margin-bottom: 10px;
}

#content h5 {
    color: #4F81BD;
    font-size: 15px;
    font-weight: bold;
    margin-bottom: 10px;
}

#content h4 a {
    color: #222222;
    text-decoration: underline;
}


#content p {
font-size: 13px;
margin-bottom: 20px;
}

#content strong {
    font-weight: 700;
}

#content ul {
    margin-bottom: 20px;
}

#content li {
    margin-left: 20px;
    list-style: disc;
    font-size: 13px;
}

#content .success {
    color: green;
}

#content .error {
    color: red;
}


#content a {
color: #212995;
text-decoration: underline;
}

#content .teamindex a {
    text-decoration: none;
}

#content .teamindex h4 {
    font-size: 12px;
    text-align: left;
}

#content .teamindex p {
    font-size: 11px;
}


#content .newsitems {
    width: 30px;
    background-color: #000099;
    position: absolute;
    top: -30px;
    right: -10px;
    overflow: hidden;
}


#content .fill {
height: 130px;
}



#content .newsbox {
position: absolute;
bottom: 0;
left: -10px;
}



#content .newsbox h4 {
color: #212995;
font-size: 15px;
padding-left: 50px;
font-weight: 700;
margin-bottom: 3px;
}



#content .newsbox ul {
border-top: 1px solid #000000;
border-right: 2px solid #000000;
padding: 10px;
background-color: #fdda71;
width: 236px;
margin-bottom: 0;
}

#content .newsbox li {
    list-style: none;
    margin-left: 10px;
}



#content .newsbox li a {
line-height: 20px;
}



#content .picture {
position: absolute;
width: 100px;
height: 75px;
bottom: 10px;
}



#content .picture.one {
left: 269px;
background: url(./../images/afbeelding-een.png) no-repeat;
}



#content .picture.two {
left: 393px;
background: url(./../images/afbeelding-twee.png) no-repeat;
}



#content .picture.three {
left: 516px;
background: url(./../images/afbeelding-drie.png) no-repeat;
}







#footer {
clear: both;
margin-left: 200px;
}

small {
    font-size: -1;
}


#footer p, #copyright p {
padding: 5px;
color: #FFFFFF;
font-size: 13px;
}

#copyright p {
    text-align: right;
    font-size: 12px;
    margin-right: 20px;
}

#copyright p a {
    text-decoration: none;
    color: #FFFFFF;
}

.clear {
    clear: both;
}

.w33 {
    width: 33%;
    float: left;
}

.w50 {
    width: 50%;
    float: left;
}

.w25 {
	width: 25%;
	float: left;
}