/* CSS Document */
html {
overflow: -moz-scrollbars-vertical;
}

body {
margin-top: 20px;
background-color: #000000;
}

p {
margin: 0; 
padding: 0;
}

hr {
width: 95%;
size: 1px;
color: #636969;
}

#container {
width: 1000px;
margin-left:auto;
margin-right:auto;
}

#top {
padding-top: 1px;
background: url(../images/layout/top.png);
width: 1000px;
height: 225px;
}

#aanmelden {
margin-left: 800px;
margin-top: 15px;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #565758;
}

#design {
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #565758;
margin-top: 30px;
margin-left: 870px;
}

#middle {
/*background: url(../images/layout/center.png) repeat-y;*/
/*background-color: #000000;*/
width: 1000px;
min-height: 100px;
}

#menu {
float: left;	
width: 200px;
padding-left: 0px;
padding-right: 10px;
padding-top: 0px;
padding-bottom: 0px;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #565758;
}

#nav {
width: 180px;
/*border-right: 1px solid #000;*/
padding: 10px 0 10px 10px;
/*margin-bottom: 1em;
margin-top: 1em;
margin-left: 1em;*/
/*margin-right: 1em;*/
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #565758;
background-color: #636969;
/*color: #333;*/
}

* html #nav{ /*IE 6 only */
w\idth: 147px; /*Box model bug: 180px minus all left and right paddings for #nav */
}

#nav ul{
list-style: none;
margin: 0;
padding: 0;
border: none;
}

#nav li {
/*border-bottom: 1px solid #90bade;*/
margin: 0;
}

#nav li a {
display: block;
padding: 5px 5px 5px 8px;
border-left: 10px solid #fff;
border-right: 10px solid #636969;
background-color: #ffffff;
color: #000000;
text-decoration: none;
width: 100%;
}

html>body #nav li a{ /*Non IE6 width*/
width: auto;
}

#nav li a:hover{
border-left: 10px solid #000;
border-right: 10px solid #656668;
background-color: #b1b3b6;
color: #ffffff;
}

#nav li a.current{
border-left: 10px solid #000;
border-right: 10px solid #656668;
background-color: #b1b3b6;
color: #ffffff;
}

/*#menu .breadcrumb {
font: normal 14px Calibri, Tahoma, Arial, Verdana, Trebuchet MS;
color: #e4a03a;
text-decoration:none;
}

#menu .breadcrumb:hover {
color: #e4a03a;
text-decoration:underline;
}*/

#content {
border: 10px solid #636969;
background-color: #000000;	
float: left;
vertical-align:top;
width: 770px;
padding-left: 0px;
padding-right: 0px;
padding-top: 0px;
padding-bottom: 0px;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #ffffff;
text-align: justify;
}

#content .rs_wheels {
padding-top: 50px;
padding-bottom: 50px;
text-align: center;
}

/*#content .jz {
border: 1px #636969 solid;	
}

#content .jz tr {
height: 200px;
}

#content .jz td {
border: 1px #636969 solid;	
vertical-align: top;
}*/

#content .titelbalk { 
font: bold 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
background-color: #ffffff;
color: #000000;
text-align: center;
}

#content .velgen {
/*border: 1px #ffffff solid;*/
}

/*#content .velgen tr {
border: 1px #ffffff solid;
}*/

#content .velgen td {
/*border: 1px #ffffff solid;*/
vertical-align: top;
}

#content .afmetingen td {
border: 1px #fff solid;	
text-align: center;
}

#content .contact {
width: 340px;
margin-left:auto;
margin-right:auto;
padding-top: 10px;
}

.fotogalerij img{
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=75);*/
filter: alpha(opacity=75);

/* Regels hieronder dienen om de opacity te beïnvloeden in FireFox. Deze zijn in commentaar geplaatst wegens 
conflict met het jqueryslidemenu; drop-down menu lag precies achter de foto's uit de galerij... */
/*-moz-opacity: 0.75;*/
/*opacity: 0.75;*/
}

