@charset "utf-8"; 
body{font-size:62.5%; background:url(../images/bg.jpg) repeat; padding:0px; margin:0px; font-family:Verdana,Geneva,sans-serif; color:#414141}
/* Header */
#header{width:100%; background:url(../images/topbg.jpg) repeat-x}
#header #headercontainer{width:918px; margin:0 auto; height:131px; position:relative;}
#header #headercontainer #logo{border:0px; position: absolute; left:0px; top:25px;}
#header #headercontainer #searchform{ position: absolute; right:0px; top:25px; width:310px; background:url(../images/searchdecoration.png) no-repeat; padding:0px; margin:0px; height:81px}
#header #headercontainer #searchform p{padding:0px; margin:0px}
#header #headercontainer #searchform #searchquery{border:solid 1px #d4d4d4; height:23px; width:185px; margin:0px 2px 0px 91px; padding:0px; line-height:23px; font-size:12px; float:left; text-indent:10px; color:#b2b2b2; font-style:italic}
#header #headercontainer #searchform #searchquery.activated{color:#919191; font-style:normal; border:solid 1px #9d1919}
#header #headercontainer #searchform #searchbutton{width:25px; height:25px; overflow:hidden; text-indent:-999px;  background:url(../images/searchbutton.png) no-repeat; border:0px; float:left; font-size:0px; display:block; line-height:0px}
#header #headercontainer #adresentelefoon {position: absolute; right:5px; top:58px; color:#999; font-size:1.0em; text-align:right; width:280px;}
#header #menu{clear:both; width:918px; margin:0px auto 18px auto; background:url(../images/menu_back.gif) repeat-x}
#header #menu ul{padding:0px; list-style-type:none}
#header #menu ul li{padding:0px; margin:0px}
#header #menu ul li a{font-size:13px; text-transform:uppercase; color:#b3b3b3; text-decoration:none}
#header #menu ul li a.active{color:#FFF}
#header #menu ul li a:hover{color:#FFF}
#header #flash{width:918px; height:324px; margin:0 auto 18px auto}
/* Broodkruimel */
#breadcrumb{background:url(../images/broodkruimel.png) no-repeat; height:31px; padding:0px; width:918px; margin:0px auto 0px auto}
#breadcrumb ul{padding:0px; margin:0px 0px 0px 20px; list-style:none; background:url(../images/broodkruimelbg.png) repeat; height:31px}
#breadcrumb #pad li{float:left; background:url(../images/slice.gif) no-repeat; display:block; text-indent:15px; font-size:1.3em; line-height:31px; font-weight:100; padding:0px; margin:0px; color:#9d1919; margin:0px 15px 0px 0px}
#breadcrumb #pad a{font-weight:100; font-size:1.0em; line-height:31px; color:#FFF; text-decoration:none; display:block}
#breadcrumb #pad a:hover{text-decoration:underline}
#breadcrumb #pad .home{padding:0px; text-indent:-9999px; background:url(../images/home.gif) no-repeat; width:17px; height:16px; margin-top:6px}
#breadcrumb #pad .home a{display:block; width:17px; height:31px; line-height:31px; padding:0px; text-indent:-9999px}
#breadcrumb #pad .home a{background-image:none;}
/* Main */
#main{width:918px; margin:0px auto 0px auto; background-color:#FFF}
#main #content{padding:20px 20px 20px 20px; width:560px}
#clean #main #content{width:auto}
#main #content h1{color:#727272; font-size:1.9em; font-weight:normal; padding:0px; margin:0px}
#main #content h2{color:#9d1919; font-size:1.5em; font-weight:normal; padding:10px 0px 0px 0px; margin:0px}
#main #content h2 a{color:#9d1919; text-decoration:none}
#main #content h2 a:hover{color:#9d1919; text-decoration:underline}
#main #content h1 strong{color:#9d1919; font-weight:normal}
#main #content p{font-size:1.3em; line-height:15px}
#main #content a{color:#9d1919}
#main #content img{margin:5px;}
#main #content li{font-size:1.3em;}
#main #right{float:right; padding:30px 20px 20px 20px}
#main #right #normal{width:250px; position:relative}
#main #right #normal img{margin-bottom: 15px; border:0px;}
#main #right #top2{background:url(../images/top_right2.jpg) no-repeat; width:250px; height:103px; position:relative; margin-top:30px;}
#main #right #top2 p{color:#CCC; font-size:1.2em; width:70px; text-align:center; position:absolute; top:2px; left:22px}
#main #right #top2 a{color:#858585; text-decoration:none; font-size:1.4em; position:absolute; bottom:12px; left:20px}
#main #right #top2 a:hover{color:#9d1919}
#main #right #topkerst{background:url(../images/top_right_kerst.gif) no-repeat; width:250px; height:103px; position:relative; margin-top:30px;}
#main #right #topkerst p{color:#CCC; font-size:1.2em; width:70px; text-align:center; position:absolute; top:2px; left:22px}
#main #right #topkerst a{color:#858585; text-decoration:none; font-size:1.4em; position:absolute; bottom:12px; left:20px}
#main #right #topkerst a:hover{color:#9d1919}

#main #right #top{background:url(../images/top_right1.jpg) no-repeat; width:250px; height:103px; position:relative; margin-top:0px;}
#main #right #top p{color:#CCC; font-size:1.2em; width:70px; text-align:center; position:absolute; top:2px; left:22px}
#main #right #top a{color:#858585; text-decoration:none; font-size:1.4em; position:absolute; bottom:13px; left:20px}
#main #right #top a:hover{color:#9d1919}
#main #right #middle{background:url(../images/top_right3.jpg) no-repeat; width:250px; height:103px; margin-top:30px; position:relative}
#main #right #middle a{color:#858585; text-decoration:none; font-size:1.4em; position:absolute; bottom:13px; left:20px}
#main #right #middle a:hover{color:#9d1919}
#main #right #bottom{background:url(../images/right_bottom.jpg) no-repeat; width:250px; height:219px; margin-top:30px; padding:10px}
#main #right #bottom p{clear:both; padding:0px; margin:10px 0px; width:230px}
#main #right #bottom h2{color:#9d1919; font-weight:normal; margin:0px; padding:0px; font-size:13px}
#main #right #bottom h2 strong{color:#727272; font-weight:normal}
#main #right #bottom form{padding:0px; margin:0px}
#main #right #bottom label{width:85px; display:block; float:left; margin-bottom:8px; height:18px; line-height:18px}
#main #right #bottom br{clear:both}
#main #right #bottom input{border:0px; height:18px; line-height:18px; float:left; width:138px; margin-bottom:8px; font-size:11px}
#main #right #bottom input.submitbutton{height:25px; width:138px; background-color:none; background-image:url(../images/submitgrey.png); line-height:25px; display:block; border:0px; color:#858585; margin-left:85px}
/* Footer */
#footer{clear:both; margin-top:20px; border-top:solid 7px #333; background:url(../images/footerbg.jpg); height:220px; width:100%; color:#e5e5e5}
#footer #footercontainer{width:918px; margin:0 auto}
#footer #footercontainer .column{float:left; display:block; width:252px; position:relative}
#footer #footercontainer #column1, 
#footer #footercontainer #column2{margin-right:81px}
#footer #footercontainer .column h4{font-size:1.4em; margin:20px 0px 10px 0px; padding:0px 0px 4px 0px; border-bottom:solid 1px #e5e5e5; font-weight:normal}
#footer #footercontainer #column1 h4{margin-bottom:0px}
#footer #footercontainer #column1 img{position:absolute; top:59px; right:0px; border:2px solid #FFF}
#footer #footercontainer .column p{font-size:1.2em; line-height:18px}
#footer #footercontainer .column strong{color:#9d1919; font-weight:normal}
#footer #footercontainer .column a{color:#e5e5e5; text-decoration:none}
#footer #footercontainer .column a:hover{text-decoration:underline}
#footer #footercontainer #column2 ul, 
#footer #footercontainer #column3 ul{list-style-type:none; padding:0px; margin:0px}
#footer #footercontainer #column2 ul li, 
#footer #footercontainer #column3 ul li{margin-bottom:14px}
#footer #footercontainer #column2 ul li a, 
#footer #footercontainer #column3 ul li a{font-size:1.2em}
#footer #footercontainer #column3 ul li a{background:url(../images/footer_arrow.png) no-repeat 0px 2px; padding-left:30px}
#footer #footercontainer #column2 ul li a strong{margin-right:7px}
#footer #footercontainer #column2 ul li a:hover strong{color:#e5e5e5}
/* Pagination */
#pagination-clean{margin:0px; padding:0px 0px 10px 0px}
#pagination-clean li{border:0; margin:0; padding:0; font-size:11px; list-style:none; float:left}
#pagination-clean a{border:solid 1px #DEDEDE; margin-right:2px}
#pagination-clean .previous-off, 
#pagination-clean .next-off{color:#888; display:block; float:left; font-weight:bold; padding:3px 4px}
#pagination-clean .next a, 
#pagination-clean .previous a{font-weight:bold; border:solid 1px #FFF}
#pagination-clean .active{color:#00000; font-weight:bold; display:block; float:left; padding:4px 6px}
#pagination-clean a:link, 
#pagination-clean a:visited{color:#9d1919; display:block; float:left; padding:3px 6px; text-decoration:none}
#pagination-clean a:hover{text-decoration:none}
/* Gastenboek */
#gastenboektoevoegen p{font-size:1.1em; line-height:15px}
/* Fotoalbum */
#fotoalbumcat, 
#fotoalbumthumbs{margin-top:15px}
#fotoalbumcat .cat{width:276px; height:205px; display:block; float:left; background-image:url(../images/bigthumbbg.jpg); margin:0px 15px 15px 0px; border:0px}
#fotoalbumcat .cat a{color:#999; font-size:1.1em; text-decoration:none; position:relative; display:block; width:276px; height:205px}
#fotoalbumcat .cat a:hover{color:#aa212e}
#fotoalbumcat .cat a .catimg{border:0px; padding:10px 0px 0px 11px; width:226px; display:block}
#fotoalbumcat .cat a .zoombutton{display:none}
#fotoalbumcat .cat a:hover .zoombutton{display:block; border:0px; position:absolute; top:65px; right:29px}
#fotoalbumcat .cat a strong{ font-weight:normal;padding:0px; display:block; background:url(../images/pointergrey.gif) no-repeat; background-position:right; width:226px; margin:10px 0px 0px 21px; line-height:20px}
#fotoalbumcat .cat a:hover p{background:url(../images/pointerred.gif) no-repeat; background-position:right}
#fotoalbumthumbs .thumb{width:175px; height:176px; display:block; float:left; background-image:url(../images/smallthumbbg.jpg); margin:0px 0px 15px 0px; border:0px}
#fotoalbumthumbs .thumb a{display:block; position:relative; width:175px; height:176px}
#fotoalbumthumbs .thumb .thumbimg{border:0px; margin-top:6px; margin-left:6px; width:135px; display:block}
#fotoalbumthumbs .thumb a .zoombutton{display:none}
#fotoalbumthumbs .thumb a:hover .zoombutton{display:block; border:0px; position:absolute; top:75px; right:30px}
/* Costum */
#main #content .redbutton{color:#FFF}
#floatedbuttons a{float:left; margin-right:50px}
.defaultform label{width:200px; display:block; margin:5px; float:left}
.defaultform input, 
.defaultform textarea{width:233px; background-color:#f9f9f9; border:1px solid #8c8c8c; margin:5px;}
.defaultform input.smaller{width:100px}
.redbutton, 
.defaultform #submitbutton{height:27px; width:180px; background-color:none; background-image:url(../images/submitred.jpg); line-height:27px; display:block; border:0px; color:#fff; text-align:center; text-decoration:none; margin:20px 0px 0px 273px; text-transform:uppercase; font-size:12px; cursor:pointer}
.redbutton {margin: 10px}
.clr{clear:both}
.message .messageheader{border-bottom:solid 1px #666; background-color:#F0F0F0; margin-bottom:5px; padding:5px 5px 10px 5px; height:30px}
.message .messageheader strong{display:block; width:80px; float:left; margin-bottom:5px}
.message .messageheader i{font-style:normal; float:left}
.message .messageheader br{clear:left}
.message{margin:10px 0px; font-size:1.1em; line-height:16px}
#telefoonnummer {display:none}
