/* 
Theme Name: Conceditor WP Pixels
Theme URI: http://www.wp-magazine.se
Description: A Nice Hybrid WordPress Theme, prefect for a WebFolio
Version: 1.0
Author: Peter From
Author URI: http://www.conceditormedia.se

Licensed under the Creative Commons Attribution-Share Alike 3.0 License
http://creativecommons.org/licenses/by-sa/3.0/

You are free to use, share, and remix this theme.  Please give attribution, and share alike.  Sharing is, after all, caring. Just keep the copyright notice in the footer intact. Thank you.

*/

/* Overall code */
html, body {
min-height: 100%;
height: auto;
}

/*Explorer */
html, body {
height: 100%;
height: auto;
}

#sitewrap {
	margin: 0 auto;   /* align for ALL good browsers */
	text-align: left; /* counter the body center */
	border-top: 1px solid #c1c1c1;
	width: 1000px;
	height: auto;
}

/* Different backgrounds */

body#default 
{ background: url(images/header-all.jpg) repeat-x #efefef;
}
body#frontpage { 
background: url(images/header-front1.jpg) no-repeat top #efefef;
}
body#haarlemgh { 
background: url(images/header-front2.jpg) no-repeat top #edf3fa; /* edf3fa */
}

/* HEADER */
#header { 
	width: 1000px; 
	height: auto; 
}
#headerpic {
	width: 1000px;
	height: auto;
	background: #000000;
}

#headerpicture {
	width: 1000px;
	height: auto;
	border-bottom: 0px;
}

#headerhome {
	width: 1000px;
	height: 325px;
	border-bottom: 1px solid #5faa2b;
	background: url('images/header.jpg');
}
#blogname_home {
	/* margin-top: -1500px; /*TOEGEVOEGD */
	display: none;
	float: left;
	margin-left: 25px;
	padding: 25px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 24px;
	color: #5c5c5c;
	border-bottom: 2px solid #5faa2b;
}
#blogdescription_home {
	display: none;
	float: left;
	margin-left: 25px;
	margin-top: 7px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 18px;
	color: #5c5c5c;
}
#blogname {	
	float: left;
	margin-left: 25px;
	padding: 25px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 24px;
	color: #5c5c5c;
	/* border-bottom: 2px solid #5faa2b; */
}
#blogdescription {
	/* margin-top: -1000px; /*TOEGEVOEGD */
	float: left;
	margin-left: 25px;
	margin-top: 7px;
	padding: 0px 0px 0px 0px;
	width: 500px;
	height: 35px;
	font-family: Tahoma;
	font-weight: normal;
	font-size: 18px;
	color: #5c5c5c;
}
#headersearch {
	width: 1000px;
	height: 40px;
	background: url('images/name.jpg') center no-repeat #000;
	filter:alpha(opacity=50);
	-moz-opacity:.50; 
	opacity:.50;
	-khtml-opacity: 0.5;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";	
	margin-top: -44px;
	text-align: right;
	padding: 0px 0px 0px 0px;
}
#sf {
	margin-right: 10px;
	padding-top: 9px;
}
.rss {
	float: right;
	margin-top: -27px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}
.rss a {
	text-decoration: none;
	color: #f6f6f6; /* b9b9b9 */
}
.rss a:hover {
	color: #5faa2b;
	text-decoration: none;

}
.rss img {
	border: none;
	text-decoration: none;
}

