body{	
	margin:0px; padding:0px;
	font: 0.8em Arial, Helvetica, sans-serif;
	line-height: 16px;
	background: #fff url(/media/hg.gif) repeat-x; 
	color: #454545; 
}

body,html{height:100%; margin:0; padding:0px;}

p.login {
   font-weight:bold;
   color:#F2F4EF;
}
 
a {
	color: #315a83; 
	background: inherit;
}

a:hover {
	color: #BC243C;
	background: inherit;	
}

p {	margin: 0 0 5px 0; }

h1 {
	font: bold 2em "Trebuchet MS", Arial, Helvetica, sans-serif;
	letter-spacing: -1px; 
	padding: 2px 0 0 0px;
	margin: 0;
	color: #464548;
	background: inherit;
}

h2 { 
	margin: 0 0 5px 0; 
	padding: 0; 
	font: bold 20px Arial, Helvetica, sans-serif;
	letter-spacing: -1px;
	color: #222222; 
	background: inherit;
}

ul { 
	margin: 0; 
	padding : 0; 
	list-style : none; 
}

ol { 
	list-style : square; 
}

.title {
	font-family: 'arial';
	font-size: 14px;
	font-weight: bold;
	color: #323334;
	border-bottom: dotted #999999 1px;
	line-height:24px;	
}

#inhalt {width:100%; margin:auto; padding:0;}

#header { 
	clear: both;
	background: url(/media/bild.jpg) no-repeat top center;
	height: 230px;
	margin: auto;
	padding: 0;
}

#seitenname { 
	clear: both;
	height: 163px;
	margin: auto;
	padding: 0;
        max-width:780px;
        width:100%;
}

#seitenname .padding { padding:40px 0 0 20px; max-width:200px;}	

#seitenname h1 { 
	margin: 0; 
	color: #000; 
	font-family:'arial';
	font-size:36px;
	font-weight:bold;
	}

/*----MENUE----*/
#navi {
        margin:0 auto;
        padding: 0 0 0 28px;
        height: 55px;
	text-align:center;
        max-width:790px;
        min-width:350px;
        width:calc(100%-28px);
}

#navi ul {
        border: 0;
        margin: 0;
        padding: 0;
        list-style-type: none;
        text-align: center;
}

#navi ul li {
        display: block;
        float: left;
        text-align: center;
        padding: 0;
        margin: 0;
}

#navi ul li a {       
        width: 78px;
        height: 29px;
        padding: 10px 0 0 0;
        margin: 0;
        color: #fff;
        text-decoration: none;
        display: block;
        text-align: center;
        font: bold 12px "arial";
}

#navi ul li a:hover {
        color: #fff;
        background: #BC243C;
		height: 28px;
}

#navi a:active {
		height: 29px;
        background: #828282;
        color: #fff;
}

#navi li#active a {
		height: 29px;
        background: #828282;
        color: #fff;
}
/*----ENDE MENUE----*/

body {
	clear: both; margin:auto; padding:0; width:100%;
	}
	
#seite { 
	clear: both;
	height: 100%;
	vertical-align:top;
	margin: auto;
	padding: 0;
        min-height:600px;
        max-width:780px;
        width:100%;
	}

/*----LINKS----*/
.links {
	float: left;
	margin: 0 0 10px 0;
        max-width:500px;
        width:100%;
}
	.links_text {
		margin: 0 0 15px 0;
		padding: 0 0 0 10px;
	}

	.links_top {
		height: 10px;
		background: #868686 url(/media/links_o.gif) no-repeat;
		color: #FFF;
	}
	
	.links_u {
		color: #eee;
		padding: 2px 12px 10px 12px;
		margin: 0 0 15px 0;
		background: #868686 url(/media/links_u.gif) no-repeat bottom left;
		height: 270px;
	}
	
	.links_u h2 {            
		color: #BC243C;
		background: #F4F5F0;
		padding: 5px 5px 5px 10px;
            font-size: 16px;
	}	
/*----ENDE LINKS----*/


/*----RECHTS----*/
.rechts {
	float: right;
	width: 234px;
	margin: 0 0 10px 0;
}
		
.rechts_top {
      background: url(/media/oben.gif) no-repeat;
	color: #fff;
	height: 17px;
}
		
.rechts_text {
	font-size: 0.9em;
	background: #EAEAEA url(/media/unten.gif) no-repeat bottom left;
	color: #000;
	padding: 0px 15px 17px 20px;	
	margin: 0 0 10px 0;
}
/*----ENDE RECHTS----*/

/*--------------FOOTER-----------------*/
#footer{height:85px; width:100%; background:url(/media/footer.gif) repeat-x top left; color:#fff; font:13px/20px 'arial'; margin:auto; clear:both; padding:45px 0 0 0;}
#footer_text{position:relative; margin:0 auto; text-align:center; font-weight:bold; max-width:780px; width:100%;}
/*----Ende FOOTER----*/


/* Formular */

.alert-danger ul {
  border:1px dashed red;
  padding:10px; 
  margin-bottom:15px;
}

.alert-danger ul li {
  margin-bottom:5px;
}

.yform label {
  float:left;
  width: calc(100%);
  margin-bottom:15px;
  clear:both;
  text-align:justify;
}

.control-label {
  float:left;
  width:100px !Important;
  margin-bottom:5px !Important;
}
.form-group input[type=text], .form-group input[type=email], .form-group textarea {
  width: calc(100% - 107px);
  min-width:250px;
  margin-bottom:5px;
}

.form-captcha {
  width: 100% !Important;
  margin-bottom:15px;
  float:left;
  clear:both;
}

/* Captcha Input field */
.input-group .form-control {
  width: calc(100% - 307px) !Important;
  height:24px;
  float:right;
  margin-left:10px;
}

/* Captcha Reload button */
.input-group .input-group-btn {
   display:none;
}

/* Captcha Image */
.input-group .input-group-addon {
  clear:both;
}

.yform .btn-primary {
  width: calc(100%) !Important;
  padding:5px;
}

/* Ende Formular */


/* Download anbieten */
.list_content { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-decoration: none;
	font-size: 10px;
	color: #EAEAEA;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 24px;
	width: 420px;
	background-color: #EAEAEA;
	margin: 0 auto;
	line-height: 18px;
	border: 1px solid black;
}
/* ENDE Download anbieten */

div.flLeft { 
	float: left;
	margin-top: 5px;
	margin-right: 25px;
}

div.flRight { 
	float: right;
	margin-top: 5px;
	margin-left: 25px;
}

.inpt {
   margin-bottom:10px;
   max-width:400px;
   min-width:200px;
}

@media only screen and (max-width: 840px) {
    .rechts {
        float:left;
        margin-left:10px;
    }

   #navi {        
        padding: 0 0 0 0px;
    }
}


@media only screen and (max-width: 520px) {
/* Captcha Input field */
.input-group .form-control {
  width: calc(100% - 25px) !Important;
  float:left;
  margin-left:0px;
}
.yform .btn-primary {
  width: calc(100% - 18px) !Important;
}

.yform label {
  width: calc(100% - 18px) !Important;
}
}