html {
height:100%; 
max-height:100%; 
padding:0;
margin:0; 
border:0; 
background:#fff; 
font-family:georgia, palatino linotype, times new roman, serif;
font-size:14px;
/* hide overflow:hidden from IE5/Mac */ 
/* \*/ 
overflow: hidden; 
/* */ 
}

body {height:100%; max-height:100%; overflow:hidden; padding:0; margin:0; border:0;}

#content {overflow:auto; position:absolute; z-index:3; top:100px; bottom:20px; left:200px; right:0; background:#eee;margin:20px;padding:10px;}

* html #content {top:0; left:0; right:0; bottom:0; height:100%; max-height:100%; width:100%; overflow:auto; position:absolute; z-index:3; border-top:100px solid #fff; border-bottom:50px solid #fff; border-left:200px solid #fff;}

#head {position:absolute; margin:0; top:0; left:0; display:block; width:100%; height:100px; background-image:url(images/titelfotorij_sepia.jpg); background-color:#FB7D00; background-position:0 0; background-repeat:repeat; font-size:5em; z-index:5; overflow:hidden;color:#FB7D00;}

#footer {position:absolute; margin:0; bottom:0; left:0; display:block; width:100%; height:20px; font-size:1em; z-index:5; overflow:hidden; background:rgb(76,76,76); color:#fff;}

#column_left {position:absolute; left:0; top:100px; bottom:20px; width:200px;  font-size:1.2em; z-index:4; overflow:auto;background-color:rgb(76,76,76);}
#column_left_menu {background-color: #FB7D00;margin:10px;padding:10px;font-weight:bold;}
#column_left_menu a:link {display:block;border-color:#66CC66;border:1px;text-decoration:none;}
#column_left_menu a:visited{display:block;border-color:#66CC66;border:1px;text-decoration:none;}
#column_left_menu a:hover{display:block;background-color:#FFFCFF;color:#660033;border-color:#66CC66;border:1px;text-decoration:none;}
#column_left_agenda {background-color: #FB7D00;margin:10px;padding:10px;font-weight:bold;}
#column_left_agenda a:link, a:visited{color:#000000;}
#column_left_agenda a:hover{text-decoration:none;color:#000000;}

* html #column_left {height:100%; top:0; bottom:0; border-top:100px solid #fff; border-bottom:50px solid #fff; color:#fff;}

#content p {padding:10px; font-size:14px;}
.bold {font-size:1.5em; font-weight:bold;}

dd {display:none;}
a.nav, a.nav:visited {margin-left:50px; display:block; width:100px; height:25px; background:#aaa; color:#eee; border:1px solid #000; text-decoration:none; text-align:center; line-height:25px;}
a.nav:hover {background:#000; color:#0000CC;text-decoration:none;}


input, form, textarea
h1, h2, h3, h4, h5, h6{margin:0; padding:0;}
h1{font-size:16px; color:#FB7D00;}
h2{font-size:14px; color:#FB7D00; margin:10px;}
h3{font-size:12px; border-bottom:solid 1px #DEDEDE; padding:4px 0; margin-bottom:10px;color:#FFFFFF;}

img {border:none;}

a:link, a:visited{color:#000000;text-decoration:underline;}
a:hover{color:#0000CC;text-decoration:underline;}
a img:link {border: none;}
a img:visited {border: none;}
a img:hover {border: none;}

#smallerparagraph {width:400px;text-align:justify;margin-left:200px;}
#smallerparagraph img{margin:20px;}
#smallerparagraph li{ margin-top: 2em; margin-bottom: 2em; }

#geselecteerdefoto {border-color:rgb(76,76,76);border-width:4px;}
#geselecteerdefoto img:link{border-color:rgb(76,76,76);border-width:4px;}
#geselecteerdefoto img:visited {border-color:rgb(76,76,76);border-width:4px;}
#fotos{border-color:#E1D1C1;border-width:2px;}
#fotos img:link{border-color:#E1D1C1;border-width:2px;}
#fotos img:visited {border-color:#E1D1C1;border-width:2px;}

#technisch {background-color:#FF0000;color:#FFFFFF; margin:10px;}

#toonbeeldheadercontainer{background-color:#FF0000;width:720px;}
#toonbeeldheaderleft {float: left; width: 300px; padding: 10px;}
#toonbeeldheaderright {float: right; width: 350px; padding: 20px;}
#toonbeeldheaderright a:link {text-decoration:none;}
#toonbeeldheaderright a:visited {text-decoration:none;}
#toonbeeldheaderright a:hover {text-decoration:none;}

#linklist li{ margin-top: 0.5em; margin-bottom: 0.8em; }
/*/* ------------------------------
PAGE STRUCTURE
------------------------------ */

/* #container has an absolute width (780 pixel) 
#container{width:900px; display:block; margin:0;top:10;left:10;background-color:#FFFFFF;}
#topbar{width:100%; display:block; height:60px;position:relative;top:0;border:3px;border-bottom-style:groove;background-color: #FB7D00;}
.topbartitlewww{font-weight:bold;font-size:32px;text-align:right;padding:30xp;}
#main{width:100%; display:block; padding:10px 0;position:relative;top:30;}
#column_left{width:160px; float:left;top:100px;margin-left:10px;}
#column_left_menu {width:90%;background-color: #FB7D00;}
/*#column_left_menu a:link, #column_left_menu a:visited{display:block;background-color:#660033;border-color:#66CC66;border:1px;}
/* #column_left_menu a:hover{display:block;background-color:#FFFCFF;color:#660033;border-color:#66CC66;border:1px;}
#column_left_agenda {width:90%;background-color: #FB7D00;}
#column_left_agenda a:link, a:visited{color:#000000;}
#column_left_agenda a:hover{text-decoration:none;color:#000000;}
.column_right{margin-right:20px; width:700;}
.columnrightimage {margin: 20px;}
#fotos{border-color:#E1D1C1;border-width:2px;}

div.spacer{clear:both; height:10px; display:block;}
#footer{width:100%; display:block; height:20px;font-size:13px; color:#666666;background-color:#FB7D00}*/

/* Klassen */
.OnderhoudsLijst {background:#CACBB1;border:20px;border-color:#FB7D00;}
.OnderhoudsLijst th{background:#FB7D00;border:0;}
.OnderhoudsLijst tr{border:thick;border-color:#FB7D00;}

.OnderhoudsDetails	{font-size: 11px;background-color: #CCCC99;}

.buttoncss {
background-color:#FB7D00;
color:#FFFFFF;
font-size:10pt;
font-weight:bold;
}

