/*
Theme Name: Arkenau
Theme URI: http://www.arkenau.nl/
Description: Sietske Arkenou
Version: 1.0
Author: Corine Voogt
Author URI: http://www.halfjuni.nl/
Tags: 
*/

.accent {
	text-transform: uppercase;
	font: bold 1em Helvetica, Arial, "URW Gothic L", sans-serif;
}
.lichtblauw {color: #6AB1CA /*lichtblauw*/;}
.mosgroen {color: #ADAE8B /*mosgroen*/;}
.helderblauw {color: #2B5FBB /*helderblauw*/;}
.zachtblauw {color: #4993C0 /*zachtblauw*/;}
.olijfgroen {color: #8DA993 /*olijfgroen*/;}
.paarsig {color: #475598 /*paarsig*/;}
.donkergroen {color: #35542B /*donkergroen*/;}

/*algemeen*/

h1, h2, h3, h4, h5, h6, p {
	/*font-size: 100%;*/
    margin: 12px 0 8px;
}
* {
	padding: 0;
	margin: 0;
}
body, html { height:100%; }

body  {
	font: 62.5% Verdana, Arial, Helvetica, sans-serif;
	background: #FFFFFF;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #000000;
	background-image: url(i/backgr.jpg);
	background-position: center;
	background-repeat: repeat-y;
}

/*structuur ___________________________________*/

#container {
	width: 980px;
	background: #FFFFFF;
	text-align: left;
	/*	css om de footer beneden aan de pagina te houden: http://ryanfait.com/resources/footer-stick-to-bottom-of-page/ */
	margin: 0 auto -60px; /* the bottom margin is the negative value of the footer's height */
	min-height: 100%;
	height: auto !important;
	height: 100%;
	} 
#header {
	height: 220px;
	background-color: #FFFFFF;
	background-image: url(i/header.jpg);
	background-repeat: no-repeat;
} 
#sidebar {
	float: right;
	width: 320px;
	padding-left: 50px;
	padding-top: 50px;
	padding-right: 10px;
}
#mainContent {
	margin: 0 380px 0 0;
	padding: 0 60px 30px 50px;
	margin-top: 40px;
	} 
#footer {
	margin: 0 auto;
	width: 960px;
	background:#35542B url(i/footer.png) repeat-x 0px 0px;
	padding: 0px 10px;
} 
#footer, #push /* .push must be the same height as .footer */ {
	height: 60px;
	clear: both;
} 



/*header */
#header h1 {display: none}

#header #nav {
	width: 560px;
	float: left;
	padding-top: 130px;
	padding-left: 40px;
} 
#header #nav ul {
	list-style-type: none;
}
#header #nav li {
	display: inline;
	padding: 15px;
	letter-spacing: 0.1em;
	font: bold 1.6em Arial, Helvetica, sans-serif;
	text-transform: uppercase;
} 
#nav a:link,
#nav a:visited {
	color: #6AB1CA /*lichtblauw*/;
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
	border-bottom-color: #6AB1CA /*lichtblauw*/;
}
#container #header #nav .current_page_item a:hover {
	text-decoration: none;
	border-bottom-style: none;
}
#nav a:hover {
	text-decoration: none;
	border-bottom-width: 2px;
	border-bottom-style: dotted;
}
#nav .page-item-15 a:hover {
	color: #475598 /*paarsig*/;
	border-bottom-color: #475598 /*paarsig*/;
}
#nav .page-item-6 a:hover {
	color: #35542B /*donkergroen*/;
	border-bottom-color: #35542B /*donkergroen*/;
}
#nav .page-item-5 a:hover {
	color: #2B5FBB /*helderblauw*/;
	border-bottom-color: #2B5FBB /*helderblauw*/;
}

/*active*/

#container #nav .current_page_item a,
#container #nav li.current_page_parent a {
	text-decoration: none;
	border-bottom-style: none;
	cursor: default;
}
body.page-id-15 #nav li.current_page_item a
/*.page-id-15 #nav li.page-id-15 a */{
	color: #475598 /*paarsig*/;
}
body.single #nav li.current_page_parent a,
body.blog #nav li.current_page_item a {
	color: #35542B /*donkergroen*/;
}
body.page-id-5 #nav li.current_page_item a {
	color: #2B5FBB /*helderblauw*/;
}

