/* 
	Created by: Geert Hoekzema
	Company: http://fiendo.nl
	Date:09-05-2008
	Email:geert@fiendo.nl
*/

html, body { margin:0px; padding:0px; height:100%; width:100%; }
body {line-height:1.5em;font-size:75%;font-family: Arial, Verdana, sans-serif; color:#555; }

div#header {line-height:2em;   z-index:20; position:absolute; top:10px; left:50%; padding:50px 0 0 0; height:96px; width:824px; background-image:url("images/header.jpg"); margin:0 0 0 -412px;}
div#header h1 { display:inline; font-size:2.5em; margin:50px 0 0;}
div#header h2 { display:inline; font-size:2.0em; color:#555;}

div#mainHolder { position:absolute; z-index:10; width:824px; margin-left:-412px; left:50%; min-height:100%; }
div#contentHolder { margin-top:156px; width:100%; height:100%; border-top:1px solid #fff; border-bottom:1px solid #fff;;} 

div#leftMenu {float:left; width:195px; height:100%; }
div#leftMenu ul { margin:0px; padding:0px; list-style-type:none;}
div#leftMenu ul li { background-image:url("images/backgroundMenuItem.png"); background-repeat:repeat-x; background-position:left bottom; background-color:#ddd; margin:0px; padding:0px; vertical-align:middle; min-height:30px; margin-bottom:2px; }
div#leftMenu ul li a { display:block; border-left:2px solid #ccc; border-top:1px solid #ccc; border-bottom:1px solid #ccc; background-image:url("images/menuArrow.png"); background-repeat:no-repeat; background-position:left center; vertical-align:middle; padding-left:20px; min-height:23px; padding-top:6px; color:#222; font-size:1.2em; text-decoration:none; }
div#leftMenu ul li a:hover { background-color:#ddd; background-image:url("images/menuArrowColored.png"); border-left:2px solid #2b5475;}
div#leftMenu .bottomMenu,div#leftMenu .topMenu { font-size:.1em; height:3px; background-image:url("images/menuTiles.png"); background-position:left bottom; background-repeat:no-repeat; margin:1px;}
div#leftMenu .topMenu {	margin-top:20px; background-position:left top; }
div#leftMenu .bottomMenu {	background-position:left bottom; }
div#leftMenu form#inlog { padding:10px;background-color:#ebebeb; border:1px solid #cccccc;}
div#leftMenu form#inlog label { font-weight:bold; font-size:.9em; }
div#leftMenu #adHolder { position:relative; padding:10px; height:175px; width:175px; background-color:#fff; margin:20px 0; background-image:url("images/advertentie.jpg"); color:#fff; font-size:2.3em; line-height:1.5em; }
div#leftMenu #adHolder span { font-size:.8em; }
div#leftMenu #adHolder a { font-size:.6em; color:#ccc; text-decoration:none; position:absolute; bottom:0px;}
div#leftMenu #adHolder a:hover { background-color:transparent; color:#fff;}

div#text { line-height:1.8em; margin:20px 0 30px 205px; background-color:#ececec; width:596px; padding:10px; background-image:url("images/backgroundText.png"); background-position:left top; background-repeat:no-repeat;}
div#footer { position:absolute; color:#999; bottom:0px; text-align:center;  right:0px; width:616px; background-color:#ececec; background-image:url("images/backgroundText.png"); background-position:right top; background-repeat:no-repeat;}

/* general */
h1, h2, h3, h4, h5, h6 { margin:5px 0 3px 0; }
p { margin:0 0 15px; }
h1 { font-size:1.8em;}
h2 { font-size:1.6em;}
h3 { font-size:1.4em;}
h4 { font-size:1.2em;}
h5 { font-size:1em;}
h6 { font-size:1em;}

a,h1,h3,h6{ color: #2b5475; }
a:hover {background-color: #cedfea; color:#111; text-decoration:none; }

.clear { /* generic container (i.e. div) for floating buttons */
    overflow: hidden;
    width: 100%;
}

a.button {
    background: transparent url('images/bg_button_a.gif') no-repeat scroll top right;
    color: #444;
    display: block;
    float: left;
    font: normal 12px arial, sans-serif;
    height: 24px;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    text-decoration: none;
}

a.button span {
    background: transparent url('images/bg_button_span.gif') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
} 

a.button:active {
    background-position: bottom right;
    color: #000;
    outline: none; /* hide dotted outline in Firefox */
}

a.button:active span {
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}