/*
Theme Name: MiriamSteger
Theme URI: http://wordpress.org/
Description: The 2010 theme for WordPress is stylish, customizable, simple, and readable -- make it yours with a custom menu, header image, and background. Twenty Ten supports six widgetized areas (two in the sidebar, four in the footer) and featured images (thumbnails for gallery posts and custom header images for posts and pages). It includes stylesheets for print and the admin Visual Editor, special styles for posts in the "Asides" and "Gallery" categories, and has an optional one-column page template that removes the sidebar.
Author: Miriam Steger
Version: 1.0
License: GNU General Public License
License URI: license.txt
Tags: black, blue, white, two-columns, fixed-width, custom-header, custom-background, threaded-comments, sticky-post, translation-ready, microformats, rtl-language-support, editor-style, custom-menu
*/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: baseline;
	font-family:Verdana, Geneva, sans-serif;
}
body {
	background: #ffffff; 
	color: #000000; 
	margin: 0 0;
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;;
	}	
#wrapper {
	margin:0 auto;
	width: 980px;
	background-color:#ffffff;
	border-left: dashed 1px #cccccc;
	border-right: dashed 1px #cccccc;
	}
#pagewrapper {
	margin:0 auto;
	padding:0 10px;
}
#header {
	height:150px;
}
#blognaam { 
	margin:0; 
	padding:15px 0 0 60px;
	height:65px;
	border-bottom:1px dashed #cccccc;
	background-image:url(images/logosymbol.gif);
	background-position:left;
	background-repeat:no-repeat;
}
#blognaam img {
	float:left;
	margin-right:10px;
}
#blognaam h1, #blognaam h1 a, blognaam h1 a:hover {
	color:#555;
	font-size:30px;
	text-decoration:none;
}
#headerimg {
	padding:5px 0;
	margin:0 auto;
	/*border-top:1px dashed #cccccc;*/
	border-bottom:1px dashed #cccccc;
	height:150px;
	width:958px;
}
#mainnav {
}
#container {
	width: 100%;
}
#content {
	float: left;
	margin:130px 0 0 5px;
	padding:0 10px 0 0;
	width:770px;
	border-right:1px dashed #cccccc;
}
#sidebar {
	float:left;
	margin:130px 0 0 15px;
	width: 150px;
	clear:right;
}
#sidebar ul li {
	margin: 2px 0 2px 0;  
	}
	
#sidebar ul li ul li {
	margin: 2px 0 2px 7px;  
	}
	
#sidebar ul li a {
	text-decoration: none; 
	font-weight: normal; 
	color: #666; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #EFD1DD; 
	display: block
	}
	
* html #sidebar ul li a {
	display:inline-block 	 /* IE6 needs inline-block */
	}

* + html #sidebar ul li a {
	display:inline-block /* IE7 needs inline-block */
	}
	
#sidebar ul li a:hover {
	text-decoration: none; 
	color: #D9088A; 
	padding: 0 0 0 5px; 
	border-left: solid 7px #D9088A; 
	}
#footer {
	clear: both;
	width: 100%;
	background-color: #ffffff; 
	border-top: dashed 1px #cccccc; 
	margin-bottom:20px;
	padding-bottom: 1px;
	text-align: center;
	color: #999; 
	font-weight: normal;
	font-size: 12px;
	}
#footer a {
	text-decoration:none;
}
#footer a:hover {
	text-decoration: underline;
}	
/******************clearfix********************/

.clearfix:after {
	content: "."; 
	display: block; 
	height: 0; 
	clear: both; 
	visibility: hidden; 
	}
.clearfix {
	min-width: 0; 
	display: inline-block; 
	/* \*/	display: block; }
	* html .clearfix {/* \*/  height: 1%;
	}
.clearboth {
		clear:both;
	}

/***************************************************/