#header #functie {
	padding-top: 130px;
	padding-left: 50px;
	width: 330px;
	float: left;
}
#header #functie h2 {
	text-transform: uppercase;
	letter-spacing: 0.1em;
	font: bold 1.2em/1.8em Helvetica, Arial, "URW Gothic L", sans-serif;
}
/*einde header */

/*maincontent watdoetsietske*/
#mainContent p {
	font:  1.3em/1.8em Georgia, "Times New Roman", Times, serif;
}
.page-id-15 #mainContent p {
	margin-left: 210px;
}
.page-id-15 #mainContent p img {
	float: left;
	margin-right: 20px;
	margin-left: -210px;
}
/*sidebar watdoetsietske*/
.page-id-15 #sidebar #intro {
	min-height: 300px;
}
.page-id-15 #sidebar #intro p,
.page-id-15 #sidebar #intro h1,
.page-id-15 #sidebar #intro h2,
.page-id-15 #sidebar #intro h6 {
	font: 2.4em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #35542B; 
}

.page-id-15 #sidebar #intro em,
.page-id-15 #sidebar #intro strong {	
	font-style: normal;
	font-weight: normal;
}

.page-id-15 #sidebar #mail {
	margin-top: 40px;
}
.page-id-15 #sidebar #mail p {
	font: 1.4em/1.2em Georgia, "Times New Roman", Times, serif;
	color: #4993C0; 
}
a:link,
a:visited {
	color: #4993C0;
	border-bottom: 1px dotted #4993C0;
	text-decoration: none;
}
a:hover,
a:active {
	color: #475598;
	border-bottom: 1px dotted #475598;
	text-decoration: none;
}

/*maincontent portfolio*/
.blog #mainContent .post,
.category #mainContent .post,
.single #mainContent .post {
	border: 1px solid #92A0AD;
	padding: 20px;
	height: 350px;
	overflow-y: scroll;
	margin-bottom: 20px;
}
.blog #mainContent .post_title,
.category #mainContent .post_title,
.single #mainContent .post_title {
	display: none;
}
.blog #mainContent .post_body h2,
.category #mainContent .post_body h2,
.single #mainContent .post_body h2 {
	letter-spacing: 0.2em;
	text-decoration: none;
	margin-left: 240px;
	color: #475598 /*donkergroen*/;
	margin-bottom: 4px;
	text-transform: uppercase;
	font: 1.2em/1.3em Helvetica, Arial, "URW Gothic L", sans-serif;
	}
.blog #mainContent .post_body h1,
.category #mainContent .post_body h1,
.single #mainContent .post_body h1 {
	letter-spacing: 0em;
	font: bold 1.6em/1.3em Helvetica, Arial, "URW Gothic L", sans-serif;
	text-decoration: none;
	margin-left: 240px;
	color: #35542B /*donkergroen*/;
	margin-bottom: 4px;
	}
.blog #mainContent .post_body p,
.category #mainContent .post_body p,
.single #mainContent .post_body p {
	font: 1.2em/1.6em Georgia, "Times New Roman", Times, serif;
	margin-left: 240px;
}
.blog #mainContent .post_body h6 img,
.category #mainContent .post_body h6 img,
.single #mainContent .post_body h6 img {
	margin-right: 10px;
	position: absolute;
	border: 1px solid #999;
}
.blog #mainContent .post_body h6 a:link img, .blog #mainContent .post_body h6 a:visited img,
.category #mainContent .post_body h6 a:link img, .category #mainContent .post_body h6 a:visited img,
.single #mainContent .post_body h6 a:link img, .single #mainContent .post_body h6 a:visited img {
	text-decoration: none;
	border: 1px solid #999;
}
.blog #sidebar .box,
.category #sidebar .box,
.single #sidebar .box {
 	margin-bottom: 20px;
}


