/* =============================
Stylesheet Bildschirmdarstellung
Website:  Pins&mehr
Stand:  12.06.2008
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 { 
   	color: white; 
   	background-color: black; 
   	font-family: Verdana, Arial, Helvetica, sans-serif; 
   	font-size: small; 
  	}  
  
/* ****margin-bottom Überschriften, Absätze, Listen etc.**** */
h1, h2, h3, p, blockquote, ul, ol, dl {
   padding: 5; 
   margin: 0 0 14px 0;
}


	ul { list-style-type: disc; }
	ol { list-style-type: decimal; }
	
	/* Listenelemente etwas mehr einrücken */
li { margin-left: 2em; } 

hr {
   padding: 0; 
   margin: 0 0 10px 0;
   }
   
img {border: 0pt;}
/************************* Hyperlinks ***********************/
  	a { color: #E64B06; font-weight: bold; text-decoration: none; } /*war #ff3300*/
  	a:link { color: #E64B06; text-decoration: none; } 
  	a:visited { color: #E64B06; }
  	a:hover,
   	a:active {color: black; font-weight: bold; text-decoration: none;
   	}  
   
/* ********Bildformatierungen *********************** */

    #headlogo { 
   color: white;
   background-color: #231F20;
   border: 2px solid white;
   margin: 4px;
  }
  
 	#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,
 	#img26, #img27, #img28,#img29,#img30 { 
   color: white;
   background-color: #414143;
   border: 2px solid black;
  }
  
/* ***********Schriftgrößen *************/
	h1, h2, h3, h4 {
    font-style: bold; 
}
  	
  	h4, h5, h6 { font-style: normal; padding: 0; margin: 0; }

/*  Überschriftengrößen */
h1 { font-size: 14pt; }
h2 { font-size: 14pt; } 
h3 { font-size: 12pt; } 
h4 { font-size: 11pt; }
h5 { font-size: 10pt; } 
h6 { font-size: 8pt; } 

.small {font-size: 6pt;}	
.largersmall {font-size: 8pt;}	
 /* ================================================================================= 
   2. Styles Layoutbereiche 
   ==================================== */
   
  #basisbox { /* Das HTML-Element mit dem Attribut id="basisbox" */
     color: white; 
     background-color: #830606; /*war 666666*/
     width: 960px; /* Breite des Inhaltsbereiches + margin und padding*/   
     padding: 3px 10px;
     margin: 5px auto;
     border: 2px solid #ffffff;
     font-size: 10pt; 
  } 
  
  
  #kopfbereich {
   
  }
  
  #kopfnavigation {
  width: 30em; /* war 9em */
  padding: 0 0 0 450px; /* war 600 ohne Jobs*/
  }
  
  #navigation {
  float: left; 
  width: 14em;
  padding: 0 0 0 0; 
  }
  
  #textbereich {
   width: 730px;
   background-color: #414143; /*dunkelgrau */
   padding: 5px; 
   margin-left: 15em;
   margin-top: 1em;
   border: 2px solid #ffffff;
   font-size: 10pt;  
  }
  
   #textbereich h2 {
      padding-top: 0; 
   }
 
   .tablehead {
   font-size: 16px;
   font-weight: bold;
   padding-left: 18em;
   }
 /****  
 #textbereich a { 
      border-bottom: 1px dotted #cc0000; 
   }
   #textbereich a:hover,
   #textbereich a:focus { 
      border-bottom: 1px solid #d90000; 
  }
  */
 
  #fussbereich {
   clear: both; 
   padding: 10px 20px 20px 20px;
   border-top: 1px solid #8c8c8c; 
   margin-top: 20px; 
   text-align: center;  
   font-size: 10pt;      
   font-style: normal;  
   letter-spacing: 1px;
  }  
 
 

/* ==================================
   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.
*/