/*
Theme Name: Op Weg Theme
Theme URI: http://lorem-ipsum-dolor-sit-amet.com/op-weg-theme
Description: The 'Op Weg Voor Een Wens' Theme. Design by Esther Velrath (<a href="http://www.move-forward.nl/">www.move-forward.nl</a>). Front-end development by Maurits Koekoek. WordPress theme development by Lennart Kuijs (<a href="http://www.lennartkuijs.nl/">www.lennartkuijs.nl</a>).
Version: 0.01
Author: Lennart Kuijs
Author URI: http://www.lennartkuijs.nl
Tags: op weg voor een wens, trip, walking, sponsorship

The CSS/XHTML is released under GPL:  http://www.opensource.org/licenses/gpl-license.php

*/	

/*.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

Links
a {background-color:inherit; color:#336633; font-weight:bold; text-decoration:none;}
a:hover {background-color:inherit; color:#336633; font-weight:bold; text-decoration:underline;}
a img {border:0;}

Header
#header {position: absolute; margin:0 0 0 40px; width:350px; left: 50%; text-align: right;}
#header h1 {background-color:inherit; color:#FFFF99; font-size:2em; letter-spacing:-1px; margin:30px 30px 0 0;}
#header h1 a {background-color:inherit; color:#FFFF99; text-decoration:none;}
#header p {background-color:inherit; color:#FFFF99; font-size:1.1em; font-weight:bold; line-height:1.3em; margin:10px 30px 0 0;}
#frontphoto {margin:0 0 10px;}

Sidebars
#leftside {clear:left; float:left; line-height:1.5em; margin:0 0 5px; padding:0; width:140px;}
#extras {float:right; line-height:1.4em; margin:0 0 5px; padding:0; width:140px;}
#leftside p, #leftside ul, #leftside div.textwidget, #extras p, #extras ul, #extras div.textwidget {font-size:0.9em; margin:0 0 18px;}
#leftside li, #extras li {line-height:1.2em; list-style:none; margin:0 0 6px;}
#leftside ul ul, #extras ul ul {margin:6px 0 0 10px;}
#leftside ul ul li, #extras ul ul li {margin:0 0 4px;}
#leftside ul ul li a, #extras ul ul li a {font-weight:normal;}
#leftside ul.linklist, #extras ul.linklist {font-size:1em;}
#leftside ul.linklist ul, #extras ul.linklist ul {margin:0 0 20px;}
#leftside ul.linklist ul li a, #extras ul.linklist ul li a {font-weight:bold;}
#leftside h2, #leftside ul.linklist li h2, #leftside h3, #extras h2, #extras ul.linklist li h2, #extras h3, table#wp-calendar caption {background-color:inherit; color:#336633; font-size:1.3em; font-weight:normal; text-align:left; margin:0 0 6px;}
#leftside label, #extras label {display:none;}

Main menu
ul.page {list-style:none; margin:0 0 20px; width:140px;}
ul.page li {display:inline; line-height:1.4em; width:140px;}
ul.page li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:5px 1px 5px 5px; text-decoration:none; width:130px;}
ul.page li a:hover, ul.page li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#336633;}
ul.page ul {font-size:0.9em; margin:0 0 0 15px; padding:0 0 5px; width:125px;}
ul.page ul a {padding:3px 1px 3px 5px; width:115px;}
ul.page ul ul {width:113px;}
ul.page ul ul a {width:100px;}

Content
#content {line-height:1.6em; margin:0 155px 5px; padding:0;}
#contentwide {line-height:1.6em; margin:0 0 5px 150px; padding:0;}
#content h2,#contentwide h2 {font-size:1.6em; margin:0 0 10px;}
#content h3,#contentwide h3 {font-size:1.4em; margin:0 0 8px;}
#content img,#contentwide img {border:1px solid #d0d0d0; float:left; margin:3px 10px 3px 0;}
#content ul,#contentwide ul,#content ol,#contentwide ol {margin:0 0 16px 20px;}
#content li,#contentwide li {padding:0 0 0 5px;}
#content ul ul,#contentwide ul ul,#content ol ol,#contentwide ol ol {margin:0 0 0 16px;}

Footer
#footer {border-top:2px solid #e0e0e0; font-size:0.9em; clear:both; color:#777; font-weight:normal; line-height:1.7em; margin:0 auto; padding:10px 0; text-align:center; width:760px;}
#footer p {margin:0; padding:0;}
#footer a {color:#777; font-weight:normal; text-decoration:none;}
#footer a:hover {color:#555; text-decoration:underline;}
#footer strong a {font-weight:bold;}
#footer span.credits {font-size:1.1em;}

Subpage menu
#subpages {border-bottom:1px solid #e0e0e0; border-left:1px solid #e0e0e0; float:right; font-weight:bold; line-height:1.3em; margin:-5px 0 8px 15px; padding:0 0 10px 10px; width:190px;}
#subpages h2 {font-size:1.2em; font-weight:bold; letter-spacing:-1px; line-height:1.3em; margin:0 0 12px;}
#subpages ul.submenu {line-height:1.4em; list-style:none; margin:0;}
#subpages ul.submenu li {display:inline; line-height:1.4em; width:180px; padding:0;}
#subpages ul.submenu li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; float:left; font-weight:bold; margin-bottom:5px; padding:3px 1px 3px 5px; text-decoration:none; width:180px;}
#subpages ul.submenu li ul {margin:0 0 5px 10px; width:170px;}
#subpages ul.submenu li ul li a {width:170px;}
#subpages ul.submenu li ul ul {margin:0 0 5px 10px; width:160px;}
#subpages ul.submenu li ul ul li a {width:160px;}
#subpages ul.submenu li ul ul ul {margin:0 0 5px 10px; width:150px;}
#subpages ul.submenu li ul ul ul li a {width:150px;}
#subpages ul.submenu li a:hover,#subpages ul.submenu li.current_page_item a {background-color:#eaeaea; border-left:0px solid #336633; color:#555;}
#subpages ul.submenu li.current_page_item ul li a {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#555;}

Tags
p,ul,ol {margin:0 0 18px;}
blockquote {border-left:0px solid #e0e0e0; margin:20px; padding:8px 8px 8px 15px;}
blockquote p {background-color:inherit; color:#336633; font-size:0.9em; line-height:1.3em;}
label {background-color:inherit; color:#336633; font-size:0.9em; font-weight:bold;}
table#wp-calendar {margin:0 0 20px; width:140px;}
code {font-size:1.2em; display:block; padding:5px 5px 5px 8px; background-color:#f4f4f4; margin:5px 0 15px 0;border-left:0px solid #cccccc;}

Forms
#s,#submit {background-color:#ffffff; border:1px solid #cccccc; color:#336633; font-size:0.9em; margin:0 0 16px; padding:4px; width:130px;}
#author,#email,#url,#comment {border:1px solid #cccccc; font-family:Book Antiqua,Verdana,Tahoma,Arial,Sans-Serif; font-size:1em; margin:0; padding:4px;}
#commentsection {margin:25px 0 0;}
#commentsection p {margin:0 0 6px;}

Float fix
.contenttext {overflow:hidden;}
* html .contenttext {height:1px; overflow:visible;}
* html .contenttext p {overflow:hidden; width:99%;}

WP image align classes
img.centered {display:block; margin-left:auto; margin-right:auto;}
img.alignright {padding:4px; margin:0 0 2px 7px; display:inline;}
img.alignleft {padding:4px; margin:0 7px 2px 0; display:inline;}
.alignright {float:right;}
.alignleft {float:left;}

Various classes
.left {border:1px solid #cccccc; float:left; margin:10px 15px 10px 0;}
.right {border:1px solid #cccccc; float:right; margin:10px 0 5px 10px;}
.center {border:1px solid #aaaaaa; margin:5px auto 12px; text-align:center;}
.textright {text-align:right;}
.small {font-size:0.8em;}
.bold {font-weight:bold;}
.hide {display:none;}
.post {margin:0 0 25px;}
.postinfo {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; font-size:0.9em; font-weight:bold; line-height:1.5em; margin:1px 0 30px; padding:8px 5px 8px 8px;}
.comment {background-color:#f4f4f4; border-left:0px solid #cccccc; color:#336633; margin:0 0 10px; padding:8px 5px 0 8px;}
.comment p {font-size:0.9em; line-height:1.3em; margin:0 0 6px; padding-bottom:5px;}
.gravatarside {float:right; width:48px; height:48px; margin:0 5px 5px 5px;}
.navigation {display:block; margin:10px 0 20px 0; padding:0; text-align:center;}
.navigation p {margin:0; padding:0;}
.prevlink {margin-right:20px;}
.nextlink {margin-left:20px;}*/