/*niet meer nodig, dit zijn de knopjes naarlinks en rechts*/
				#mainContent .left,
				#mainContent .right {
					float: left;
					text-align: center;
				}
				#mainContent .left {float: left}
				#mainContent .right {float: right}
				
				#mainContent .left a:link,
				#mainContent .left a:visited,
				#mainContent .right a:link,
				#mainContent .right a:visited {
					font: bold 14px Verdana, Arial, Helvetica, sans-serif;
					color: #92A0AD;
					background: #FFFFFF;
					text-decoration: none;
					padding: 1px 4px 3px;
					border: 1px solid #92A0AD;
				}
				#mainContent .left a:hover,
				#mainContent .left a:active,
				#mainContent .right a:hover,
				#mainContent .right a:active {
					font: bold 14px Verdana, Arial, Helvetica, sans-serif;
					color: #fff;
					background: #92A0AD;
					text-decoration: none;
				}
				
/*sidebar portfolio*/
#sidebar .box_title h2 {
	font: bold 1.4em/1.7em Verdana, Arial, Helvetica, sans-serif;
	color: #92A0AD
	}
#sidebar .box_content ul {
	font: 1.15em/1.7em Verdana, Arial, Helvetica, sans-serif;
	list-style-type: none;
}
#sidebar .box_content ul li a:link,
#sidebar .box_content ul li a:visited {
	color: #92A0AD;
	text-decoration: none;
	border-bottom: 1px dotted #92A0AD;
}
#sidebar .box_content ul li a:hover,
#sidebar .box_content ul li a:active {
	color: #35542B /*donkergroen*/;
	text-decoration: none;
	font-weight: bold;
}

/*maincontent contact*/
.page-id-5 #mainContent p img {
	float: left;
	margin-right: 20px;
	margin-left: -280px;
	border-style: none;
}
.page-id-5 #mainContent p {
	margin-left: 280px;
	margin-bottom: 10px;
	font: 1.15em/1.6em Verdana, Arial, Helvetica, sans-serif;
}
.page-id-5 #mainContent a:link,
.page-id-5 #mainContent a:visited {
	color: #000000;
	text-decoration: none;
	border-bottom: 1px dotted #92A0AD;
}
.page-id-5 #mainContent a:hover,
.page-id-5 #mainContent a:active {
	color: #4993C0 /*zachtblauw*/;
	text-decoration: none;
	font-weight: bold;
}
.page-id-5 #mainContent h2 {
	color: #35542B /*donkergroen*/;
	margin-left: 280px;
	font: 1.7em/1.4em Georgia, "Times New Roman", Times, serif;
}





/*footer*/
#footer p {
	margin: 0;
	text-align: right;
	color: #C7C7C7;
	font: 0.9em Verdana, Arial, Helvetica, sans-serif;
	letter-spacing: .1em;
	padding-top: 20px;
}
#footer a:link, #footer a:visited {
	font-weight: normal;
	color: #C7C7C7;
	text-decoration: none;
	border-bottom: 1px dotted #C7C7C7;
}
#footer a:hover, #footer a:active {
	font-weight: normal;
	color: #F3F3F3;
	text-decoration: none;
	border-bottom: 1px dotted #F3F3F3;
}

/*algemeen*/
.fltrt { /* dit exemplaar van class kan worden gebruikt om een element aan de rechterzijde van uw pagina te laten zweven. Het zwevende element moet voorafgaan aan het element dat, op de pagina, naast het zwevende element moet staan. */
	float: right;
	margin-left: 8px;
}
.fltlft { /* dit exemplaar van class kan worden gebruikt om een element aan de linkerzijde van uw pagina te laten zweven. */
	float: left;
	margin-right: 8px;
}
.clearfloat { /* dit exemplaar van class moet op een element div of break zijn geplaatst en dient het laatste element te zijn vóór de afsluiting van een container (hoofdobject) die op zijn beurt een zwevend object volledig dient te bevatten */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
html {overflow-y: scroll;}