/* =================================
Stylesheets der Buhmann-Website Printversion

Datei print.css
Stand: Juli 2009

Aufbau: 1. Kalibrierung
		2. Allgemeine Styles
		3. Styles für Layoutbereiche
		4. Formatierung der allgemeinen Seitenelemente (Überschriften, Aufzählungen, Fließtext, etc.)
		5. Optimierung für andere Browser (IE6, IE7, Opera)
		6. Styles für News
================================ */

/* =================================
	1. Kalibrierung
   ============================== */
* {	margin: 0px; padding: 0px; }	/* Abstände für alle Browser auf "0" setzen */


/* =================================
	2. Allgemeine Styles
   ============================== */

body, html {                                         /* Seitenhintergrund*/    
	font-family: Arial, Verdana, Helvetica, sans-serif;
    /*text-align: center; */ /* Zentrierung im Internet Explorer */	
	text-align: left;
	padding: 0px;
  	margin: 0px;
    font-size: 12px;	
	background-color: #FFFFFF;	
  }
  
 p { line-height: 20px; }
 
 /*  Tabelle beim Impressum-Seite einrücken */
 
div.indent {margin-left: 12px;}


/* ========================
	Hyperlinks
	==================== */
	
a {	
  color: #5A5A5A;
  font-weight: bold;
  text-decoration: none;
}

a:hover {	
  color: #EF8E03;
  font-weight: bold;
  text-decoration: none;
}	
	
/*#content a[href]:after {	
	content:" <"attr(href)">";
	background-color: inherit;
	font-style: italic;
}*/

/* =================================
	3. Styles für Layoutbereiche
   ============================== */
#page {
	background-color: #FFFFFF;
	width: 600px;
	/*height: 100%;*/
	margin: 0px; /*auto Zentrierung im Firefox */			
}

#head {	
	width: 600px;
	height: 70px;	
	text-align: right;
	margin: 25px 25px 40px 0px;	
}

#contentarea {
	width: 600px;	
	/*height: 100%;*/
	background-color: #FFF;	
	/*float: left;*/
	clear: both;
}

#footer_contact {
	width: 600px;	
	margin: 10px 0px;
}

#contact_info {	
	margin-left: 330px;
	color: #AFAFAF;
	font-size: 10px;
	width: 250px;
	text-align: left;
}



/* ========================
	Listen
	==================== */
	
#content {
	width: 520px;
	/*height: 100%;*/	
	text-align: left;
	margin-left: 50px;
	margin-top: 45px;
}

#mitte {
	float: left;
}


/* =================================
	4. Formatierung der allgemeinen Seitenelemente (Überschriften, Aufzählungen, Fließtext, etc.)
   ============================== */
 
 .us_h1 {
 	width: 520px;
	height: 25px;;		
	text-align: left;
 }
 
  .us_h1 h1 {
	color: #000;
	font-size: 16px;
	padding: 1px 0px 0px 50px;
	vertical-align: middle;
 }

 
  .us_h2 {  	
	width: 520px;
	height: 25px;
 }
 
  .us_h2 h2 {
	color: #000;
	font-size: 13px;
	padding: 5px 0px 0px 50px;
	vertical-align: middle;
 }
 
 h3 {
 	font-size: 12px;
 	color: 5A5A5A;
	margin: 15px 0px;
 }
 
 #content ul {  	
	padding: 0px 0px 0px 15px;	
 	list-style-image: url("images/arrow_orange.gif");
	list-style-position: outside;	
	list-style-type: none;	
	
 }
 
 #content li {
 	line-height: 20px;	
 }

 #images { margin-top: 50px; }
 
 #images div.img { margin-bottom: 20px; }
 
 .text h4 {
 	color: #5A5A5A;
 	font-size: 11px;
	text-align: left;
 }
 
 .text p { 	
 	font-size: 11px;
	text-align: left;
	line-height: 15px; 
 }

/* =================================
	5. Optimierung für andere Browser (IE6, IE7, Opera)
   ============================== */ 
  /* IE 6 bug fix */
 * html #content ul { padding-left: 17px; }
 
 * html h3 { margin: 15px 0px 15px 2px; }
 /* IE 6 bug fix ENDE */
 
 
 /* =================================
	6. Überschreiben der Styles von Typo3
   ============================== */
 
 #content h1.csc-firstHeader {
 	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-bottom: 10px;
 }
 
  #content h1 {
   	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-top: 10px;
	margin-bottom: 10px;
  }
  
  .bodytext {
    font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: left;
    font-size: 12px;
	line-height: 18px;	
	font-weight: normal;
  }