body {
	margin: 0;
	padding: 0;
	background: #c8e2f7 url('images/bg-home.jpg') no-repeat 50% 0;
	font-family: Arial;
	font-size: 12px;
	color: #000000;
}

#sitewrap {
	width: 960px;
	padding: 10px 0 0 0;
}

#maincontainer {
	width: 946px;
	/* height: 700px; */
	text-align: left;
}

h2 {
	padding: 0;
	margin: 0;
}

p {
	margin: 0;
	line-height: 16px;
}

p a {
	text-decoration: underline;
	font-weight: bold;
	color: #000000;
}

p a:hover {
	color: #ff0099;
}

#logobar {
	height: 69px;
}

#tophalf, #navigation, #eyecatcherholder, #doneer {
	height: 233px;
	float: left;
}

#tophalf {
	float: none;
}

#content {
	float: none;
	height: auto;
}

#navigation {
	width: 199px;
	background: url('images/bg-navig.png') no-repeat;
	behavior: url(http://www.opwegvooreenwens.nl/wp-content/themes/opweg-theme/iepngfix.htc);
	text-align: right;
}

#navigation ul {
	padding: 0;
	margin: 3px 0 0 0;
	list-style-type: none;
	list-style-image: none;
}

#navigation ul li {
	margin: -1px 0 0 0;
}

