/*-----------------------------------------------------------------------------

-----------------------------------------------------------------------------*/

/* HTML BODY
----------------------------------------------------------------------------------*/
html { overflow-y: scroll; }
html, body { background-color: #3c2b00; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 0.9em; color: #6C5635; }
html, body, #container { height: 100%; }
body > #container { height: auto; min-height: 100%; }
td { vertical-align:top; }

/* HEADINGS
----------------------------------------------------------------------------------*/
h1 { width: 515px; height: 34px; margin: 0 0 20px 0; padding: 8px 20px 0 20px; background: url('images/Heading_h1_bg.gif') no-repeat top left; color: #3b2d00; font-family: Arial, Helvetica, sans-serif; font-size: 30px; font-weight: bold; }
h2 { font-size: 25px; font-weight: bold; margin: 2px 0 18px 0; }
h3 { margin: 20px 0 10px 0; color: #3b2d00; font-family: Arial, Helvetica, sans-serif; font-size: 20px; font-weight: bold; }

/* LINKS
----------------------------------------------------------------------------------*/
a:link, a:visited, a:active { color: #6C5635; text-decoration: none; font-weight:bold;}
a:hover { color: #6C5635; text-decoration: underline; font-weight:bold;}

/* CONTAINER
----------------------------------------------------------------------------------*/
#container { width: 875px; margin: 0 auto; background: url('images/Container_bg.gif') repeat-y top left; }

/* HEADER
----------------------------------------------------------------------------------*/
#header { position: relative; width: 875px; height: 359px; }

#header #top { position: absolute; top: 0; left: 0; width: 875px; height: 14px; background: url('images/Header_top_bg.gif') no-repeat top left; }

/* Logo */
#header #logo { position: absolute; display: block; width: 231px; height: 74px; top: 25px; left: 60px; background: url('images/Logo.jpg') no-repeat top left; text-indent: -9999px; }
#header #logo2 { position: absolute; display: block; width: 365px; height: 74px; top: 25px; left: 60px; font-family: 'Monotype Corsiva', arial; font-size: 2.8em; }
#header a#logo2:hover  { text-decoration: none; }

/* Navigation */
#header ul#navigation2 		{ position: absolute; display: block; width: auto; height: 74px; top: 25px; right: 23px; }
#header ul#navigation2 li 	{ float: left; background-image: url('images/Home.jpg'); background-position: top left; background-repeat: no-repeat; }
#header ul#navigation2 li a { float: left; display: block; width: auto; height: 74px; padding-top: 25px; text-indent: 12px; }

#header ul#navigation2 li a#nav_home 		{ width: 80px; }
#header ul#navigation2 li a#nav_news	 	{ width: 80px; }
#header ul#navigation2 li a#nav_links	 	{ width: 90px; }
#header ul#navigation2 li a#nav_designers 	{ width: 90px; }
#header ul#navigation2 li a#nav_contact 	{ width: 90px; }


#header ul#navigation li a.active { background-position: bottom left; }
#header ul#navigation { position: absolute; display: block; width: auto; height: 74px; top: 25px; right: 23px; }
#header ul#navigation li { float: left; }
#header ul#navigation li a { float: left; display: block; width: auto; height: 74px; background-position: top left; background-repeat: no-repeat; padding-top: 25px; text-indent: 12px; }

#header ul#navigation li a#nav_home { width: 101px; background-image: url('images/Home.jpg'); }
#header ul#navigation li a#nav_menukaart { width: 112px; background-image: url('images/Menukaart.jpg'); }
#header ul#navigation li a#nav_wijnkaart { width: 97px; background-image: url('images/Wijnkaart.jpg'); }
#header ul#navigation li a#nav_contact { width: 100px; background-image: url('images/Contact.jpg'); }
#header ul#navigation li a.active { background-position: bottom left; }

/* Banner */
#header #banner { position: absolute; width: 829px; height: 253px; top: 106px; left: 23px; overflow: hidden; }
#header #banner #fade { width: 829px; height: 253px; overflow: hidden; }

/* MAIN
----------------------------------------------------------------------------------*/
#main { width: 829px; margin: 0 auto; padding: 0; background: url('images/Main_bg.gif') repeat-x top left; overflow: hidden; }

/* CONTENT
----------------------------------------------------------------------------------*/
#content { float: left; width: 550px; height: auto; padding: 20px 10px; }

#content .textbox { padding-top: 0; }
#content .textbox p { line-height: 120%; }

#content ul { margin: 10px 0 10px 15px; }
#content ul li { list-style-type: disc; margin: 0 0 5px 0; }

#content ol { margin: 10px 0 10px 25px; }
#content ol li { list-style-type: decimal; margin: 0 0 5px 0; }

/* Sub navigation */
#content ul#subnav { margin: 15px; padding: 0; overflow: hidden; }
#content ul#subnav li { display: inline; margin: 0; list-style: none; }
#content ul#subnav a:link,
#content ul#subnav a:visited,
#content ul#subnav a:active { float: left; display: block; width: auto; height: 30px; line-height: 30px; margin: 0 10px 0 0; padding: 0 10px 0 0; text-decoration: none; border-right: 1px solid #dbd4cc; }
#content ul#subnav a:hover { text-decoration: underline; }
#content ul#subnav a.active { padding: 0 10px 0 15px; background: url('images/Subnav_arrow.png') no-repeat center left; }
#content ul#subnav a:hover.active { text-decoration: none; }

#content-wide { float: left; width: 797px; height: auto; padding: 20px 10px; }
#map-position { width: 100%; }
#map_canvas { margin: auto; }
#address-table td { padding: 5px; }

/* Plant-search
----------------------------------------------------------------------------------*/
.plant-search 	{ width: 600px; height: 500px; }
.ps-search-bar 	{ height: 50px; }
.ps-left-col	{ width: 200px; overflow: auto; height: 400px; }
.ps-main-area	{ width: 360; padding-left: 25px; padding-right: 15px; }

/* SIDEBAR
----------------------------------------------------------------------------------*/
#sidebar { float: right; width: 247px; height: auto; margin: 0 10px 0 0; padding: 20px 0; overflow: hidden; }
#sidebar a#reserveer { display: block; width: 247px; height: 56px; margin: 0 0 10px 0; background: url('images/Reserveer2.jpg') no-repeat top left; text-indent: -9999px; }

#sidebar a#btn_nieuwsbrief { display: block; width: 247px; height: 56px; margin: 10px 0; background: url('images/Nieuwsbrief.jpg') no-repeat top left; text-indent: -9999px; }

#sidebar #openingsuren    { width: 207px; height: 307px; padding: 20px; overflow: hidden; background: url('images/Openingsuren_bg.gif') no-repeat; }
#sidebar #openingsuren p  { line-height: 18px; }


/* CONTACT
----------------------------------------------------------------------------------*/
#contact { padding: 0 15px; }
#contact #google_maps { margin: 0 0 20px 0; padding: 20px; border-top: 1px solid #dbd4cc; border-bottom: 1px solid #dbd4cc; }
#contact #google_maps p { margin: 0 0 15px 0; font-weight: bold; }
#contact #adres { padding: 0 20px 20px 20px; line-height: 16px; border-bottom: 1px solid #dbd4cc; }


/* FOOTER
----------------------------------------------------------------------------------*/
#footer { width: 875px; height: 30px; margin: 0 auto; background: url('images/Container_bg.gif') repeat-y top left; }
#footer .content { padding: 0 35px 0 0; color: #666; text-align: center; }
#footer .content a:link,
#footer .content a:visited,
#footer .content a:active { color: #666; }
#footer .content a:hover { color: #999; }

/* OTHER CLASSES
----------------------------------------------------------------------------------*/
.clear { clear: both; }
.hide { display: none; }
.left { float: left; }
.right { float: right; }
.bold { font-weight: bold; }

/* CLEARFIX
----------------------------------------------------------------------------------*/
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */