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

Datei css.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. Überschreiben der Styles von Typo3
		7. Styles für News
		8. Styles für Formulare
		9. Styles für Sitemap	
		10. Styles für Event-Manager-Seite
		11. Styles für Info-Portal-Seite	
		12. Styles für Startseite
================================ */

/* =================================
	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;	
  }
  
.csc-textpic-caption {
    font-size: 10px;
} 
 
 p { line-height: 20px; }
 
/*  Tabelle beim Impressum-Seite einrücken */
 
div.indent {margin-left: 12px;}

/* ========================
	Hyperlinks
	==================== */
	
#navi_left ul li.menu a:hover {	color: #EF8E03; }
	
#navi_top a {	
  color: #FFFFFF;
  text-decoration: none;
  padding-left: 10px;
  padding-right: 10px;
}

#navi_top a:hover {	
  text-decoration: none;
  color: #EF8E03;
}

#buttons a {	
  color: #5A5A5A;
  text-decoration: none;
}

#buttons a:hover {	
  color: #EF8E03;
  text-decoration: none;
}

#content a, a.imagelink {	
  color: #5A5A5A;
  font-weight: bold;
  text-decoration: none;
}

#content a:hover, a.imagelink:hover {	
  color: #EF8E03;
  font-weight: bold;
  text-decoration: none;
}

#metabox a { 
	color: #FFF; 
	font-weight: normal; 
	font-size:11px; 
	text-decoration: none; 
}

#metabox a:hover {	
  color: #EF8E03;
  font-weight: normal;
  text-decoration: none;
}
#metabox a:visited { 
	color: #FFF; 
	font-weight: normal; 
	font-size:11px; 
	text-decoration: none; 
}
#innovista_link a, #innovista_link a:visited, #sitemap a, #sitemap a:visited {
	color: #AFAFAF;  	
 	text-decoration: none;
}

#innovista_link a:hover, #innovista_link a:focus, #sitemap a:hover, #sitemap a:focus {
	color: #F18E00;  	
  	text-decoration: none;
}

a.info_link {
	display: block;
	min-height: 100%;
	margin: 5px;
	text-decoration: none;	
}

/* =================================
	3. Styles für Layoutbereiche
   ============================== */
#page {
	background-color: #FFFFFF;
	/*width: 950px;*/
	width: 100%;
	height: 100%;
	margin: 0px; /*auto Zentrierung im Firefox */			
}
#navi_top{
	background-color: #87888a;
	color: #FFFFFF;	   
	padding-left: 20px;
	padding-bottom: 0px;
	height: 25px;	
	border: solid 1px #87888a;
	position: fixed;
	top: 0px;
	left: 0px;
	width: 100%;
}

#metabox { margin-top: 5px; }

#head {	
	/*width: 950px;*/
	width: 100%;
	height: 145px;	
	background: #FFF url(images/bg_head.gif) repeat-x;	
	margin-bottom: 40px;
	margin-top: 25px;	
}

#breadcrumb { height: 50px; }

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

#navi_left {
	width: 180px;	
	/*height: 100%;	*/
	float: left;
	text-align: left;			
}

/* ========================
	Listen
	==================== */
	
	#navi_left ul {
	margin: 0px;
	padding: 0px;	
	background-color: #FFFFFF;	
	}
		#navi_left li.submenu ul {				
		background-color: #FFF;
		margin-left: 0px;	
		/*display: none;*/	
		}		

	#navi_left li.menu {	
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	background: #e6e6e7 url(images/list_point.gif) repeat-y;
	padding: 5px 0px 5px 15px;
	margin-bottom: 10px;	
	}
	
	#navi_left li.menu_akt {
	margin: 0px;
	padding: 0px;
	font-weight: bold;
	font-size: 11px;
	background: #e6e6e7 url(images/list_point.gif) repeat-y;
	padding: 5px 0px 5px 15px;
	margin-bottom: 10px;	
	color: #EF8E03;
	}
	
	/*#navi_left li.current {
	background: #e6e6e7 url(images/list_point.jpg) repeat-y;
	margin-bottom: 0px;
	}*/
		/*#navi_left li.submenu, #navi_left li.submenu ul li {	*/
		#navi_left li.submenu, #navi_left li.submenu ul li {
		background-color: #FFF;
		margin: 0px;
		font-weight: normal;
		font-size: 10px;
	    padding: 0px 0px 10px 15px;	
		list-style-type: none;
		border: solid 1px white;
		}	
		
		#navi_left li.submenu_akt, #navi_left li.submenu_akt ul li {
		background-color: #FFF;
		margin: 0px;
		font-size: 10px;
	    padding: 0px 0px 10px 15px;
		list-style-type: none;
		color: #EF8E03;
		font-weight: bold;
		border: solid 1px white;
		}	
		
	#navi_left ul li a{
	text-decoration: none;
	color: #5a5a5a;
	text-align: left;				
	}
	
	#navi_left ul li a:hover {
	text-decoration: none;
	color: #EF8E03;
	text-align: left;				
	}
	
	#navi_left ul li a:active {
	text-decoration: none;
	color: #EF8E03;
	font-weight: bold;
	text-align: left;				
	}
	
