/*  
Theme Name: Klinkhamer theme
Author URI: http://www.ericks.nl
Version: 1
Author: Erick Schluter
Description: 2 Column layout met heading en footer --- Menu aan de linkerkant middels WIDGETS gerangschikt --- Getest in IE6, IE7, Firefox, Chrome & Safari(PC).
*/

/* GEBRUIKTE KLEUREN:

DONKERE ROOD	-	#692216
DONKERE GEEL(?)	-	#bb9c43
ZWART			-	#000
WIT				-	#fff
*/
body {
	background: url(images/bg_strip01.jpg) top left repeat;
	color: #000000;
	font-size: 0.9em;
	font-family: "Palatino Linotype", "Book Antiqua", Palatino, serif;
	margin: 0px 0px 0px 0px;
	}

body * {margin: 0px; padding: 0px;}

a, a:visited { 
	color: #bb9c43;
	font-weight: normal;
	text-decoration: underline;
	}
a:hover {
	text-decoration: none;
	color: #692216;
	}
a:active {
	text-decoration: none;
	color: #000;
	}

#container { 
	width: 900px;
	text-align: left; 
	margin: 0px auto 20px auto; 
	overflow: hidden;
	}	

/* De titel v/d website met korte omschrijving */
#container h2#titel_v_website{
color:#692216;
font-size: 3.4em;
font-weight: normal;
letter-spacing:5px;
padding:52px 0 0 301px;
text-transform:uppercase;
}
#container h2#titel_v_website a:link, #container h2#titel_v_website a:visited{text-decoration:none;color:#692216;}

#container h1#korte_omschrijving{
color:#692216;
font-size: 1em;
font-weight: normal;
letter-spacing:0.0850em;
padding:0px 0 0 301px;
text-transform:uppercase;
}

#container h1#korte_omschrijving a:link, #container h1#korte_omschrijving a:visited, #container h1#korte_omschrijving a:hover, #container h1#korte_omschrijving a:active{color:#692216;text-decoration:none;}



/* Positie van de titel v/d bezochte pagina */
.position{
padding:204px 0 0 300px;
_padding:198px 0 0 300px;	/* IE6 geneuzel! */
}
.position_blanko{
padding:56px 0 0 300px;
_padding:50px 0 0 300px;	/* IE6 geneuzel! */
}

/* Verschillende headers afhankelijk van welke pagina wordt bekeken */	
#header {
	background: url(images/header.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_paper_strip {
	background: url(images/header_paper_strip.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_instruments {
	background: url(images/header_instrumenten.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_discography {
	background: url(images/header_discography.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_restoration, #header_restoration_clementi{
	background: url(images/header_restauratie.png) top left no-repeat;
	width:900px;
	height:242px;
	text-align: left;
	margin-top:-76px;
	}
#header_services {
	background: url(images/header_services.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_eigenaren {
	background: url(images/header_eigenaren.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}
#header_contact{
	background: url(images/header_contact.png) top left no-repeat;
	width:900px;
	height:242px;
	padding: 0px;
	text-align: left;
	margin-top:-76px;
	}

#header h1, #header_paper_strip h1, #header_instruments h1, #header_restoration h1, #header_restoration_clementi h1, #header_discography h1, #header_eigenaren h1, #header_contact h1{
	color:#692216;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:1px;
	margin: 0px;
	text-transform:uppercase;
	}
#header h3, #header_paper_strip h3, #header_instruments h3, #header_restoration h3, #header_restoration_clementi h3, #header_discography h3, #header_eigenaren h3, #header_contact h3{
	color:#692216;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:1px;
	margin: 0px;
	text-transform:uppercase;
	}
	
#header h1.blanko{
	color:#692216;
	font-size: 30px;
	font-weight: normal;
	letter-spacing:1px;
	margin:24px 0 0 0;
	text-transform:uppercase;
	}	
	
#header h1 a {color: #692216;text-decoration: none;}
#header h1 a:hover {color: #000;text-decoration: none;}

#header h2.slogan{font-size:1.250em;color:#000;}

#header h2 a {color: #692216;text-decoration: none;}
#header h2 a:hover {color: #000;text-decoration: none;}


/* Ivm header-animatie op about_us page 
allerlei andere styles dan de overige headers! */
.position_about_us{
padding:204px 0 0 300px;
_padding:78px 0 0 300px;	/* IE6 geneuzel! */
}
.gallerylayer{background: url(images/header_about_us.png) top left no-repeat;
}
#header_about_us{
background: url(images/header_about_us.png) top left no-repeat;
width:900px;
height:242px;
padding: 0px;
text-align: left;
margin-top:-76px;
	}
#header_about_us_animatie{
position:absolute;
top:-120px;
_top:6px;
left:2px;
padding:0;
}
#header_about_us h1, #header_about_us h3{
color:#692216;
font-size: 30px;
font-weight: normal;
letter-spacing:1px;
margin: -116px 0 0 0;
_margin: 4px 0 0 1px;
text-transform:uppercase;
}


#menu { 
	background: #006699;
	margin: 0px;
	padding: 4px 0px 4px 0px;
	text-align: center;
	border-bottom: 0px solid #888888;
	}
