html {
height:100%;
}

body {
background-color:#999999;
font-family:Arial, Verdana, Times New Roman;
font-size:medium;
font-weight:normal;
color:#454545;
margin:0px;
height:100%;
}

#wrap {
width:1024px;
margin:0 auto;
background: url('../images/background.jpg') 0px 0px repeat-y;
}

#header {
height:197px;
width:999px;
margin-left:10px;
background: url('../images/halvemarathonkatwijkheader.jpg') 5px 5px no-repeat;
position:relative;
}

#headerLeft {
width:511px;
position:absolute;
}

#headerLeftStrandlopen {
width:511px;
position:absolute;
font-family:Verdana;
font-size:3em;
color:#CC0A0A;
padding-top:10px;
padding-left:24px;
}

#headerRight {
width:488px;
position:absolute;
left:541px;
font-size:0.8em;
font-weight:bold;
font-style:italic;
color:#fff;
padding-top:20px;
padding-left:10px;
}

/* Menu items */

#menubar {
margin-left:15px;
width:989px;
height:42px;
position:relative;
/*background: url('../images/menubackground.jpg') 0px 0px repeat-x;*/
font-weight:bold;
color:#02499F;
}

#menuHome {
position:absolute;
width:134px;
height:42px;
/*background: url('../images/menudivider.jpg') top right no-repeat;*/
text-align:center;
padding-top:12px;
}

#menubar {
height:35px;
width:989px;
}

#menuHomeSelected {
position:absolute;
width:134px;
height:3px;
}

#menuLopersinfo {
position:absolute;
left:134px;
width:146px;
height:42px;
/*background: url('../images/menudivider.jpg') top right no-repeat;*/
text-align:center;
padding-top:12px;
}

#menuLopersinfoSelected {
position:absolute;
left:134px;
width:146px;
height:3px;
}

#menuUitslagen {
position:absolute;
left:280px;
width:210px;
height:42px;
/*background: url('../images/menudivider.jpg') top right no-repeat;*/
text-align:center;
padding-top:12px;
}

#menuUitslagenSelected {
position:absolute;
left:280px;
width:210px;
height:3px;
}

#menuWeerEnWater {
position:absolute;
left:490px;
width:161px;
height:42px;
/*background: url('../images/menudivider.jpg') top right no-repeat;*/
text-align:center;
padding-top:12px;
}

#menuWeerEnWaterSelected {
position:absolute;
left:490px;
width:161px;
height:3px;
}

#menuFotos {
position:absolute;
left:651px;
width:166px;
height:42px;
/*background: url('../images/menudivider.jpg') top right no-repeat;*/
text-align:center;
padding-top:12px;
}

#menuFotosSelected {
position:absolute;
left:651px;
width:166px;
height:3px;
}

#menuContact {
position:absolute;
left:817px;
width:171px;
height:42px;
text-align:center;
padding-top:12px;
}

#menuContactSelected {
position:absolute;
left:817px;
width:171px;
height:3px;
}

/* Menubar selected */
#menubarSelected {
margin-left:15px;
width:989px;
height:3px;
position:relative;
}

/* Empty divider */
#emptyDivider {
margin-left:15px;
width:989px;
height:50px;
position:relative;
}

/* Hoofdkolommen */

#columnMain {
width:989px;
float:left;
}

#columnLeft {
width:15px;
float:left;
}

#columnRight {
width:20px;
float:right;
}

/* content container */
#contentContainer {
width:989px;
}

#contentMenuLeft {
width:275px;
padding-left:20px;
float:left;
}

#contentDivider {
width:32px;
float:left;
}

#content {
width:668px;
float:right;
}    

/* grijze kaders met menu items */
.menuLeftKader {
width:295px;
height:225px;
} 

.menuLeftKaderTop {
width:275px;
height:70px;
margin-bottom:20px;
}   

#menuLeftKaderSpot {
width:295px;
height:150px;
margin-bottom:20px;
}    

.KaderTopLeft {
width:10px;
height:10px;
background: url('../images/HoekLB.jpg') top left no-repeat;
float:left;
}  

.KaderTop {
width:255px;
height:9px;
background-color:#F9F7F8;
border-top:1px solid #D4D4D4;
float:left;
}

.KaderTopRight {
width:10px;
height:10px;
background: url('../images/HoekRB.jpg') top left no-repeat;
float:right
}

.KaderBottomLeft {
width:10px;
height:10px;
background: url('../images/HoekLO.jpg') top left no-repeat;
float:left;
}  

.KaderBottom {
width:255px;
height:10px;
background-color:#F9F7F8;
border-bottom:1px solid #D4D4D4;
float:left;
}

.KaderBottomRight {
width:10px;
height:10px;
background: url('../images/HoekRO.jpg') top left no-repeat;
float:right
}    

.KaderContent {
width:273px;
height:60px;
background-color:#F9F7F8;
border-left:1px solid #D4D4D4;
border-right:1px solid #D4D4D4;
}

.kaderDivider {
height:10px;
width:275px;
}

