/*
Theme Name: Kwekerij
Author: Felisiat
Author URI: http://www.felisiat.nl
*/

/* Begin Base Elements */
/* Een deel van de layout wordt bepaald door php's (zie rechts): Cliënten Page Template, Kwekerij Page Template, Producten Page Template, en Welkom Page Template. De layout van het contactformulier wordt deels bepaald in plugins (zie links, plugins en dan contact form 7) */

* {margin: 0; padding: 0; border: 0; list-style: none;}

/* !!!! Tekstkleur #770755 -> 0c5e0c */
body {font: 80%/160% "Lucida Grande", Verdana, Lucida, Helvetica, Arial, sans-serif; color: #0c5e0c;  background: 

#fefffc; padding: 0 335px; text-align: center;}



#sizer {margin: 0 auto; width: 100%; text-align: left; max-width: 100%;}
#expander {margin: 0 -335px; min-width: 650px; position: relative;}

/*\*/
* html #expander {height: 0;}
/* */

a {text-decoration: none; color: #8b5; font-weight: bold;}
a:hover {text-decoration: underline; }

small {text-align: right; margin: 1em 0;}

h1 {font-size: 1.5em;}
h2, h4 {font-size: 1.2em;}
h3 {font-size: 1.0em;}
hr {margin: 0 auto; clear: both; border-top: 1px solid #8b5;}
td { vertical-align: top; text-align: left;}
table {padding: 0 0 0 10px; }

table p {text-align: left; margin: -1px; padding: -1px;}
.ruimte {margin: -7px; }


.boxedup {background: url('images/gradient.png') 0 -150px repeat-x #fff; border: 1px solid #ec5; padding: 0.5em 
1.5em; margin: 0.5em; clear: both;}
.boxedin {background: url('images/gradient.png') 0 -190px repeat-x #fff; border: 1px solid #ec5; padding: 0 0.5em; 
margin: 0 120px 0 0.5em;}

.clear {clear: both; height: 0; margin: 0; font-size: 1px; line-height: 0;}

/* End Base Elements */

/* Begin Layout Elements */
#newheader {height: 180px; background: url('images/Hwelkom1.jpg') top center repeat-x; text-align: right;}
#newheader h1 {padding: 70px 20px 15px 0;}

/* tekst groen, on hover donkergroen */
/* #newheader h1 a {font-size: 2em; color: #8b5; text-decoration: none; border-top: 5px solid #770755; 
border-bottom: 5px solid #770755;}
#newheader h1 a:hover {font-size: 2em; color: #770755; text-decoration: none; border-top: 5px solid #8b5; 
border-bottom: 5px solid #8b5; } */

/* default (tekst donkergroen, on hover groen) */
/* !!!! 770755 -> 0c5e0c . Deze waardes worden soms genegeerd, ze worden in een viertal gevallen bepaald door php's 
*/
#newheader h1 a {font-size: 2em; color: #0c5e0c; text-decoration: none; border-top: 5px solid #8b5; border-bottom: 

5px solid #8b5;}
#newheader h1 a:hover {font-size: 2em; color: #8b5; text-decoration: none; border-top: 5px solid #0c5e0c; 

border-bottom: 5px solid #0c5e0c; }

/* !!!! f90 -> feed20 */
#newheader h2 {color: #feed20; padding-right: 20px; margin-top: 10px; font-size: 0.9em;}


/* #wrapper1 {background:  url('images/shadow.png') top left repeat-y; position: relative; font-weight: normal; height: 
100%; } */
#wrapper1 {background: #fefffc;}

/* #wrapper2 {background: url('images/shadow.png') top right repeat-y; position: relative; font-weight: normal;  
height: 100%; } */
#wrapper2 {background: #fefffc;}

.outer {margin-left: 250px; margin-right: 250px; }
.float-wrap {float: left; width: 100%;  margin: 0 -1px 0 0;}

#column1 {float: right; width: 99%; position: relative;   padding: 0 10px 0 0; background: url('images/bloem2.png') 

80px 10px no-repeat; min-height:415px;  height:auto !important;  height:415px; }
#column1 p {margin: 0.4em 0 0.9em 1em; line-height: 1.5em;}
#column1 h1, #column1 h2, #column1 h3 {color: #2H2; font-family: "Trade Gothic", Georgia, "Times New Roman", Times, 

serif; padding: 5px 0; border-bottom: 1px dashed #aaa; margin: 0.5em 0; text-align: left;}
#column1 h2 {font-size: 1.5em;}
#column1 h2.firstheading {background: url('icons/bloempje.png') 0 5px no-repeat; padding-left: 25px; margin-right: 

120px;}
/* !!!! 770755 -> 0c5e0c */
#column1 h2 a {color: #0c5e0c;}
#column1 ul, #column1 ol {margin: 0 1em 1em 2em; padding: 0;}
#column1 ul li {margin: -0.4em 1em; padding: 0.2em; list-style: square inside;}
#column1 ol li {margin: 0 1em; padding: 0.2em; list-style: decimal inside;}
#column1 blockquote {margin: 0; padding: 0 0 10px 55px; font-family: Georgia, "Times New Roman", Times, serif; 

font-style: italic; color: #666; background: url('images/blockquote.gif') 0 0 no-repeat;}
#column1 blockquote p {margin-top: 1em;}
#column1 blockquote blockquote {margin-left: -10px;}

/* !!!! 770755 -> 0c5e0c, decbd8 -> fefffc */
#column2 {float: left; position: relative; width: 200px; margin-left: -250px; font-size: 0.8em; }
.container-left { min-height:425px;  height:auto !important;  height:425px;  margin: 10px 8px 10px 15px; color: 
#fefffc; background: #0c5e0c; padding: 10px 5px;font: Verdana, Lucida, Helvetica, Arial, "Lucida Grande", sans-serif;}

/* !!!! 770755 -> 0c5e0c, decbd8 -> dec */
#column3 {float: right; position: relative; width: 200px; margin-right: -250px; font-size: 1em; padding: 0 0 0 
50px;}
.container-right {min-height:425px;  height:auto !important;  height:425px;  margin: 10px 15px 10px 8px; color: 
#dec; background: #0c5e0c; padding: 10px 5px;font: Verdana, Lucida, Helvetica, Arial, "Lucida Grande", 

sans-serif; }

/* .container-right ul { margin-top: 0px; margin-bottom: 0px; padding-top: 0px; padding-bottom: 0px;} */
/* !!!! 8b5 -> 7ae109 */
#column3 a {color: #7ae109;}
#column3 a:hover {text-decoration: underline;}
#column3 p {font: 80%/100%; padding: 0 0 20px 0;}
#column3 h3 { padding: 0 0 20px 0;}

/* !!!! 770755 -> 0c5e0c */
#rechts {min-height:500px;  height:auto !important;  height:500px; display: block; margin: 0px; padding: 10px 0 0 

10px;
text-align: left; font-size: 1.2em;  color: #A8A; background: #0c5e0c; list-style: none; font-weight: normal; 

z-index: 8; margin: 0; font: Verdana, Lucida, Helvetica, Arial, "Lucida Grande", sans-serif; }

