/*
Theme Name: 1024px
Theme URI: http://andreasviklund.com/wordpress-themes/
Description: A light and extremely simple theme with 2 columns. It is based on Andreas' <a href="http://andreasviklund.com/templates/1024px/">1024px CSS template</a>. Updated to support tags, category descriptions, gravatars and more. Validates as XHTML 1.0 Strict. Public domain.
Version: 2.7
Author: Andreas Viklund
Author URI: http://andreasviklund.com/
Tags: fixed width, two columns, white, blue, widgets, 1024px, andreas, valid CSS, valid XHTML
*/

/* Body */
body {background:#fff url(mais01N.jpg) top center repeat; color:#404040; font:76% Verdana,Tahoma,Arial,sans-serif; line-height:1.3em; padding:20px 0;}
*{margin:0; padding:0;}

/* Main wrap */
#wrap {color:#000; margin:0 auto; width:970px; background-color: #C17128;}
#slogan {color:#666666; font-size:1.5em; font-weight:bold; letter-spacing:-1px; line-height:1.2em; margin:15px 0 20px 35px;}
#toplinks {padding:5px 2px 2px 3px; text-align:center;}

/* Headers */
h1 {color:#4E5B42; font-size:3.2em; line-height:.8em; letter-spacing:-2px; margin:10px 0 5px 25px;}
h1 a {color:#4E5B42;}
h1 a:hover {text-decoration:none;}
h2, table#wp-calendar caption {border-bottom:1px solid #D68338; text-align:left; font-weight:bold; color:#4E5B42; font-size:1.4em; letter-spacing:-1px; margin:0 0 8px; padding:0 2px 4px 5px;}
h3 {border-bottom:1px solid #dadada; color:#4E5B42; font-size:1.2em; font-weight:bold; margin:10px 0 8px; padding:1px 2px 2px 3px;}
ul.kalelijst {list-style-type:none;}

#header{
	border-bottom:1px solid #fff;
	color: #000;
	text-align:center;
	position:relative;
	padding-top:10px;
	/*min-height:0; ie 7 haslayout fix */;
min-height:0px;
        background: #fff url(Kolven.jpg) no-repeat;}
/* mac hide \*/
* html #header{height:168px;he\ight:1px}/* height needed for ie to force layout*/
/* end hide*/

#header span {
	font-size: small;
	color: #FFF;
}


/* Sidebar */
#sidebar {float:left; margin:0 0 5px; padding:0; width:150px; padding-top: 10px; font:Verdana,Tahoma,Arial,sans-serif}
#sidebar p,#sidebar ul,#sidebar .textwidget {margin:0 0 15px 10px;}
#sidebar li {list-style:none; margin:0 0 6px;}
#sidebar li a {color:red; font-size:1.0em; font-weight:normal; padding:2px; color: #000}
#sidebar ul {margin:5px 0 5px 10px; }
#sidebar ul li {margin:0 0 5px; }
#sidebar ul li a {font-weight:normal; color: #fff; }
#sidebar h2 {border-bottom:none; text-align:center; font-weight:bold; color: #000; font-size:1.2em; letter-spacing:-1px; margin:0 0 2px; padding:10px 2px 0px 0px;}

.vsrp_div a{color:#fff; font-size:90%; padding:2px;}


/* Content */
#content {float:right; line-height:1.5em; margin:-2px 0 10px; text-align:left; width:800px; background-color:#fff; padding-top: 20px}
#content ul,#content ol {margin:0 15px 18px 40px;}
#content ul li,#content ol li {margin:0 0 3px;}
#content ul ul,#content ol ol {margin:5px 0 15px 30px;}
#content img {margin:5px;}
#content p {margin:0 15px 15px 30px;}
#content p.timestamp {font-size:1.2em; margin:-5px 0 15px 30px;}
#content p.timestamp a {font-weight:normal;}
#content p.postmeta {text-align:right; border-top:2px solid #dadada; line-height:1.8em;}
#content #postnav {padding:5px; margin:5px 0 18px;}
#content #postnav p {margin:0; padding-left:5px;}
#content #postnav p.right {text-align:right; padding-right:5px; margin-top:-18px;}
#content .introtext p {margin:-5px 0 15px 10px;}
.video_wrap {text-align: center;}

/* Footer */
#footer {border-top:4px solid #dadada; clear:both; color:#FFF; font-size:1.1em; line-height:1.6em; margin:0 auto; padding:8px 0; text-align:right; font-weight:normal;}
#footer p {margin:0; padding:0;}
#footer a {color:#fff; font-weight:normal}
#footer a:hover {text-decoration:underline;}
#footer span, #footer span a {font-weight:normal;}

/* Comments */
#content div.comment {margin-bottom:20px;}
#content div.comment p {margin:0 0 4px 10px; padding:3px 0 0 0;}
#respond p {margin:0 0 5px 10px;}
#respond input,#respond textarea {padding:5px; width:330px;}
#respond textarea#comment {width:700px;}
#respond input#submit {width:75px;color:#333; background-color:#fff;}
#respond input,#respond textarea,form div.searchbox input {font:94% Verdana,Tahoma,Arial,sans-serif; border:1px solid #ccc;}
.gravatarside {width:48px; height:48px; float:right; margin:0 5px 3px 5px;}

/* Tags */
blockquote {border:1px solid #dadada; font-size:0.9em; margin:20px 10px; padding:8px;}
blockquote p {padding:2px 0; margin:0; font-weight:bold;}
table#wp-calendar {width:180px; margin:0 0 18px 10px;}
p {margin:0 0 18px 10px;}
ul,ol,dl {font-size:1.0em; margin:2px 0 16px 35px;}
ul ul,ol ol {margin:4px 0 4px 35px;}
code{font-size:1.1em; background-color:#f4f4f4; color:#555; display:block; margin:5px 0 15px 0; padding:5px 5px 5px 7px; border:1px solid #ccc;}

/* Links */
a {color:#4E5B42; font-weight:bold; text-decoration:none;}
a:hover {text-decoration:underline;}
a img {border:0;}

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

/* Searchbox */
.searchbox {margin:8px 0 15px 10px;}
.searchbox label {display:none;}
.searchbox input {font-size:0.9em; padding:5px; width:166px; border:1px solid #ccc;}

/* Various classes */
.post {margin:0 0 15px;}
.textright {text-align:right;}
.textcenter {text-align:center;}
.hide {display:none;}

/* WP image align classes */
.aligncenter {display:block; margin-left:auto; margin-right:auto;}
.alignleft {float:left;}
.alignright {float:right;}
.wp-caption {border:1px solid #ddd;	text-align:center; background-color:#f3f3f3; padding-top:4px; margin:10px; border-radius:3px;}
.wp-caption img {margin:0; padding:0; border:0 none;}
.wp-caption-dd {font-size: 11px; line-height: 17px; padding:0 4px 5px; margin:0;}

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/final_drop.html
Copyright (c) 2005-2008 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */

.menu {width:100%; height:32px; position:relative; z-index:100;border-right:0px solid #000; font-family:arial, sans-serif;}
/* hack to correct IE5.5 faulty box model */
* html .menu {width:746px; w\idth:745px;}
/* remove all the bullets, borders and padding from the default list styling */
.menu ul {padding:0;margin:0;list-style-type:none;}
.menu ul ul {width:auto;}
/* float the list to make it horizontal and a relative positon so that you can control the dropdown menu positon */
.menu li {float:right;width:auto;position:relative;padding-right:1px;}
/* style the links for the top level */
.menu a, .menu a:visited {display:block;font-size:12px;text-decoration:none; color:#fff; width:auto;padding-right:10px; height:30px; border:1px solid #000; border-width:1px 0 1px 1px; background:#4E5B42; padding-left:10px; line-height:29px; font-weight:bold;}

/* style the second level background */
.menu ul ul a.drop, .menu ul ul a.drop:visited {background:#d4d8bd url(http://www.cssplay.co.uk/menus/breadcrumbs/grey-arrow.gif) no-repeat 130px center;}
/* style the second level hover */
.menu ul ul a.drop:hover{background:#e2dfa8 url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
.menu ul ul :hover > a.drop {background:red url(http://www.cssplay.co.uk/menus/breadcrumbs/blue-arrow.gif) no-repeat 130px center;}
/* style the third level background */
.menu ul ul ul a, .menu ul ul ul a:visited {background:#e2dfa8;}
/* style the third level hover */
.menu ul ul ul a:hover {background:#f0f348;}


/* hide the sub levels and give them a positon absolute so that they take up no room */
.menu ul ul {visibility:hidden;position:absolute;height:0;top:31px;left:0; width:149px;border-top:1px solid #000;}
/* another hack for IE5.5 */
* html .menu ul ul {top:30px;t\op:31px;}

/* position the third level flyout menu */
.menu ul ul ul{left:149px; top:-1px; width:149px;}

/* position the third level flyout menu for a left flyout */
.menu ul ul ul.left {left:-149px;}

/* style the table so that it takes no ppart in the layout - required for IE to work */
.menu table {position:absolute; top:0; left:0; border-collapse:collapse;;}

/* style the second level links */
.menu ul ul a, .menu ul ul a:visited {background:#a5fc3f; color:#000; height:auto; line-height:1em; padding:5px 10px; width:128px;border-width:0 1px 1px 1px;}
/* yet another hack for IE5.5 */
* html .menu ul ul a, * html .menu ul ul a:visited {width:150px;w\idth:128px;}

/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}
/* style the top level hover */
.menu a:hover, .menu ul ul a:hover{color:#000; background:#b7d186;}
.menu :hover > a, .menu ul ul :hover > a {color:#000; background:#b7d186;}

/* make the second level visible when hover on first level list OR link */
.menu ul li:hover ul,
.menu ul a:hover ul{visibility:visible; }
/* keep the third level hidden when you hover on first level list OR link */
.menu ul :hover ul ul{visibility:hidden;}
/* make the third level visible when you hover over second level list OR link */
.menu ul :hover ul :hover ul{ visibility:visible;}


/* ================================================================ 
   This CSS is further CSS I have created specifically for Wordpress
   so that the current page is highlighted in two levels.
   If you want it in three levels let me know.

   Author: Isaac Rowntree
   Website: www.zackdesign.biz
=================================================================== */


.menu ul ul .current_page_item a {
  color: red;
  background: white;
  border-left: 1px solid black;
}

.menu .current_page_item a {
  color: red;
  font-weight: bold;
  background: white;
}

.menu ul .current_page_item ul a {
  color: white;
  font-weight: normal;
  background: black;
}

.menu ul .current_page_item ul a:hover {
  background: gray;
}

.menu .current_page_item a:hover {
  background: white;
}


.petition {margin: 10px;}

#searchform {padding-left:10px}

table {margin:10px; background-color:inherit; color:#505050; font-weight:normal; text-align:left; border: 0.3pt solid #666; border-style: solid;line-height:1.3em;font-size:90%}

td{padding: 3px; border-style: none; background-color: transparent; }

/* extra insetllingen css audio */
.wpa_container img.wpa_play {background: #A5FC3F}