@media screen {

/* ----- STANDARDS -----  */

html[xmlns^="http"] 		{overflow-y: scroll;}

/* ----- CSS RESET ----- */

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, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
strong, h1, h2, h3, h4, h5, h6	{font-weight: bold;}

em							{font-style: italic;}
html						{min-height: 100%; height: auto; height: 100%; 
							 background: url(../images/bg-body.jpg) #fff no-repeat scroll 50% 0px;}
body 						{font-family: Arial, Helvetica, sans-serif; font-size: 13px; color: #000;}
ul 							{list-style-type: none;}
a 							{color: #2671aa;}
a:hover						{text-decoration: none;}
br 							{margin: 0; padding: 0; line-height: 0.0001em;}
p							{color: #7c797b; font-family: Arial, Helvetica, sans-serif; font-size: 13px; padding: 10px 0;}
table						{border-collapse: collapse;}
td, th 						{vertical-align: top;}
.firmendaten 				{margin-bottom: 1em;}
.firmendaten td				{font-size: 12px; padding: .2em 0;}
.bordered					{border-bottom: 1px dashed #515151;}
.firmendaten .desc			{font-weight: bold; padding-right: 4em; color: #6d6e71;}
.clearblock:after			{content: "."; overflow: hidden; display: block; clear: both; visibility: hidden; 
							line-height: 0 !important; height: 0 !important; font-size: 0 !important;}
.clearblock					{display: inline-block;}
html[xmlns] .clearblock		{display: block;}
* html .clearblock			{height: 1%;}
.clear	 					{clear: both;}
.todo						{background: #f00 !important; color: #fff !important;}
.img_repl					{font-size: 0; line-height: 0; text-indent: -99999px;}
.pdf						{background-image: url(../images/standard/pdf.gif); 
							 background-repeat: no-repeat; padding-left: 20px; position: relative; z-index: 100;}						
#anfahrt iframe				{border-color:#fff; border-width:2px 5px 5px 5px; border-style: solid; 
							-moz-box-shadow: 0px 0px 4px rgba(155,155,155,0.5); 
							-webkit-box-shadow: 0px 0px 4px rgba(155,155,155,0.5);}
							
/* ----- CONTENT -----  */

#container					{width: 946px; margin: 0 auto; position: relative;}		 
#content					{width: 946px; padding: 0 0 0 0; margin: 0 auto;}									
#content-main				{width: 668px; min-height: 320px; border-right: 1px solid #cfcfcf; margin: 0 0 28px 0; 
							 padding: 0 30px 0 0; float: left;}
#content-main strong		{color: #2671aa;}
#content-main p				{font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; color: #7c797b;}
#content-main ul li			{background: url(../images/haken.gif) no-repeat 0 5px; padding: 0 0 0 25px; margin: 0 0 0 15px;
							 font-size: 13px; font-family: Arial, Helvetica, sans-serif; line-height: 25px; color: #7c797b;}
#content-main table tr td	{color: #7c797b;}

#header						{width: 946px; height: 500px; position: relative;}			 
h1#branding a				{position: absolute; top: 23px; left: 5px; z-index: 10; display: block; width: 221px; 
						 	 height: 90px; border: 0; font-size: 16px;}
							 
/* ----- NAVIGATION ----- */

#navibox					{width: 230px; height: 327px; top: 130px; left: 0;
							 background: url(../images/bg-navi.png) no-repeat; position: absolute;}
#navi						{width: 180px; height: auto; margin: 10px 0 0 0;}
#navi li					{border-bottom: 1px solid #d3d3d3; margin: 0 0 0 30px; padding: 8px 0 8px 0;}
#navi li a					{color: #292c2e ; font-size: 14px; text-decoration: none; }
#navi li a:hover			{color: #2671aa;}

/* DROPDOWN MENUE */

#navi li ul 				{width: 220px; background: #fff; box-shadow: 1px 1px 1px rgba(0, 0, 0, 0.2); display: none;
    						 height: auto; margin: -24px 0 0 135px; padding: 0 0 0 0; position: absolute; z-index: 200;}
#navi li:hover ul 			{display: block;}
#navi li ul li 				{display: block; float: none; margin: 0 0 0 0; padding: 8px 0 8px 0;}
#navi li ul li a 			{margin: 5px 5px 5px 15px;}

/* ----- SIDEBAR ----- */

#sidebar					{width: 224px; height: 292px; float: left; margin: 0 0 28px 0; padding: 0 0 0 22px;}
#referenz					{width: 222px; height: 208px; border-bottom: 1px solid #cfcfcf;}
#referenz ul li				{float: left; margin: 0 5px 2px 0;}
#referenz ul li img:hover	{opacity: 0.7;}
.partner					{margin: 20px 0 0 0;}

/* ----- ADRESSE ----- */

#anschrift					{width: 500px; height: 15px; position: absolute; top: 54px; left: 576px; z-index: 8;}
#anschrift li				{float: left; margin-right: 12px; color: #7c797b; font-size: 12px;}
#anschrift li strong		{color: #2671aa;}
#adresse					{width: 530px; height: 18px; position: absolute; top: 75px; left: 434px; z-index: 8;}
#adresse li					{float: left; margin-right: 12px; color: #7c797b; font-size: 12px;}
						 							 		 					 		 						 				
/* ----- HEADLINES ----- */

h2							{font-size: 25px; margin: 0 0 40px 0; color: #2671aa; text-transform: uppercase;}
h3							{font-size: 20px; color: #2671aa; margin: 20px 0 0 0; text-transform: uppercase;}
h4							{font-size: 25px; margin: 0 0 40px 0; color: #2671aa; text-transform: uppercase;}
						 
/* ----- HEADER SLIDESHOW ----- */

#slideshow					{width: 588px; height: 249px; position: absolute; top: 174px; left: 352px; 
							 z-index: 5; overflow: hidden;}		 
#slideshowbox				{width: 597px; height: 257px; position: absolute; background: #fff; z-index: 4;
							 top: 170px; left: 347px; border: 1px solid #bdbdbd;}
							 
/* ----- IMAGES ----- */

#bpb						{border-top: 1px solid #cfcfcf;}

.ba a 						{width: 121px; height: 82px; display: block; float: left; margin: 15px 0 0 0;
							 background: url(../images/bauen-th.png) no-repeat;}
.ba a:hover 				{background-position: 0 -82px;}
.ba a span 					{display: block; height: 0; overflow: hidden; width: 0;}
.be a 						{width: 121px; height: 82px; display: block; float: left; margin: 15px 15px 0 -5px;
							 background: url(../images/beraten-th.png) no-repeat;}
.be a:hover 				{background-position: 0 -82px;}
.be a span 					{display: block; height: 0; overflow: hidden; width: 0;}

.pl a 						{width: 121px; height: 82px; display: block; float: left; margin: 15px 15px 0 0;
							 background: url(../images/planen-th.png) no-repeat;}				 
.pl a:hover 				{background-position: 0 -82px;}
.pl a span 					{display: block; height: 0; overflow: hidden; width: 0;}


.em a 						{width: 200px; height: 90px; display: block; float: left; margin: 15px 15px 0 0;
							 background: url(../images/ein-undmehrfamilienhaeuser.jpg) no-repeat;}	
.em a:hover 				{background-position: 0 -90px;}
.em a span 					{display: block; height: 0; overflow: hidden; width: 0;}


.ig a 						{width: 200px; height: 90px; display: block; float: left; margin: 15px 15px 0 0;
							 background: url(../images/industrie-und-gewerbe.jpg) no-repeat;}	
.ig a:hover 				{background-position: 0 -90px;}
.ig a span 					{display: block; height: 0; overflow: hidden; width: 0;}


.an a 						{width: 200px; height: 90px; display: block; float: left; margin: 15px 15px 0 0;
							 background: url(../images/an-und-umbauten.jpg) no-repeat;}	
.an a:hover 				{background-position: 0 -90px;}
.an a span 					{display: block; height: 0; overflow: hidden; width: 0;}

				 	 						 
.auto				 		{float: right; margin: 37px 0 0 20px;}

.image						{float: left;}		
							 			 
.image a 					{display: block; width: 105px; height: 105px; background: #fff; padding: 4px 0 0 4px;
							 box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.42); margin-bottom: 20px;
						 	 -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.42); 
						 	 -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.42);}
.image a:hover 				{opacity: 0.7;}

#team a						{float: left; margin-right: 10px;}


.galerie					{margin-right: 20px;}						 
.galerie a					{cursor: url("../images/icon-zoomin.cur"), pointer; outline: medium none;}
									 
.cmsimg						{border: 1px solid #CCCCCC; margin: 3px 3px 8px 13px !important; float: right; padding: 3px;}
.img-l 						{float: left; padding-right: 10px;}
.img-r 						{float: right; padding-left: 10px;}

/* ----- STANDARD INTERNET ORDNER ----- */
							 
/* forms */

form.contact-form			{margin: 1em 0; width: 530px;}
.input-record				{clear: both; -moz-border-radius: 3px; -webkit-border-radius: 3px; 
							 border-radius: 3px; /*background: #f2f2f2; -moz-box-shadow: 1px 1px 3px rgba(0,0,0,0.12) inset;*/}
.input-record.focus			{}
.input-record input			{cursor: text; height: 20px;}
.input-record ul			{float: left;}
.input-record li			{padding-left: 0 !important; background: none !important;}
.highlight-required-fields	{margin-top: 0px; display: block;}

/* SCHRIFTART UND -FARBEN */

input, 
textarea,
label, select.select 		{color: #7c797b; font-family: Arial, Helvetica, sans-serif; font-size: 12px; 
							 /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/}								
.submitbox input 			{color: #fff;}					
.error,
label.error					{color: #fff !important;}
div#meldung					{}

/* RAHMEN FARBEN */

input, textarea, 
#meldung, select.select		{border: 1px solid #CCCCCC; padding: 1px;}
.submitbox input,		
.submitbox input:focus		{border: 0px solid #ddd !important;}
input:focus,
textarea:focus 				{}
a.next-step					{background: #5998cd; padding: 1px 12px 3px 12px; -moz-border-radius: 12px; 
							 -webkit-border-radius: 12px; border-radius: 12px; color: #fff; 
							 text-shadow: -1px -1px #3478b0; text-decoration: none; float: right; 
							 margin-top: 12px; margin-right: 12px; display: block;}
							 
/* HINTERGRUNDBILDER UND -FARBEN */	

.submitbox input							{background: #2671AA; padding: 9px !important; -moz-border-radius: 3px; 
											-webkit-border-radius: 3px; border-radius: 3px; float: none !important;}
.error-message, #meldung 					{background: #ddd; padding: 12px 16px;}
.error-message p, #meldung p				{margin-bottom: 0; padding-bottom: 0; color: #000;}

label.reveal								{color: #f00;}
input.reveal, textarea.reveal, 
select.reveal								{/*outline: 1px solid #f00 !important;*/ background-color: #f8f4e7;}

input, textarea, select.select				{background: transparent; margin-top: 2px;}
form label.required 						{font-weight: bold;}
input.valid, 
textarea.valid								{background: url(../images/standard/valid.png) top right no-repeat; 
											-moz-background-clip: content; -moz-background-origin: content; 
											-webkit-background-clip: content; -webkit-background-origin: content;}

input, textarea								{width: 280px;}
select.select								{width: 294px;}
label 										{width: 80px;}
.submitbox input 							{width: 464px;}	/*Breite vom Label bzw. INPUT + 2* Padding */
textarea 									{height: 80px;}
input.checkbox								{width: 90px; margin-top: 12px;}
input, textarea, label, select.select		{padding: 0 !important;}
label										{padding-right: 10px;}
input.radio 								{width: 20px; height: 10px; margin: 0 0 10px 0;}
form label.radio 							{width: auto;}
form input.checkbox 						{width: 20px; margin-top: 10px; border: none; background: transparent;}
* html form input.checkbox 					{margin-top: 7px;}
label, input, textarea 						{float: left; margin-bottom: 10px;}
form#Anmeldung								{margin-bottom: 30px;}
form br 									{clear: left;}
input[type=hidden] 							{display: none; border: 0; padding: 0;}
legend 										{margin: 6px 0; background: #2671AA; padding: 1px 12px 3px 12px; 
											 -moz-border-radius: 12px; -webkit-border-radius: 12px; 
											 border-radius: 12px; color: #fff;}				
fieldset 									{border: 0px solid #eee; margin-bottom: 12px; padding: 12px;}
fieldset.hidden								{display: none;}
fieldset.submitbox							{border: none;}
				
#meldung 									{margin: 1.5em 0;}	
.error-message 								{display:none;}					
.submitbox input 							{font-weight: bold;	cursor: pointer;}				
.error 										{font-weight: bold;}
#meldung ul 								{margin-bottom: 0; padding-bottom: 0;}
label										{width: 120px;}
label.required span							{font-weight: normal;}
fieldset.hidden 							{display: none;}

/* ----- PRINT  ----- */

}
@media print {
*											{font-family: Arial, Helvetica, sans-serif; color: #000 !important;}
body										{font-size: 80%;}
#content-sidebar, 
#footer, #slideshow, #navi, #navi-add		{display: none;}
#content-main								{padding-bottom: 1em;}
.images										{margin-right: 2em !important; margin-bottom: 2em !important; float: right;}
h1#branding									{border-bottom: none !important; font-size: 1em;}
h1#branding a								{color: #000; text-decoration: none;}
h1, h2, h3									{clear: both;}
h1											{border-bottom: 1px solid #000; padding-bottom: .5em;}
img											{border: none;}
}