html, body {
	height:100%;
}
body {
    font-size:100%;
    margin: 0px auto;
    color:rgb(34, 34, 34);
    max-width:1024px;
    padding:0px 20px;
	background:url('/nieuw/img/main_bg_clouds.jpg') no-repeat center center fixed;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
	background-color:#ffffff;
}
@font-face {
    font-family: myCalibri;
    src: url('Calibri/CALIBRI.ttf')
}
body, input, button, textarea .button {
    font-family: Calibri, myCalibri, Arial;
}

#container {
    position: relative;
	height:100%;
}
/* Voor IE */
a img {
    border:none;
}
/* Voor Chrome */
*:focus {
    outline:none;
}
img {
    max-width: 100%;
    height: auto;
}

/* Containers van de invoervelden */
.invoercontainer {
    position: relative;
}

/* Alle links */
a, a:visited {
	text-decoration:none;
	cursor:pointer;
	color:rgb(31, 140, 230);

	-webkit-border-radius: .32em;
	-moz-border-radius: .32em;
	-ms-border-radius: .32em;
	-o-border-radius: .32em;
	border-radius: .32em;
}
a:hover {
    text-decoration:underline;
}

hr {
    border-style: solid;
    border-width: 1px 0 1px 0;
    border-top-color: rgb(234, 242, 248);
    border-bottom-color: rgb(250, 251, 252);
    margin: 30px 0;
}
/* Standaard selectievakje */
input[type='checkbox'] {
    /* display:none; */
}
/* Om tekst leesbaarder te maken */
.whiteBg {
	background-color:rgba(255, 255, 255,0.7);
}