/*Featured*/
#separator {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 5px 5px 5px 0px;
}
#separator-s {
	width: 90%;
	border-bottom: 1px solid #634b08;
	margin: 15px 5px 15px 0px;
}
#featured {
	width: auto;
	height: 300px;
	background: #e6e8ed; /* #e4e4e4;*/
	border-top: 1px solid #c1c1c1; /* #292929; */
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1; 
	padding-left: 25px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 13px;
	color: #666666;
}
#featured a {
	color: #006699; /* #d69b1d; */
		text-transform: uppercase;
}
#featured a:hover {
		color: #565656;
		text-transform: uppercase;

}
#featuredConc {
	float: right;
	margin-top: -220px;
	padding-right: 25px;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-size: 10px;
}
#featuredConc a {
	text-decoration: none;
	color: #666666;
}
#featuredConc a:hover {
	color: #5faa2b; /*9b2519 */
	text-decoration: none;

}
#featured h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.box2 { 
	display: block; 
	float: left; 
	margin-right: 10px; 
	width: 180px; 
	height: auto;
}
.boxhgh { 
	display: block; 
	float: left; 
	margin-right: 10px; 
	width: 180px; 
	height: auto;
	border: 1px solid #c1c1c1;
	background-color: #ffffff;
	padding: 4px;
	margin: 5px 0px 5px 0px;
}
.last2 { 
	margin-right: 0; 
	padding: 0px 3px 3px 0px;
}

#morecontent {
	width: auto;
	height: auto;
	background: url('images/more-bg.jpg') repeat-x;
	background-color: #fff;
	border-top: 2px #fff solid;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
}
#morecontent a {
	color: #5faa2b; /*992317 */
	
}
#morecontent a:hover {
		color: #565656;
	

}
#morecontent img {
	padding: 4px;
	text-decoration: none;
	border: 1px solid #c1c1c1; /* 4px solid #c1c1c1; */
	background: #e6e6e6;
	margin-right: 10px;
}
#morecontent img .alignright {
	padding: 4px;
	text-decoration: none;
	border: 1px solid #c1c1c1; /* 4px solid #c1c1c1; */
	background: #e6e6e6;
	margin-left: 10px;
}
#morecontent h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
#morecontent h3 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}

div.my_left_box{
    float: left;
    padding: 10px;
    width: 290px; /* 310px */
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
}

div.my_right_box{
    float: right;
    padding: 10px;
    width: 665px; /* 610px */
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 11px;
}
.headline {
	margin-top: 15px;
	margin-left: 15px;
	padding-left: 15px;
	margin-right: 15px;
	color: #666666;
	font-family: "Lucida Grande",Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.headline2 {
	margin-top: 15px;
	margin-left: 15px;
	margin-right: 15px;
	color: #666666;
	font-family: "Lucida Grande",Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
.sub {
	border-bottom: 1px solid #000;
}
/* #commentbox {  is in nieuwste versie verdwenen, was balkje door plaatjes heen
	color: #fff;
	background: #000;
	filter:alpha(opacity=80);
	-moz-opacity:.80;
	opacity:.80;
	width: 163px;
	height: 16px;
	position: relative;
	float: right;
	margin-top: -165px;
	margin-right: 8px;
	padding: 2px;
	text-align: center;
} */

#separatorhl{
	width: 85%; /* 100% */
	border-bottom: 1px solid #c2c1c1;
	margin: 5px 5px 10px 0px;
}
div.leftbox{
    float: left;
    padding: 0px;
    width: 45%;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin-left: 15px;
}
div.rightbox{
    float: right;
    padding: 0px;
    width: 45%;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 12px;
	margin-right: 15px;
}

#footer {
	width: auto;
	border-right: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	height: 270px;
	background: url('images/footer.jpg') repeat-x #000000; /* #2d2f33; */
	padding: 25px;
	color: #aaaaaa;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 190%;
}

#footer a {
	color: #ffffff; /*d69b1d */
		/* text-transform: uppercase;*/
}
#footer a:hover {
		color: #5faa2b; /* 565656 */
			/*text-transform: uppercase;*/

}
.sidenav li {
	list-style:none;
	padding:0;
	margin-left: -35px;
	margin-top: -1px;
	}

.sidenav li a, .sidenav li a:visited {
	display:block;
	padding:4px 4px 4px 0px;
	color:#ace3ff;
	}
		
.sidenav li a:hover, .sidenav li a:active, 
.sidenav li.current_page_item a, .sidenav li.current_page_item a:visited,
.sidenav li.current_page_parent a, .sidenav li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}