#spacer_left {
	width: 50px;
	height: 100%;
	float: left;	
	/*border: solid 1px green;*/
}
#content {
	width: 520px;
	height: 100%;	
	text-align: left;
	margin-top: 45px;
}

#text {
	margin-top: 45px;
}

#mitte {
	float: left;
}

/* Styles für ein spaltiges Layout über ganze Seite */
#inhalt {float: left; width: 720px;}

#rechts {
	width: 165px;
	height: 100%;		
	float: right;
	margin-left: 5px;
}

#right_collum {
	width: 165px;
	height: 100%;		
	/*float: left;*/
}

#footer {
	clear: both;
	float: left;
	margin-bottom: 10px;
}

#innovista_link, #sitemap {	
	margin-left: 750px;
	color: #AFAFAF;
	font-size: 10px;
	width: 200px;
	text-align: right;
}



/* =================================
	4. Formatierung der allgemeinen Seitenelemente (Überschriften, Aufzählungen, Fließtext, etc.)
   ============================== */
 
 .us_h1 {
 	width: 520px;
	height: 25px;		
	background: #9C9D9F url(images/orange.gif) repeat-y;
	/*float: left;*/
	text-align: left;
 }
 
  .us_h1 h1 {
	color: #FFF;
	font-size: 16px;
	padding: 1px 0px 0px 50px;
	vertical-align: middle;
 }

 
  .us_h2 {  	
	background: #EEEEEE url(images/grey.gif) repeat-y;
	width: 520px;
	height: 25px;
 }
 #header2_1, #header2_2 {  	
	background: #EEEEEE url(images/grey.gif) repeat-y;
	width: 340px;
	height: 25px;
 }
 
  .us_h2 h2, #header2_1 h2, #header2_2 h2 {
	color: #8C8D8E;
	font-size: 13px;
	padding: 5px 0px 0px 50px;
	vertical-align: middle;
 }
 
 .us_right_collum {
 	background: #EEEEEE url(images/grey_white_arrow.gif) no-repeat;
	width: 100%;
	height: 25px;
	margin-bottom: 7px;
 }
 
 .us_right_collum h4 { 	
 	color: #8C8D8E;
 	font-size: 11px;
	padding: 5px 0px 0px 35px;	
 }

 
 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;	
 	margin: 5px 0px;
 }

 #buttons {	
	width: 100%;	
	margin: 0px;
	padding-top: 0px;
	margin-bottom: 30px;
/*	border: #FF0000 solid 1px;*/
 }
 
 #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 #navi_left ul { height: 100%; }
 
 * html #content ul { padding-left: 17px; }
 
 * html h3 { margin: 15px 0px 15px 2px; }
 
 * html #head { margin-top: 0px; }
 /* IE 7 */
 *+html #head img { padding-top: 25px; }

 * html div.label_left_checkbox { width: 155px; }
 * html div.input_right_checkbox { width: 260px; }
 * html div.checkbox_text { width: 235px; }
 /* IE 6 bug fix ENDE */
 
 
 /* =================================
	6. Überschreiben der Styles von Typo3
   ============================== */
 
 #content h1.csc-firstHeader, #inhalt h1.csc-firstHeader {
 	font-size: 13px;
	font-weight: bold;
	color: #5a5a5a;
	margin-bottom: 10px;
 }
 
  #content h1 {
   	font-size: 13px;
	font-weight: bold;
	color: #5a5a5a;
	margin-top: 10px;
	margin-bottom: 10px;

  }
  
   #right_collum h1.csc-firstHeader {
 	font-size: 13px;
	font-weight: bold;
	color: #5a5a5a;
	margin-bottom: 10px;
 }
 
  #right_collum h1 {
   	font-size: 13px;
	font-weight: bold;
	color: #5a5a5a;
	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;
  }
 
 /* =================================
	7. Styles für News
   ============================== */ 
   
/* News List-Ansicht */

div.news-list-container { width: 520px; }

div.news-list-container-zweispalten { width: 340px; }

