@charset "utf-8";
@font-face {
	font-family: "BernFash";
	font-weight: normal;
	font-style: normal;
	src: url('font/BernFash.ttf') format('truetype');
}
body {
	background: #fff ;
	font-family: BernFash, Tahoma, Verdana, helvetica, sansserif;
	font-size: 1em;
	color: #10186b;
	margin: 0;
}
img {
	max-width:100%;
	height: auto;
	margin: 0px;
	padding: 0px;
	border-style: none;
}
img.portrait{
	max-width:100%;
	height: auto;
	margin: 0;
	padding: 0 ;
	border-style: none;
}
a {
	color: #f70000;
	background: rgba(255,255,255,0.5);
	text-decoration: none;
	border:0;
}
ul  {
	list-style-position: outside;
	}
hr{
	border: 1px dashed #10186b;
}
h1{
	font-family: BernFash, sansserif;
	font-size: 1.8em;
	font-weight: normal;
	color: #10186b;
	text-align: center;
	margin: 2%;
}
form.login{
	width:100%;
}
#header h1{
	font-family: BernFash, sansserif;
	font-size: 8em;
	font-weight: normal;
	text-align: center;
	color: #10186b;
}
h2{
	font-family: BernFash, sansserif;
	font-size: 1.6em;
	font-weight: normal;
	color: #10186b;
	text-shadow: -2px 1px 1px #c2cefc;
		text-align: center;
	  /* opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5; */
}
h3{
	font-family: BernFash, sansserif;
	font-size: 1.2em;
	font-weight: normal;
	color: #10186b;
	text-decoration: none;
	border:0;
	text-shadow: -2px 1px 1px #fe9400;
	  /* opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5; */
}
h4{
	font-family: BernFash, sansserif;
	font-size: 1em;
	font-weight: normal;
	color: #10186b;
	text-decoration: none;
	border:0;
	text-shadow: -1px 1px 1px #fe9400;
	  /* opacity: .5;
    filter: alpha(opacity=50);
    -moz-opacity: .5; */
}
table{
	padding: 10px 5px;
	width: 100%;
	font-size:1.2em;
	font-weight: bold;
	background: rgba(255,255,255,0.5);
}
table th{
	text-align:left;
}
p {
	text-align: center;
}
form legend{
	font-family: BernFash, sansserif;
	font-size: 1.6em;
	font-weight: bold;
}
#wrapper{
	width: 100%;
	max-width: 1366px;
	min-height: 980px;
	margin: 0 auto 0 auto;
	background:#fff url(images/bg.jpg)top no-repeat;
}

/****************************************************/

#content_wrap {
	position: relative;
	background: transparent;
	width: 100%;
	max-width: 1050px;
	min-height: 795px;	/*gesamt 380 px*/
	margin: 0 auto;
	display: table;
	font-size: 1em;
	}
#content {
	position: relative;
	float: left;
	width:20%;	
	top: 598px;
	min-height: 200px;	
	font-size: 1em;
	background: transparent;
	padding: 0;
	margin: 0 40% 150% 38%;
	z-index:3;
	}	
#login{
	position: absolute;
	
	margin: 0;
	padding: 0;
	z-index:6;
}
#footer{
	position:relative;
	float: left;
	width: 96%;	/*gesamt 480 px*/
	height: 30px;	/*gesamt 30 px*/
	padding: 2%;
	font-size: 0.625em; /*10px */
	letter-spacing: 1px;
	text-align: center;
	color: #10186b;
	background: #f9dcde;
}
@media only screen and (max-width: 860px){
#wrapper {
	width: 100%;
}
#content {
	width:40%;	
	margin: 0 0 400% 32%;
	}
h1{
	font-size: 1.6em;
}
h2{
	font-size: 1.5em;	
}
h3{
	font-size: 1.1em;
}
}
@media only screen and (max-width: 360px){
#wrapper {
	width: 100%;
}
#content {
	width:25%;	
	margin: 0 0 520% 8%;
	}
#header h1{
	font-size: 4em;
}
h1{
	font-size: 1.4em;
}
h2{
	font-size: 1.3em;
	
}
h3{
	font-size: 1em;
}
}