#menu img{border: none;}

#menu h2 {
	color: #ffffff;
	font-size: 15px;
	font-weight: bold;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	}
#menu li {
	display: inline;
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}	
#menu ul {margin: 0px;padding: 4px;}
	
#menu ul li a {
	font-family: Helvetica, Arial, Verdana, Sans-Serif;
	font-weight: bold;
	font-size: 15px;
	color: #ffffff;
	padding: 8px 20px 8px 20px;
	margin: 0px 0px 0px 0px;
	text-decoration: underline;
	}
#menu ul li a:hover {
	color: #ffffff;
	background: #692216;
	padding: 8px 20px 8px 20px;
	text-decoration: none;
	}


#content { 
	display: block;
	background: url(images/content_bg_right.png) top left repeat-y;
	width:581px;
	height:336px; 
	margin: 0px;
	padding: 0px;
	float: left; 
	position:relative;
	overflow-x:hidden;
	overflow-y:auto;
	}

#content .text_area{
	width:99%;
	overflow-y:auto;
	overflow-x:hidden;
	background:#fff;
	padding-left:3px;
}
	
#content p{
	font-weight: normal;
	margin: 0px;
	line-height: 18px;
	padding: 0px 20px 20px 5px;
	}
	
#content .divider{
display:block;
width:537px;
height:50px;
background: url(http://www.klinkhamer-harpsichords.com/klinkhamer/wp-content/uploads/text_end.jpg) top left no-repeat;
margin:0;
padding:0;
}

#content h1 {
	color: #692216;
	font-size: 2.2em;
	font-weight: bold;
	padding: 0px 0px 10px 3px;
	line-height: 120%;
	margin: 0px;
	}
#content h1 a  {color: #cccccc;text-decoration: underline;}
#content h1 a:hover {color: #692216;text-decoration: none;}

#content h2 {
	color: #692216;
	font-size: 2.1em;	
	font-weight: bold;
	margin: 0px;
	line-height: 120%;
	font-variant: normal;
	padding:0 0 14px 3px;
	}
#content h2 a  {color: #692216;text-decoration: none;}
#content h2 a:hover {color: #692216;background: none;text-decoration: underline;}

#content h3 {
	color: #692216;
	font-size: 1.8em;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	padding:0 0 14px 3px;
	}
#content h3 a  {color: #663399;text-decoration: none;}
#content h3 a:hover {color: #692216;background: #ffffff;text-decoration: underline;}

#content h4, {
	color: #692216;
	font-size: 1.7em;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	padding:0 0 14px 3px;
	}
#content h4 a  {color: #663399;text-decoration: none;}
#content h4 a:hover {color: #692216;background: #ffffff;text-decoration: underline;}

#content h5, #content h6 {
	color: #692216;
	font-size: 1.6em;
	font-weight: bold;
	margin-bottom: 0px;
	line-height: 120%;
	padding:0 0 14px 3px;
	}
#content h5 a, #content h6 a  {color: #663399;text-decoration: none;}
#content h5 a:hover, #content h6 a:hover {color: #692216;background: #ffffff;text-decoration: underline;}


.dotted {
		width:100%;
		height:1px;
		text-align: left;
		padding: 0px;
		margin: 0 0 10px 0;
		border-bottom: 1px dashed #692216;
		}

/* Voor lijsten in teksten */
#content ol {
	list-style-type: decimal;
	line-height: 18px;
	margin: 0px;
	padding: 0px 0px 6px 30px;
	}
#content ul {
	list-style: none;
	margin: -8px 0 10px 0;
	padding: 0px 0px 6px 0px;
	}
#content li {margin: 0px;padding: 0px;}
	