/* kader teksten */
#spot {
height:150px;
width:295px;
padding-top:15px;
background: url('../images/spotbackground.jpg') top left no-repeat;
}

#spotVriend, #spotVacature {
text-align:center;
padding-top:11px;
font-family:Verdana;
font-size:0.9em;
font-weight:normal;
color:#CC0A0A;
}

#spotVriendGage, #spotVacatureGage {
text-align:center;
padding-top:11px;
font-family:Verdana;
font-size:1em;
font-weight:bold;
color:#CC0A0A;
}

#spotVriend a:link, #spotVacature a:link, #spotVriend a:link:active, #spotVacature a:link:active {
color:#CC0A0A;
}

#spotVriend a:hover, #spotVacature a:hover, #spotVriend a:visited:hover, #spotVacature a:visited:hover {
color:#A40808;
}

#spotVriend a:visited, #spotVacature a:visited, #spotVriend a:visited:active, #spotVacature a:visited:active {
color:#F01414;
}

#spotVriendGage a:link, #spotVacatureGage a:link, #spotVriendGage a:link:active, #spotVacatureGage a:link:active {
color:#CC0A0A;
}

#spotVriendGage a:hover, #spotVacatureGage a:hover, #spotVriendGage a:visited:hover, #spotVacatureGage a:visited:hover {
color:#A40808;
}

#spotVriendGage a:visited, #spotVacatureGage a:visited, #spotVriendGage a:visited:active, #spotVacatureGage a:visited:active {
color:#F01414;
}

#BekijkAlleVacatures {
height:30px;
padding-top:10px;
padding-left:20px;
}

.SchrijfJeNuIn {
height:30px;
padding-top:10px;
padding-left:20px;
}

#BekijkAlleVacaturesImg {
height:49px;
width:52px;
background: url('../images/BekijkDeVacaturesMensen.jpg') top left no-repeat;
float:left;
}

/*
#BekijkAlleVacaturesLink {
width:180px;
float:left;
padding-left:20px;
padding-top:11px;
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#CC0A0A;
}*/

#SchrijfJeNuInImg {
height:49px;
width:52px;
background: url('../images/SchrijfJeNuInFormulier.jpg') top left no-repeat;
float:left;
}

#LaatsteNieuwsImg {
height:49px;
width:43px;
background: url('../images/ContactEnvelop.jpg') top left no-repeat;
float:left;
}

#LinksImg {
height:49px;
width:43px;
background: url('../images/links.jpg') top left no-repeat;
float:left;
}

.SchrijfJeNuInLink a:link, #BekijkAlleVacaturesLink a:link, .SchrijfJeNuInLink a:link:active, #BekijkAlleVacaturesLink a:link:active {
width:180px;
float:left;
padding-left:20px;
padding-top:11px;
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#CC0A0A;
}

.SchrijfJeNuInLink a:hover, #BekijkAlleVacaturesLink a:hover, .SchrijfJeNuInLink a:visited:hover, #BekijkAlleVacaturesLink a:visited:hover {
width:180px;
float:left;
padding-left:20px;
padding-top:11px;
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#A40808;
}

.SchrijfJeNuInLink a:visited, #BekijkAlleVacaturesLink a:visited, .SchrijfJeNuInLink a:visited:active, #BekijkAlleVacaturesLink a:visited:active {
width:180px;
float:left;
padding-left:20px;
padding-top:11px;
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#F01414;
}

#ContactGegevens {
height:50px;
padding-top:20px;
padding-left:20px;
}

#ContactGegevensTekst {
padding-top:13px;
padding-left:25px;
font-size:0.8em;
}

#ContactGegevensImg {
height:49px;
width:52px;
background: url('../images/SchrijfJeNuInFormulier.jpg') top left no-repeat;
float:left;
}

#ContactGegevensLink {
width:180px;
float:left;
padding-left:20px;
padding-top:11px;
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#CC0A0A;
}

/* Footer */

#footer {
clear:both;    
margin-left:15px;
height:40px;
}

#footerMain {
width:989px;
float:left;
height:60px;
background-color:#EEE8EA;
font-size:small;
text-align:center;
vertical-align:middle;
padding-top:10px;
}

#footerLeft {
margin-left:15px;
width:15px;
float:left;
}

#footerRight {
width:20px;
float:right;
}

#footerShadow {
clear:both;
height:5px;
width:1024px;
background: url('../images/shadowfooter.jpg') 0px 0px no-repeat;
position:relative;
}

/* links */
a.links:link 
{
color:#02499F;
text-decoration:none;    
}

a.links:visited 
{
color:#02499F;
text-decoration:none;    
}

a.links:link:hover, a.links:visited:hover 
{
color:#02499F;
text-decoration:none;    
}

a.links:link:active, a.links:visited:active 
{
color:#02499F;
text-decoration:none;    
}

a.smalllinks:link {
color:Gray;
text-decoration:underline;    
}

a.smalllinks:visited {
color:Gray;
text-decoration:underline;    
}

