/* =============================
Stylesheet Bildschirmdarstellung
Website:  logo-filz.de
Stand:  17.08.2011
Autor:  Stefan Pritschet
==============================*/

/* ================================================================================== 
   1. Kalibrierung und allgemeine Styles 
   ================================================================================== */

/************ Kalibrierung der wichtigsten Abstaende **********/
  *  { padding: 0; margin: 0; }

/***************** Allgemeine Selektoren **********************/
 	html { height: 101%; } /* erzwingt Scrollbar im Firefox */
  
  	body, td { background-color: #000000; color: #ffffff; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; background-image: url(../images/backrep.jpg); background-repeat: repeat; } 
  	 
	p {
	padding: 0em;
	margin: 0em;
	} 
img {border: 0pt;}
.small { font-size: 8pt; }
/************************* Hyperlinks ***********************/
a:link { color: #e64b06; font-weight: bold; text-decoration: none; }
a:visited { color: #e64b06; font-weight: bold; text-decoration: none; }
a:hover { color: #97b217; font-weight: bold; }
a:active { }
a:link.men { width : 200px; background-color : #333; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #e64b06; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:visited.men { width : 200px; background-color : #333; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #e64b06; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:hover.men { width : 200px; background-color : #333; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #ffffff; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:link.men1 { width : 200px; background-color : #444; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #f6bb06; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:visited.men1 { width : 200px; background-color : #444; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #f6bb06; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:hover.men1 { width : 200px; background-color : #333; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #ffffff; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }
a:active.men1 {width : 200px; background-color : #444; font-size: 8pt; font-family: Verdana, Arial, Helvetica, sans-serif; text-decoration : none; color : #fff; float: left; margin-top: 25px; margin-right : 4px; margin-left: 15px; padding: 2px 4px; border: outset 3px #ccc; }  
/* ********Bildformatierungen *********************** */
  
 	#img1, #img2, #img3, #img4, #img5, #img6, #img7, #img8, #img9, #img10, #img11, #img12, #img13, 
 	#img14, #img15, #img16, #img17, #img18, #img19, #img20, #img21, #img22, #img23, #img24, #img25 { 
   color: #e64b06;
   background-color: #e64b06;
   border: 2px solid #e64b06;
  }
  
/* ***********Schriftgrößen *************/


/*  Überschriftengrößen */
h1 { color: #fff; font-size: 14pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
h2 { color: #fff; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; }
h3 { color: #fff; font-size: 10pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; } 
h4 { color: #ffffff; font-size: 12pt; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: bold; line-height: 1; }
h5 { font-size: 10pt; } 
h6 { font-size: 8pt; } 


 /* ================================================================================= 
   2. Styles Layoutbereiche 
   ==================================== */
   
  #basisbox { /* Das HTML-Element mit dem Attribut id="basisbox" */
     color: white; background-color: #000000; /*war 666666*/
     width: 1200px; /* Breite des Inhaltsbereiches + margin und padding*/   
     padding: 0; margin: 0 auto;
    /* mit Rand folgender Code: border: solid 8px #97b217;*/
     font-size: 8pt; background-image: url(../images/backrep.jpg); } 
  
  #navigation { text-align: left; width: 250px; height: 1200px; float: left; padding: 5px 0; }
  
  #textbereich {
   width: 815px;
   background-color: #000000; /*weiß */
   background-image: url(../images/backg.jpg);
   background-repeat: repeat;
   padding: 20px; 
   margin-left: 220px;
   margin-top: 20px;
   border: solid 8px #e64b06;
   font-size: 10pt;  
  color:#ffffff;
  }
  

 #textbereichunter {
   width: 815px;
   background-color: #000000; /*weiß */
   background-repeat: no-repeat;
   padding: 20px; 
   margin-left: 220px;
   margin-top: 20px;
   border: solid 8px #e64b06;
   font-size: 10pt;  
  color:#ffffff;
  }
  
   .tablehead {
   font-size: 16px;
   font-weight: bold;
   padding-left: 18em;
   }

 
  #fussbereich { 
  clear: both; 
  background-color: #000000; 
  border-top: 1px solid #8c8c8c; 
  text-align: center; 
  font-size: 10pt; 
  color:#ffffff; 
  background-image: url(../images/backrep.jpg); 
  background-repeat: repeat; }  

 
/*=
*************  Mailform ************=*/
input:focus, select:focus, textarea:focus {
	outline:0px solid #ffff99;
	background-color:#EEE;
	color:black;
	outline:0;
} 
.mf-input {
border: 1px solid #D3D706;
background-color: #999;
margin-bottom: 10px;

}

div.headline{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	list-style-type: square;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14pt; /*0.95em; (alt)*/
	font-weight: bold;
}
div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding-top: 5px;
	padding-right: 0;
	padding-bottom: 5px;
	padding-left: 0;
	list-style-type: square;
	text-align: right;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; /*0.95em; (alt)*/
	font-weight: normal;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 155px; /*width of label (left column)*/
	text-transform: none;
	margin-right: 10px; /*spacing with right column*/
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10pt; /*0.9em; (alt)*/
	text-align: right;
}

div.fieldwrapper label.styledzahl{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 50px; /*width of label (left column)*/
	text-transform: none;
	margin-right: 15px; /*spacing with right column*/
	font-family: BookI, Arial, Helvetica, sans-serif;
	font-size: 10pt; /*0.85em; (alt)*/
	text-align: right;
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
	font-size: 10pt; /*leer (alt)*/
}
div.fieldwrapper div.thefieldzahl{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
}
div.fieldwrapper div.thefieldperson{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
}
div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 200px;

}
div.fieldwrapper div.thefieldzahl input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 60px;

}
div.fieldwrapper div.thefieldperson input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 20px;

}
div.fieldwrapper div.item{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
	font-size: 9pt; /*leer (alt)*/
}
div.fieldwrapper div.itemzahl{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
}
div.fieldwrapper div.itemperson{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
	margin-bottom: 10px;
}
div.fieldwrapper div.item input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 55px;

}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
	width: 370px;
	height: 75px;
}
div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
	margin-top: 5px; /*space above buttonsdiv*/
	outline:0;
	margin-left: 165px;
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
width: 200px;
background: #e1dfe0;
outline:none 0;
}
</style>
.col-2S {
	width: 564px;
}
  

/* ==================================
   ENDE DES STYLESHEETS 
   =============================== */ 
   
     
   /* Internet Explorer and the Expanding Box Problem.
It's an unfortunate fact that Internet Explorer will always incorrectly expand any dimensionally restricted block element so that oversize content is unable to overflow, as the specs require that content to do. The W3C says a rigidly sized block box should allow oversize content to protrude or overflow beyond the edges of the sized box.
The following rule instructs Internet Explorer 5.5 and 6 to break words into the next line instead of expanding the block element.
*/