/*
-----------------------------------------------------------
Theme Name: Chr van den Heuvel 
Theme URI: http://www.chrvandenheivel.nl
Description: Custom Design Christ van den Heuvel en Zonen
Version: 1.0
Author: Ron Woering Epona Design
-----------------------------------------------------------
*/



BODY {
 background: #77846c url('images/bg.jpg') repeat-x;
 margin: 0;
}

img a {
border:0px;
}

a img {
border:0px;
}

/* STRUCTURE */

#page {
	width: 800px;
	margin-left: auto;
	margin-right: auto;
	height: auto;
	background-color: ffffcb;
}

.title {
	color: #999999;
	font-family: "italics arial";
	font-variant: small-caps;
	font-size: 28px;
	text-align: center;
	margin-left: 220px;
	padding-top: 0px;
}

.title a, a:active, a:visited {
	color: #3f3e2a;
	text-decoration: none;
	font-weight: normal;
}
.title a:hover {color: #77846c; text-decoration: underline;}


#frame {
	background:url('images/frame.jpg') repeat-y;
	float: left;
	width: 800px;
	height: auto;
}

#frame2 {
 width: 800px;
 float:left;
}

#header1
{
	height: 245px;
	width: 503px;
	border-bottom: 1px solid #669900;
	background-image:url('headers/header1.jpg');
	margin-right: 7px;
	margin-left: 10px;
	padding: 10px;
}


.footertext a { color: #404040; text-decoration:none;}
.footertext a:visited { color: #404040; text-decoration:none;}
.footertext a:active { color: #404040; text-decoration:none;}
.footertext  a:hover {color: #000; text-decoration: underline;}

.footertext {
 padding-top: 60px;
 padding-left: 0px;
 text-align: right;
 font-size: 9pt; 
 font-family: arial;
 color: #000; 
}

#topbanner {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step5.jpg);
	background-repeat: no-repeat;
}

#topbanner1 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step1.jpg);
	background-repeat: no-repeat;
}
#topbanner2 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step5.jpg);
	background-repeat: no-repeat;
}
#topbanner3 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step3.jpg);
	background-repeat: no-repeat;
}
#topbanner4 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step4.jpg);
	background-repeat: no-repeat;
}
#topbanner5 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step5.jpg);
	background-repeat: no-repeat;
}
#topbanner6 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step6.jpg);
	background-repeat: no-repeat;
}
#topbanner7 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step7.jpg);
	background-repeat: no-repeat;
}
#topbanner8 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step82.jpg);
	background-repeat: no-repeat;
}
#topbanner9 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step9.jpg);
	background-repeat: no-repeat;
}
#topbanner10 {
	margin-left: auto;
	margin-right: auto;
	width: 800px;
	height: 280px;
	background-image: url(banners/header%20step10.jpg);
	background-repeat: no-repeat;
}




.navmenu a:link, .navmenu a:visited {
 color: #e9e9db;
 text-decoration: none;
 padding-right: 13px;
 padding-left: 12px;

}

.navmenu a:hover {
 border-left: 1px black solid;
 border-right: 1px black solid;
 background: url('images/navbg.jpg') repeat;
 text-decoration: none;
 color: #cacbaa;
}

.navmenu {
	padding-top: 15px;
	font-size: 11pt;
	font-family: arial;
	color: #FFFFFF;
	margin-left: 18px;
	font-weight: bold;
}



#footer {
 background: url('images/footer.jpg') no-repeat;
 height: 100px;
 width: 800px;
}


#main {
 float: left;
 margin-top: 5px;
 margin-left: 10px;
 width: 530px; 
 background: none;
}

#main2 {
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 0px;
}

#main a img {
border:0px;
}

#side {
	float: left;
	width:210px;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 14px;
	font-size:0.75em;
	color: #000;
	font-family: arial;
	height: auto;
}

#side a { color: #000; text-decoration: none;}
#side a:active {color: #000; text-decoration: overline; }
#side a:visited {color: #000; text-decoration: none; }
#side a:hover { color:#CC9900; text-decoration: none; }

.container {
 text-align: left;
 padding-left: 5px;
 padding-right: 2px;
}

.sideheader {
 background: url('images/sideheader.jpg') no-repeat;
 width: 210px;
 height: 33px;
}

.menu {
	text-align: left;
	font-size: 16px;
	padding-top: 5px;
	padding-right: 0px;
	font-family: arial;
	color: #3F3E2A;
	padding-left: 0px;
}
.headerstyle{
	display:block;
	color:#444F41;
	margin-top: 5px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	background-image: url(images/menu_links2.gif);
	background-repeat: no-repeat;
	font-weight: bold;
	padding: 0px;
	font-variant: small-caps;
	text-align: center;
}

/* Formatting */

.main_date {
 text-align: left;
 font-size: 10px; 
 font-family: arial;
 color: #000; 
}