a.smalllinks:link:hover, a.smalllinks:visited:hover {
color:Gray;
text-decoration:underline;    
}

a.smalllinks:link:active, a.smalllinks:visited:active {
color:Gray;
text-decoration:underline;    
}


/* content links */
a.contentlinks {
font-weight:bold;
}

a.contentlinks:link {
color:Gray;
text-decoration:underline;    
}

a.contentlinks:visited {
color:Gray;
text-decoration:underline;    
}

a.contentlinks:link:hover, a.contentlinks:visited:hover {
color:Gray;
text-decoration:underline;    
}

a.contentlinks:link:active, a.contentlinks:visited:active {
color:Gray;
text-decoration:underline;    
}


/* content */
.PageTitle {
font-family:Verdana;
font-size:medium;
font-weight:bold;
color:#CC0A0A;
}

.PageTitleFade {
height:4px;
width:463px;
margin-top:10px;
background: url('../images/TitelFadeBalk.jpg') 0px 0px no-repeat;
}

.cscontent {
margin-top:20px;
text-align:left;
padding-right:70px;
font-size:0.8em;
}

ul {
list-style-image: url('../images/liststyle.jpg')
}

/* contactformulier */
.contactformulier {
width:500px;
margin-top:0px;
}

.contactLeft {
width:150px;
height:30px;
float:left;
}

.contactRight {
width:250px;
height:30px;
float:left;
}

.contactTotal {
width:500px;
float:left;
}

.contactValidate {
width:50px;
height:30px;
float:right;
}

a.textlinks {
font-family:Verdana;
font-size:11px;
font-weight:normal;
color:#848587;
}

a.imagelinks {
text-decoration:none;
border:0px;
}

a {
border:0px;
}

img {
border:0px;
text-decoration:none;
}

.fotos {
padding-right:10px;
height:120px;
width:100px;
vertical-align:top;
text-align:center;
}

.logos {
text-align:center;
padding-bottom:30px;
}

/* menu */
ul.topnav {
list-style:none;
padding:0 20px;
margin:0;
float:left;
clear:right;
width:948px;
background:#222;
font-size:1.4em;
background:url(../images/topnav_bg.gif) repeat-x;
}
ul.topnav li {
float:left;
margin:0;
padding:0 15px 0 0;
position:relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li#zoek {
float:right;
margin:0;
padding:0 15px 0 0;
position:relative; /*--Declare X and Y axis base for sub navigation--*/
}

ul.topnav li a{
padding:10px 5px;
color:#fff;
display:block;
text-decoration:none;
float:left;
font-size:14px;
}

ul.topnav li a:hover{
background:url(../images/topnav_hover.gif) no-repeat center top;
color:#f0a001;
}

ul.topnav li span { /*--Drop down trigger styles--*/
width:17px;
height:35px;
float:left;
background:url(../images/subnav_btn.gif) no-repeat center top;
}

ul.topnav li span.subhover {
background-position:center bottom;
cursor:pointer;
} /*--Hover effect for trigger--*/

ul.topnav li ul.subnav {
list-style:none;
position:absolute; /*--Important - Keeps subnav from affecting main navigation flow--*/
left:0;
top:35px;
background:#333;
margin:0;
padding:0;
display:none;
float:left;
width:170px;
border:1px solid #111;
}

ul.topnav li ul.subnav li{
margin:0;
padding:0;
border-top:1px solid #252525; /*--Create bevel effect--*/
border-bottom:1px solid #444; /*--Create bevel effect--*/
clear:both;
width:170px;
}

html ul.topnav li ul.subnav li a {
float:left;
width:145px;
background:#333 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
padding-left:20px;
font-size:14px;
font-weight:normal;
}

html ul.topnav li ul.subnav li a:hover { /*--Hover effect for subnav links--*/
background:#222 url(../images/dropdown_linkbg.gif) no-repeat 10px center;
color:#f0a001;
}

ul.sprite li {
    display: block;
    float: left;
    width: 42px;
    margin: 0;
    padding: 0;
    background: none;
}
ul.sprite li a {
    display: block;
    height: 32px;
    width: 32px;
    padding: 0 5px;
    margin: 0;
}
ul.sprite li a span {
    display: block;
    text-indent: -9999px;
    height: 32px;
    width: 32px;
    background-image: url('../images/sprite.png');
    background-attachment: scroll;
    background-repeat: no-repeat;
    margin: 0;
    padding: 0;
}
ul.sprite li a.rss span {
    background-position: 0 0;
}
ul.sprite li a.twitter span {
    background-position: -32px 0;
}
ul.sprite li a.facebook span {
    background-position: -64px 0;
}
ul.sprite li a.technorati span {
    background-position: -96px 0;
}
ul.sprite li a.friendfeed span {
    background-position: -128px 0;
}

/*Normal Image Structure*/
div.nosprite {
	overflow: hidden;
	margin: 10px auto;
	padding: 0;
}
div.nosprite a {
	display: block;
	float: left;
	padding: 0 5px;
}