@font-face{
	font-family: 'lato';
    src: url(../fonts/Lato-Regular.ttf) format("truetype");
    url(../fonts/Lato-Regular.woff);
}
@font-face{
	font-family: 'offi';
    src: url(../fonts/OFFI.TTF) format("truetype");
    url(../fonts/OFFI.WOFF);
}

@font-face{
	font-family: 'offib';
    src: url(../fonts/OFFIB.TTF) format("truetype");
    url(../fonts/OFFIB.WOFF);
}

body {
	background-color:#EEEEEE;
	color:#004080;
	font-family:"lato",Arial,Helvetica,Verdana,sans-serif;
	font-size:14px;
}

body.MAINTAIN {
	background-image:url(../pictures/logo.gif);
	background-color:#EEEEEE;
	background-repeat:no-repeat;
	background-position:top right;	
	background-attachment:fixed;
	
}

H1 {
	background-color:#004080;
	color:#f8f8f8;
	font-family:serif;
	font-size:30px;
	letter-spacing:15px;
}
H2 {
	color:#004080;
	font-family:serif;
	font-size:24px;
	letter-spacing:15px;
	position:relative;
	top:-20px;
	background-color:#f8f8f8;
}

#ADRESSE H1, #ADRESSE H2 {
	border:1px solid #004080;	
}
#ANSCHRIFT, #ANSCHRIFT A, #ANSCHRIFT A:hover {
	color:#777 !important;
	text-decoration:none;
}



#ZNR1 {
	color:#004080;
	font-size:14px;
}

.ZNR2 {
	color:#004080;
	font-size:14px;
}

#ADRESSE {
	 margin-left:130px;
	 font-size:17px;
}
#ADRESSE A {
	color:#004080;
}

#ADRESSE A:HOVER {
	color:#FF4080;
}

A {
	color:#004080;
}

A:HOVER {
	color:#FF4080;
}


.ERROR {
	font-weight:bold;
	color:#ff0000;
}

#KUNDE {
	font-size:16px;
	background-color:#f8f8f8;
	border:1px solid #004080;
	color:#777;
	padding:4px;
	
}

/*
ELEMENTE FÜR EDITFELDER
*/

.feldQ{color:#004080;font-size:20px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;font-weight:bold;width:120px}
.feldR{color:#004080;font-size:12px; font-family: Verdana, Arial, Helvetica, sans-serif;text-decoration:none;font-weight:bold;width:300px}
.button {color:#004080; font-weight:bold

}

#TOPMENU {
/* position: absolute;
top: 10px;
left: 10px;*/

z-index: 4;
}

#TOPMENU ul {
	padding-left:0px;	
}

#TOPMENU ul li {
display: inline;
}
#TOPMENU a {
font-family:Verdana,Helvetica,Sans Serif;
font-size:14px;
padding: 1px 3px;
background-color: transparent;
color: #004080;
text-decoration: none;
}	
#TOPMENU a:hover {
color: #990033;
}

.LL {
	font-size:12px;
}	

.LR {
	font-size:12px;
	text-align:right;
}

.LRB {
	font-size:12px;
	text-align:right;
	font-weight:bold;
}

th {
	font-size:12px;
	font-weight:bold;

}
.ANS {
	display:inline-block;
	/* border:1px dotted #888;	*/
	vertical-align:top;
}
#LGO-M {
	display:none;	
}
#A-LFT {
	height:119.3px;	
}

main {
	margin-top:17px;
	background-color:#f8f8f8;
	border:1px solid #004080;	
	padding:5px;
}


@media all and (max-width: 600px)
{
	#LGO {
		display:none;	
	}
	#LGO-M {
		width:80px;
		float:initial;
		display:initial;
	}
	
	#ADRESSE 
	{
		margin-left:0;
		
	}
	#ADRESSE p {
		margin-left:5px;	
	}
	H1 {
	font-size:1.4em;
	letter-spacing:0.4em;
	}
	H2 {
	font-size:1.2em;
	letter-spacing:0.4em;
	padding-bottom:0;
	}
	#ADRESSE H1, #ADRESSE H2 {
		text-align:center;
	}
	#ANSCHRIFT {
		margin-top:-20px;
		background-color:#f8f8f8;
		border:1px solid #004080;	
		color:#777;
		padding:0;
	}
	main + p {
		text-align:center;
	}
	#EMILDANKE{
		width:100%;	
	}
	#EMILSEND{
		width:100%;
	}
	.feldR {
		width:100%;	
	}
}