body { background-color:#675a47; font-size:100%; color:#8c623a; font-family: Georgia, "Times New Roman", Times, serif; line-height: 14px; height: 100%; }

html { height: 100%; }
div.container { position: absolute; }

td { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height: 14px; }
table { font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#ffffff; line-height: 14px; }

h1.bordo {font-family:Georgia, Arial, Helvetica, sans-serif; font-style: italic; font-size:16px; color:#ffffff;}
h1.beige { font-family:Georgia, Arial, Helvetica, sans-serif; font-style: normal; font-size:16px; color:#ede8c8; font-weight: normal; text-transform: uppercase; }
#page{ margin:0 auto; width:900px; }

#left { background-color:#fffdf0; height:100%; width:300px; float: left; }
#center { background-color:#800000; background-image:url(../images/mid_bg.jpg); height:100%; width:640px; float: left; }
#right { background-color:#675a47; background-image:url(../images/right_bg.jpg); background-repeat:no-repeat; height:100%; width:300px; float: left; }



.scrollvenster {height: 320px; width: 600px; overflow-y:auto; overflow-x:no; font-family:Georgia, Arial, Helvetica, sans-serif; font-size:11px; color:#fffdf0;
scrollbar-arrow-color: #808000;
scrollbar-face-color: transparent;
scrollbar-highlight-color: transparent;
scrollbar-3dlight-color: transparent;
scrollbar-shadow-color: transparent;
scrollbar-darkshadow-color: transparent;
scrollbar-track-color: transparent;
}


#header{height:105px; background-image:url(../images/header.jpg); margin-bottom:0px;}

.spacer{ position: relative; width: 20px; height: 320px; float: left; }
.head{ position: relative; width: 640px; height: 100px; float: left; }
.images{ position: relative; background-image:url(../images/mid_images.jpg); width: 640px; height: 100px; float: left; }
.images_kp{ position: relative; background-image:url(../images/mid_kapsalon.jpg); width: 640px; height: 100px; float: left; }
.images_om{ position: relative; background-image:url(../images/mid_ommen.jpg); width: 640px; height: 100px; float: left; }
.spacerhead{ position: relative; width: 640px; height: 20px; float: left; }
.spacerleft{ background-image: url(../images/left_bg.jpg); background-repeat: no-repeat; background-position: right bottom; position: relative; width: 300px; height: 200px; float: left; }
.iframe { background-color: transparent; }
#navigatie { font-size: 11px; font-family: Georgia, Arial, Helvetica, sans-serif; width: 200px; }
ul#nagivatie { width: 200px; list-style: none; }
ul#navigatie li {}
ul#navigatie li#active {}
#navcontainer
{ width: 200px; font-family: georgia, serif; font-size: 11px; background-color: teal; text-align: right; text-transform: uppercase; position: relative; float: left; }

ul#navlist
{ text-align: right; list-style: none; padding: 0; width: 200px; float: left; }

ul#navlist li
{ width: 200px; float: left; display: block; padding: 0; }

ul#navlist li a
{ display: block; width: 200px; border-width: 0; border-color: #ffe #aaab9c #ccc #fff; border-style: solid; color: #8d8551; text-decoration: none; background: transparent; float: left; padding-top: 0.5em; padding-bottom: 0.5em; }

#navcontainer>ul#navlist li a { width: 200px; float: left; }

ul#navlist li#active a
{ width: 200px; background: transparent; color: #8d8551; float: left; }

ul#navlist li a:hover, ul#navlist li#active a:hover
{ color: #8d8551; width: 200px; background: #ede8c8; border-color: #aaab9c #fff #fff #ccc; text-align: right; float: left; }


#button { width: 200px; padding: 0 0 1em; margin-bottom: 1em; color: #8d8551; font-size: 11px; font-family: Georgia, Arial, Helvetica, sans-serif; text-transform: uppercase; text-align: right; float: right; }
#button ul { color: #8d8551; list-style: none; margin: 0; padding: 0; }		
#button li { margin: 0; }
#button li a { display: block; padding: 5px 5px 5px 0.5em; color: #8d8551; text-decoration: none; width: 100%; }
html>body #button li a {width: auto;}
#button li a:hover {background-color: #ede8c8;color: #8d8551;}
#button li.sub {font-size: 11px; text-transform: lowercase;}
#button li.select { font-size: 11px; background-image: url(../images/balk.jpg); text-transform: uppercase; }
ul { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 14px; margin: 2px 0 2px 0; list-style-type: disc; display: list-item; }
li { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 14px; margin: 2px 0 2px 20px; list-style-type: disc; display: list-item; white-space: normal; }
ul#2 li { font-size: 11px; font-family: Georgia, "Times New Roman", Times, serif; line-height: 14px; list-style-type: none; margin: 1em 0 1em 40px; }
INPUT.input { font-size: 11px; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 300px; height: 20px; border: solid 1px maroon; }
TEXTAREA.input { font-size: 11px; font-family: Georgia, Arial, Helvetica, sans-serif; font-weight: normal; font-style: normal; width: 300px; height: 60px; border: solid 1px maroon; }
SUBMIT.submit { color: #fff; font-size: 11px; font-family: georgia, serif; font-weight: normal; font-style: normal; background-color: black; width: 100px; height: 20px; }