html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small, strike, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video {	
			margin: 0;	
			padding: 0;	
			border: 0;	
			font: inherit;	
			vertical-align: baseline;}		
* {			margin: 0; padding: 0; }
html, body {height:100%;}				
header, nav, section, footer, article, aside { display: block;}

/* ------------------------------ */

html, body { 	
				background-color:#CCCCCC;
				
			}
header {		position:absolute;
				width:100%;
				height:208px;
				line-height:0;
				background-color:#EAEBEC;
				background-color:#F1F2F3;
				box-shadow: 0 4px 4px -2px #122C56; 		
				-webkit-box-shadow: 0 4px 4px -2px #122C56;
				-moz-box-shadow: 0 4px 4px -2px #122C56;
				z-index:10;}
#wrap { 		top:208px; background-color:#FFFFFF; padding:10px;}
#wrap, #wrapper, #menuleiste	{ position:relative;
				margin-left:auto;
				margin-right:auto;
				width:1096px;}	
#wrap {			width:1076px;
				border-radius: 0px 0px 5px 5px;	}						
#menuleiste {	position:absolute;
				top:-41px; left:0; height:33px; 
				z-index:15;}				
#wrapper #logo {position:relative;
				margin-top:2%; left:2px;}	
#logo img {		width:38%; height:auto; max-width:421px; min-width:148px;}
#headerbild {	margin-top:-10px; margin-left:-10px; margin-right:-10px;
				margin-bottom:12px; line-height:0;}
#headerbild  img{width:100%; height:auto; }
#telefonbild {	position:absolute; right:0px; top:4%; width:20%; height:auto; text-align:right;}
#telefonbild img {width:100%; height:auto; max-width:177px;}

article {top:0;}


#mitte {position:relative; margin: 0 auto; width:462px; top:33px; }


#text_links, #text_rechts { 
				position:relative; 
				width:47.4%; 
				margin-bottom:1.2em;
				float:left;
				margin-right:2%;}
#text_rechts { float:right; margin-right:0;}
#text_links65, #text_rechts65 { 
				position:relative;
				float:left;
				width:63%;
				margin-right:2%;}
#text_rechts65 { float:none; margin-right:0;}

#text_ganze_rechte_breite {
				position:relative;
				width:100%;
				margin-bottom:0.9em; }


#bild_links35, #bild_rechts35 {	
				position:relative;
				float:left;
				width:33%;
				line-height:0;
				margin-right:2%;}
#bild_rechts35 {float:right; }
#bild_links35 img, #bild_rechts35 img  {
				width:100%; max-width:245px; height:auto;
				line-height:0;}

.bild, .bildrechts, .bildlinks {width:33%; max-width:245px; height:auto;
				line-height:0; float:right; margin-left:2%;}
.bildlinks {	float:left; margin-left:0%; margin-right:2%;}
.bild {	float:left; margin-left:0%; margin-right:0%; }
.bild_ohnerand {	max-width:100px; height:auto; float:left; margin-left:0%; margin-right:0%; border:none; }


.ansprech {float:left; margin:0 10px 10px 0; border-radius:3px;}


#block_links, #block_rechts, #bild_links, #bild_rechts {position:relative; width:47.4%; float:left; margin-bottom:1.2em; /*text-align:justify;*/}
#block_rechts, #bild_rechts { float:right;}
#bild_links, #bild_rechts {line-height:0; margin:0;}
#bild_links {margin-right:2%;}
#bild_rechts {margin-left:2%;}
#block_rechts75 {position:relative; width:70%; float:left;}
#block_rechts75 { float:right; }
#block_links img, #block_rechts img, #bild_links img, #bild_rechts img {width:100%; max-width:345px; height:auto; border:1px solid silver;}
#block_links .bild_ohnerand, #block_rechts .bild_ohnerand {width:30%; max-width:100px; height:auto; border:none;}



			
#gal_unten { position:relative; left:0px;  top:12px; width:100%;  margin-bottom:12px; }
#gal_unten img {margin: 0 12px 12px 0px; border:4px solid white;
			-webkit-box-shadow: 2px 2px 5px grey;
			-moz-box-shadow: 2px 2px 5px grey;
			box-shadow: 2px 2px 5px grey;}
#gal_unten img:hover {border:4px solid #143264;}

#gal_mehrfach { position:relative; left:0px; top:12px; width:100%; margin-bottom:12px;}
#gal_mehrfach #kasten_mehrfach, #gal_mehrfach #kasten_einfach {background-image:url(../px/gall_frame1.png); background-repeat:no-repeat; float:left; font-size:80%;  text-align:center; height:122px; margin-bottom:8px;}
#gal_mehrfach #kasten_mehrfach:hover {background-image:url(../px/gall_frame2.png); background-repeat:no-repeat; }
#gal_mehrfach #kasten_einfach {background-image:url(../px/gall_frame1einfach.png);}
#gal_mehrfach #kasten_einfach:hover {background-image:url(../px/gall_frame2einfach.png); background-repeat:no-repeat; }
#gal_mehrfach img {margin: 13px 17px 4px 14px; }




footer 	{		position:static;
				margin-bottom:-10px; /* das ist wegen dem padding im wrap */
				margin-left:-10px; 
				margin-right:-10px;
				margin-top:5px;
				padding:12px 0 7px 0;
				text-align:center;
				background-color: rgba(53, 56, 61, 1.0); /* grau*/
				background-color: rgba(20, 50, 100, 1.0); /* frarbe in RGB-Werten und  alpha 0.9....*/
				z-index:22;
				border-radius: 0px 0px 5px 5px;}


.clearing { clear:both; }
.floatleft { float:left; }
.floatright { float:right; }

#em02 {	width:0.2em;
		height:0.2em;}
#em03 {	width:0.3em;
		height:0.3em;}
#em04 {	width:0.4em;
		height:0.4em;}
#em05 {	width:0.5em;
		height:0.5em;}
#em06 {	width:0.6em;
		height:0.6em;}
#em07 {	width:0.7em;
		height:0.7em;}
#em08 {	width:0.8em;
		height:0.8em;}
#em09 {	width:0.9em;
		height:0.9em;}
#em10 {	width:1.0em;
		height:1.0em;}
#em12 {	width:1.2em;
		height:1.2em;}
#em15 {	width:1.5em;
		height:1.5em;}
#em02, #em04, #em05, #em06, #em07, #em08, #em09, #em10, #em12, #em15 {border:none;}



#test1, #test2, #test3, #test4, #test5, #test6, #test7, #test8, #test9, #test10, #test11, #test12, #test13, #test14, #test15, #test16, #test17, #test18, #test19, #test1500, #test1400, #test1350, #test1300, #test1200, #test1250, #test440 {color:red;display:none; float:left;}	
		
/* Ersatzteile:
filter:Alpha(opacity=70);
			opacity:0.70;
			-moz-opacity:0.70;
			-khtml-opacity:0.70;
			
outline: none;
*/