/* Presets */

body { font-family: Helvetica, Arial, sans-serif; color: #7c7c7c; font-size: 100%; margin:0; background:#d2d2d2 url("../../images/bg.png") repeat-x top left; }
a {color:white; text-decoration:none; }
a img { border:none; }
a:hover { color:white; }
.nohighlight:focus { outline:none; }

/* General */

div.topbar { background-color:#ffffff; width:100%; height:140px; }
div.topbar img.logo { float:left; position:relative; top:20px; left:30px; }
div.topbar span.login { float:right; position:relative; top:60px; right:30px; }
div.topbar span.login a { color:#518318; text-decoration:none; }
div.topbar span.login a:hover { color:#93dc45; text-decoration:underline; }
div.topbar span.login form.loginform input.email,input.password { vertical-align:middle; padding-left:5px; border:none; width:142px; height:31px; background:transparent url("../../images/inputfield.png") no-repeat top left; }
input.submit { color:white; border:none; width:150px; height:31px; background:transparent url("../../images/submitbutton.png") no-repeat top left; }

div.menu a { color:#518318; text-decoration:none; }
div.menu a:hover { color:#93dc45; text-decoration:underline; }
div.menu { height:5px; padding-bottom:30px; margin:auto; width:909px; }
div.menu ul { height:5px; padding-left:10px;  list-style-type:none; }
div.menu ul li { height:5px; float:left; margin-right:20px; }

hr.divider { width:909px; color: #999999; background-color: #999999; height: 1px; border:0; }
div.footer { width:909px; font-size:80%; margin:auto; text-align:center; }
div.footer ul li { list-style-type:none; float:left; margin-right:20px; }
div.footer ul li a { color:#669933; text-decoration:none; }
div.footer ul li a:hover { color:#99CC33; position:relative; top:-4px; }

/* Homepage */

div.splash { width:909px; height:527px; margin:auto; margin-bottom:30px; background:transparent url("../../images/splash.png") no-repeat; }
div.splash img.corner { position:relative; left:655px; top:-26px; }
div.splash div.splashcontent { margin-top:220px; height:97px; width:909px; }
div.splash div.splashcontent img.button { float:left; position:relative; top:15px; left:30px; }
div.splash div.splashcontent div.button { font-size:200%; color:white; padding-top:12px; padding-left:15px; float:left; position:relative; top:15px; left:30px; background:transparent url("../../images/button.png") no-repeat; width:376px; height:62px;}
div.splash div.splashcontent div.twitter { float:right; font-size:200%; color:white; margin-right:20px; margin-top:10px; }
div.splash div.splashcontent div.twitter img {position:relative; top:10px; margin-right:10px; }
div.badge { width:102px; height:104px; background:transparent url("../../images/badge.png") no-repeat top left; position:relative; left:870px; top:-35px; }

/* Vervolg pagina */

div.container { margin:auto; width:909px; }
div.content_top { width:909px; height:48px; background:transparent url("../../images/bg2.png") no-repeat top left; }
div.content_top h1 { font-size:120%; color:white; padding-top:12px; padding-left:12px; }
div.content { padding-top:20px; width:879px; min-height:400px; padding:15px; background-color:white; background-color:#FFFFFF; font-size:90%; }
div.content table { font-size:80%; width:100%; }
div.content table th.editdel { width:80px; }
div.content table td.editdel { text-align:center; }
div.content a { color:#518318; text-decoration:none; }
div.content a:hover { color:#93dc45; text-decoration:underline; }

div.content_bottom { width:909px; height:19px; background:transparent url("../../images/bg2_bottom.png") no-repeat bottom left; margin-bottom:30px; }

/* Formulieren */

fieldset { margin: 0px; padding: 0px; border: none; } 
fieldset ul { margin: 0px 0px 0px 0px; padding: 0px; list-style-type: none; }
fieldset ul li { margin: 0px; padding: 0px 0px 5px 0px; clear: both; }
fieldset ul li.topspacing { padding-top: 20px; }
fieldset ul li label { width: 170px; margin-right: 10px; float: left; }
fieldset ul li img { border: 1px solid #333333;}
fieldset ul li textarea { width: 300px; height: 100px; }
fieldset ul li table { width: 300px; float: left; }
fieldset ul li table td { width: 150px; }
fieldset ul li table input { float: left; margin-right: 5px; }
fieldset ul li table label { width: auto; }
ul.errors { list-style-type:none; color:red; position:relative; left:-28px;}
.twentytwo { width:22px; }

/* Flash messages */

.info, .success, .warning, .error, .validation, .message {
	width:854px;
	margin:auto;
    border: 1px solid;
    padding:15px 5px 15px 50px;
    background-repeat: no-repeat;
    background-position: 10px center;
}
.info {
    color: #00529B;
    background-color: #BDE5F8;
    background-image: url('../../images/info.png');
}
.success {
    color: #4F8A10;
    background-color: #DFF2BF;
    background-image:url('../../images/success.png');
}
.warning {
    color: #9F6000;
    background-color: #FEEFB3;
    background-image: url('../../images/warning.png');
}
.error, .message {
    color: #D8000C;
    background-color: #FFBABA;
    background-image: url('../../images/error.png');
}