/* !!!! 770755 -> 0c5e0c */
.centerbox {text-align: justify; overflow: visible; width: 100%;}
.formbox {border: 1px solid #0c5e0c}

/* !!!! 770755 -> 0c5e0c, decbd8 -> aca */
#footer {background:0c5e0c; font-size: 0.8em; clear: both; margin: 0 195px 0 195px; color: #aca;}
#footer p {text-align: right; margin: 0; padding: 0;}
#footer a {color: #8b5;}

#back {clear: both; font-size: 0.8em; text-align: right; padding: 0 10px; clear: both; margin-top: 20px;}
#back a {font-weight: normal;}
#back span {float: left;}
#back strong {color: #006;}

/* End Layout Elements */


/* Begin Navigation Elements */
/* !!!! Over ons, Zorg aanpak etc. Background: 8b5 -> 7ae109 */
#navigation {display: block; background: #7ae109; text-align: center; height: 2em; border-top: 4px solid #7AE109; 
border-bottom: 4px solid #7ae109;}

/* !!!! 770755 -> 0c5e0c (tekst) en 7ae109 (rest); 8b5 -> fefffc, nav a: background dec toegevoegd; background 
hover 770755 -> 7ae109, nav a 2em veranderd naar 2.1em */
#nav {padding-left: 20px; min-width: 1000px; margin: 0 auto;}
#nav, #nav ul {text-align: left; font-size: 1.1em; list-style: none; font-weight: normal; z-index: 8;}
#nav li {float: left; padding: 0; margin: 0; }
#nav a {border-right: 4px solid #7ae109; background: #dec; display: block; line-height: 2.1em; padding: 0 15px; color: #0c5e0c; text-decoration: none; font-weight: bold;}
#nav a:hover {border-right: 4px solid #7ae109; background: #fefffc; color: #0c5e0c;}
#nav li ul {margin: 0; padding: 0; font-size: 1em; border: 2px solid #F5F024; background: url('images/page_nav.png') 

repeat #eb5; position: absolute; left: -999em; height: auto; width: 14em;}
#nav li li {width: 14em; margin: 0;}
#nav li ul a {border-left: 1em solid #eee; margin: 0;}
#nav li ul a:hover {border-left: 1em solid #7ae109;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}
#nav li:hover, #nav li.sfhover {background: #7ae109;}

#nav li ul ul {margin: -2em 0 0 13em;}
#nav li:hover ul ul, #nav li.sfhover ul ul {left: -1em;}
#nav li:hover ul, #nav li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul {left: auto;}

/* 770755 -> 7ae109, 8b5 -> fefffc */
#nav .current_page_item, #nav .current_page_item a, #nav .current_page_item a:hover, #nav .current_page_ancestor , 
#nav .current_page_ancestor a, #nav .current_page_ancestor a:hover , #nav .current_page_parent, #nav 
.current_page_parenta, #nav .current_page_parenta:hover  {border-right: 4px solid #7ae109; background: #fefffc; 

color: #0c5e0c;}

/* 770755 -> 7ae109 */
#page_nav {padding: 0 10px;}
#page_nav a {display: block; color: #683; padding: 10px; border: 1px solid #eee;}
#page_nav a:hover {color: #683; border: 1px solid #7ae109; background: #cac; }

/* decbd8 -> fefffc */
#breadcrumbs {position: absolute; font-size: 0.8em; top: 6px; left: 5px; text-align: left; text-transform: 

lowercase; color: #fefffc;}

/* 770755 -> 0c5e0c, 8b5 -> fefffc */ 
#submenu {display: block; padding: 10px 0 0 10px; text-align: left; font-size: 1.05em; background-color: #0c5e0c;  

color: #fefffc; list-style: none; font-weight: normal; z-index: 8; margin: 0; font-family: Verdana, Lucida, 

Helvetica, Arial, "Lucida Grande", sans-serif; }
/* 8b5 -> 7ae109 */
#submenu ul, #submenu li, #submenu ul a, #submenu li a { font-size: 1.1em;  color: #dec;}
#submenu li ul, #submenu li li {margin-left: 0px; margin-bottom: -5px; padding: 0px; font-size: 0.93em;}
#submenu li ul ul, #submenu li ul li {margin-left: 7px; margin-top: -2px; margin-bottom: -5px;  padding: 0px; }
#submenu li ul ul ul, #submenu li ul ul li {margin-left: 7px; margin-bottom: -5px;  padding: 0px; }
/* End Navigation Elements */