.main_title {
	text-align: center;
	font-size: 12px;
	color: #454D40;
	padding-left: 15px;
	font-style: normal;
	font-weight: normal;
	font-family: Arial, Helvetica, sans-serif;
}

.main_title a { color: #336666; text-decoration: underline;}
.main_title a:active {color: #996600; text-decoration: none;}
.main_title a:visited {color: #3f3e2a;text-decoration: none;}
.main_title a:hover {color: #3f3e2a; text-decoration: none;}





.main_post {
	text-align: left;
	font-size: 10pt;
	line-height: 150%;
	font-family: arial;
	color: #000;
	margin-left: 20px;
}

.main_post img {
	padding:8px;
	margin-left: 4px;
	margin-right: 4px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}

.main_post ul {
list-style-image: url(arrow.gif);
 }

.main_post a {color: #3f3e2a; text-decoration: none;}
.main_post a:active {color: #3f3e2a; text-decoration: none;}
.main_post a:visited {color: #3f3e2a; text-decoration: none;}
.main_post a:hover {color: #FFFFFF;text-decoration: underline;}

.main_feedback {
 font-size:11px;
 font-family: arial;
 color: #000;
 text-align: left;

 }

.main_feedback a { color: #3f3e2a; text-decoration: none;}
.main_feedback a:visited {color: #3f3e2a; text-decoration: none;}
.main_feedback a:active {color: #3f3e2a; text-decoration: none;}
.main_feedback a:hover{color: #000; text-decoration: none;}


.navi {
 font-size:11px;
 font-family: arial;
 color: #808080;
 text-align: left;
 margin-left: 3px;
 }

.navi a:link {color: #3f3e2a; text-decoration: none;}
.navi a:visited {color: #3f3e2a; text-decoration: none;}
.navi a:active {color: #3f3e2a; text-decoration: none;}
.navi a:hover{color: #000; text-decoration: underline; }

blockquote {
background:url('quote.gif') no-repeat;background-position:top left; text-align:justify; color:#808080;}

#introduction{
	float:right;
	padding:0px;
	background: url(images/menu.gif) no-repeat;
	text-align:left;
	line-height:1.5em;
	color:#999999;
	font-size:1em;
	font-family:"Lucida Grande","Lucida Sans Unicode",arial,sans-serif;
	letter-spacing:0px;
	margin-top: 10px;
	margin-right: 0;
	margin-bottom: 15px;
	margin-left: 0px;
}
 /* Comments Form Styles */ 
.comment_content {
 text-align: justify;
 font-size: 9pt; 
 font-family: arial;
 color: #000; 
 line-height: 130%;
}


.comment_content a {color: #3f3e2a; text-decoration: none;}
.comment_content a:active {color: #3f3e2a; text-decoration: none;}
.comment_content a:visited {color: #3f3e2a;text-decoration: none;}
.comment_content a:hover {color: #000; text-decoration: underline;}

.comments_header{
 color: #3f3e2a;
 text-align: left;
 font-weight: bold;
 font-size: 14px;
 width:350px;

}



.commentlist li {
        margin: 15px 0 3px;
        padding: 5px 10px 3px;
        list-style: none;
        background-color: #dcdbcb;
        border: 1px #3f3e2a solid;
        -moz-border-radius: 7pt;
        }

li.graybox {
        background-color: #dcdbcb;
        border: 1px #3f3e2a solid;
        }


.photo {
	display: block;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 10;
	margin-right: 0px;
	padding-top: 0px;
	padding-right: 2px;
	padding-bottom: 11px;
	padding-left: 14px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-width: 0px;
}


.photo_left_menu {
	display: block;
	background-color: #ABAC9A;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
.photo_right_menu {
	display: block;
	background-color: #FFFFCC;
	float: right;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10;
	padding-top: 2px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
	border: 1px none #FFFFFF;
}
.photo_left {
	padding: 5px;
	display: block;
	float: left;
	margin-top: 0;
	margin-bottom: 0;
	margin-left: 0;
	margin-right: 10;
}

.photo_right {
	padding: 5px;
	display: block;
	float: right;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0px;
	
}
.commentnumber {
        font: italic normal 14px 'Times New Roman', Times, serif;
        margin-top: -5px;
        float:right;
        color: #3f3e2a;
        font-size: 28pt;
        font: italic;
}


#s {
 border:1px solid #000;
 background: #fff;
 width:80%;
}

#b {
 border:1px solid #000;
 background: #fff;
 width:60px;
 align:center;

 font-family:verdana, arial, helvetica, sans-serif;
 font-size:10px;
 margin-top:5px;
}

#button {
 border:1px solid #000;
 background: #fff;
 width:60px;
 align:center;
 font-family: arial;
 font-size:10px;
 margin-top:5px;
}

INPUT{
 border:1px solid #000;
 background: #fff;
}

TEXTAREA{
 border:1px solid #000;
 background: #fff;
 width:480px;
}

.comment_form {
 margin-left: 10px;