BODY 
{
background-color: #FFFFFF;
background-image: url('images/bg.jpg');
background-repeat: repeat-x;
background-position: left top;
margin:auto;
font-size:100%;
}
`
.norm { color: #000000; font-size: 12pt; font-family: Arial; }

.copy { color: #000000; font-size: 9pt; font-family: Arial; }
a.copy:link { color: #0000FF; font-size: 9pt; font-family: Arial; text-decoration: none}  
a.copy:visited { color: #80FFFF; font-size: 9pt; font-family: Arial; text-decoration: none}  
a.copy:active { color: #80FF80; font-size: 9pt; font-family: Arial; text-decoration: none}  
a.copy:hover { color: #FF0000; font-size: 9pt; font-family: Arial; text-decoration: underline}  

.time { color: #000000; font-size: 0.68em; font-family: Arial; }
.seconds { color: #0000FF; font-family: Arial; }


#main
{
border:2px solid #a1a1a1;
margin:auto;
margin-top: 20px;
padding:0px 0px; 
background:#FFFFFF;
width:990px;
box-shadow: 4px 4px 5px #a1a1a1;
}


#mainpanel
{
border:collapse;
margin:auto;
margin-top: 10px;
padding:10px 10px; 
background:#FFFFFF;
width:100%;
}

#mainpanel tr td
{
vertical-align:top;
}

#left
{
border:1px solid #000000;
margin:auto;
padding: 0px 0px; 
width:195px;
box-shadow: 3px 3px 5px #a1a1a1;
border-radius:10px;
}

#proj
{
margin:auto;
text-align: center;
}

#center
{
border:1px solid #000000;
margin:auto;
padding: 0px 10px; 
width:100%;
border-radius:10px;
}

#wide
{
border:1px solid #000000;
margin:auto;
padding: 0px 10px; 
width:100%;
box-shadow: 3px 3px 5px #a1a1a1;
border-radius:10px;
}

#right
{
border:1px solid #000000;
margin:auto;
padding:0px 0px; 
width:195px;
box-shadow: -3px 3px 5px #a1a1a1;
border-radius:10px;
}

#left, #right, #center, #wide, #proj
{
text-align: center;
font:bold 1.0em arial,sans-serif; color: #000000;
}

#left a, #right a
{
color: #000000;
}

#left a:hover, #right a:hover
{
color: #FF0000;
}



.chromestyle{
width: auto;
font-weight: bold;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
border: 2px solid #035303;
width: auto;
background: #F00; /*Menu achtergrond*/
/*background-image:url('images/menuback.png');*/
padding: 4px 10px;
margin: 0;
text-align: center; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
}

.chromestyle ul li a{
font:normal 16px Verdana;
font-weight:bold;
color: #FFF;
padding: 4px 10px;
margin: 0;
text-decoration: none;
border-right: 1px solid #DADADA;
}

.chromestyle ul li a:hover, .chromestyle ul li a.selected{ /*script dynamically adds a class of "selected" to the current active menu item*/
background: #01C2F9; /*Menu achtergrond*/
/*background-image:url('images/menuback2.png');*/
color: #000;
}

/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;
border: 1px solid #BBB; /*THEME CHANGE HERE*/
border-bottom-width: 0;
font:normal 14px Verdana;
line-height:18px;
z-index:100;
background-color: #C0FFFF;
width: 200px;
visibility: hidden;
}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #BBB; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: bold;
color: #000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: #FF4040;
color: #FFF;
}
/end menu bar

/*specs tabellen*/
#specs
{
font:normal 14px Verdana;
width:auto;
border-collapse:collapse;
}

#specs td, #specs th 
{
text-align:left;
font-size:0.8em;
border:1px solid #000000;
padding:3px 7px 2px 7px;
}

#specs th 
{
font-size:1.1em;
text-align:center;
padding-top:5px;
padding-bottom:4px;
background-color:#01C2F9;
color:#FFF;
}

#specs th.alt
{
text-align:center;
}

#specs tr.alt td 
{
text-align:left;
color:#000000;
background-color:#C0FFFF;
}

#specs td.img
{
text-align:center;
}

#specs a
{
color: #000000;
}

#specs a:hover
{
color: #FF0000;
}


#container
{
width: 100%;
border-collapse:collapse;
}

#container th
{
text-align:center;
}

#container th.main
{
font:bold 12px Verdana;
text-align:left;
}

#container td
{
text-align:left;
font-size:0.75em;
}

#container td.main
{
font:normal 12px arial,sans-serif;
text-align:left;
}

#container a
{
font-size:1.3em;
color:#000000;
}

#container a:hover
{
color:#FF0000;
}


#add
{
border:1px solid #000000;
margin:auto;
padding: 0px 10px; 
width:100%;
border-radius:10px;
}

#add th
{
text-align:center;
}

#add th.main
{
font:bold 12px Verdana;
text-align:left;
}

#add td
{
text-align:left;
font-size:0.75em;
}

#add td.main
{
font:normal 12px arial,sans-serif;
text-align:left;
}

#add a
{
font-size:1.3em;
color:#000000;
}

#add a:hover
{
color:#FF0000;
}