@charset "utf-8";
/* CSS Document */

/*
Theme Name: Sanitairwinkel
*/

* { margin: 0; padding: 0;}

a {text-decoration: none; color: #286091;}
a:hover{text-decoration:underline;}
a img { border: 0; }

body { background:url("images/bg.gif") repeat-x scroll 0 0 #618AAA; color:#444440; font-family:Arial,Verdana,Tahoma,Arial,sans-serif; font-size:9pt;}

#total-wrap{width: 974px; margin: 0 auto; background:url("images/container-bg.gif") repeat scroll 0 0 transparent;}
#container {width: 924px; margin: 0 auto; z-index:2;}
#upbg{background:url("images/upbg.gif") no-repeat scroll 0 0;}

#header {width:942px; margin:0px auto; position:relative; background:url(images/header-bottom.jpg) no-repeat left bottom; height:131px;}
#wrapper {overflow: hidden;width:954px;}
#content {border-right:1px solid #D9DAD4; float:left; margin:0 0 20px 9px; width:653px;}
#sidebar { float:left; margin:0 0 0 15px; position:relative; width:240px;}
#footer {clear: both; overflow: hidden; padding: 15px 0; border-top: 1px solid #edede5; font-size: 8pt; background:#f6f6f0;  }

/*HEADER*/
#header h1, #header h2{font-weight: normal; margin: 10px 0px 0px 16px; font-size: 30pt; float:left; position:relative;} 
#header a {}
#header-img{width:201px; height:114px; float:right; margin:0px 0px 0px 0px; position:relative; background:url(images/header-img.jpg) no-repeat;}

/*CONTENT*/
.post {clear:both; margin:10px 0 45px; width:635px;}
.post .date {color:#AEAEAE; font-style:italic; margin:4px 0; float:left;}
.post .date a {font-style:normal;}
.post h1, .post h2 { margin: 10px 0 6px; background:url(images/line.jpg) repeat-x bottom left; width:100%; padding:0 0 10px;}
.post h1 a, .post h2 a {font-weight:bold; font-size:18px; color:#656551; }
.post h1 a:hover, .post h2 a:hover{text-decoration:none;}
h1.single-title {clear:both; margin: 10px 0 6px; background:url(images/line.jpg) repeat-x bottom left; width:100%; padding:10px 0 10px;}
h1.single-title a {font-weight:bold; font-size:18px; color:#656551; }
h1.single-title a:hover { text-decoration:none; }

.post .postcontent { background:url("images/background-post.gif") repeat-x scroll center bottom transparent; line-height:20px; padding:0 0 10px;}
.post .postcontent p { margin-bottom: 10px; }
.post .postcontent a { text-decoration: underline }

.post .thumbnail{ }
.post .thumbnail img{margin:3px 10px 0 0; border:1px solid #AEAEAE; float:left; }
.post li { margin: 5px 0 5px 25px; }
.post ul, .post ol { margin-bottom: 10px; }
.post ul li { list-style-type: square; }
.post .commentslink {float:right; margin:4px 0;}
.post .postcontent blockquote {background: #fafafa; padding: 20px; border-left: 1px solid #000; margin-bottom: 10px; }
.post .postcontent .postcontent code { background: #f0f0f0; }
.post .postcontent pre {background: #fafafa; overflow: scroll; padding: 5px; }
#pagination { margin: 20px 10px 20px 0px; }
.btn-new{float:right;}
.btn-old{float:left;}

/*SIDEBAR*/
#sidebar .widget {margin-bottom: 20px;   overflow: hidden; }
#sidebar .widget h4 {padding-bottom: 5px; font-weight: bold; text-decoration: none; background:url(/images/line.jpg) repeat-x bottom left; width:100%;}
#sidebar ul li {padding: 3px 0; margin: 3px 0; }
#sidebar ol li {margin: 3px 0 3px 20px; padding: 3px 0; }
#sidebar p, .textwidget {line-height: 20px; margin-bottom: 10px; }
#sidebar input#s {border: 1px solid #000; padding: 5px; font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif; font-size: 9pt; width: 50%; margin-right: 5px; margin-top: 5px; }
#sidebar input#searchsubmit {border: 1px solid #000; border-top: 1px solid #fafafa; border-left: 1px solid #fafafa; background: #eee; padding: 4px 5px; font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif; font-size: 9pt; margin-top: 5px; }

/*FOOTER*/
#footer a{color:#a8a88d; text-decoration:none;}
#footer a:hover{text-decoration:underline;}
#footer .left {width: 50%; float: left; }
#footer .right {width: 50%; float: left; text-align: right; }

/*COMMENTS*/
#comments .thecomment {margin-bottom: 25px;padding-bottom: 25px; border-bottom: 1px solid #000; overflow: hidden; height: 1%; }
#comments h6 {font-size: 9pt; text-decoration: none; }
#comments h6 span.comment-number { font-weight: normal; }
#comments .infocomment {font-size: 8pt; line-height: 20px; }
#comments .commentcontent { margin-top: 10px; }
#comments .commentcontent p {line-height: 18px; margin-bottom: 10px; }
#comments p {line-height: 18px; margin-bottom: 10px; }
#comments textarea {width: 80%; border: 1px solid #000; padding: 5px; line-height: 18px; font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif; font-size: 9pt; }
#comments #submit {}
#comments #author, #comments #email, #comments #url {width: 50%; border: 1px solid #000; padding: 5px; line-height: 18px; font-family: 'Lucida Grande', Verdana, Tahoma, Arial, sans-serif; font-size: 9pt; }


/* CALENDER */
#wp-calendar {empty-cells: show; margin: 10px auto 0; width: 155px;}
#wp-calendar #next a {padding-right: 10px; text-align: right;}
#wp-calendar #prev a {padding-left: 10px; text-align: left;}
#wp-calendar a { display: block;	}
#wp-calendar caption {text-align: center; width: 100%; margin-top: -30px;}
#wp-calendar td {padding: 7px 8px; text-align: center;}

/* OVERIGE */
h3, h4, h5, h6 { text-decoration: underline;}
h4 {margin-bottom: 10px; font-size: 9pt; font-weight: normal; }
.alignleft {float: left; margin-right: 10px;}
.alignright {float: right; margin-right: 10px;}
.aligncenter {clear: both; display: block; text-align: center; margin: 0 auto;}
.display-info {margin-bottom: 20px; font-size: 8pt;}
.rssicon { position: absolute; top: 5px; right: 5px; padding: 5px}

/*TWITTER PRO*/
.time-meta{clear:both; color:#999; display:block;}
.time-meta a{color:#999; text-decoration:none;}
.from-meta{display:none;}
h4 a{color:#444440; text-decoration:none;}
/*FLICKR*/
.flickr-img{float:left; position:relative; margin:0px 3px 3px 0px; border:1px solid #999999;}