ul, ol, dl, p, h1, h2, h3, h4, h5, h6 {
	margin-top: 10px; 
	margin-bottom: 5px; 
	padding-top: 0; 
	padding-bottom: 0; 
	}
.entry-content p{
	margin-bottom:10px;
	}	
.entry-content li{
	margin:3px 0;
	}	
ul ul, ul ol, ol ul, ol ol {
	margin-top: 0; 
	margin-bottom: 0; 
	}
h1, h2, h3, h4, h5, h6 {
	color:#555555;
	}	
h1 {
	font-size:21px; 
	}
h2 {
	font-size:18px;  
	}	
h2 a:link, h2 a:visited, h2 a:active  {
	color:#555555 !important; 
	text-decoration: none;
	}
h2 a:hover  {	
	color: #D9088A !important;
	text-decoration:underline;
	}
h3 {
	font-size: 16px;
	font-weight:bold;
	}			
h3.widget-title {
	color: #555555; 
	width: 100%; 
	font-size: 18px;
	font-weight:bold; 
	margin-bottom: 0px; 
	padding-bottom: 0px;  
}
h4 {
	font-size:14px;
	font-weight:bold;
	}
a:link, a:visited, a:active {
	/*color: #666666;*/ 
	color:#D9088A;
	font-weight: bold; 
	text-decoration: none; 
	}
	
a:hover {
	color: #D9088A;
	font-weight: bold; 
	text-decoration: underline; 
	}
ul, li {
	list-style:none;
	margin:0;
	padding:0;
}	
input, textarea {
	color: #000; 
	background: #FFEFF6; 
	padding: 0; 
	margin:0; 
	border: 1px solid #EFD1DD; 
	}

/**********************************************/	
img.alignleft {
	float: left; 
	margin: 10px 10px 5px 0; 
	}	
img.alignright {
	float: right; 
	margin: 10px 0 5px 10px !important; 
	}
img.aligncenter {
	display: block;
	margin: 10px auto;
	}
img.fotolinks {
	float: left; 
	margin: 10px 10px 5px 0; 
	}	
img.fotorechts {
	float: right; 
	margin: 10px 0 5px 10px !important; 
	}
img.fotocenter {
	display: block;
	margin: 10px auto;
	}	
.aligncenter, div.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}
.alignleft, div.alignleft {
	float: left;
	margin: 10px 10px 5px 0;
	}
.alignright, div.alignright {
	float: right;
	margin: 10px 0 5px 10px;
	}
#content img {
	margin: 10px 5px 0 0;
	padding: 0;
	border: solid 1px #ddd;
   /* optional rounded corners for browsers that support it */
   -moz-border-radius: 3px;
   -khtml-border-radius: 3px;
   -webkit-border-radius: 3px;
   border-radius: 3px;
	}
	
	
a:hover img {
/*	border: solid 1px #ddd;
	background-color: #e3e3e3;*/
}		
/*Oude meegenomen stijlen*/	
.bold {
    font-weight: bold;
	color:#666666;
}  
.roze {
    color: #D9088A;
}
.clear {
    clear: both;
}
.floatrechts {
    float: right;
	margin: -12px 0 0 0;
}
.floatlinks {
    float: left;
	margin: 0 12px 0 0;
}	
.hstreep {
    background-image: url(plaatjes/horizontaal_stip.gif);
	background-repeat: repeat-x;
	background-position: left center;
	height: 15px;
}
.geenborder {
    border:0 !important;
}
.terug {
    text-align: right;
	float: right;
}
.gasten {
   margin: 1em;
	padding: 5px;
	border: 1px solid #448519;
	text-align: left;
}
.naam {
	font-weight: bold;
	text-align: left;
	float: left;
}
.email {
   font-style: italic;
	font-size: 10px;
	text-align: center;
}
.datum {
   font-size: 10px;
	text-align: right;
	float: right;
}
.center {
    text-align: center;
	margin: 0 auto;
}
.italic {
    font-style: italic;
}
.underline {
	text-decoration:underline;
}
.tekstlinks {
    text-align: left;
}
.tekstrechts {
    text-align: right;
}
.tekstklein {
    font-size: 10px;
}

