html, body {
    background: none repeat scroll 0 0 #f2f2f2;
    font: 14px HTWBerlin,sans-serif;
    color: #333;
    margin-top: 30px;
    min-width: 100%;
    -webkit-animation: fadein .3s;
    -moz-animation: fadein .3s;
    -ms-animation: fadein .3s;
    -o-animation:fadein .3s;
    animation:fadein .3s;
}


h2 {
	font-weight: bold;
	text-align: center;
	margin: 0;
}

label {
	font-weight: normal;
}

.header {
    background: url("images/htw-logo-small.png") no-repeat scroll 20px 50% #83b600;
    height: 50px;
    left: 0;
    padding: 0;
    position: absolute;
    right: 0;
    top: 0;
}

.footer {
	font-size: 0.9em;
	text-align: center;
	color: #555;
	padding-top: 5px;
}

#home {
	padding-left: 100px;
	padding-bottom: 30px;
}

.box {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 1px 0 0 0 #d2d2d2, -1px 0 0 0 #d2d2d2, 0 1px 0 0 #b6b6b6, 0 2px 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, -2px 0 0 0 #e6e6e6, 0 3px 0 0 #e6e6e6, 0 -1px 0 0 #e6e6e6;
    border: medium none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    padding: 20px;
    width: 290px;
}

.arbox {
    background: none repeat scroll 0 0 #ffffff;
    box-shadow: 1px 0 0 0 #d2d2d2, -1px 0 0 0 #d2d2d2, 0 1px 0 0 #b6b6b6, 0 2px 0 0 #d2d2d2, 2px 0 0 0 #e6e6e6, -2px 0 0 0 #e6e6e6, 0 3px 0 0 #e6e6e6, 0 -1px 0 0 #e6e6e6;
    border: medium none;
    margin-bottom: 0;
    margin-left: auto;
    margin-right: auto;
    margin-top: 10%;
    padding: 20px;
    max-width: 650px;
}

.btn {
	background-color: #83b600;
	color: #fff;
}

.btn:hover, .btn:active, .btn:focus, .btn:active:hover {
	background-color: #94c711;
	color: #fff;
}

@font-face {
    font-family: "HTWBerlin";
    font-style: normal;
    font-weight: 400;
    src: url("fonts/HTWBerlinWeb-Regular.eot?#iefix") format("embedded-opentype"), url("fonts/HTWBerlinWeb-Regular.woff") format("woff"), url("fonts/HTWBerlinWeb-Regular.ttf") format("truetype");
}
@font-face {
    font-family: "HTWBerlin";
    font-style: normal;
    font-weight: 600;
    src: url("fonts/HTWBerlinWeb-Bold.eot?#iefix") format("embedded-opentype"), url("fonts/HTWBerlinWeb-Bold.woff") format("woff"), url("fonts/HTWBerlinWeb-Bold.ttf") format("truetype");
}

@font-face {
    font-family: 'Signika';
    src: url('fonts/Signika-Light.eot');
    src: url('fonts/Signika-Light.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Light.woff') format('woff'),
         url('fonts/Signika-Light.woff2') format('woff2'),
         url('fonts/Signika-Light.ttf') format('truetype'),
         url('fonts/Signika-Light.svg') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Signika';
    src: url('fonts/Signika-Semibold.eot');
    src: url('fonts/Signika-Semibold.eot?#iefix') format('embedded-opentype'),
         url('fonts/Signika-Semibold.woff') format('woff'),
         url('fonts/Signika-Semibold.woff2') format('woff2'),
         url('fonts/Signika-Semibold.ttf') format('truetype'),
         url('fonts/Signika-Semibold.svg') format('svg');
    font-weight: bold;
    font-style: normal;
}

@-webkit-keyframes fadein { from { opacity:.6; } to { opacity:1; } }
@-moz-keyframes fadein { from { opacity:.6; } to { opacity:1; } }
@-ms-keyframes fadein { from { opacity:.6; } to { opacity:1; } }
@-o-keyframes fadein { from { opacity:.6; } to { opacity:1; } }
@keyframes fadein { from { opacity:.6; } to { opacity:1; } }