body {background-color: #34495E; font-family: 'Kalam', cursive;}


#wrapper {height: 100%;}
#wrapper #formbox {width: 500px; height: 350px; position: absolute; margin: -250px 0 0 -250px; left: 50%; top: 50%; background-color: #D64541; text-align: center;}
#wrapper #leden {width: 960px; margin: 0 auto; margin-top: 12px; background-color: #D64541; padding-top: 30px; padding-bottom: 30px;}
#wrapper #leden #inner {width: 900px; min-height: 800px; margin: 0 auto; background-color: #FFECDB;}
#wrapper #leden #inner #content {margin: 0px 20px 0px 20px; font-family: 'Roboto', sans-serif; font-weight: 300; font-size: 13px; line-height: 20px; letter-spacing: 1px; color: #4f4f4f; overflow: hidden;}

#formbox2 {width: 500px; height: 350px; margin: 0 auto; background-color: #FFECDB; text-align: center;}
#formbox3 {width: 500px; height: 120px; margin: 0 auto; background-color: #FFECDB; text-align: center;}

#header {border-top: 12px solid #34495E; height: 50px;}
#header #inner {padding: 0 30px; margin: 0 auto; width: 960px;}
	
#nav {margin-top: 8px; text-align: center;}
#nav-menu ul {list-style-type: none; margin: 0; padding: 0;}												
#nav-menu li:before {content:"  -  ";  left:-5px; color: #FFECDB;}
#nav-menu li:first-child:before {content: none;}		
#nav-menu li {font-family: 'Kalam', cursive; font-size: 19px; display: inline; text-indent:-5px; font-weight: 300;}												
#nav-menu li a {color: #FFECDB; text-decoration: none; border:none; margin-left: 10px; margin-right: 10px;}										
#nav-menu li a:hover {color: #FFECDB; text-decoration: none; border-bottom: 1px solid #D64541;}

.formbox {margin-top: 45px;}
.formbox h1 {font-size: 40px; font-weight: bold; font-style: italic; padding: 0px 0px 0px 0px; display: block; margin: -20px 0 20px 0; color: #ffffff;}
.formbox input[type="text"], .formbox input[type="password"] {border: 1px solid #CCC; color: #888; height: 30px; line-height:20px; margin-bottom: 16px; margin-right: 6px; margin-top: 4px; outline: 0 none; padding: 5px 0px 5px 10px; width: 70%;}
.formbox .button {background: #707070; padding: 10px 15% 10px 15%; color: #e5e5e5; margin-top: 26px; border: none; font-size: 17px; font-family: 'Kalam', cursive;}
.formbox .button:hover {color: #e5e5e5; background-color: #7e7e7e; border: none;}

.formbox .button2 {background: #707070; padding: 10px 15% 10px 15%; color: #e5e5e5; margin-top: 5px; margin-bottom: 5px; border: none; font-size: 17px; font-family: 'Kalam', cursive;}
.formbox .button2:hover {color: #e5e5e5; background-color: #7e7e7e; border: none;}

#leden #inner #content #clearfix {height: 12px;}
#leden #inner #content #notering {height: auto; width: 100%; float: left;}
#leden #inner #content #notering ul {list-style-type: none; margin: 0; padding: 0; margin-left: 5px; width: 380px; float: left;}
#leden #inner #content #notering li {display: list-item; float: right; height: 20px; font-size: 14px;}
#leden #inner #content #notering li span {padding-left: 150px;}
#leden #inner #content #notering li span2 {padding-left: 20px;}
#leden #inner #content #notering li span2 a {color: #D64541; font-size: 10px;}
#leden #inner #content h1 {font-family: 'Kalam', cursive; font-weight: 300; font-size: 28px; color: #4f4f4f; line-height: 45px; margin-top: 0; padding-top: 15px;}
#leden #inner #content h1 klein {font-family: 'Roboto', sans-serif; font-weight: 400; font-size: 15px; font-style: italic;}
#leden #inner #content h2 {font-family: 'Kalam', cursive; font-weight: 300; font-size: 20px; color: #4f4f4f; margin-left: 10px; padding-top: 15px; line-height: 32px;}
#leden #inner #content h3 {font-family: 'Kalam', cursive; font-weight: 300; font-size: 18px; color: #96281B; margin-left: 15px; padding-top: 7px; line-height: 28px;}

#leden #inner #content h3 span {float: right;}
#leden #inner #content h3 span a {color: #971d1d; text-decoration: none;}
#leden #inner #content h3 span a:hover {color: #971d1d; text-decoration: underline;}
 
#leden #inner #content h4 {font-family: 'Kalam', cursive; font-weight: 300; font-size: 15px; color: #96281B; margin-left: 15px; padding-top: 7px; line-height: 24px;}
#leden #inner #content h5 {font-family: 'kalam', cursive; font-weight: 300; font-size: 12px; color: #96281B; margin-left: 15px; padding-top: 0px; line-height: 5px;}
#leden #inner #content h5 span {float: right;} 
#leden #inner #content p {padding-left: 30px;}
#leden #inner #content p.gelukt {margin: 0 auto; margin-top: 100px; width: 200px; padding: 10px 25px 10px 25px; background-color: #00B16A; border: none; text-align: center;}
#leden #inner #content p.error {margin: 0 auto; margin-top: 100px; width: 450px; padding: 10px 25px 10px 25px; background-color: #D64541; border: none; text-align: center; color: #FFECDB;}
#leden #inner #content p.error1 {margin: 0 auto; margin-top: 100px; width: 490px; padding: 10px 25px 10px 25px; background-color: #D64541; border: none; text-align: center; color: #FFECDB;}
#leden #inner #content p.error2 {margin: 0 auto; margin-top: 100px; width: 400px; padding: 10px 25px 10px 25px; background-color: #D64541; border: none; text-align: center; color: #FFECDB;}

.keuring {margin-left: 50px; margin-top: 15px;}
.keuring li {clear: both;}
.keuring li a {color:#444342; text-decoration: none; border: 0; display: block; float: left; clear: both;}
.keuring li a {color:#444342; text-decoration: none; border: 0;}
.keuring li a:hover {color:#444342; text-decoration: underline; border: 0;}
.keuring li.kaas {list-style-type: none; background: url('../img/bullet.png') no-repeat top left; height: 40px; padding-left: 38px; padding-top: 8px; line-height: 13px;}


#error-404 {width: 500px; height: 800px; margin: auto auto auto auto;}
#error-404 h1 {text-align: center; font-family: 'Roboto', sans-serif; font-size: 30px; color: #666666;}
#error-404 h2 {text-align: center; font-size: 18px; color: #666666;}

#hidden {visibility: hidden;}