/*
     FILE ARCHIVED ON 23:39:43 Feb 20, 2015 AND RETRIEVED FROM THE
     INTERNET ARCHIVE ON 12:11:41 Sep 7, 2015.
     JAVASCRIPT APPENDED BY WAYBACK MACHINE, COPYRIGHT INTERNET ARCHIVE.

     ALL OTHER CONTENT MAY ALSO BE PROTECTED BY COPYRIGHT (17 U.S.C.
     SECTION 108(a)(3)).
*/
@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: #fff;}
body 					{ background-image:url(/web/20150220233943/http://www.holzmaidel.de/images/bg-body.jpg); background-repeat: no-repeat; min-height: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; color: #000; margin-bottom: 0 ; background-position: -100px top; background-color: #242424;}
ul 						{ list-style: none;}
a 						{color:#fff;}
a:hover					{text-decoration: none;}
br 						{margin: 0; padding: 0; line-height: 0.0001em;}
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;}

.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(/web/20150220233943/http://www.holzmaidel.de/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);}

address					{display: none;}

/* end of standards  */

.contents				{width: 1110px; position: relative; }
#header					{height: 220px; width: 961px;}
#content				{ margin-bottom: 100px; clear:both; padding-left: -50px !important;}
#footer					{ background-image: url(/web/20150220233943/http://www.holzmaidel.de/images/bg-footer2.png); width: 100%; height:150px; border-top: 0px solid #706761; padding: -1;}
#whitebox				{box-sizing: border-box; clear: both; width:937px; min-height:420px; background-image: url("/web/20150220233943/http://www.holzmaidel.de/images/bg-footer2.png"); color:#fff; padding: 20px 30px 20px 100px; position: relative;   }
#whitebox ul			{ list-style: disc; margin-left: 15px; }


#whitebox a				{color: #fff;}

#line {
	background-color: #0f4588;
    background-repeat: no-repeat;
    height: 2px;
    left: 90px;
    position: absolute;
    top: 0;
    width: 420px;
}


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

.contactdata {width: 50%; float:left;}
.contactdata img { margin: 0 auto;}

#boximg       { float:left; clear:both; }
#contactbox       { 
	color: #000 !important;
	background-color: #fff;
    bottom: -203px;
    margin-bottom: 8px;
    margin-right: 391px;
	padding: 11px; }
	

h1 a					{display: block; width: 0px; height: 0px;}

.borderradius			{border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px;}

/* columns */
.columns				{float:left; font-size: 12px;  color: #FFFFFF; margin-left: 70px;}
.columns h3			{  text-transform: uppercase;}
.columns a			{ color: #FFFFFF;}
.columns p			{ color: #FFFFFF; font-size:14px; padding-bottom:20px; margin-top: 9px; padding-bottom: 20px;}



.columnsright			{float:left; margin-top: 29px;  font-size: 12px;  color: #FFFFFF; margin-left: 70px;}
.columnsright h3			{  text-transform: uppercase;}
.columnsright a			{ color: #FFFFFF;}
.columnsright p			{ color: #FFFFFF; font-size:14px; padding-bottom:20px;}







/* navigation */
#navi					{ background-image:url(/web/20150220233943/http://www.holzmaidel.de/images/bg-navi.png); height: 50px; width: 835px; margin-left: 9px; padding-left: 4px; font-size: 16px; font-family: Arial, Helvetica, sans-serif;  text-transform: uppercase; position:absolute; top:111px; left:219px; border-bottom: 1px solid #88817e;}
#navi li				{  float: left; margin-top: 21px; margin-left: 20px;}
 #navi a {
    color: #FFFFFF;
    display: block;
    margin: 0;
    padding: 2px 5px 3px;
    text-decoration: none;
}
#navi a:hover			{ border-bottom: 8px solid #0f4588; color: #fff;}
	
	
.subnavi  { float:left;top: 20px; text-transform: uppercase; font-size: 12px; margin-left: 80px;}
.subnavi li				{  float: left; margin-top: 17px; margin-left: 20px;}
.subnavi a					{ color: #FFFFFF; display: block; margin: 0; text-decoration: none; font-size:14px;}



/* headlines */
.lowerh2	{ margin-bottom: -12px !important;}
.lowerh3	{ margin-bottom: 26px; !important;}

h1		{font-size: 40px; color: #fff;}
h2		{font-size: 30px; color: #fff;}
h3		{font-size: 17px; color: #fff; margin-top: 20px; margin-bottom: 5px;}
.invisible   	{ display: none;}
 

/* contents */
h2, p	{margin: 21px 0;}
p			{}

/* images */
.images		{ float: right; margin: 7px 21px 7px 62px;}
.branding 	{ float: left; border-bottom: 1px solid #88817e;}


/* forms */
form.contact-form	{margin: 1em 0; width: 530px;}
.input-record		{clear: both; padding: 6px; -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	{background: #eee; -moz-box-shadow: 1px 1px 1px rgba(0,0,0,0.18) inset;}
.input-record input	{border-bottom: 1px dashed #ddd; cursor: text;}
.input-record ul	{float: left;}
.input-record li	{padding-left: 0 !important; background: none !important;}
.highlight-required-fields	{margin-top: 6px; display: block;}

/*SCHRIFTART UND -FARBEN */
.contact-form input, 
.contact-form textarea,
.contact-form label, .contact-form select.select 	{color: inherit; font-family: inherit; font-size: inherit; /*-moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;*/}
								
.contact-form .submitbox input 		{color: #555;}					
.contact-form .error,
.contact-form label.error				{color: #f00 !important;}
div#meldung			{}

/* RAHMEN FARBEN */
.contact-form input, 
.contact-form textarea,
#meldung, 
.contact-form select.select			{border: none; padding: 1px;}
.submitbox input,		
.submitbox input:focus	{border: 0px solid #ddd !important;}

.contact-form input:focus,
.contact-form 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: #14538e; 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;}

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

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


/* GRÖßENANGEBEN */
.contact-form input, 
.contact-form textarea				{width: 280px;}
.contact-form select.select				{width: 294px;}
.contact-form label 						{width: 80px;}
.submitbox input 			{width: 464px;}	/*Breite vom Label bzw. INPUT + 2* Padding */
.contact-form textarea 					{height: 80px;}


.contact-form input.checkbox				{width: 90px; margin-top: 12px;}

.contact-form input, .contact-form textarea, .contact-form label, .contact-form select.select		{padding: 0 !important;}
.contact-form label						{padding-right: 10px;}
.contact-form input.radio 				{width: 20px; margin-top: 7px; border: none; background: transparent;}
.contact-form label.radio 			{width: auto;}
.contact-form input.checkbox 		{width: 20px; margin-top: 10px; border: none; background: transparent;}
* html form input.checkbox 	{margin-top: 7px;}

.contact-form label, .contact-form input, .contact-form textarea 		{float: left;}

form#Anmeldung				{margin-bottom: 30px;}
.contact-form  br 					{clear: left;}
.contact-form input[type=hidden] 			{display: none; border: 0; padding: 0;}
.contact-form legend 						{margin: 6px 0; 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;}				
.contact-form fieldset 					{border: 1px solid #dadada; margin-bottom: 12px; padding: 12px;}
.contact-form fieldset.hidden				{display: none;}
/*.contact-form fieldset.submitbox			{height: 50px; 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;}

.contact-form label						{width: 120px;}
.contact-form label.required span			{font-weight: normal;}

}

@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;}
}

.erecht24 h1,
.erecht24 h2,
.erecht24 h3,
.erecht24 h4,
.erecht24 h5{
    line-height: 1.5;
}

.erecht24 h1{
  margin: 0 0 25px 0;
}

.erecht24 h2{
  margin: 20px 0;
}

.erecht24 h3,
.erecht24 h4,
.erecht24 p,
.erecht24 ul li{
  margin: 15px 0;
}