.box { 
	display: block; 
	float: left; 
	margin-right: 20px; 
	width: 290px; 
	height: auto;
	padding: 3px;
}

.last { 
	margin-right: 0; 
	padding: 3px 3px 3px 3px; /* 0px 3px 3px 3px maar dan komt de 2e kolom in de footer te hoog uit */ 
}
.headlinefooter {
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 15px;
	color: #f1f1f1;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px; 
	padding: 0px 0px 36px 0px /* padding is toegevoegd */
}

/*Singlepost*/

div.morecontentleftblock{
    float: left;
    padding: 10px;
    width: 60%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-left: 15px;
}

div.morecontentrightblock{
    float: right;
    padding: 10px;
    width: 30%;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
	margin-right: 15px;
}
.navigation {
	display: block;
	text-align: center;
	margin-top: 10px;
	margin-bottom: 60px;
	color: #000;
	}
.alignright {
	float: right;
	margin-top: 5px;
	}
.alignleft {
	margin-top: 5px;
	float: left
	}
.entry {
	line-height: 200%;
}
#separatorsingle {
	width: 100%;
	border-bottom: 1px solid #cecece; /* 634b08; */
	margin: 15px 5px 5px 0px;
}
#metabox {
	width: 100%;
	background: #f2f2f2;
	padding: 2px;
	/* border: 1px solid #c1c1c1; */
}

/* Archiefpagina's */

#archivebox {
	width: 100%;
	background: #f2f2f2;
	padding: 4px;
	border: 1px solid #c1c1c1;
	margin-bottom: 10px;
}
#metaboxarchive {
	width: 99%;
	background: #d7deea;
	padding: 2px;
	/* border: 1px solid #c1c1c1; */
}
#separatorarchive {
	width: 100%;
	border-bottom: 1px solid #cecece; /* #634b08; */
	margin: 15px 5px 15px 0px;
}
#separatordate{
	width: 100%;
	border-bottom: 1px solid #cecece; /* 634b08; */
	margin: 15px 5px 25px 0px;
}


/*Sidebar*/

.sideways {
	height: 100%;
	border-left: 1px solid #cecece;
	padding-left: 10px;
	padding-top: 0px;
}
.sideways h2 {
	margin-top: 25px;
	border-bottom: 1px solid #cecece;
}
.sidenavside li {
	list-style:none;
	padding:0;
	margin-left: -35px; /* 0px  hiermee komt een lijst in sidebar meer naar links*/
	margin-top: -1px;
	}

.sidenavside li a, .sidenavside li a:visited {
	display:block;
	padding:4px 4px 4px 0px;
	color:#ace3ff;
	}
		
.sidenavside li a:hover, .sidenavside li a:active, 
.sidenavside li.current_page_item a, .sidenavside li.current_page_item a:visited,
.sidenavside li.current_page_parent a, .sidenavside li.current_page_parent a:visited {
	text-decoration:none;
	color: #FFF;
	}

/*Navigation*/
#topnav, #blog_title, #archive_wrapper, #secondary_nav_content {
	width: 100%;
	margin: 0 auto;
}
	
#topnav {
	margin-top: 0;
	padding: 0 0 1em 0;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
}

#topnav ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	background: #1d1d1d none repeat scroll 0%; /* 1d1d1d */
	margin: 0px auto 0 10px; /* 0px auto 0 10px; */
	padding: 1em 0;
}

#topnav li { /* blokje met tekst erin */
	float: left;
	display: inline;
	letter-spacing: 2px;
	border-right: 1px solid #393939; /* #2f2703 */
}

.home {
	margin-left: -10px;
	color: #fff;
}
	
#topnav, #topnav ul {
	background-color: #2d2f33; /* 1d1d1d 616978 kleur balk bovenin */
	color: #f2f2f2; /* fffaef kleur RSS text */
}
#topnav a {
	padding: 1em 1.5em 1em 1.5em;
		color: #fff;
}
#topnav a:hover {
	border-top: 6px solid #5faa2b;
}
.page_item a {
	color: #b9b9b9;
}

