/* reset */
*
{
margin: 0;
padding: 0;
border: none;
background-color: transparent;
}

table
{
border-collapse: collapse;
}

td,
th
{
padding: 0 5px 0 0;
}

/* standaard elementen */
html
{
overflow-y: scroll;
}

body
{
background: #fff;
color: #636;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size: 11px;
font-weight: normal;
text-align: center; /* voor IE < 6 */
}

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

a:hover
{
text-decoration: underline;
}

h1
{
float: right;
width: 500px;
margin: 75px 12px 10px 0;
_margin: 75px 7px 10px 0;
color: #3cf;
font-size: 14px;
font-weight: bold;
text-align: right;
}

span
{
color: #ED1C24;
}

label
{
font-weight: bold;
}

input,
select,
textarea
{
padding: 2px;
border: 1px solid #636;
background-color: #fff;
color: #000;
font-family: Verdana, Arial, Helvetica, Tahoma, sans-serif;
font-size: 11px;
font-weight: normal;
}

/* structuur + invulling */
#buiten1
{
width: 980px;
margin: 4px auto 0 auto;
background: transparent url(de-springer-nieuws.gif) 8px 0 repeat-y;
}

#buiten2
{
width: 980px;
background: transparent url(de-springer-kop.jpg) no-repeat;
}

#logo
{
float: left;
width: 310px;
height: 165px;
}

#logo img
{
float: left;
}

#menu-boven
{
float: right;
width: 400px;
margin: 50px 228px 0 0;
_margin: 50px 114px 0 0;
text-align: right;
}

#menu-boven a
{
font-size: 13px;
}

#kolom-links
{
float: left;
width: 210px;
margin: 20px 0 0 18px;
_margin: 20px 0 0 9px;
}

#menu-links
{
text-align: left;
}

#menu-links li
{
margin: 14px 0 0 33px;
list-style: none;
color: #3cf;
font-size: 12px;
font-weight: bold;
}

#menu-links a
{
color: #fff;
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

#menu-links a:hover
{
color: #3cf;
}

.nieuws /* index, contact, routebeschrijving */
{
margin: 12px 0 0 0;
border: 1px solid #fff;
text-align: left;
}

.nieuws h2
{
line-height: 24px;
background-color: #fff;
font-size: 13px;
font-weight: bold;
text-align: center;
}

.nieuws p
{
margin: 0;
padding: 5px;
color: #fff;
}

.nieuws h3
{
padding: 5px 0 0 5px;
color: #fff;
font-size: 11px;
font-weight: bold;
text-align: left;
}

.nieuws hr
{
border-bottom: #FFF solid 1px;
}

.nieuws a
{
color: #3cf;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}

.nieuws a:hover
{
text-decoration: underline;
}

#kolom-rechts
{
float: right;
width: 740px;
_width: 755px;
min-height: 400px;
_margin: 0 0 0 -5px;
text-align: left;
}

.categorie /* alle overzichtspagina's met items */
{
float: left;
width: 165px;
height: 220px;
margin: 15px 0 0 15px;
border: 1px solid #3cf;
text-align: center;
}

.categorie h2, 
#artikel h2
{
line-height: 24px;
margin: 0 0 5px 0;
background-color: #3cf;
font-size: 12px;
font-weight: bold;
text-align: center;
}

.categorie a
{
font-size: 12px;
font-weight: bold;
text-decoration: none;
}

.categorie a:hover
{
color: #fff;
}

.categorie p
{
margin: 0;
padding: 5px;
text-align: left;
}

#artikel /* alle pagina's behalve die met een overzicht met items */
{
float: left;
width: 711px;
margin: 15px 0 0 15px;
border: 1px solid #3cf;
}

#artikel h3
{
font-size: 12px;
font-weight: bold;
}

#artikel p
{
margin: 0 0 10px 0;
}

#artikel ul
{
margin: 0 0 0 20px;
}

#artikel ul.openklappen
{
display: none;
margin: 0 0 10px 40px;
}

#artikel a
{
text-decoration: underline;
}

#artikel a:hover
{
text-decoration: none;
}

#artikel img
{
float: right;
margin: 0 0 5px 10px;
}

#slideshow
{
float: right;
margin: 0 0 5px 10px;
text-align: center;
}

#info /* alle pagina's behalve die met een overzicht met items */
{
min-height: 400px;
padding: 0 5px;
text-align: left;
}

#info a
{
font-weight: normal;
}

#info ol
{
list-style-type: lower-alpha;
margin: 0 0 0 20px;
}

#info ol li
{
padding: 0 5px 0 0;
}

#info hr
{
clear: right;
margin: 0 0 10px 0;
border-bottom: #636 solid 1px;
}

.right
{
text-align: right;
}

.input-klein
{
width: 30px;
height: 15px;
border: 1px solid #636;
background-color: #fff;
color: #000;
font-size: 11px;
font-weight: normal;
}

.radio
{
border: none;
}

.knop
{
margin: 10px 0 0 0;
padding: 5px;
background-color: #636;
color: #fff;
font-size: 12px;
font-weight: bold;
cursor: pointer;
}

.knop:hover
{
background-color: #fff;
color: #636;
}

#info-referenties, /* alle referentiepagina's + routebeschrijving + contact + reserveerpagina's */
#info-routebeschrijving,
#info-contact,
#info-reserveren
{
min-height: 350px;
padding: 0 5px;
text-align: left;
}

#info-referenties img
{
float: none;
margin: 2px 1px 2px 0;
}

#info-routebeschrijving img
{
float: none;
display: block;
margin: 0 auto;
}

{
min-height: 350px;
padding: 0 5px;
text-align: left;
}

#info-referenties img,
#info-reserveren img
{
float: none;
margin: 2px 1px 2px 0;
}

#beeldplaatsing
{
width: 500px;
height: 300px;
padding: 5px 0;
}

#info-contact label,
#info-reserveren label
{
display: inline-block;
width: 150px;
vertical-align: top;
}

#info-reserveren form
{
float: left;
}

#info-reserveren td,
#info-reserveren th
{
padding: 2px;
border: 1px solid #636;
text-align: left;
}

#info-reserveren .right
{
text-align: right;
}

#vorige
{
clear: both;
margin: 20px 0 10px 5px;
text-align: left;
}

#vorige a
{
text-decoration: none;
}

#vorige a:hover
{
text-decoration: underline;
}

#footer
{
clear: both;
width: 980px;
background-color: #fff;
}

#menu-onder
{
padding: 10px 0 10px 0;
text-align: center;
}

#menu-onder a
{
color: #000;
font-size: 11px;
font-weight: normal;
text-decoration: none;
}

#menu-onder a:hover
{
text-decoration: underline;
}

#designer
{
padding: 10px 0 10px 0;
background-color: #fff;
font-size: 11px;
font-weight: bold;
text-align: center;
}

#designer a
{
color: #BC9FBE;
font-size: 10px;
font-weight: bold;
text-decoration: none;
}

#designer a:hover
{
color: #855A87;
}