#navigation img {
	border: none;
}

#eyecatcherholder {
	width: 544px;
	height: 205px;
	background: url('images/bg-eyecatcher.png') no-repeat;
	padding: 10px 14px 18px 10px;
	behavior: url(iepngfix.htc);
}

#eyecatcher {
	height: 205px;
	/*background: url('images/bg-eyecatcher.jpg') no-repeat;*/
}

#dagenteller {
	width: 81px;
	height: 69px;
	background: #ffffff url('images/bg-dagenteller.png') no-repeat;
	margin: 74px 0 0 452px;
	float: left;
	display: inline;
	color: #ff0099;
	font-size: 38px;
	font-weight: bold;
	padding: 42px 0 0 0;
	text-align: center;
}

#doneer {
	width: 149px;
	height: 205px;
	margin-left: 2px;
	background: url('images/bg-doneer.png') no-repeat;
	padding: 10px 14px 18px 14px;
	behavior: url(iepngfix.htc);
}

#doneer p {
	text-align: center;
	margin-top: 6px;
}

#make-a-wish {
	height: 187px;
	background: #0099ff;
	text-align: center;
	color: #ffffff;
}

#make-a-wish p {
	margin: 12px 0 0 0;
}

#make-a-wish a img {
	border: 0;
	margin: 12px 0 0 0;
}


/* CONTENT BLOKKEN */

#content, #extras, #weblog, #smallcontent, #donatiestand, #archief, .content-big, #fotoreel {
	height: 386px;
	float: left;
}

#content {
	margin-top: 12px;
	float: none;
	height: auto;
}

#extras {
	width: 195px;
}

#weblog {
	width: 283px;
}

#weblog h2 {
	margin-left: 14px;
}

#weblog .content {
	background: url('images/bg-mijn-weblog.png') no-repeat;
	behavior: url(iepngfix.htc);
	height: 342px;
	padding: 10px 14px 15px 14px;
}

#weblog .content span, .content-big .content span {
	display: block;
	color: #999999;
	margin-bottom: 0;
	margin-top: 5px;
	clear: both;
}

form span {
	display: inline !important;
	clear: none !important;
}

#weblog .content p b {
	color: #0099ff;
}

#weblog .content p a:hover {
	color: #0099ff;
}

#weblog .content img {
	border: none;
}

#smallcontent {
	width: 283px;
	margin-left: 6px;
}

#smallcontent h2 {
	text-align: right;
	margin-right: 14px;
}