.dora {
    float: right;
	margin: 0 0 10px 10px;
}
ol li {
    list-style: decimal;
}
.border {
	border:1px solid #EFD1DD;
	}
	
.beadandbreakfast{
border:1px dashed #cccccc;
padding:10px;
height:150px;
}
.hr {
  height: 0;
  font-size: 0;
  line-height: 0;
  margin: 1em auto;
  border-bottom: dashed 1px #cccccc;
}
.edit-link {
	float:right;
}
img.sliced_rechts {
	float: right; 
	clear: right; 
	margin: 0 -15px 0 0 !important;
	border:0 !important;
	padding: 0 !important;
	}

.quote_claudia {
margin:0 10px 10px 30px;
padding: 5px;
background-color:#6a846b;
border:1px dotted silver;
color:#FFFFFF;
width:350px;
}

.nocomment {
	display:none;
	visibility:hidden;
}
/* -----------------------------------------------------------------------------------------------------------
------------------------------------- COMMENTS --------------------------------------------------------------- 
------------------------------------------------------------------------------------------------------------ */

ol.commentlist {
	margin: 15px 0 25px 0;
	list-style-type: none;
	padding: 0;
	border-top: dotted 1px #ccc;
	/*border-bottom: dotted 1px #ccc;*/
	}
	
ol.commentlist li {
	border-bottom: dotted 1px #ccc;
	/*background-color: #ebebeb;*/
	padding: 15px 10px;
	}

ol.commentlist li.alt {
	background-color: #f6f6f6;
	}

ol.commentlist li.authorcomment {
	background-color: #ffecec;
	}
		
ol.commentlist li p {
	margin: 2px 0 5px 0;
	}

li.comment {
	list-style:none;
}
.commentmetadata {
	font-size:10px;
	padding-bottom:10px;
	color:#999;
}
#nav-above {display: none; } 
.nav-previous{float: left; width: 49%; text-align: left; margin:0; padding:0;}
.nav-next{float:right; width: 49%; text-align: right; margin:0; padding:0; }
#nav-below {
	display: block; margin: 0; padding:0 0 20px 0; width: 100%; border-bottom:1px dashed #ccc; /*height: 15px;*/ } 
}

#respond {
	margin-top:30px;
}
.entry-title h2 {
	font-size:18px;	
}
.entry-content {
	padding-bottom:10px;
}.entry-content img{
	padding:0;
	margin:0;
}
.entry-content li {
	list-style:disc;
	margin-left:25px;
}
.entry-utility {
	clear:both; 
	margin:10px 0 30px 0; 
	color: #999; 
	background: #f4f4f4; 
	padding: 5px; 
}
	
#vertaling {
	float:left; 
	display:block; 
}
#vertaling a {
	padding-right:10px;
}
.ngg-caption {
	width:120px;
	text-align:left;
}
#content img.wp-smiley {
	margin:0;
	padding:0;
	border:0;
}
.tantan-eigen {
	margin:2px !important;
}
.wp-caption-text {
	margin:0 5px;
}

.pagination {
clear:both;
padding:20px 0;
position:relative;
font-size:11px;
line-height:13px;
}

.pagination span, .pagination a {
display:block;
float:left;
margin: 2px 2px 2px 0;
padding:6px 9px 5px 9px;
text-decoration:none;
width:auto;
border:1px solid #ccc;
}

.pagination a:hover{
color:#fff;
background: #727272;
}

.pagination .current{
padding:6px 9px 5px 9px;
background: #727272;
color:#fff;
}

.kleuren {
	display:block !important;
	float:left;
	margin-right:35px;
}
.kleuren-klein {
	display:inline;
	float:left;
	margin-right:5px;
}