body {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #555;
	background-color: #F1F1F1; 
}

/* ------------------------------------------------------------------------------------------------------------ */
/* --- Seite --- */
#page {
	width:766px;
	margin:auto;
	padding:auto;
	border: 0px;
	background-color: #FFFFFF;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- header --- */
#contentheader {
	width:766px;
	height:130px;
	background-color: #FFFFFF;
	/*background-image: url(../img/header.jpg);*/
	background-image: url(../img/header2.jpg);
	background-repeat: no-repeat;
}
#contentheadermobile {display: none;}
.slicknav_menu {display:none;}





/* ------------------------------------------------------------------------------------------------------------ */
/* --- content --- */
#maincontent {
	width:766px;
	clear:both;
	padding-left:0px;
	padding-right: 0px;
	/*margin-top: -30px;*/
}

/* ------------------------------------------------------------------------------------------------------------ */
/* --- content linke spalte (subnavi) --- */
#maincontent-navi{
	float:left;
	font-size:11px; 
	width:180px;
	padding-right: 0px;
	margin-top: 5px;
	margin-bottom:20px;
	padding-left: 14px;
	min-height:450px;
}
/* start */
#maincontent-navi #nav { 
	text-align: left; 
	color: 	#000000; 
	padding: 0 0 0 0px; 
	width: 176px; 
}
#maincontent-navi #nav li { 
	list-style : none;
	font-weight: normal;
	margin: 2px 0 0px 0px; 
	padding: 0px 0 3px 10px; 
	border-bottom: 0px; 
	height: 20px; 
	background: url(../img/point.jpg) left #E0E0E0;
	background-repeat:no-repeat;
}
#maincontent-navi #nav li a { 
	color: #333333; 
	text-decoration: none;  
	padding: 5px 0 0px 10px; 
	display: block; 
	height: 20px;
}
#maincontent-navi #nav li a:hover { 
	color: #000000; 
	text-decoration: none;
	display: block; 
	height: 20px;  
}
#maincontent-navi ul {
	list-style-type: none;
	padding:0px;
	margin: 0px;
}
#maincontent-navi .sidebareinschub{
	margin-left: 20px;
	margin-bottom: 5px;
	margin-top: 5px;
}
#maincontent-navi .sidebareinschub a { 
	color: #003399; 
	text-decoration: none;  
	padding: 0px 0 0px 0px; 
	display: block; 
	height: 2px;
}
#maincontent-navi .sidebareinschub a:hover { 
	color: #003366; 
	text-decoration: none;
	display: block; 
	height: 2px; 
}
/* ende */




/* ------------------------------------------------------------------------------------------------------------ */
/* --- content rechte Spalte --- */
#maincontent-re{
	float:right;
	width:210px;
	margin-right: 14px;
	margin-bottom:10px;
	margin-top: 5px;
}
#maincontent-re-50{
	float:right;
	width:255px;
	margin-right: 14px;
	margin-bottom:10px;
	margin-top: 5px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* --- content mittlere Spalte --- */
#maincontent-li{
	float:right;
	width:306px;
	margin-right: 20px;
	margin-bottom:10px;
	margin-top: 5px;
}
#maincontent-li-50{
	float:right;
	width:255px;
	margin-right: 20px;
	margin-bottom:10px;
	margin-top: 5px;
}

