/*Layout*/

body {
text-align: center; /*center hack*/
background: #28409B;
color: #000000;
}

#wrap {
width: 960px; /*IE6 hack*/
text-align: left; /*center hack*/
background-color: #FFFFFF;
margin: 0 auto;
}

#header {
height: 158px;
width: 960px;
text-align: center;
background: #FFFFFF url('../images/header.png') no-repeat top center;
}

table#openingstijdentabel {
width: 20%;
float: right;
position: relative;
top: 10px;
right: 30px;
font-size: 10px;
text-align: left;
}

table#openingstijdentabel td {
width: 50%;
}

#topphoto {
height: 100px;
width: 960px;
background: #000000 url("../images/topphoto.png") no-repeat top center;
}

#mainbody {
width: 960px;
overflow: auto;
background: #FFFFFF url("../images/content_bg.png") top center repeat-y;
}

#sidebar {
float: left;
width: 192px;
}

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

/*Slideshow*/
#slideshow {
margin: 0 auto;
width: 505px;
height: 388px;
text-align: center;
background: url("/images/slideshow_bg.jpg") top center no-repeat;
}

#script {
width: 480px;
height: 360px;
margin: 0 auto;
text-align: center;
background-color: transparent;
padding-top: 17px;
}

/*Ocassion pagina*/
#occasions {
width: 768px;
text-align: center;
margin: 0 auto;
}

table.fietsen {
width: 400px;
border-spacing: 0;
border-color: #000000;
border-collapse: collapse;
text-align: center;
margin: 0 auto;
margin-top: 10px;
}

.fietsenHD {
background: #c81818 url('../images/footer_bg.jpg') center repeat-x;
color: #FFFFFF;
border: solid 2px blue;
}

td.rand {
border: solid 2px blue;
}

/*Voet*/
#footer {
width: 960px;
height: 53px;
text-align: center;
background: #FFFFFF url("../images/footer.png") top center no-repeat;
color: #000000;
}

/*Classes*/
.inside {
padding: 10px;
padding-left: 40px;
padding-right: 40px;
}

.center {
padding: 10px;
text-align: center;
}

.inputfield {
border: 1px solid #000000;
}

/*Foto's en Plaatjes Classes*/

img.right {
float: right;
border: 1px solid #000000;
}

img.left {
float: left;
border: 1px solid #000000;
}

img.rightnoborder {
float: right;
border: 0;
}

img {
border: 0;
display: block;
}

img.border {
border: 2px #28409B solid;
}

/*Tekstopmaak*/

* {
margin: 0;
padding: 0;
}

h1,h2,h3,h4,h5,h6,p,blockquote,form,label,ul,ol,dl,fieldset,address {
margin: 0.5em 0;
}

form.fotoalbum {
text-align:center;
} 

em {
font-size: smaller;
}

body {
font-size: 76%;
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
}

#content {
margin-bottom: 1em;
}

#footer {
font: 10px Arial, Helvetica, sans-serif;
}

.footertext {
line-height: 25px;
}

p {
margin: 0.5em 0;
}

a {
text-decoration: none;
color: #000000;
}

a:visited {
text-decoration: none;
color: #000000;
}

h1,.componentheading {
font-size: 13px;
}

h2,.componentheading {
font-size: 1.5em;
}

h3 {
font-size: 1.3em;
}

h4 {
font-size: 1.2em;
}

h5 {
font-size: 1.1em;
}

h6 {
font-size: 1em;
font-weight: bold;
}

/*Menu Stijl*/

#menu {
width: 13em;
padding-top: 5px;
padding-bottom: 5px;
margin: 5px 0;
text-align: left;
background-color: #28409B;
}

#menu ul {
margin: 0;
padding: 0;
list-style-type: none;
}

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

#menu ul li a {
width: 11em;
display: block;
padding: 5px;
margin: 0;
background: #28409B;
border-left: 10px solid #DA251C;
}

#menu a:hover {
background: #DA251C url('../images/menu_selection.jpg') repeat-x;
border-left: 0;
color: #fff;
padding-left: 15px;
padding-right:10px;
}

#menu a:link, #navlist a:visited {
color: #EEE;
text-decoration: none;
}

/*Fotoalbum pagina Albumoverzicht*/
#images {
width: 768px;
float: left;
}

#images ul {
float: left;
list-style-type: none;
padding-left: 30px;
}

#images li {
float: left;
margin-top: 10px;
margin-left: 5px;
}

#images li a {
display: block;
}

/*Fotoalbum Foto's*/
#fotoalbumimages {
width: 768px;
float: right;
margin-bottom: 10px;
}

#fotoalbumimages ul {
float: left;
list-style-type: none;
}

#fotoalbumimages li {
float: left;
width: 96px;
height: 96px;
margin-top: 10px;
margin-left: 5px;
border: 2px solid #28409B;
}

#fotoalbumimages li a {
display: block;
width: 96px;
height: 96px;
}
