@charset "utf-8";
/* CSS Document */

body {
height:100%;
color:#000;
background:#fff;
font-family:trebuchet MS;
font-size:12px;
background: #546d8b url(../images/bg.jpg) repeat-x top left;
margin:0;
text-align:center;
}

#wrapper {
margin:0 auto;
text-align:left;
position:relative;
z-index:10;
width:968px;
}

#header {
width:100%;
min-width:1002px;
position:relative;
z-index:100;
padding:0;
margin:0;
height:200px;
text-align:center;
}

#header img{
padding:48px 0 0 0;
}

#content {
position:relative;
width:968px;
margin:0 auto;
padding:3.8em 13px 18em 13px;
background:none;
height:200px;
color:#0c151b;

}

.bedrijven{
float:left;
width:217px;
margin:0 10px 0 20px;
}

h1{
font-size:25px;
color:#fff;
margin:0;
padding:0;
font-family:georgia;
}

h2{
font-size:19px;
margin:0;
padding:0;
color:#000;
font-family:georgia;
}

h3{
font-size:14px;
margin:0;
padding:0 0 10px 0;
color:#000;
font-family:Trebuchet MS;
}

#footer {
/*position:absolute;
bottom: 0 !important;
bottom: -1px; /* For Certain IE widths */
/*clear:both;
width: 100%;
background: #546d8b url(../images/footer.jpg) repeat-x top left*/;
width:960px;
height:100px;
color:#fff;
font-size:11px;
text-align:center;
float:left;
margin:0 auto;
}

#footer a{
color:#fff;
text-decoration:none;
font-weight:bold;
}

#footer-content{
width:960px;
padding:0;
text-align:right;
color:#fff;
font-size:12px;
margin:0 auto;
}



/* jump stations */

#jumpstations {
width:994px;
position:absolute;
z-index:2;
top:30%;
left:0;
z-index:2;
margin-top:-75px;
}

body.jsready #jumpstations { top:70%; }

#jumpstations .item {
position:relative;
width:227px;
float:left;
margin:0 7px 0 10px;
}

#jumpstations .item .top {
display:block;
height:10px;
overflow:hidden;
background:url("../images/jumpst-shadow-top.png") 50% 0 repeat-y;
}		

#jumpstations .item .bottom {
display:block;
height:12px;
overflow:hidden;
background:url("../images/jumpst-shadow-bottom.png") 50% 0 repeat-y;
}

#jumpstations .inner {
position:relative;
background:url("../images/jumpst-shadow.png") 50% 0 repeat-y;	
}

body.jsready #jumpstations .inner {
overflow:hidden;
}

#jumpstations .item .head {
position:relative;
z-index:200;	
margin:0 12px 0 12px;
background:#FFF;
overflow:hidden;
border:4px solid #849cb8;
height:231px;
}

body.jsready #jumpstations .item .head { cursor:pointer; }

#jumpstations .item .body {
width:175px;
margin:0 12px 0 12px;
padding:10px 10px 0 10px;
background:#FFF;
border:solid #849cb8;
border-width:0 4px 4px 4px;
overflow:hidden;
font-family:trebuchet MS;
font-size:14px;
line-height:25px;
text-align:center;
}

body.jsready #jumpstations .item .body { 
display:none; 
position:relative;
z-index:100;
font-family:trebuchet MS;
}

body.jsready #jumpstations .item.opened .body { display:block; }

#jumpstations .item .body img{
border:none;
vertical-align:middle;
}

#jumpstations .item .body a{
text-decoration:none;
color:#003366;
z-index:999;
}

#jumpstations .item .body a:hover{
text-decoration:underline;
color:#333;
z-index:999;
}

#jumpstations .item h2 a {
display:block;
height:31px;
text-decoration:none;
color:#000;
}

#jumpstations .item .body h3 a { text-decoration:none; }