@charset "utf-8";
/* CSS Document */

* {
    box-sizing: border-box;
}

a:link {
	color: #000000;
}

a:visited {
	color: #000000;
}

a:active {
	color: #000000;
}

a:hover {
	color: #d92720;
}

body { 
	font-family: Arial;
	font-size:16px;
	margin: 0;
	background-color: #FFFFFF;
}

input[type="submit"] {
   padding:10px;
   color: black;
   border: 1px solid #C0C0C0;
}

textarea,
select,
input[type="text"],
input[type="password"],
input[type="email"],
input[type="number"],
input[type="time"],
input[type="date"] {
   color: black;
   border: 1px solid #C0C0C0;
   padding:3px;
}

#box {
	height: 512px; /* Höhe der div-Box */
	width: 1024px; /* Breite der div-Box */
	margin-top: -256px; /* Damit der "Ausrichtungspunkt" in der Mitte der Box liegt */
	margin-left: -512px;
	position: absolute; /* positionieren */
	top: 50%; /* in die Mitte verschieben */
	left: 50%;	
	/* weitere Angaben */
	background-color: rgba(255,255,255,.9);
	border: 0px;
}

#boxklein {
	height: 256px; /* Höhe der div-Box */
	width: 512px; /* Breite der div-Box */
	margin-top: -128px; /* Damit der "Ausrichtungspunkt" in der Mitte der Box liegt */
	margin-left: -256px;
	position: absolute; /* positionieren */
	top: 50%; /* in die Mitte verschieben */
	left: 50%;	
	/* weitere Angaben */
	background-color: rgba(255,255,255,.9);
	border: 0px;
}

.header {
	text-align: center;
	color: black;
	padding: 10px;
	background-image:url(img/header.jpg);
	background-repeat:no-repeat;
	background-attachment:fixed;
}

#content {
	padding:10px;
	font-family: Arial;
	font-size:14px;
}

table, th,td {
	font-family: Arial;
	font-size:14px;
}

.ueberschrift_fett {
	font-size:20px;
	font-weight:700;
	padding-bottom:20px;
	padding-top:10px;
}

.ueberschrift_normal {
	font-size:14px;
	font-weight:700;
	padding-bottom:20px;
}

/* Style the top navigation bar */
.topnav {
    overflow: hidden;
    background-color: #d92720;
    color: #ffffff;
}

/* Style the topnav links */
.topnav a {
    float: left;
    display: block;
    color: #ffffff;
    text-align: center;
    padding: 14px 16px;
    text-decoration: none;
}

/* Change color on hover */
.topnav a:hover {
    background-color: #E5554F;
    color: #ffffff;
}

/* Create three equal columns that floats next to each other */
.column {
    float: left;
    width: 33.33%;
    padding: 15px;
	font-family: Arial;
	font-size:14px;
}

/* Clear floats after the columns */
.row:after {
    content: "";
    display: table;
    clear: both;
	font-family: Arial;
	font-size:14px;
}

/* Responsive layout - makes the three columns stack on top of each other instead of next to each other */
@media screen and (max-width:600px) {
    .column {
        width: 100%;
    }
}