#content ul li {
	background: url(images/list_dot.gif);
	background-repeat: no-repeat;
	background-position: 0 .5em;
	position:relative;
	font-weight: normal;
	margin: 0px 0px 0px 10px;
	padding: 3px 0px 4px 30px;
	color: #000;
	}
#content ul li a:link, #content ul li a:visited {
	color: #692216;
	text-decoration: none;
	border-bottom:1px dotted #692216;
	}
#content ul li a:hover {
	color: #000;
	text-decoration: none;
	border-bottom:1px dotted #000;
	}
#content ul li a:active {
	color: #bb9c43;
	text-decoration: none;
	border-bottom:1px dotted #bb9c43;
	}


/* DISCOGRAPHY: CD-COVER met OMSCHRIJVING */
.cd_met_omschrijving{width:510px;height:130px;margin:3px 0 9px 6px;padding:10px;background:#fff;border:1px dashed #692216;}

.omschrijving{float:left;width:360px;text-align:left;padding:0px;background:#fff;}

#content .cd_cover img.alignright{border:2px solid #000;}
#content .cd_met_omschrijving .cd_cover img{float:right;border-width:1px 1px 1px 1px;border-color:#bb9c43 #bb9c43 #bb9c43 #bb9c43;}


/* Links in inhoudelijke teksten */
#content a:link, #content a:visited{
	color:#692216;
	text-decoration:none;
	border-bottom:1px dotted #692216;
	}
#content a:hover{color:#bb9c43;text-decoration:none;}
#content a:active{color:#000;text-decoration:none;}

/* Afbeeldingen in teksten die worden ge-upload met Wordpress: */

/* Voor afbeeldingen welke worden geimporteerd in een pagina of post door de admin */	
.alignleft{float:left;border:0px solid #692216;margin:0 10px 0px 5px;}
.alignright{float:right;border:0px solid #692216;margin:0 0 0px 10px;}
.aligncenter{text-align:center;border:0px solid #692216;margin:0 auto 0px auto;}

#content a.image:link, #content a.image:visited{
	color:#692216;
	text-decoration:none;
	border-bottom:0px dotted #692216;
	}
#content a.image:hover{color:#bb9c43;text-decoration:none;}
#content a.image:active{color:#000;text-decoration:none;}


/* De link die onderaan teksten op de website verschijnt wanneer je bent ingelogd */
#content .edit_entry_link{
clear:both;
font-size:90%;
background:#d3c9bf;
color:#000;
margin-top:10px;
padding:7px 0 7px 8px;
text-align:left;
}
#content .edit_entry_link a{color:#000;}


/* Tabel gebruikt voor de DISCOGRAPHY pagina */
#content table{width:540px;margin-bottom:12px;background:#f8f7f5;margin-left:10px;border:1px dotted #692216;}
#content td{height:130px;border:0px solid #000;}
#content hr{margin:20px 0 20px 0;}


/* Blockquote zoals gebruikt voor de LINKS Pagina */	
blockquote{
	margin: -2px 26px 24px 4px;
	padding: 0px 25px 0px 0px;
	color: #000;
	border-left: 0px solid #d3c9bf;
	border-bottom: 1px dotted #d3c9bf;
	}
blockquote.bgcolor{
	margin: -2px 26px 24px 4px;
	padding: 0px 25px 0px 0px;
	color: #000;
	border-left: 0px solid #d3c9bf;
	border-bottom: 1px dotted #d3c9bf;
	background:#f6f5f1;
	}
#content blockquote p{
	margin: 0px 0px 0px 0px;
	padding: 0px;
	line-height:24px;
	}
#content blockquote a:link, #content blockquote a:visited{
	color:#bb9c43;
	background:#fff;
	font-size:1.3em;
	text-decoration:none;
	}
#content blockquote a:hover{
	color:#000;
	background:#fff;
	text-decoration:none;
	}
#content blockquote a:active{
	color:#ff0000;
	background:#fff;
	text-decoration:none;
	}
	
#content blockquote p strong span{
float:right;
margin-top:0px;
font-weight:normal;
	}
	
	

/* Voor lijst op pagina INSTRUMENTS: */
.instrument{
padding: 10px 0 10px 5px;
margin: 0 0 0 5px;
color: #000;
border-left: 0px solid #692216;
border-bottom: 1px dotted #692216;
background:#fff;
}
.instrument_bgcolor{
padding: 10px 0 10px 5px;
margin: 0 0 0 5px;
color: #000;
border-left: 0px solid #692216;
border-bottom: 1px dotted #692216;
background:#f6f5f1;
	}
	
