body 
{
	margin-left: 20px;
	margin-top: 20px;
	margin-right: 5px;
	margin-bottom: 5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px; 
	background-color: #690000;
}	

p {
	font-size: 14px;
}

h1 {
	font-size: 20px;
	color : #FFFF33;
}
h2 {
	font-size: 18px;
	color : #FFFF99;
}
h3 {
	font-size: 16px;
	color : #66FFFF;
}
h4 {
	font-size: 10px;
	color: #CCFFFF;
}

a {
	color: #FFFFFF;
}
a:link {
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #CCCDDD;
}
a:hover {
	text-decoration: underline;
	color: #FF66FF;
}
a:active {
	text-decoration: none;
	color: #66CC00;
}
a.aktiv {
	color: #66CC00;
}

.bereichkopf {
    text-align: left;
}

.bereichfuss {
    text-align: center;
    background-image: linear-gradient( #444 , #222 );
}

div.bg {
	height: 100%;
	width: 100%;
}


div.container {
	
	height: 98%;
	width: 95%;
	background-color: #990000;
}

/* Breite der Formularfelder */
input[type=text],
input[type=email],
input[type=url],
input[type=password],
textarea {
	width: 70%;
	cols: 16;
}
input [type=tel]
{
	width: 10%;
}
.eingabefeld{
	width: auto;
}
.idcode{
	width: auto;
}

.navbar-collapse{
        margin-left:5px;
        border-width: 4px;
	    background-color: #2E2E2E;
	}

/* ACHTUNG - versteckt die Navbar hinterm Bild 
.bildanpassung{
max-width:90%;
height:auto;
position: relative;
display:block;
margin:0 auto;
}

*/
.bildanpassung img{
width:60% !important;
height:auto !important;
display:block;
}

.logo{
max-width:2200px;
height:auto;
position: relative;
display:block;
margin:0 auto;
}

.logo img{
width:100% !important;
height:auto !important;
display:block;
}

.down nav {
   transform: translate3d(0, -100px, 0); // um 100px nach oben verschieben
}
nav {
   height:40px;
   background:#333;
   position: fixed;
   top:0;
   right:0;
   left:0;
   transition: transform .25s .1s ease-in-out;
}