/* ... CSS fuer e-h-architekten.de, von ericsturm.de, 06/2013 ...*/



/* ... allgemein ...*/

/*	CSS Reset by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/ v2.0 */
html,body,div,span,applet,object,h1,h2,h3,h4,h5,h6,p,blockquote,a,img,strong,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{border:0;font-size:100%;font:inherit;vertical-align:baseline;margin:0;padding:0;}
article,aside,details,figcaption,figure,footer,header,hgroup,menu,nav,section{display:block;}
ol,ul{list-style:none;}
blockquote:before,blockquote:after{content:none;}
table{border-collapse:collapse;border-spacing:0;}
input:focus,textarea:focus{border:1px solid #999; outline:0;}
a:hover, a:active, a:focus { outline: none; -moz-outline-style: none;}
::-webkit-input-placeholder {color:#DDD;}
:-moz-placeholder {color:#DDD;}
.placeholder {color:#DDD;}

.clear {clear:both;display:block;}

html {height: 100%; -ms-text-size-adjust:none;-webkit-text-size-adjust:none;}
body {height: 100%; font-family: Helvetica, Arial, sans-serif;font-size:9px;line-height:14px;background-color:rgb(123,130,124);color:#FFF;background-image:url(img/hintergrund1.jpg)}


/* ... Struktur ...*/

#distance {margin-bottom:-39px; width:1px;height:50%;float:left;}
#content {position:relative;text-align:left;height:78px;width: 980px;margin:0 auto;clear:left;}
.splash {width:100%;text-align:center;}
.splash img {margin-top:20px;}
.modul {float:left;margin-right:13px;}
.ansprache {width:136px;}

/* ... Schrift ...*/

.modul p {margin-top:-2px;}

/* ... Navigation ...*/



/* ... Links ...*/

a:link, a:visited {color:#FFF;text-decoration:none;}
a:hover, a:active {color:#FFF;text-decoration:underline;}


/* ... Bilder ...*/

#eyrich, #hertweck, #architekten {margin-bottom:-5px;}
#eyrich {margin-left:23px;}
#hertweck {margin-left:104px;}
#architekten {margin-top:1px;}



/* ... Formular ...*/




/* ... MOBIL ...*/



/* ..... Start  Tablet ... */
@media only screen 
and (min-width : 481px)
and (max-width : 1023px) {
	
	#content {width:360px;}
	.splash img {margin-top:144px;}
	.modul {margin-bottom:14px;}
	
	
} /* ..... Ende Tablet ... */



/* ..... Start Smartphone ... */
@media only screen
and (max-width : 480px) {
	
	#content {width:320px;}
	#distance {height:25%;}
	.splash img {margin-top:146px;width:320px;}
	.modul {margin-bottom:14px;}
	
	
} /* ..... Ende Smartphone ... */


/* ... ENDE ...*/