/* Begin Form Elements */

/* 770755 -> 0c5e0c */
#searchCSS {font-size: 0.9em; position: absolute; top: 6px; right: 5px;}
#searchform {text-align: center;}
#searchform #s {width: 108px; padding: 0; border: 1px solid #0c5e0c;}
#searchsubmit {font-size: 10px; background: #fff url('icons/icon_search.gif') 1px 1px no-repeat; cursor: pointer; 

padding: 0 0 0 15px; border: 1px solid #0c5e0c;}
#submit {cursor: pointer;}


/* 770755 -> 0c5e0c */
.contactsubmit {background: #8b5; color: #0c5e0c; font-size: 15px; cursor: pointer; border: 2px solid #0c5e0c; 

padding: 5px; }

/* .entry form {text-align: center;} */
select {width: 130px;}

#commentform input {width: 170px; padding: 2px; margin: 5px 5px 1px 0; border: 1px solid #ca3; background: #fed;}
#commentform textarea {width: 95%; padding: 2px; border: 1px solid #ca3; background: #fed;}
#commentform #submit {border: 1px solid #ca3; color: #666; background: #fed; vertical-align: top;}
#commentform #submit:hover {border: 1px solid #f90; background: #000;}
#commentform input:focus, #commentform textarea:focus, #searchform #s:focus {background: #000;}

.comment_no {padding: 10px 0; float: right; font-size: 3em; color: #ec5;}

.commentlist {padding: 20px; margin: 0;}
ol.commentlist {margin: 0 !important; padding: 0 !important;}
.commentlist li {clear: both;  list-style-type: none !important; padding: 10px !important; background: #fff; border: 

1px solid #ec5; margin: 10px !important;}
.commentlist li:hover {border: 1px solid #ccc;}
.commentlist .alt {background: #ffe;}

.commentmetadata {border-top: 1px dashed #ec5; clear: both; text-align: right; font-size: 0.8em; font-weight: 

normal; color: #ca5; margin-top: 20px !important;}

#column1 blockquote.commented {margin-left: 5px; padding: 0 10px 10px 20px; font-style: italic; color: #963; 

background: url('images/blockquote.gif') 0 0 no-repeat !important;}
#column1 blockquote.commented blockquote, #column1 blockquote.commented ul, #column1 blockquote.commented ul li 

{background: none !important; margin: 0 !important; padding: 0 !important;}

.commentlist .gravatar {display: block; float:left; padding: 3px; margin: 0 20px 5px 0; border: 2px solid #ccc; 

background: #eee;}

.alt {clear: both;}

/* End Form Elements */

/* Begin Images */
p img {padding: 0;}
p img[alt="an image"] {float: left; margin: 0 7px 2px 0;}
img.alignright {padding: 4px; margin: 0 0 2px 7px; display: inline;}
img.alignleft {padding: 4px; margin: 0 7px 2px 0; display: inline;}

.center {display: block; margin-left: auto; margin-right: auto; text-align: center;}
.alignright {float: right;}
.alignleft {float: left;}

.images {width: 95%; text-align: center;}
.images img {margin: 10px; border: 5px solid #fc6;}

/* End Images */

/* Special Fixes */
img {max-width: 100%;}

/* \*/
* html #wrapper1, * html .outer a, * html .container-left, * html .container-right, * html .outer, * html h2 

{height: 1%;}
* html .outer p {margin-right: -4px;}
#column2 {margin-right: -1px;}
#column3 {margin-left: -1px;}
* html #column2 {margin-right: -2px;}
/* Holly Hack */