div.news-list-item { padding-bottom: 25px; }

#contentarea div.news-list-item div.text h1 { margin: 0px; }

div.news-list-container-zweispalten div.news-list-item div.text h1 { line-height: 15px; }

#contentarea div.news-list-item div.text h1 a, #contentarea p.news-list-morelink a{
	color: #F28F00;
	margin: 0px;	
	text-decoration: none;
}

#contentarea div.news-list-item div.text h1 a:hover, #contentarea div.news-list-item div.text h1 a:focus, 
#contentarea p.news-list-morelink a:hover, #contentarea p.news-list-morelink a:focus { text-decoration: underline; }

div.news-list-item div.image {
	float: left;	
}
	div.news-list-item div.image img { border: none; }

div.text {
	float: left;
	width: 390px;
	padding-left: 10px;	
}
div.news-list-container-zweispalten div.text {
	float: left;
	width: 210px;
	padding-left: 10px;	
}
	div.news-list-item div.text h1 a {	font-size: 15px; text-align: left; } 	
	div a.news-list-morelink {	font-size: 11px; font-weight: bold; }	

div.clear { clear: both; }

.tx-ttnews-browsebox {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	text-align: center;
	font-weight: bold;
	font-size: 11px;
	width: 340px;
	margin-bottom: 20px;
}

.tx-ttnews-browsebox table { margin: 0px auto; }

.news-list-browse a {	
  color: #5A5A5A;  
  text-decoration: none; 
  margin: 0px 2px;
  font-size: 12px;
}
.news-list-browse a:hover, .tx-ttnews-browsebox-SCell a {	
  color: #EF8E03;  
  text-decoration: none;
}

/* News List-Ansicht ENDE */

/* News Detail-Ansicht */
div.pdf_link {margin-bottom: 10px;}
div.pdf_link a {color: #f28f00; margin-left: 5px; }
div.news-single-item p.bodytext { margin-bottom: 10px; }
div.news-single-item { width: 520px; }
div.news-single-image {	
	float: left;
	width: 170px;	
	padding: 0px 20px 0px 0px;
}
	div.news-single-image img { border: none;	}
div.bodytext { float: left;}
p.news-single-imgcaption {
	padding: 5px 0px 10px 0px;
	font-size: 10px;
	line-height: 12px;	
}

h2.news-single-titel {
	color: #F28F00;
	font-size: 15px;
	font-weight: bold;
}

div.news-single-item h3 { color: #5a5a5a; }

div.news-single-item div.bodytext { font-weight: bold; float: left; }

div.news-single-item p.news-single-backlink a, div.news-single-item p.news-single-backlink a:visited{
	color: #F28F00;
	font-weight: bold;
	text-decoration: none;	
	padding-left: 5px;	
}
div.news-single-item p.news-single-backlink a:hover, div.news-single-item p.news-single-backlink a:focus { text-decoration: underline; }

div.news-single-item p.news-single-backlink { margin: 0px 0px 20px 0px;}

/* News Detail-Ansicht ENDE*/

/* News Archive List-Ansicht */
div.news-amenu-container ul li {margin-left: 20px;}
div.news-amenu-container ul li.news-amenu-item-year { margin-left: 0px; list-style-image: none;}
/* News Archive List-Ansicht ENDE */

 /* =================================
	8. Styles für Formulare
   ============================== */ 
   
 form {
 	margin-top: 40px;
 }  
 
 span.error{
 	color: #FF0000;
 }
 
 #mailform input {
 	width: 260px;
	height: 25px;	
	margin: 0px;	
	padding-top: 5px;
	padding-left: 10px;
	background-color: #EEEEEE;
	border: none;
 }
 
 #mailform option {
 	padding-top: 5px;
	padding-left: 10px;
 }
  #mailform select {
 	width: 270px;
	height: 25px;	
	margin: 0px;	
	background-color: #EEEEEE;
	border: none;
 }