#topnav .current_page_item a, .current a {
	border-top: 6px solid #5faa2b; /* 3px */
	/* color: #5faa2b; */
}
a	{
	text-decoration: none;
}


/* dropdown */

#dropdown {
	width: 100%;
	height: auto;
}

#catnav { /* niet meer in gebruik */
	width: 100%;
	margin: 0 auto;
	background: #2d2f33; /* #1d1d1d; */
	height: 22px;
	font-size: 11px;
	font-family: "Lucida Grande", Tahoma, sans-serif; /* Tahoma, sans-serif */
	text-transform: uppercase;
	border-top: 1px solid #5faa2b;
}
	

ul#menu {
	margin: 0;
	padding: 0;
	list-style: none;
	width: 100%;
	font-size:1.2em;
}

ul#menu li {
	float: left;
	padding: 0;
	margin: 0;
	border-right:solid 1px #2d2d2d;
}

ul#menu ul li {
	float: none;
	position: relative;
	border-bottom: 1px solid #1d1d1d; /* #1d1d1d; */ /* fixes gap problem in IE */
	border-left: 1px solid #2d2d2d;
	z-index:1000;
}

ul#menu li ul {
	margin: 0;
	padding: 0;
	display:none;
	list-style: none;
	position: absolute;
	background: #1d1d1d; /* #1d1d1d; */
}
ul#menu ul ul{
	margin-left: .2em; /* .2em */
	position: absolute;
	top: 0; /* if using borders, -1px to align top borders */
	left: 100%;
}

ul#menu * a:hover, ul#menu li a:active{
background:#5faa2b !important; /*992317 */
color: #b9b9b9;
}

ul#menu li a:link,
ul#menu li a:visited,
ul#menu li a:hover,
ul#menu  li a:active{
	display: block;
	padding: .2em .3em;
	text-decoration: none;
	background: #2d2f33; /* #1d1d1d; catbar */
	 color: #b9b9b9;
}


