@charset "utf-8";

/*  
Theme Name: Stichting Bal Rashmi
Version: 1.0
Description: Theme voor Stichting Bal Rashmi, Nederland
Author URI: http://www.illutic.nl/
Author: illutic WebDesign
*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 1em;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1em;
	font-size: 62.5%; /* reset 1em to 10px */
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}

div:after, ul:after, form:after, .clear { content: ""; display:block; height: 0; clear:both; } /* zorgt ervoor dat alles goed afsluit */
select:after,input:after { content:inherit; } /* voor FF3 */

a, span, strong, em, dl, dt, dd { display:inline; width:inherit; }

html, body { background-color:#fff; font-family:Arial, Helvetica, sans-serif; font-weight:normal; color:#000; font-size:1em; }
body { font-size:1em; line-height:1.2em; }

a { color:#000; font-weight:bold; }
a:hover { color:#ea1e25; }

h1, h2 { color:#365eab; font-size:200%; line-height:normal; margin-bottom:10px; }
h2 { font-size:160%; }
h3 { font-size:140%; }
h4 { font-size:120%; }

hr { height:1px; border:0; border-top:1px solid #ccc; background-color:#ccc; margin:0 0 20px; }

input, select, textarea { padding:2px; border:1px solid #365eab; color:#000; font-family:Arial, Helvetica, sans-serif; }
input:hover, select:hover, textarea:hover,
input:focus, select:focus, textarea:focus,
input[type=submit]:hover, input#searchsubmit:hover { border-color:#ea1e25; }
input[type=submit], input#searchsubmit { padding:1px 2px; background-color:#365eab; color:#fff; font-weight:bold; cursor:pointer; }
input[type=submit]:hover, input#searchsubmit:hover { background-color:#ea1e25; }
label { font-weight:bold; }

p { margin:0 0 20px; }

#content .inner ul,
#content .inner ol { margin:0 0 20px 20px; padding:0 0 0 20px; list-style-position:outside; }
#content .inner ul { list-style-type:disc; }
#content .inner ol { list-style-type:decimal; }
body.home #content .inner ul { margin:0; padding:0; list-style:none; list-style-type:none; }
body.home #content .inner ul li { list-style:none; list-style-type:none; }

/****************************************
	Default classes
****************************************/
.alignleft { float:left; }
.alignright { float:right; }
.aligncenter { margin:0 auto; }
.aligncenter p { text-align:center; }

img.alignleft, .alignleft img { margin:0 10px 10px 0; border:5px solid #eee; padding:1px; }
img.alignright, .alignright img { margin:0 0 10px 10px; border:5px solid #eee; padding:1px; }
img.aligncenter, .aligncenter img { border:5px solid #eee; padding:1px; }
a img.alignleft, .alignleft a img,
a img.alignright, .alignright a img,
a img.aligncenter, .aligncenter img {}
a:hover img.alignleft, .alignleft a:hover img,
a:hover img.alignright, .alignright a:hover img,
a:hover img.aligncenter, .aligncenter a:hover img { border-color:#ccc; }

.postmeta, .navigation { display:block; background-color:#efefef; padding:5px; }
.navigation { margin:0 0 10px; }

.date { color:#999; }
p.date { margin-bottom:5px; }

p.leesmeer { margin-top:-15px; }
a.meer { color:#20407f; font-weight:bold; text-decoration:none; background:url('img/arrow_blue.gif') right 4px no-repeat; padding:0 8px 0 0; }
a.meer:hover { text-decoration:underline; }

/****************************************
	Containers
****************************************/
#outer, #top, #header, #content, #footer  { width:100%; display:inline; display:block; clear:both; }
.inner { width:960px; margin:0 auto; display:inline; display:block; }


/****************************************
	Top
****************************************/
#top { height:150px; }
#top .inner { position:relative; }
/* logo */
#top #logo { position:absolute; width:300px; height:82px; display:block; top:20px; right:10px; /*margin:20px 10px;*/ display:block; float:right; }
#top #logo a { text-decoration:none; width:300px; height:82px; display:block; float:right; background:url('img/logo.gif') 0 0 no-repeat; }
#top #logo a strong { text-indent:-9999px; display:block; float:left; color:#fff; z-index:-1; }
#top #mainnav { margin:111px 0 0; display:block; float:left; }
#top #mainnav li { display:inline; display:block; float:left; width:auto; height:42px; font-size:1.1em; border-left:1px solid #efefef; position:relative; }
#top #mainnav li a { padding:10px 20px; height:22px; display:block; width:auto; float:left; text-decoration:none; font-weight:normal; }
#top #mainnav li.current_page_item,
#top #mainnav li.current_page_parent,
#top #mainnav li.current_page_ancestor { background-color:#365eab; border-color:#fff; border-top-right-radius:5px; -moz-border-radius-topright:5px; -webkit-border-top-right-radius:5px; border-top-left-radius:5px; -moz-border-radius-topleft:5px; -webkit-border-top-left-radius:5px; }
#top #mainnav li.current_page_item a,
#top #mainnav li.current_page_parent a,
#top #mainnav li.current_page_ancestor a { font-weight:bold; color:#fff; }
#top #mainnav li.current_page_item a:hover,
#top #mainnav li.current_page_parent a:hover,
#top #mainnav li.current_page_ancestor a:hover { text-decoration:underline; }
#top #mainnav li.first { border:0; }
/*#top #mainnav li.last { border:0; }*/
/* subnav */
#top #mainnav li ul { position:absolute; top:42px; left:0; padding:20px 0; display:none; width:200px; background-color:#fff; border-bottom:5px solid #365eab; }
#top #mainnav li.hover ul,
#top #mainnav li:hover ul { display:block; font-size:.6em; }
#top #mainnav li ul li { border:0; width:160px; padding:0 20px; display:block; clear:both; }
#top #mainnav li ul li a { padding-left:10px; width:150px; font-weight:bold; display:block; background:url('img/arrow_black.gif') left 14px no-repeat; }
#top #mainnav li ul li a:hover { background-image:url('img/arrow_red.gif'); }
#top #mainnav li.current_page_item ul,
#top #mainnav li.current_page_parent ul,
#top #mainnav li.current_page_ancestor ul { background:#fff url('img/arrow_blue_bottom.gif') 20px top no-repeat; }
#top #mainnav li.current_page_parent ul li.current_page_item,
#top #mainnav li.current_page_ancestor ul li.current_page_item,
#top #mainnav li ul li.current_page_parent,
#top #mainnav li.current_page_ancestor ul li.current_page_parent  { background:none; border-radius:0; -moz-border-radius:0; -webkit-border-radius:0; }
#top #mainnav li.current_page_parent ul li.current_page_item a,
#top #mainnav li.current_page_ancestor ul li.current_page_item a,
#top #mainnav li.current_page_ancestor ul li.current_page_parent a,
#top #mainnav li ul li.current_page_parent a { color:#20407e; background-image:url('img/arrow_blue.gif'); }
#top #mainnav li.current_page_item ul li a,
#top #mainnav li.current_page_parent ul li a,
#top #mainnav li.current_page_ancestor ul li a { color:#000; }
#top #mainnav li.current_page_item ul li a:hover,
#top #mainnav li.current_page_parent ul li a:hover,
#top #mainnav li.current_page_ancestor ul li a:hover { color:#eb1e26; text-decoration:none; background-image:url('img/arrow_red.gif'); }

/****************************************
	Header
****************************************/
#header { height:270px; background:url('img/bg_header.jpg') 0 0 repeat-x; }
#header #image { width:938px; height:248px; display:block; float:left; margin:10px; border:1px solid #fff; }

/****************************************
	Content
****************************************/
#content { margin:20px 0 0; font-size:.8em; }
body.home #content { padding:0 0 30px; }
#content .kolom { width:300px; margin:10px; display:inline; display:block; }
#content .kolom.driekwart { width:700px; display:inline; }
#content .kolom.helft { width:460px; display:inline; }
#content .kolom.kwart { width:220px; display:inline; }
#content .kolom.driekwart .helft { width:340px; display:inline; }
#content .kolom.driekwart .helft.alignleft { margin:0 10px 0 0; display:inline; }
#content .kolom.driekwart .helft.alignright { margin:0 0 0 10px; display:inline; }


/****************************************
	Sidebar
****************************************/
#content #sidebar { list-style:none; }
#content #sidebar ul { margin:0; padding:0; list-style:none; } 
#content #sidebar li { list-style:none; margin:0 0 30px; list-style:none; }
#content #sidebar ul li ul li { margin:0; }


/****************************************
	Bottom
****************************************/
#bottom { background-color:#20407e; }
#bottom ul { text-align:center; padding:30px 20px; }
#bottom ul li { display:inline-block; display:inline; border-left:1px solid #fff; line-height:1em; font-size:.8em; }
#bottom ul li a { color:#fff; text-decoration:none; padding:0 20px; display:inline-block; width:auto; }
#bottom ul li a:hover { color:#000; }
#bottom ul li.current_page_item a { text-decoration:underline; }
#bottom ul li.first { border:0; }
/*#bottom ul li.last { border:0; }*/

/****************************************
	Footer
****************************************/
#footer { margin:30px 0; font-size:.8em; }
#footer .inner { width:940px; }

/* enhanced recent posts */
ul.enhanced-recent-posts { border-bottom:1px solid #ccc; }
ul.enhanced-recent-posts li { border-top:1px solid #ccc; position:relative; padding:10px; }
ul.enhanced-recent-posts li:hover { background-color:#eee; }
ul.enhanced-recent-posts h3 { font-size:100%; }
ul.enhanced-recent-posts p { margin:0; }
ul.enhanced-recent-posts .date { color:#365eab; }
ul.enhanced-recent-posts a { color:#20407f; font-weight:bold; text-decoration:none; background:url('img/arrow_blue.gif') right 4px no-repeat; padding:0 8px 0 0; }
ul.enhanced-recent-posts a.fill { position:absolute; top:0; bottom:0; left:0; right:0; width:100%; height:100%; display:block; z-index:2; background:none; padding:0; }

/* blogroll */
ul.blogroll {}
ul.blogroll li { padding:5px 0; }
ul.blogroll li a { background:url('img/arrow_black.gif') left 6px no-repeat; padding:0 0 0 8px; text-decoration:none; display:block; }
ul.blogroll li a:hover { background-image:url('img/arrow_red.gif'); }