/* CSS Document */
/*  Stylesheet | Author: Mo-design */
/* niets uit deze stylesheet mag gekopieerd of verspreid worden */
/* vragen of opmerkingen kunnen gemaild worden naar contact@mo-design.nl */

body {margin: 0; padding: 0; font-family: Century Gothic, Verdana, arial; font-size: 12px; color: #7e2100; width: 100%; height: 100%;	
background: url(images/bg.png) repeat-x #fef5f9;}

#container { width: 928px; margin: 0px auto;}

#header {width: 928px; height: 205px; background-image: url(images/header.png); margin:0;}
#menu {width: 928px; height: 44px; background-image: url(images/menu.png);  margin:0;}
#menu ul {width: 928px; margin:0; padding:10px 0 0 0; text-align:center; height: 35px;}
#menu ul li {display: inline-block; height: 35px;}
#menu ul li a {height: 35px; background: url(images/link.png) repeat-x; font-size: 14px; font-weight: bold; color:#df5d6c; padding: 10px 15px 10px 15px; text-decoration: none;}
#menu ul li a.active {height: 35px; font-size: 14px; font-weight: bold; background: url(images/link_active.png) no-repeat center bottom; color:#d92c30; padding: 10px 15px 10px 15px;}
#menu ul li a:hover {height: 35px; font-size: 14px; font-weight: bold; background: url(images/link_hover.png) repeat-x; color:#d92c30; padding: 10px 15px 10px 15px;}

#content {width: 926px; background-image: url(images/content_bg.png); background-repeat:repeat-y; padding-left: 38px;}
#top {width: 853px; height: 7px; background-image: url(images/content_top.png); margin:0;}
#bg {width: 853px; background-image: url(images/content_bg_bg.png); margin:0; overflow:hidden;}
#left {width: 635px; float:left; margin: 0 0 0 5px}
#right {width: 188px; float:left; margin: 0 0 0 11px;}
.head {background-image: url(images/heading.png); background-repeat:no-repeat; width:190px; height: 25px; padding: 12px 0 0 10px; 
font-weight:bold; font-size: 14px; text-transform: uppercase; letter-spacing: 2px; margin:0;}
.tekst {padding: 0 10px 0 10px;}
.toevoeg {font-size: 14px; font-weight: bold; color:#df5d6c; background: #cecece; border: 1px solid #df5d6c; margin-left: 5px; padding:0 10px 0 10px;}
.toevoeg:hover {color:#d92c30;}
.admin_box {font-size: 12px; font-weight: normal; color:#df5d6c; background: #cecece; border: 1px solid #df5d6c; margin: 2px 0 0 5px; padding:0 10px 0 10px; display: block; width: 200px;}
.gastenboek {font-size: 14px; letter-spacing: 1px; padding-left: 5px;}
#bot {width: 853px; height: 6px; background-image: url(images/content_bot.png); margin:0;}
#home {width: 600px; margin: 0 0 0 30px;}
#home span {font-size: 18px; font-weight:bold;}
#box {width: 270px; float: left; border: 1px solid #7e2100; padding: 3px; margin: 3px;}
#error {width: 600px; height: auto; background:#771c00; border: 1px solid #fef5f9; font-weight:bold; color: #fef5f9; text-align:center;}

.blog {width: 590px; margin: 10px auto;}
.topblog {width: 590px; height: 53px; background-image: url(images/topblog.png); margin:0;}
.topblog .datum {font-size: 12px; font-weight:bold; letter-spacing: 1px; padding: 26px 0 0 8px; width:100px; float:left;}
.topblog .titel {font-size: 12px; text-transform: uppercase; letter-spacing: 1px; padding: 26px 0 0 5px; width:135px; float:left;}
.topblog .naam {font-size: 12px; padding: 26px 0 0 30px; width:135px; float:left;}
.topblog .cat {font-size: 12px; padding: 26px 0 0 25px; width:135px; float:left;}
.topblog_bg {width: 590px; overflow:hidden; background-image: url(images/topblog_bg.png); margin:0;}
.bericht {width: 550px; background: #b4b4b4; font-size: 14px; border: 1px solid #fbc3c3; margin: 3px 0 3px 19px; padding: 5px;}
.balk {width: 590px; height: 19px; background-image: url(images/topblog_balk.png); margin:0; padding: 3px 0 0 25px;}
.balktwee {width: 565px; height: 19px; background-image: url(images/topblog_balk.png); margin:0; padding: 3px 0 0 25px;}
.reageer {text-transform: uppercase; letter-spacing: 1px;}
.reactie {width: 570px; border-bottom: 1px solid #fbc3c3; margin: 2px 0 0 15px; overflow:hidden;}
.left_reactie {width: 155px; float:left; margin:0 0 2px 5px; padding: 0 0 0 5px; background: #b4b4b4; border-right: 1px solid #fbc3c3;}
.right_reactie {width: 390px; float:left; margin:0 0 2px 0; padding: 0 0 0 10px;}
.noreactie {width: 570px; height: 1px; margin:0;}
.topblog_bot {width: 590px; height: 10px; background-image: url(images/topblog_bottom.png); margin:0;}

#footer {width:928px; height:80px; background-image: url(images/footer.png);  margin:0; }
#bottom {font-size: 10px; color: #626262; text-align:center; margin:0; padding: 25px 0 0 0;}

a {font-size: 12px; font-weight: normal; color:#df5d6c; text-decoration: none;}
a:hover {color:#d92c30;}
.waardering {background: url(images/waardering.png)no-repeat; width:172px; height: 58px; margin:0; padding: 21px 0 0 8px; font-size:11px;}