ul#menu ul li a:link,
ul#menu ul li a:visited,
ul#menu ul li a:hover,
ul#menu ul li a:active {
	width: 8em;
}
/* Submit button hoofdpagina */
.button {
	cursor: pointer;
	text-transform: uppercase;
	color: #666 !important;
	text-shadow: 0 1px 0 #fff;
	-moz-text-shadow: 0 1px 0 #fff;
	-webkit-text-shadow: 0 1px 0 #fff;
	padding: 0.4em 0.5em;
	margin: 0.1em;
	background: #eee;
	background: -moz-linear-gradient( #f8f8f8, #ddd );
	background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(#f8f8f8), to(#ddd) );
	background: -webkit-linear-gradient( #f8f8f8, #ddd );
	background: -o-linear-gradient( #f8f8f8, #ddd );
	box-shadow: 0 2px 2px rgba(0,0,0,0.08);
	-moz-box-shadow: 0 2px 2px rgba(0,0,0,0.08);
	-webkit-box-shadow: 0 2px 2px rgba(0,0,0,0.08);
	border-radius: 0.4em;
	-moz-border-radius: 0.4em;
	-webkit-border-radius: 0.4em;
	text-align: center;
	border: 1px solid #ccc;
	border-width: 1px;
	display: inline-block;
	white-space: nowrap;
}
.button:hover {
	color: #444 !important;
	background: #ddd;
	background: -moz-linear-gradient( #eee, #ccc );
	background: -webkit-gradient( linear, 0% 0%, 0% 100%, from(#eee), to(#ccc) );
	background: -webkit-linear-gradient( #eee, #ccc );
	background: -o-linear-gradient( #eee, #ccc );
}

/* HAARLEM GROET HAARLEM STYLE */
/* HGH: Morecontent2 */

#morecontent2 {
	width: auto;
	height: auto;
	background: url('images/more-bg.jpg') repeat-x;
	background-color: #fff;
	border-top: 2px #fff solid;
	border-left: 1px solid #c1c1c1;
	border-right: 1px solid #c1c1c1;
}
#morecontent2 a {
	color: #88162c;
	
}
#morecontent2 a:hover {
		color: #006699; /* 88162c */
	

}
#morecontent2 img {
	padding: 0px;
	text-decoration: none;
	border: 0px solid #c1c1c1; /* 4px solid #c1c1c1; */
	margin-right: 10px;
}
#morecontent2 img .alignright {
	padding: 4px;
	text-decoration: none;
	border: 1px solid #c1c1c1; /* 4px solid #c1c1c1; */
	background: #e6e6e6;
	margin-left: 10px;
}
#morecontent2 h2 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 22px;
}
#morecontent2 h3 {
	margin-top: 25px;
	margin-left: 0px;
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	text-transform: uppercase;
	font-weight: normal;
	font-size: 18px;
}
#morecontent2 h4 {
	color: #666666;
	font-family: "Lucida Grande", Tahoma, sans-serif;
	font-weight: normal;
	font-size: 14px;
}

/* EINDE HGH Morecontent2 */
/* HGH: Footer */
#footerhgh {
	width: auto;
	border-right: 1px solid #c1c1c1;
	border-left: 1px solid #c1c1c1;
	border-bottom: 1px solid #c1c1c1;
	height: 50px;
	background: /* url('images/footer.jpg') repeat-x #000000; */ #2d2f33; 
	padding: 25px;
	color: #aaaaaa;
	font-family: Tahoma, sans-serif;
	font-weight: normal;
	font-size: 12px;
	line-height: 190%;
}
#footerhgh a {
	color: #ffffff; /*d69b1d */
		/* text-transform: uppercase;*/
}
#footerhgh a:hover {
		color: #c1d5ed; /* 88162c */
			/*text-transform: uppercase;*/

}
/* EINDE HGH Footer */
/* HGH RSShgh */
.rsshgh {
	float: right;
	margin-top: -27px;
	padding-right: 10px;
	text-decoration: none;
	font-family: Tahoma, sans-serif;
	font-size: 10px;
}
.rsshgh a {
	text-decoration: none;
	color: #f6f6f6; /* b9b9b9 */
}
.rsshgh a:hover {
	color: #c1d5ed;
	text-decoration: none;

}
.rsshgh img {
	border: none;
	text-decoration: none;
}
/* EINDE HGH RSShgh */
/* HGH topnavhgh */
#topnavhgh, #blog_title, #archive_wrapper, #secondary_nav_content {
	width: 100%;
	margin: 0 auto;
}
	
#topnavhgh {
	margin-top: 0;
	padding: 0 0 1em 0;
	font-size: 11px;
	font-family: Tahoma, sans-serif;
	text-transform: uppercase;
}

#topnavhgh ul {
	list-style-type: none;
	list-style-position: outside;
	list-style-type: none;
	list-style-image: none;
	background: #1d1d1d none repeat scroll 0%; /* 1d1d1d */
	margin: 0px auto 0 10px; /* 0px auto 0 10px; */
	padding: 1em 0;
}

#topnavhgh li { /* blokje met tekst erin */
	float: left;
	display: inline;
	letter-spacing: 2px;
	border-right: 1px solid #393939; /* #2f2703 */
}

.homehgh {
	margin-left: -10px;
	color: #fff;
}
	
#topnavhgh, #topnavhgh ul {
	background-color: #2d2f33; /* 1d1d1d 616978 kleur balk bovenin */
	color: #f2f2f2; /* fffaef kleur RSS text */
}
#topnavhgh a {
	padding: 1em 1.5em 1em 1.5em;
		color: #fff;
}
#topnavhgh a:hover {
	border-top: 6px solid #88162c; /* ba7182 */
}
.page_itemhgh a {
	color: #b9b9b9;
}

#topnavhgh .current_page_item ahgh, .current ahgh {
	border-top: 6px solid #5faa2b; /* 3px */
	/* color: #5faa2b; */
}
ahgh	{
	text-decoration: none;
}



/* einde Haarlem Groet Haarlem stijl */