input#checkbox {
 	width: 15px; 	 
 	height: 25px;			
	background-color: #FFFFFF;
	border: none;	
	padding: 0px;
 }

 div.checkbox {
 	float: left; 
 	width: 15px; 	 
 	height: 25px;		
	margin: 0px;	
	text-align: left;	
 } 
 
 div.checkbox_text {
 	float: left; 
 	margin-left: 10px; 
 	height: 25px; 
 	width: 245px;
 }
 #mailform input:focus, #mailform select:focus  {
 	background-color: #FFCA7F;
	/*background-color: #78AF8E;*/
 }
 
 #mailform textarea {
 	width: 260px;
	height: 70px;
	padding-top: 5px;
	padding-left: 10px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;	
	background-color: #EEEEEE;
	border: none;
 }
 
 #mailform textarea:focus {
 	background-color: #FFCA7F;
	/*background-color: #78AF8E;*/
 }
   
 #mailform fieldset.csc-mailform {
 	border: none;
 }
 
  div.csc-mailform-field {
  		width: 80%;
		margin-bottom: 5px;
		text-align: left;
  }
  
  div.label_left {
 		text-align: left;
		padding-top: 5px;
		float: left;
  }
  
  div.input_right {
  		text-align: right;
  }
  div.label_left_checkbox {
 		width: 145px;	
 		height: 25px;		
		float: left;		
  }
  
  div.input_right_checkbox {  		
  		float: left;
  		text-align: left;
  		width: 270px;	
  		height: 25px;	
  		margin-bottom: 10px;  		
  			
  			
  }
   
 #mailform input.form_submit {
	font-family: Arial, Verdana, Helvetica, sans-serif;
    font-size: 12px;
	color: #F18E00;
	font-weight: bold;	
	text-align: center;
	background-color: #EEEEEE;
	background-image:url(images/submit_button.gif);
	background-repeat:no-repeat;
	width:120px;
	height:25px;
	border:none;
	margin-top: 40px;
	padding-bottom: 5px;
	padding-left: 25px;
	cursor:pointer;
  }  
  
   #mailform input.form_submit:focus {
   	background-color: #EEEEEE;
   }
   
   .tx-srfreecap-pi2-cant-read {
   	color: #5A5A5A;
   }
   
   p.pflicht {
   	margin-top:15px;
	margin-bottom:15px;
	color:#5a5a5a;
	font-size:0.9em;
   }
   
/* =================================
	9. Styles für Sitemap
   ============================== */ 

   
div.tx-dropdownsitemap-pi1 div {margin: 0px; padding: 0px;}
div.tx-dropdownsitemap-pi1 div.expAll { border: none; background-color: #EEEEEE; margin-bottom: 10px;}
div.tx-dropdownsitemap-pi1 div.level_2, div.tx-dropdownsitemap-pi1 div.level_3 {margin-left: 20px;}
/* =================================
	10. Styles für Event-Manager-Seite
   ============================== */
table.bildungsangebote {width: 720px; margin-bottom: 10px;}
table.bildungsangebote td.ueberschrift {width: 255px; background-color: #F18E00;}
table.bildungsangebote td.ueberschrift h2.titel { font-size: 12px; color: #FFFFFF; margin-bottom: 5px; padding: 0px; }
table.bildungsangebote td.ueberschrift h3.zusatz { font-size: 11px; color: #000000; margin: 0px; padding: 0px; }
table.bildungsangebote td.stichpunkte { padding-left: 20px; font-size: 11px; }
table.bildungsangebote td.links {
	width: 180px; 
	background-color: #e6e6e7; 
	padding-left: 10px;	
	font-size: 11px;
}
div.info, div.anmelden {
	width: 170px;
	padding-left: 10px;	
	font-weight: bold;
	float: left;
}
div.info {	
	background: url(images/arrow_orange.gif) no-repeat;	
	margin-bottom: 5px;	
}
div.info a { color: #F18E00; text-decoration: none; }
div.anmelden {	background: url(images/arrow_gray.gif) no-repeat; }
div.anmelden a {color: #5a5a5a; text-decoration: none;}
div.info a:hover, div.anmelden a:hover {text-decoration: underline; }


/* =================================
	11. Styles für Info Portal-Seite
   ============================== */
 #header2_1, #header2_2, #spalte1, #spalte2 {float: left; width: 340px;}
 .spacer {width: 40px; float: left;}
#spalte1, #spalte2 { margin-top: 45px; }


/* =================================
	12. Styles für Startseite
   ============================== */
#book { 
	width: 950px; 	
}

#top .left { background: no-repeat; height: 360px; width: 470px; float: left; } 
#top .right { background: no-repeat; height: 360px; width: 480px; float: left; }

#buttom .left { background-color: #eceded; vertical-align: top; }
#buttom .right { background-color: #d9dadb; vertical-align: top; } 
#buttom table { width: 950px;} 
#buttom {clear: both;}
#left_button { width: 105px; text-align: right; vertical-align: top; }
#right_button { width: 115px; text-align: left; vertical-align: top; }

#leftcontent, #rightcontent { 	
	width: 290px;		
}

.introduction { 
	font-size: 10px; 
	font-family: Arial, Helvetica, sans-serif; 
	line-height: 15px; 
	text-align: left;	
}