﻿body 
{
	font: 100% Arial, Helvetica, sans-serif; 
	overflow: hidden;
	background-color: #eee;
}

* 	{margin: 0px;} /*alle Ränder auf 0 setzen*/

#gesamt	
{
	width: 100%;
	max-width: 1224px;
	margin: 0 auto;
	background-color:  white;
}

#banner
{
	display: table;
	width: 100%;
	height: 80px;
	background-color:  rgb(181,212,73);
}

#haupt 
{
	width: 100%;
	max-width: 1224px;
	position:absolute;
	bottom: 50px;
	top: 80px;
	background-color: white;
	overflow: auto;
}

#haupt_o 
{
	width: 100%;
	max-width: 1224px;
	position:absolute;
	bottom: 60%;
	top: 40px;
	background-color: white;
}

#haupt_u 
{
	width: 100%;
	max-width: 1224px;
	position:absolute;
	bottom: 10px;
	top: 40%;
	background-color: white;
	overflow: auto;
}

#haupt_i 
{
	width: 98%;
	max-width: 1224px;
	position:absolute;
	bottom: 0px;
	top: 60px;
	background-color: white;
	overflow-y: auto;
}


#fuss
{
	display:table;
	width: 100%;
	max-width: 1224px;
	position:absolute;
	height: 50px;
    background-color:  rgb(181,212,73);
	bottom: 0px;
}

#zelle
{
	display: table-cell;
	width: 100%;
	padding-left: 2%; 
	vertical-align: middle; 
	font-size: 24px; 
	font-weight:normal; 
	color: white;
}

/*__________________________________________________________________________________________________________________________*/

#trenner
{
margin-top: 10px;
margin-bottom: 4px;
margin-left: 2%;
width: 96%;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:14px;
}

#bildfloat
{
float: left;
margin-bottom: 10px;
margin-left: 2%;
width:226px;
height:186px;
font-size:12px;
overflow:auto;
display:block;
text-align:center;
}

#bildfloat_partner
{
float: left;
margin-bottom: 10px;
margin-left: 2%;
width:165px;
height:140px;
font-size:12px;
overflow:auto;
display:block;
text-align:center;
}

#bilder
{
	width: 100%;
	text-align:center;
	position:absolute;
	bottom: 45px;
	top: 54px;
	background-color: #eee;
	overflow: auto;
}

#löschen
{
text-align: right;
margin-right: 20px;
margin-top: 4px;
}


/*__________________________________________________________________________________________________________________________*/
@media only screen and (min-width: 900px)
{

#banner_fix_re_mob
{
display: none;	
}

#suche_alle_mob
{
	display: none;
}

#suche_mob
{
	display: none;
}

#zentrieren
{
margin-top: 25px;
width: 748px;
display: block;
margin-left: auto;
margin-right: auto; 
}

#label
{
margin-top: 8px;
margin-left: 2%;
width: 12%;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 82%;	
float: left;
}

#label_serie
{
margin-top: 8px;
margin-left: 2%;
width: 12%;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text_serie
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
height: 24px;
width: 33%;	
float: left;
padding:0px;
background-color: white;
font: 100% Arial, Helvetica, sans-serif;
font-size:12px; 
}

#text_bew
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 74%;
height: 48px;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#bew
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 6%;
height: 24px;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#bild_mob
{
	display: none;
}

h5 { 
	padding-right: 2%;
	color:  white;
	font-size: 18px;
	margin-left:2%;
	display: table-cell;
	vertical-align: middle;	
	font-weight:lighter;	
}

#noshow 
{
 display : none;
}

#nicht_anzeigen_pc
{
	display: none;
}

}