.instrument IMG, .instrument_bgcolor IMG{border:1px solid #692216;}


.geluidsfragment{
background: url('http://www.klinkhamer-harpsichords.com/klinkhamer/wp-content/themes/klinkhamer_theme/images/mp3_icon.jpg')top left no-repeat;
padding:0 0 3px 20px;}



.postspace {
	width: 440px;
	height: 32px;
	margin: 0px;
	padding: 0px;
	}
.postspace2 {
	width: 560px;
	height: 20px;	/* Hiermee zorg ik voor de uitlijning van de de start van de tekst t.o.v. de Home-button in het menu */
	margin: 0px;
	padding: 0px;
	}
.postspace3 {
	width: 440px;
	height: 15px;
	margin: 0px;
	padding: 0px;
	}


#sidebar { 
	display: block;
	color: #000000;
	background: url(images/content_bg_left.png) top left no-repeat;
	width: 292px;
	height:336px;
	float: left; 
	position:relative;
	margin: 0px;
	padding: 0px;
	text-align: left;
	border: 0px solid #cccccc;
	}
* html #sidebar { margin: 0px 0px 20px 0px; }

#sidebar p{
	margin: 0px;
	line-height: 16px;
	padding: 5px 0px 10px 0px;
	}

#sidebar h2 {
	color: #692216;
	font-size: 15px;
	list-style: none;
	padding: 10px 0px 10px 0px;
	margin: 0px;
	border-bottom: 1px solid #ff9900;
	}
#sidebar ul li h2.widgettitle{
font-size:1px;
visibility:hidden;
}

#sidebar ul {
	list-style: none;
	margin: 0px;
	margin-top:20px;
	*margin-top:2px;
	_margin-top:2px;
	padding: 0px 0px 14px 26px;
	}
#sidebar li {
	list-style: none;
	margin: 0px;
	padding: 0px;
	}
#sidebar ul li ul li{
	list-style: none;
	margin: 0px;
	margin-top:-5px;
	padding: 0px 0px 0px 0px;
	}
#sidebar ul li ul li a {
	color: #692216;
	font-size:1.650em;
	font-weight: normal;
	text-decoration: none;
	}
#sidebar ul li ul li a:hover {
	color: #bb9c43;
	text-decoration: none;
	}
#sidebar ul li ul li a:active {
	color: #000;
	text-decoration: none;
	}	

/* Text Widget met daarin de kleine menuopties geheel onderaan menu */
#sidebar .textwidget{padding-left:26px;}

#sidebar .textwidget a.small_links_sidebar:link, #sidebar .textwidget a.small_links_sidebar:visited{
	color: #692216;
	font-size:0.950em;
	font-weight: normal;
	text-decoration: none;
	}
#sidebar .textwidget a.small_links_sidebar:hover{
	color: #000;
	text-decoration: none;
	}
#sidebar .textwidget a.small_links_sidebar:active{
	color: #bb9c43;
	text-decoration: none;
	}

/* Nieuwsblokje text Widget */
#sidebar .textwidget .news{display:block;width:172px;margin-top:20px;margin-left:0px;background:#692216;color:#fff;padding:10px;border:2px solid #fff;}

#sidebar .textwidget .news{text-align:center;}

#sidebar .textwidget .news h3{width:100%;padding:0;margin:0 0 8px 0;text-transform:uppercase;background:#fff;}

#sidebar .textwidget .news h3 a:link, #sidebar .textwidget .news h3 a:visited{color:#692216;text-decoration:none;}
#sidebar .textwidget .news h3 a:hover{color:#bb9c43;text-decoration:none;}
#sidebar .textwidget .news h3 a:active{color:#692216;text-decoration:none;}

#sidebar .textwidget .news a:link, #sidebar .textwidget .news a:visited{color:#fff;text-decoration:none;}
#sidebar .textwidget .news a:hover{color:#bb9c43;text-decoration:none;}
#sidebar .textwidget .news a:active{color:#fff;text-decoration:none;}


#footer { 
	color: #ffffff;
	background: url(images/footer.png) top left no-repeat;
	width:900px;
	height:120px;
	padding: 0px;
	margin:0;
	_margin:-38px 0 0 0;
	clear: both;
	}
#footer a {color: #FFFFFF;text-decoration: underline;}
#footer a:hover {color: #FFFFFF;text-decoration: none;}
	
#footer .footer_contact{padding-top:40px;font-size:170%;font-style:italic;text-align:center;}

.ontzichtbare_contactgegevens{display:none; !important}