/* Fonts */
@font-face {font-family: 'Cabin';font-style: normal;font-weight: 400;src: url('fonts/cabin-regular.eot');src: local(':-)'), url('fonts/cabin-regular.woff') format('woff'),url('fonts/cabin-regular.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: normal;font-weight: 500;src: url('fonts/cabin-medium.eot');src: local(':-)'), url('fonts/cabin-medium.woff') format('woff'),url('fonts/cabin-medium.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: normal;font-weight: 600;src: url('fonts/cabin-semibold.eot');src: local(':-)'), url('fonts/cabin-semibold.woff') format('woff'),url('fonts/cabin-semibold.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: normal;font-weight: 700;src: url('fonts/cabin-bold.eot');src: local(':-)'), url('fonts/cabin-bold.woff') format('woff'),url('fonts/cabin-bold.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: italic;font-weight: 400;src: url('fonts/cabin-italic.eot');src: local(':-)'), url('fonts/cabin-italic.woff') format('woff'),url('fonts/cabin-italic.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: italic;font-weight: 500;src: url('fonts/cabin-mediumitalic.eot');src: local(':-)'), url('fonts/cabin-mediumitalic.woff') format('woff'),url('fonts/cabin-mediumitalic.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: italic;font-weight: 600;src: url('fonts/cabin-semibolditalic.eot');src: local(':-)'), url('fonts/cabin-semibolditalic.woff') format('woff'),url('fonts/cabin-semibolditalic.ttf') format('truetype');}
@font-face {font-family: 'Cabin';font-style: italic;font-weight: 700;src: url('fonts/cabin-bolditalic.eot');src: local(':-)'), url('fonts/cabin-bolditalic.woff') format('woff'),url('fonts/cabin-bolditalic.ttf') format('truetype');}
* {font-family:Cabin,Tahoma,Helvetica,sans-serif;font-size:12px;outline:none!important;}
html,body {height:100%;width:100%;margin:0px;background:#FFFFFF;}
h1{margin:0px;color:#0B55C4;font-size:20px;}
p {margin:0px 0px 5px 0px;}
a{color:#0B55C4;text-decoration:none;}
a:hover{text-decoration:underline;}
input:focus{background-color:#ffd}
form {margin:0px;}

/*css voor de gehele omkadering */
.content{width:478px;left:50%;top:50%;margin-left:-250px;margin-top:-124px;position:absolute;}
.roundedcorners {padding:10px;border:1px solid #ccc;border-radius:8px;-moz-border-radius:8px;-w-border-radius:8px;}
/*De hoofd containers */
.contentheader{margin:5px;clear:both;}
.contentcenter{background:url(../img/login/j_login_lock.png) left top no-repeat;min-height:130px;height:auto!important;height:130px;}
.copyright{padding:1px;clear:both;text-align:right;}
.content .toolbar {margin:5px;}

.right{float:right;}

/*Taalselectie*/
.language{text-align:right;vertical-align:middle;}
.language a {vertical-align:middle;padding-left:20px;display:inline-block;line-height:24px;color:#666;font-weight:bold;margin-left:5px;}
.lang_nl {background:url(../img/flags/nl.png) left center no-repeat;}
.lang_fr{background:url(../img/flags/fr.png) left center no-repeat;}
.lang_en{background:url(../img/flags/gb.png) left center no-repeat;}
.lang_de{background:url(../img/flags/de.png) left center no-repeat;}

 .insidebox {clear:both;width:278px;margin:0px 0px 10px 10px;}
 
 .forms {text-align:right;}
 .forms label {color:#666666;font-weight:bold;}
 .forms input {font-size:10px;border:1px solid silver;margin-left:5px;width:120px;color:#000;background:#fff;}
 .forms input:focus{background-color:#ffd}
 .forms button {background:url(../img/buttons/j_button_left.png) no-repeat;border:none;width:123px;line-height:24px;font-weight:bold;padding:0px 30px 0px 6px;color:#333;cursor:pointer;font-size:12px;}
 span.melding {background:url(../img/icons/32/dialog-warning.png) left center no-repeat;height:32px;color:#FF3F00;display:inline-block;font-weight:bold;padding-left:35px;vertical-align:middle;margin:0px;text-align:left;}
.dialog-message {display:none;}

/*Meldingen*/
.melding {font-weight:bold;padding:0em 15px;text-align:center;border:0px solid #F9F9F9;overflow:hidden;clear:both;margin:5px 0px 12px 0px;position:relative;}
.melding.ok {background:#dee6c5;border:3px solid #8db362;}
.melding.fout {background: #E6C0C0;border:3px solid #DE7A7B;}
.melding.waarschuwing {background:#EFE7B8;border:3px solid #F0DC7E;}
.melding span {padding:8px 0px 8px 30px;display:inline-block;vertical-align:middle;background-size: 24px 24px!important;}
.melding.ok span {background: url(../img/icons/48/dialog-information.png) no-repeat left center;color:#008000;}
.melding.fout span {background: url(../img/icons/48/dialog-error.png) no-repeat left center;color:#c00;}
.melding.waarschuwing span {background: url(../img/icons/48/dialog-warning.png) no-repeat left center;color:#FF3F00;}
.melding .ui-btn {margin:0px 5px;position:absolute;right:20px;}