/* ------------------------------------------------------------------------------------------------------------ */
/* --- content zusammenfuerung der mittleren und rechten Spalte --- */
.maincontent-kompl{
	float:right;
	width:536px;
	margin-bottom:10px;
	margin-right: 14px;
	margin-top: 5px;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- footer --- */
#footer {
	width:751px;
	clear:both;
	color:#FFFFFF;
	height:31px;
	text-align:left;
	background-color:#FFFFFF;
	font-size: 11px;
	background-image: url(../img/foot.jpg);
	background-repeat: no-repeat;
	padding-top: 15px;
	padding-left: 15px;
}
#footer #impress{
	width:200px;
	clear:both;
	color:#FFFFFF;
	float:right;
	padding-top: 5px;
	padding-right: 14px;
	text-align: right;
}
#footer #impress a { 
	color: #FFFFFF; 
	text-decoration: none;  
}
#footer #impress a:hover { 
	text-decoration: none;
}
#footer #footermobile{display:none;}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- ueberschriften --- */
h1 {
	font-size:18px;
	color: #FF0000;
	border-bottom:1px solid #FF0000;
	font-family: 'Bad Script', cursive;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- bildcontainer --- */
#bild-content1{
	background-image: url(../img/banner2.jpg);
	background-repeat:no-repeat;
	width:180px;
	height:100px;
	background-color: #EAEAEA;
	padding: 170px 10px 5px 18px;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- Link --- */
a { 
	color: #006699; 
	text-decoration: none;  
}
a:hover { 
	color: #006699; 
	text-decoration: none;
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- Span --- */
.text-blau{
	color: #006699; 
}
span.inputbezeichnung {
	float:left;
	width:190px;
	font-weight: bolder; 
}


/* ------------------------------------------------------------------------------------------------------------ */
/* --- Sonstiges --- */
hr{
	width:100%;
	height:2px;
	color:#cccccc;
	background-color:#CCCCCC;
}
.error {
	padding: 3px;
	background-color: #e9967a;
	border: 1px solid #A90000;
  color: #A90000;    
	margin: 0;
}
.systemerror {
	padding: 3px;
	background-color: #e9967a;
	border: 1px solid #A90000;
  color: #A90000; 
	float:right;
	width:536px;
	margin-bottom:10px;
	margin-right: 14px;
	margin-top: 5px;
}
.success {
	padding: 3px;
	background-color: #B2FF7F;
	border: 1px solid #00EE00;  
  color: #000000;
	margin: 0;
}



/* ------------------------------------------------------------------------------------------------------------ */
/* --- formulare --- */
input.button {
	border:0px;
	background-color: #CC0000;
	color:#CCCCCC;
}
input.button:hover {
	border:0px;
	background-color: #FF6600;
	color:#CCCCCC;
}
input.field {
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
}
input.field:hover {
	border:1px solid #CC0000;
	background-color: #FFFFFF;
}
textarea.field {
	border:1px solid #CCCCCC;
	background-color: #FFFFFF;
}
textarea.field:hover {
	border:1px solid #CC0000;
	background-color: #FFFFFF;
}

input[type="text"] { width: 90%; margin: 5px 2px; }
input[type="password"] { width: 90%; }
textarea { width: 90%; height: 175px; }
input, textarea { background-color: #fff; border: 1px solid #6666FF; padding: 3px; color: #6666FF; font-size: 18px; -webkit-border-radius: 5px; }
input:hover, textarea:hover, input:focus, textarea:focus, select:focus { border: 2px solid #ff3300; background-color: #fff; }

input[type="submit"] {
    border: none;
    cursor: pointer;
    color: #fff;
    font-size: 18px;
    background-color: #B12300;
    padding: 5px 36px 8px 36px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    -webkit-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.4);
    -moz-box-shadow: 2px 2px 5px rgba(0, 0, 0, 0.6);
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    border-top: 1px solid rgba(255, 255, 255, 0.6);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.23, #619702),color-stop(0.62, #7ac000));
    background: -moz-linear-gradient(center bottom,#619702 23%,#7ac000 62%);
}
input[type="submit"]:hover {
    color: #fff;
    border-bottom: 1px solid rgba(0, 0, 0, 0.4);
    background-color: #ff5400;
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0.23, #c34000),color-stop(0.62, #ff5400));
    background: -moz-linear-gradient(center bottom,#c34000 23%,#ff5400 62%);
}
input.spamfield {width:20px;}


@media (max-width: 765px){
	body {font-size:14px; margin:0; background: #fff;}
	#nav {display: none;}

	
	#contentheader {display: none;}
	#contentheadermobile {margin:0 auto; width:auto; max-width:100%; background: linear-gradient(180deg, #35A4CF 5%, #FFFFFF 70%); display:block; height:auto;}
	#contentheadermobile #wrapper {margin:0 auto; padding:0; width:auto; height: 200px; display:block; background-image: url(../img/fa-text.png); background-repeat: no-repeat; background-position:10px 50%;}
	
	.slicknav_menu {display:block;}
	#menu {display:none;}
	#maincontent-navi{display:none;}

	#page {width:98%; display:block; margin:0 auto; background: #fff;}

	#maincontent {width:auto; display:table; margin:0 auto; }
	#maincontent-re{width:100%; display:table; margin:0 auto; }
	#maincontent-li{width:100%; display:table; margin:0 auto;  }
	.maincontent-kompl{width:100%; display:table; margin:0 auto; }

	#footer {display:table; width:95%; margin:20px auto; color:#fff; border-top: 0px solid #123462; height:80px; background:#35A4CF; font-size: 14px;}
	#footer #impress{display:none;}
	#footer #footermobile{display:table; margin-top:10px;}
	#footer a {color:#FFF;}

	#bild-content1{display:none;}
	img {max-width: 100%; margin: auto;}
	h1, h2 {font-size: 22px; margin:20px 0 0 0; line-height:22px;}	
	h3 {font-size: 90%; }
	input.button {width:90%; height:50px; margin: 10px auto; text-align:center;}
	
 

}