/* CSS Includen voor Grid system */
@import url("reset.css");
@import url("text.css");
@import url("grid.css");





/* Template css */

body {color:#1e3d9f;margin-top:10px;height:100%;
	width:100%;
	padding:0;
	overflow:hidden;
	}

#wrapper {
	


	position:absolute;
	margin-left: auto;
	margin-right: auto;
	
	width: 100%;
	overflow:hidden;
	z-index:100000;

}

#main { background:url(../images/bck_container_main.png) center repeat-y;padding:10px 0 10px 0 ;}
#top{ background:url(../images/bck_container_top.png) bottom no-repeat; width:100%;}
#bot{ background:url(../images/bck_container_bot.png) top no-repeat;}


/* modules */

.moduletable h3 {margin:0 0 10px 0;}
.moduletableflickr h3, .moduletabletweets h3 {margin:10px ;}

div.grid_4#right { background:#fff;-moz-border-radius: 5px;-webkit-border-radius: 5px;}

/* latest news */
ul.latestnews { border-bottom:1px dotted #f56285;}
ul.latestnews span a  {text-decoration:none; font-weight:bold;}
li.latestnews { list-style:none;margin:0;padding:5px 0px 3px 0px; border-top:1px dotted #f56285;}
li.latestnews a{ background:url(../images/li_arrow_pink.png) 0px 2px no-repeat;text-decoration:none; display: inline-block;} 
li.latestnews:hover { background:#cfd6ea;}

#right h3 {color:#f56285;}

/* login form */

#form-login fieldset {margin:0;}
#form-login p {margin-bottom:10px;}
#modlgn_username, #modlgn_passwd {border:0px solid #ccc;width:176px;padding:5px;}
#form-login-username {float:left;margin-right:20px;}
#form-login-password  {float:left;}
#form-login-remember {display:none;}
.grid_8 .moduletable {margin-top:25px;}


input.btn_login { background:url(../images/btn_login.png) 0 0; border:0; width:78px; height:32px; float:left;margin:10px 0px 0px 30px;}

ul.list_reset {float:left; position:absolute; font-size:0.88em;margin:40px 0 0 0; }
ul.list_reset li {float:left;margin:0 10px 0 15px;padding:0;}


div.col {float:left;margin: 0 3px 0px 0;}
td.article_column {padding:0 4px; color:#fabbca; line-height:1.5}
span.leading {color:#fff; line-height:1.5; margin:20px 10px; display:block; font-style: normal; font-size:16px;}
 h2.contentheading {margin:10px; display:block; font-size:20px;}
div.col img {margin-bottom:3px;}

div.blog {margin:0; padding:0;}
table.blog {margin:0;}

#page p {margin-left: 10px;margin-right: 10px;color:#fff}

a.readon {background:url(../images/btn_readon.png) no-repeat;padding:10px 13px 10px 20px; color:#333; text-decoration:none; font-size:10px;}
a:hover.readon {color:#fff;background:url(../images/btn_readon.png) 0 -32px no-repeat;}
span.intro { font-size:15px; color:#fff;}



#footer { text-align:center; padding:0;margin-top:20px; border-top:0px dotted #1e3d9f;}


table.contentpaneopen {margin-bottom:0;}


ul.menu {list-style:none; margin:25px 0 0 0;padding:20px 0 0 0;  border-top:1px dotted;}
ul.menu li {margin:0 0 0 0px;padding:0;float:left;}
ul.menu li a {padding:3px 12px; border-right:1px solid; display:inline-block;}

ul.menu_cat {list-style:none; margin:0;padding:0;}
ul.menu_cat li {margin:0 0 0 10px;padding:0;}



#background {
	background: url(../images/bck_body.png) repeat 5% 5%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}

#midground {
	background: url(../images/midground.png) repeat 20% 20%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 100;
}

#foreground {
	background: url(../images/foreground.png) repeat 90% 110%;
	position: absolute;
	top: 0; left: 0; right: 0; bottom: 0;
	z-index: 200;

}