/*____________________________________________________________________________________________________*/
@media only screen and (max-width: 900px)
{

#banner_fix_re
{	
display: none;
}

#suche_alle
{
	display: none;
}

#suche
{
	display: none;
}

#qr-code
{
	display: none;
}

#label
{
margin-top: 8px;
margin-left: 2%;
width: 96%;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 96%;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#label_serie
{
margin-top: 8px;
margin-left: 2%;
width: 28%;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text_serie
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
height: 24px;
width: 66%;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text_bew
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 88%;
height: 48px;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#bew
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 6%;
height: 24px;	
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#bild_pc
{
	display: none;
}

h5 { 
	padding-right: 2%;
	color:  white;
	font-size: 12px;
	margin-left:2%;
	display: table-cell;
	vertical-align: middle;	
}

#nicht_anzeigen_mob
{
	display: none;
}

#noshow 
{
 display : none;
}

}
/*_______________________________________________________________________________________________*/

textarea /*wie_inputfeld*/
{
border: none;
padding:0px;
width:100%;
height:100%;
background-color: white;
font: 100% Arial, Helvetica, sans-serif;
font-size:12px;
resize: none;
}

.inputfeld 
{
border: none;
padding:0px;
width:100%;
height:100%;
background-color: white;
font: 100% Arial, Helvetica, sans-serif;
font-size:12px;}


.schaltflaeche
{
	border: 1px solid rgb(9,132,56);
	border-radius: 8px;  /*border-radius wird neuerdings unterstützt_______________________________________________________________________________________________*/
	margin-top: 8px;
	margin-left: 2%; 
	width: 96%;	
	height:28px;
	font-size: 12px; 	
	background-color: rgb(217,217,217);
	cursor: pointer;
}

.schaltflaeche:hover
{
    color: #fff;
    background-color: #999;
    text-decoration: none;
}

.schaltflaeche_l
{
	width: 47%;	
	position:absolute;
	top: 34px;
}

.schaltflaeche_r
{
	width: 47%;	
	position:absolute;
	top: 34px;
	left: 49%;
}

.schaltflaeche_o
{
	width: 96%;	
	position:absolute;
	top: 34px;
}

.schaltflaeche_k
{
	width: 75px;	
	margin-top: 0px;
	height:20px;
}

.input_t
{
border: none;
width: 100%;
padding-left: 1%;
height:24px;
font-size:12px;
background-color: white;
}


/*_________________________________________________________ */
h1 {
	padding-top: 16px;
	padding-bottom: 4px;
	color:  rgb(0,0,0);
	font-size: 18px;
	font-weight: normal;
	margin-left:2%;	
	clear:both;
}

h2 { 
	padding-top: 16px;
	padding-bottom: 4px;
	color:  rgb(0,0,0);
	font-size: 18px;
	font-weight: normal;
	margin-left:2%;	
}

h3 {
	padding-top: 12px;
	padding-bottom: 4px;
	color:  rgb(0,0,0);
	font-size: 14px;
	font-weight: normal;
	margin-left:2%;
}

h4 {
	padding-top: 4px;
	padding-bottom: 2px;
	color:  rgb(0,0,0);
	font-size: 14px;
	font-weight:bold;
	margin-left:2%;
}

h6 { 
	padding-top: 6px;
	padding-bottom: 4px;
	padding-right: 2%;
	color:  white;
	font-size: 11px;
	font-weight: lighter;
	margin-left:2%;	
}

hr {
 background: rgb(9,132,56);
 border: none;
 height: 4px; 
 margin-top: 2px;
 margin-bottom: 4px;
 width: 100%;
}


/*_________________________________________________________ */
table
{
border: 3px solid rgb(9,132,56);
border-collapse: collapse;
background-color: #eee;
font-size:12px;
width:96%;
margin-left: 2%;
}

th{
height:24px;
border: 1px solid rgb(73,131,169);
	}

td{
height:20px;
border: 1px solid rgb(9,132,56);
}
 
td a 
{ 
display:block; 
width:100%;
text-decoration: none; 
color:black  
}

/* Darstellung Auswahlbalken */
.normal 
{ 
background-color:#eee;
}

.spezial 
{ 
background-color:rgb(188,210,226); 
cursor:pointer; 
}

/*_________________________________________________________ */

/* Objektblatt ausdrucken */

@media print 
{

@page { margin: 0.8cm }

body
{
background-color:white;
}
	
#haupt 
{
	position:relative;
	top: 0px;
	overflow:visible;
}

#haupt_o 
{
	position:relative;
	top: 0px;
	overflow:visible;
}

#haupt_u 
{
	position:relative;
	top: 0%;	
	overflow:visible;
}

#haupt_i 
{
	position:relative;
	top: 0px;	
	overflow:visible;
}

#banner_fix_re_mob
{
display: none;	
}

#fuss 
{
	position: relative;
	top: 4px;
}

#fuss_re	
{
    width: 73%;
    height:100%;	
    float: right;
}

#fuss_li
{
    width: 27%;
    height:100%;	
    float: left;
}

#label
{
margin-top: 6px;
margin-left: 2%;
width: 14%;
height: 18px;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 80%;	
height: 18px;
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#label_serie
{
margin-top: 6px;
margin-left: 2%;
width: 14%;
height: 18px;
float: left;	
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#text_serie
{
border: 1px solid rgb(9,132,56);
margin-top: 6px;
margin-left: 2%;
width: 31%;
height: 24px;
height: 18px;
float: left;
font: 100% Arial, Helvetica, sans-serif; 
font-size:12px;
}

#bildfloat
{
overflow:hidden;
}

.schaltflaeche
{
display: none;
}

#trenner{
margin-top: 6px;	
}

#noprint {
 display : none;
 }

h3 {
	page-break-before:always;
 }

textarea 
{
font-size:11px;
}

}