#smallcontent .content {
	background: url('images/bg-teaser.png') no-repeat;
	behavior: url(iepngfix.htc);
	height: 81px;
	padding: 6px 14px 15px 14px;
	margin-bottom: 11px;
}

#smallcontent .content p b {
	color: #ff0099;
}

#smallcontent .last {
	margin: 0 0 0 0;
}

#smallcontent .middle {
	margin: 0 0 12px 0;
}


#smallcontent .middle  p b {
	color: #0099ff;
}

#smallcontent .middle p a:hover {
	color: #0099ff;
}

#smallcontent .middle img {
	float: left;
	margin: 3px 9px 0 0;
}

#donatiestand, #archief, #fotoreel {
	width: 177px;
	margin-left: 2px;
}

#fotoreel {
	margin-left: 18px;
	margin-top: 19px;
}

#donatiestand h2, #archief h2 {
	margin-right: 14px;
	text-align: right;
}

#donatiestand .content, #archief .content, #fotoreel .content {
	background: url('images/bg-donatiestand.png') no-repeat;
	behavior: url(iepngfix.htc);
	height: 346px;
	padding: 6px 14px 15px 14px;
}

#donatiestand .content p b, #archief .content p b {
	color: #0099ff;
}

#donatiestand .content p a:hover, #archief .content p a:hover {
	color: #0099ff;
}

#thermoholder {
	width: 147px;
	height: 241px;
	margin-top: 9px;
}

#thermometer {
	background: #ffffff url('images/fill-thermo.png') 0px 222px no-repeat;
}

.content-big {
	width: 572px;	
	height: auto;
}

.content-big h2 {
	margin-left: 14px;
}

.content-big .content {
	background: url('images/bg-content-big.png') no-repeat;
	behavior: url(iepngfix.htc);
	/* height: 342px; */
	padding: 10px 14px 15px 14px;
}

.content-big .content p {
	margin-bottom: 15px;
}

.content-big .content p b, .content-big .content p a:hover {
	color: #ff0099;
}

.content-big .content a img {
	border: 1px solid #000000;
	margin-right: 10px;
	float: left;

}

.pagination {
	float: right;
	height: 19px;
	width: 112px;
	margin-right: 14px;
}

.pagination a#page-1, .pagination a#page-2, .pagination a#page-3 {
	height: 19px;
	width: 32px;
	background: url('images/page-1.png') no-repeat;
	display: block;
	float: left;
	margin-right: 8px;
}

.pagination a#page-2 {
	background: url('images/page-2.png') no-repeat;
}

.pagination a#page-3 {
	background: url('images/page-3.png') no-repeat;
	margin: 0px;
}

.pagination a:hover#page-1, .pagination a:hover#page-2, .pagination a:hover#page-3 {
	background-position: 0 -19px;
}

.pagination a#page-1.active, .pagination a#page-2.active, .pagination a#page-3.active {
	background-position: 0 -19px;
}

.pagination img {
	border: none;
}

#archief ul {
	margin: 0;
	padding: 0;
	list-style-position: inside;
	list-style-type: square;
	color: #0099FF;
	margin-top: 20px; 
}

#archief ul li {
	margin-top: 2px;
	margin-bottom: 1px;
}

#archief ul li a {
	color: #000000;
	text-decoration: none;
}

#archief ul li a:hover {
	color: #0099ff;
	text-decoration: none;
}

#archief ul li ul {
	padding-left: 10px;
	color: #ff0099;
	margin-top: 0;
}

#archief ul li ul li a {
	color: #000000;
}

#archief ul li ul li a:hover {
	color: #ff0099;
}

.wpcf7-list-item {
	float: left;
	width: 250px;
	margin-bottom: 0 !important;
}

.wpcf7-list-item-label {
	margin-bottom: 0 !important;
	display: inline !important;
}

.sponsor-type, .wpcf7-radio {
	margin: 0 !important;
}

.footer {
	color: #ffffff;
	clear: both;
	font-size: 11px;
	margin-bottom: 5px;
}

.footer a, .footer a:hover {
	color: #ffffff;
}

.alignleft {
	float: left;
}

.alignright {
	float: right;
}

.sponsortable tr td a img {
float: none !important;
margin: 0 !important;
}

div#respond {
padding-top: 10px;
clear: both;
}