/* Standaard knop */
.button, a.button:visited {
    -webkit-appearance: none; /* Voor Safari */
    background-color: rgb(70, 140, 219);
    color: white;
    text-shadow: -1px 0 rgb(68, 136, 194), 0 1px rgb(68, 136, 194), 1px 0 rgb(68, 136, 194), 0 -1px rgb(68, 136, 194);
    border: 1px solid rgb(28, 116, 179);
    line-height:1.3em;
    cursor:pointer;
    text-decoration:none;
    background-image: none;
    background-repeat: no-repeat;
    background-position: center;
    
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(154, 211, 258), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(154, 211, 258), inset 0 1em 10px -5px rgba(0, 0, 0, .2);

    -webkit-border-radius: .32em;
    -moz-border-radius: .32em;
    -ms-border-radius: .32em;
    -o-border-radius: .32em;
    border-radius: .32em;
    
    -moz-transition:.3s background-color, border-color ease;
    -ms-transition:.3s background-color, border-color ease;
    -o-transition:.3s background-color, border-color ease;
    transition:.3s background-color, border-color ease;
}
.button:disabled {
    opacity:1; /* Voor Safari */
    
}
.button:hover, a.button:hover {
    text-decoration:none;
    background-color: rgb(100, 160, 229);
}
.button:focus,
.button:active {
    text-decoration:none;
	box-shadow:0 0 4px 1px rgba(28, 116, 179, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(154, 211, 258), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow:0 0 4px 1px rgba(28, 116, 179, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(154, 211, 258), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
}

.btnred, a.btnred:visited{
    background-color: rgb(245,52,31);
    color: white;
    text-shadow: -1px 0 rgb(194, 86, 68), 0 1px rgb(194, 86, 68), 1px 0 rgb(194, 86, 68), 0 -1px rgb(194, 86, 68);
    border: 1px solid rgb(100, 40, 25);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
}
.btnred:hover, a.btnred:hover {
    text-decoration:none;
	background-color: rgb(255,67,45);
}
.btnred:focus,
.btnred:active {
    text-decoration:none;
	box-shadow:0 0 4px 1px rgba(100, 40, 25, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow:0 0 4px 1px rgba(100, 40, 25, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
}

.btngreen, a.btngreen:visited{
    background-color: rgb(89,219,70);
    color: white;
    text-shadow: -1px 0 rgb(80, 194, 68), 0 1px rgb(80, 194, 68), 1px 0 rgb(80, 194, 68), 0 -1px rgb(80, 194, 68);
    border: 1px solid rgb(48, 179, 28);
    box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(160, 255, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow: 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(160, 255, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
}
.btngreen:hover, a.btngreen:hover {
    text-decoration:none;
	background-color: rgb(93,235,77);
}
.btngreen:focus,
.btngreen:active {
    text-decoration:none;
	box-shadow:0 0 4px 1px rgba(100, 40, 25, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
    -webkit-box-shadow:0 0 4px 1px rgba(100, 40, 25, .6), 0 1px 0 rgba(0, 0, 0, .4), inset 0 1px 1px rgb(258, 211, 154), inset 0 1em 10px -5px rgba(0, 0, 0, .2);
}

.btnbig {
    padding: .25em 1em;
    font-size: 1.1em;
}
.btnmedium {
    padding: .125em .9em;
    font-size: 1em;
}
.btnsmall {
    padding:.05em .8em;
    font-size:0.8em;
}

/* Alle inputvelden */
input[type='text'],
input[type='password'],
input[type='email'],
textarea,
.input {
    border:2px solid #C6C6C6;
	background-color:rgba(255,255,255,0.6);
    
    -webkit-border-radius: .32em;
    -moz-border-radius: .32em;
    -ms-border-radius: .32em;
    -o-border-radius: .32em;
    border-radius: .32em;
    
    box-shadow: inset 0px .4em .4em -.4em #d6d6d6;
    -webkit-box-shadow: inset 0px .4em .4em -.4em #d6d6d6;
    
    -webkit-transition:.3s all ease;
    -moz-transition:.3s all ease;
    -ms-transition:.3s all ease;
    -o-transition:.3s all ease;
    transition:.3s all ease;
}
input[type='text']:hover,
input[type='password']:hover,
input[type='email']:hover,
textarea:hover,
.input:hover {
    border:2px solid #A6A6A6;
	background-color:rgba(255,255,255,0.75);
}
input[type='text']:focus,
input[type='password']:focus,
input[type='email']:focus,
textarea:focus,
.input:focus {
    border:2px solid rgb(31, 140, 230);
	background-color:rgba(255,255,255,0.9);
}

/* Voor firefox */
button::-moz-focus-inner,
intput[type='submit']::-moz-focus-inner,
.button::-moz-focus-inner {
    padding: 0;
    border: 0
}

/* Placeholders */
::-webkit-placeholder {         /* webkit */
    color:rgb(119, 119, 119);
}
:focus::-webkit-placeholder {
    color:rgb(204, 204, 204);
}
:-ms-placeholder {              /* MS */
    color:rgb(119, 119, 119);
}
:focus:-ms-placeholder {
    color:rgb(204, 204, 204);
}
:-moz-placeholder {             /* mozilla */
    color:rgb(119, 119, 119);
}
:focus:-moz-placeholder {
    color:rgb(204, 204, 204);
}
::-moz-placeholder {            /* mozilla */
    color:rgb(119, 119, 119);
}
:focus::-moz-placeholder {
    color:rgb(204, 204, 204);
}

.placeholder {
    color:#ccc;
}

.popup, .popupmenu {
    display:none;
    
    box-shadow:0px 0px 4px 4px rgba(0, 0, 0, .2);
    -webkit-box-shadow:0px 0px 4px 4px rgba(0, 0, 0, 0.2);
    
    -webkit-border-radius: .32em;
    -moz-border-radius: .32em;
    -ms-border-radius: .32em;
    -o-border-radius: .32em;
    border-radius: .32em;
}

.notification {
    background: rgb(244, 255, 244);
    border: 1px solid rgb(98, 203, 98);
    color: rgb(98, 203, 98);
    padding: 10px 18px;
    text-align: center;
}

.error {
    background: rgb(255, 244, 244);
    border: 1px solid rgb(203, 98, 98);
    color: rgb(203, 98, 98);
    padding: 10px 18px;
    text-align: center;
}

.warning {
    background: rgb(255, 255, 234);
    border: 1px solid rgb(166, 166, 0);
    color: rgb(166, 166, 0);
    padding: 10px 18px;
    text-align: center;
}

.info {
    background: rgb(244, 244, 255);
    border: 1px solid rgb(98, 98, 203);
    color: rgb(98, 98, 203);
    padding: 10px 18px;
    text-align: center;
}

.browsersupport {
    display:none;
    position:absolute;
    left:0;
    top:160px;
    text-align:center;
    padding:18px 0 18px 0;
    z-index:999;
    border-width:2px 0 2px 0;
    border-color: rgb(233, 78, 78);
    font-size:18px;
    width:100%;
    color: rgb(233, 78, 78);
}
#browser {
    font-weight:bold;
}

#header {
	margin-bottom:60px;
}

.unsupported {
    display:block;
}

.clear {
    clear:both;
}

/* Mobile Phones Portrait */
@media screen and (max-device-width: 480px) and (orientation: portrait){

}

/* Mobile Phones Landscape */
@media screen and (max-device-width: 640px) and (orientation: landscape){

}

/* Mobile Phones Portrait or Landscape */
@media screen and (max-device-width: 640px){

}

/* iPhone 4+ Portrait */
@media screen and (max-device-width: 480px) and (orientation: portrait) and (-webkit-min-device-pixel-ratio: 2) {

}

/* iPhone 4+ Landscape */
@media screen and (max-device-width: 480px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 2) {

}

/* Tablets Portrait or Landscape */
@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
    body {
        
    }
}