/* Chaamse Hoen layout css file */
/* Author: Stefan van Gastel & Tim Hereijgers */
/* Contact: thereijgers@hotmail.com */

/* <Standard tags> */
body {
margin:0;
background:#fff url('../images/layout/plants_bg.jpg') repeat-x bottom center;
text-align:center;
font-family:Tahoma, Arial Helvetica, sans-serif;
font-size:0.8em;
line-height:1.6em;
color:#444;
}

p {
margin:21px 0px 21px 0px;
padding:0;
}

a, a:link {
color:#81d824;
text-decoration:underline;
}

a:hover {
color:#d82424;
text-decoration:underline;
}

a img {
border:0px;
}

ul {
margin-top:4px;
margin-bottom:13px;
color:#63a819;
}


form {
margin:0;
padding:0;
}

input {
border:1px solid #758d3e;
line-height:22px;
height:22px;
font-size:1.1em;
color:#333;
font-weight:bold;
padding-left:2px;
margin:5px;
width:200px;
}

textarea {
border:1px solid #758d3e;
font-size:0.9em;
line-height:18px;
font-family:Arial, Tahoma, Helvetica, sans-serif;
color:#333;
font-weight:normal;
padding-left:2px;
margin:5px;
width:340px;
height:110px;
}

input.checkbox {
border:0;
width:14px;
vertical-align:middle;
}

h1, h2 {
font-family:'Trebuchet MS', serif;
font-size:26px;
color:#81d824;
font-weight:normal;
margin:30px 0px 10px 0px;
padding:0;
line-height:28px;
}

h2 {
font-size:19px;
line-height:20px;
margin-bottom:0;
color:#1c1d1f;
}
/* </Standard tags> */


/* <Layout> */
.top {
width:100%;
height:321px;
background:url('../images/layout/topbar_blue.jpg') repeat-x top;
}

.topbar {
width:100%;
height:115px;
background:url('../images/layout/topbar.png') repeat-x top;
position:relative;
z-index:4;
top:31px;
text-align:center;
}

.container {
width:880px;
text-align:left;
margin-left:auto;
margin-right:auto;
}

.logo {
width:218px;
height:133px;
background:url('../images/layout/logobase.png') repeat-x top;
position:relative;
z-index:6;
top:-81px;
left:13px;
text-align:center;
}

.logo a img {
border:0;
}

.header_frame {
width:631px;
height:220px;
background:url('../images/layout/headerbase.png') no-repeat top;
position:relative;
z-index:3;
top:-110px;
right:13px;
margin-bottom:-110px;
float:right;
}

#header {
overflow:hidden;
width:613px;
height:211px;
margin-left:9px;
}

.contenttop {
width:880px;
height:136px;
background:url('../images/layout/contenttop.png') no-repeat top;
position:relative;
z-index:2;
top:-63px;
margin-bottom:-63px;
}

.content {
float:left;
width:880px;
background:#fff url('../images/layout/content_bg.jpg') bottom right no-repeat;
padding-bottom:100px;
}

.left {
float:left;
width:209px;
position:relative;
z-index:3;
top:-160px;
}

.right {
float:left;
width:601px;
padding-left:45px;
}

.footer {
float:left;
width:863px;
height:38px;
background-color:#333;
border-bottom:5px solid #666;
color:#fff;
font-size:12px;
font-family:Tahoma, Arial, sans-serif;
line-height:38px;
padding-left:17px;
margin-bottom:30px;
}

.footer a {
color:#fff;
text-decoration:none;
margin-right:10px;
}

.footer a:hover {
color:#fff;
text-decoration:underline;
}
/* </Layout> */


/* <Topbar> */
ul#webring {
padding:0;
margin:0;
list-style:none;
text-align:right;
margin-left:auto;
margin-right:auto;
width:900px;
position:relative;
z-index:5;
top:29px;
}

ul#webring li {
display:block;
width:137px;
height:99px;
float:right;
margin-top:6px;
position:absolute;
z-index:1;
}

ul#webring li.silver {
background:transparent url('../images/layout/webring_silver.png') no-repeat center;
right:2px;
}

ul#webring li.green {
background:transparent url('../images/layout/webring_green.png') no-repeat center;
right:92px;
}

ul#webring li.red {
background:transparent url('../images/layout/webring_red.png') no-repeat center;
right:183px;
}

ul#webring li.blue {
background:transparent url('../images/layout/webring_blue.png') no-repeat center;
right:257px;
}

ul#webring li.orange {
background:transparent url('../images/layout/webring_orange.png') no-repeat center;
right:348px;
}
/* </Topbar> */


/* <Main menu> */
.nav_top {
width:209px;
height:15px;
float:left;
margin:0px 0px 0px 17px;
background:url('../images/layout/nav_top.jpg') no-repeat center top;
}

ul#nav, #nav ul { /* all lists */
padding:0;
margin:0;
list-style:none;
float:left;
}

ul#nav {
background:url('../images/layout/nav_bg.jpg') repeat-y;
margin:-1px 0px 0px 17px;
width:209px;
}

ul#nav li {
display:block;
width:209px;
height:27px;
margin-bottom:1px;
float:left;
position:relative;
}

ul#nav li a {
display:block;
padding-left:33px;
height:27px;
width:176px;
line-height:27px;
border-bottom:1px solid #5d5e60;
background:transparent url('../images/layout/nav_item.png') no-repeat left top;
font-size:12px;
color:#d7d7d7;
font-family:Tahoma, Arial, sans-serif;
text-decoration:none;
}

ul#nav li a:hover {
color:#000;
text-decoration:none;
background:#666 url('../images/layout/nav_item_ro.png') no-repeat left top;
border-bottom:1px solid #fff;
}

ul#nav li ul { /* second-level lists */
position:absolute;
left:-999em;
margin-left:209px;
margin-top:-27px;
background-color:#666;
}

ul#nav li ul { /* third-and-above-level lists */
left: -999em;
}

ul#nav li:hover ul, ul#nav li:hover ul ul, ul#nav li.sfhover ul, ul#nav li.sfhover ul ul {
left: -999em;
}

ul#nav li:hover ul, ul#nav li li:hover ul, ul#nav li li li:hover ul, ul#nav li.sfhover ul, ul#nav li li.sfhover ul, ul#nav li li li.sfhover ul { /* lists nested under hovered list items */
left: auto;
}

ul#nav li ul a {
color:#000;
border-bottom:1px solid #000;
background:transparent url('../images/layout/submenu_item.jpg') no-repeat 12px 11px;
padding-left:32px;
}

ul#nav li ul a:hover {
color:#fff;
background:transparent url('../images/layout/submenu_item_ro.jpg') no-repeat 12px 11px;
}

.nav_bottom {
display:block;
float:left;
width:209px;
height:199px;
margin-left:17px;
background:url('../images/layout/chick.jpg') no-repeat left top;
}
/* </Main menu> */


/* <Content> */

/* <Content> */