@charset "utf-8";

html, body {height:100%; margin: 0;	padding: 0;}

body {
	font: 14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	background-color: #6578a3;
	background-image: url(images/body-bg.jpg);
	background-position:center top;
	background-repeat: no-repeat;
	color: #002c61;	
}

.wrapper {
	width:100%;
	min-height:100%;
	height:auto  !important;
	height:100%;
	overflow:hidden;
	margin:0 auto -51px;
}

ul, ol, dl, menu {padding: 0;	margin: 0;}
h1, h2, h3, h4, h5, h6, p {margin-top: 0; padding-right: 15px; padding-left: 15px; }
a img {border: none;}
a:link {color: #fff; text-decoration: none;}
a:visited {color: #eee;text-decoration: none;}
a:hover, a:active, a:focus { text-decoration: none;}

#menu{height:105px}

.container {width: 864px; height: 570px; margin: 20px auto 71px;}

#nav{position:absolute; top: 52px; padding:15px 15px 15px 5px; font-size:14px; font-weight:bold; text-transform:uppercase; overflow: hidden;}
#nav ul li {list-style: none; float:left; padding:0 3px 10px; margin:0 10px; }
#nav li.backLava {background: url(images/lava.jpg) no-repeat bottom right; z-index: 0;}
#nav li.backLava .left {background: url(images/lava.jpg) no-repeat bottom left; margin-right: 5px;}
#nav ul a, #nav ul a:visited {display: block; float: left; height: 20px; position: relative; text-decoration: none; text-shadow:0 1px 2px #001d40}
#nav ul a:hover, #nav ul a:active, #nav ul a:focus {color: #FFF; }
#nav li a:hover, #nav li a:active, #nav li a:visited {border: none;}    

ul.checkmarks{padding:0 0 20px 35px;}
ul.checkmarks li{list-style: url(images/checkmark.png); line-height:20px}

ul.redlist{padding:0 0 20px 15px;}
ul.redlist li{list-style: none; line-height:20px; color:#ee2e24;}

.right, .content, .runman, .fingerman, .smilingman, .smilinggirl, .searchingman, .jumpingman, .marep, .testblock{
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	behavior: url(template/border-radius.htc);

}
.testblock{width:500px; height:300px; background:#066}

.right {
	float: right;
	width: 160px;
	height: 550px;
	background: #fff;
	padding: 10px;
	margin-left: 43px;
	background-image:url(images/aside-pic.jpg); 
	background-position:top center; 
	background-repeat:no-repeat;
}

.content {
	width: 100%;
	height: 570px;
	float: left;
	background: #fff;
}

.nieuws_container {
	display: block;
	float: left;
	margin-right: 15px;
	padding-top: 127px;
	padding-left: 145px;
	overflow: hidden;
}
.tweet_content {
	display: block;
	width: 179px;
	float: left;
}

#path{color:#6578a3; font-size:12px; margin:0px 15px 15px; display:block; width:300px; clear:both;}

.inner{background-repeat:no-repeat;	margin:12px;}
.runman{background-image:url(images/inner-bg-man.jpg); background-position:top left; height:465px;}
.fingerman{background-image:url(images/finger-man.jpg); background-position:bottom center; height:544px;}
.smilingman{background-image:url(images/smiling-man.jpg); background-position:bottom center; height:544px;}
.smilinggirl{background-image:url(images/smiling-girl.jpg); background-position:bottom center; height:544px;}
.searchingman{background-image:url(images/searching-man.jpg); background-position:bottom center; height:544px;}
.jumpingman{background-image:url(images/jumping-man.jpg); background-position:bottom center; height:544px;}
.marep{background-image:url(images/marep-bg.jpg); background-position:bottom center; background-repeat:repeat-x; height:544px;}

.facecont{width:750px; height:130px; padding:0 5px}
.face{background-image:url(images/face-frame.png); background-position: top left; background-repeat:no-repeat; width:122px; height:130px; float:left; margin-right:20px;}
.face img{padding: 11px 12px 12px 12px;}
.face + p{padding-top:5px; line-height:18px; margin:3px 0}

input.input1, textarea{
	background: #bec5d7;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	border: 1px solid #586e9a;
	padding:0 5px;
}

input.input1{outline: none; float:right; width: 350px; height:29px; }
textarea{width: 457px; height:116px;}
.submit{ background: none; background-image:url(images/verzend.png); background-position:top left; background-repeat:no-repeat; width:140px; height:52px; float:right; border:0;}
label{ line-height: 29px; font-weight:bold; float:left;}
small{font-size:12px; padding-left:15px;}


.textpos{position:relative; top:12px; left:16px; clear:both;}
.inner h1{color:#ee2e24; font-size:30px;font-style:italic; font-weight:normal;}
.m30{margin: 30px 0;}
.w575{width:575px}
.w450{width:485px}
.mr20px{margin-right:5px;}
.m0auto{ width:615px; margin:0 auto;}
.px641{width:641px}
.red{color:#ee3124;}

#download {position: absolute; left: 520px; top:480px; font-weight:bold;}
#download a:link, #download a:visited, #download a:hover, #download a:active, #download a:focus {color:#002c61}

.button-small-red{width:150px; height:30px; background-image:url(images/button-small-red.png); background-position:top left; background-repeat:no-repeat; padding:3px 10px; font-size:12px; margin-bottom:120px; display:block;}

#footer {background: #002c61; width: 100%; height:51px; position: relative;	clear: both; }
#footer p{margin:0 auto; width:860px; font-size:12px; text-align:center; line-height:51px; color:#fff;}
#footer a:hover{ text-decoration: underline;}

#footer, #nav{display: block;}

#sendEmail {margin:0 0 0 15px}
#sendEmail div{height:29px; margin-bottom:10px;}
#sendEmail div.last{height:156px;}
.error {display:block; margin:0 0 0 110px; width:300px; line-height:10px; height:10px; font-size:10px; color:#ee3124; position:relative; top: -2px;}

.scrollnews{width:585px; height:350px; margin-bottom:20px; overflow:auto}