@charset "UTF-8";
/* CSS Document */
@font-face{ font-family: 'font1';src: url('fonts/raleway-medium.otf');font-weight:300;}
/* basis */
*, ul, li { padding:0px; margin:0px; list-style:none; }
html, body { font-family:font1, Helvetica, sans-serif; font-size:14px; line-height:18px; background-color:#e5e5e5; color:#666; background-image:url(../img/bg.jpg); background-repeat:repeat;}
a { text-decoration:none; color:#333;}
a img { border:0px;}
a.link { border-bottom:1px dotted #327c78; text-decoration:none; color:#327c78;}
b { font-family:font1, Helvetica, sans-serif;}
h1 { font-size:22px; color:#333; padding:15px 15px 15px 0px; line-height:30px; font-family:font1, Helvetica, sans-serif; font-weight:300;}
.p10 { padding:10px; }
.p20 { padding:20px; }
#wrapper {width:350px; margin:0 auto; display:table; background-color:#fff; -moz-border-radius:0 0 15px 15px; box-shadow:0 0 15px #999; margin-top:12%; margin-left: 20%; text-align:center; position:absolute; z-index:100; padding: 20px; border-radius:0px;}
.logo { width:100%; text-align:center; float:left;}
.logo img { max-width: 250px; }
form { width:100%; text-align:center; margin-bottom:10px; float:left; margin-left:17px; }
form input { width:140px; padding:10px; border:1px solid #999; background-color:#e9e9e9; margin:3px; font-size:15px; border-radius:2px;}
form input:hover { background-color:#CCC; cursor:pointer;}
.melding { position:absolute; width:200px; height:100px; padding:0px; margin:0px; background-color:#930; color:#FFF; z-index:1000; float:left; font-size:16px; }
.error { width:100%; height:100%; background-color:#ce9999; position:absolute; top:0; z-index:1; display:none; }
.error .meldingen { width:600px; margin:0 auto; margin-top:50px; }
.error p { width:600px; text-align:center; padding:10px; margin:0 auto; font-size:16px; color:#fff; }