.fotogalerij:hover img{
/*filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);*/
filter: alpha(opacity=100);

/* Regels hieronder dienen om de opacity te beïnvloeden in FireFox. Deze zijn in commentaar geplaatst wegens 
conflict met het jqueryslidemenu; drop-down menu lag precies achter de foto's uit de galerij... */
/*-moz-opacity: 1;*/
/*opacity: 1;*/
}

#content_admin {
border: 10px solid #636969;	
width: 880px;
padding-left: 50px;
padding-right: 50px;
padding-top: 10px;
padding-bottom: 10px;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #565758;
background-color: #fff;
text-align: justify;
}

#content table, #content_admin table {
text-align: left;	
}

#content_admin a {
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #000000;
text-decoration:none;
}

#content a {
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #fff;
text-decoration:none;
}

#content a:hover, #content_admin a:hover {
text-decoration:underline;
}

/*#footer {
clear: both;
background: url(../images/layout/bottom.png) no-repeat;
background-color: #FFFFFF;
width: 1000px;
height: 10px;
}

#footer table {
width: 800px;	
margin-top: 20px;
margin-left: 50px;
font: normal 10px Verdana, Calibri, Tahoma, Arial, Trebuchet MS;
color: #565758;
}

#footer span {
color: #e4a03a;	
font-weight:bold;
}*/

.alternateRow {
background-color: #f5f5f5;
}

.privacy_disclaimer {
float:left;
margin-left: 710px;
margin-top: 180px;
}

/*.tiny_tekst_grey {
color: #6c6f70;
font: normal 9px Verdana, Calibri, Tahoma, Arial, Trebuchet MS;
}

.tiny_tekst_gebruiker {
color: #e4a03a;
font: normal 9px Verdana, Calibri, Tahoma, Arial, Trebuchet MS;
}*/

#content_admin .titelbalk { 
font: bold 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
background-color: #b1b3b6;
color: #FFFFFF;
}

#content_admin .titelbalk a, #content_admin .titelbalk a:hover { 
font: bold 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS; 
color: #FFFFFF;
text-decoration:none;
}

.titel { 
font: bold 14px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #000000;
text-align: left;
}

.titel_alternate { 
font: bold 14px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #FFF;
text-align: left;
}

.tekst { 
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
color: #000000; 
}

.errormessage {
color:#FF0000;
}

.button {
border: 1px solid #333333;
background: #b1b3b6;
color: #FFFFFF;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
}

.button_alternate {
border: 1px solid #ffffff;
background: #b1b3b6;
color: #ffffff;
font: normal 12px Arial, Verdana, Calibri, Tahoma, Trebuchet MS;
}

.divoverzichtafbeeldingen {
float:left;
width: 200px;
margin-right: 10px;
}

.divdetailafbeelding {
float:left;
width: 600px;
}

table.overzichtafbeeldingen  {
	border-width: 0px;
	border-style: outset;
	border-color: #2975af;
	border-collapse: collapse;
	background-color: white;
	width: 200px;
	margin-left:auto;
	margin-right:auto;
}

table.overzichtafbeeldingen th, table.detailafbeelding th {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #2975af;
	background-color: #2975af;
	color:#FFFFFF;
	text-align:center;
}

table.overzichtafbeeldingen td, table.detailafbeelding td {
	border-width: 1px;
	padding: 1px;
	border-style: solid;
	border-color: #2975af;
	background-color: white;
	text-align:center;
	padding:5px;
}

select { border: 1px solid #000;}

table.detailafbeelding  {
	border-width: 0px;
	border-style: outset;
	border-color: #2975af;
	border-collapse: collapse;
	background-color: white;
	width: 600px;
	margin-left:auto;
	margin-right:auto;
}

.footer {
background-color: #2975af;
color: #FFFFFF;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-align:center;
}

.footer a {
color: #FFFFFF;
font-family: Trebuchet MS, Tahoma, Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
}