/* 
-------------------------------------------------------------------
            *** CSS-Dokument - PBS Webseite 2008 ***
-------------------------------------------------------------------
1. Seitenstruktur 						ab Zeile  35
			Topnavigation 				ab Zeile  74
			Linke Navigationsleiste 	ab Zeile 109
			Inhaltsbereich 				ab Zeile ...
			Newsticker / Messetermine 	ab Zeile ...
			Seitenabschluss 			ab Zeile ...
2. Textformatierungen / Standardtags 	ab Zeile ...
3. Absatzformatierungen 				ab Zeile ...
4. Bildformatierungen 					ab Zeile ...
5. Tabellenformatierung 				ab Zeile ...
			Programmlisten 				ab Zeile ...
			Referenzen 					ab Zeile ...
			Downloads 					ab Zeile ...
			Downloads / Bauteilkatalog 	ab Zeile ...
			Bauteilkatalog 				ab Zeile ...
			Bauteilgruppenübersicht 	ab Zeile ...
			Mitarbeiter 				ab Zeile ...
			Termine 					ab Zeile ...
6. Listenformatierung					ab Zeile ...
			Sitemap 					ab Zeile ...
7. Formularformatierung					ab Zeile ...
8. Errorpage							ab Zeile ...
-----------------------------------------------------------------
									letzte Änderung 26.10.2008
-----------------------------------------------------------------
*/





/* Seitenstruktur */
			
body				{
					background-image:  url("img/style/bg_boddy.jpg");
					background-repeat: repeat-x;
					background-attachment: fixed;
					background-color: #D5E3F7;					
					font-size: 100.01%;	
					color: #333333;		
					font-family: Verdana, Arial, Helvetica, sans-serif;
					}

#main				{
					width: 980px;					
					text-align:left;
					z-index: 1;
					}

#kopf_main 			{
					background-image: url("img/style/top_main.jpg");
					width: 978px;
					height: 110px;
					position: relative; top: 0px;
					}
			
#content			{
					font-size: 1.0em;
					width: 978px;
					/* background-color: #FFF;	*/
					background-image: url(img/style/bg_content.gif);
					background-position: top left;
					background-repeat: repeat-y;
					border: 0px solid #005CA2;
					text-align: left;
					margin-bottom: 5px;
					}

/* Definition der Topnavigation */		
			
#navitop			{
					font-size: 0.8em;			
					font-weight: bold;
					text-align: right;
					/* background-color: #D4E3F6; 
					border-top: 1px solid #005CA2;  */
					border-bottom: 1px solid #C5263A /*#005CA2*/;
					margin-top: 1em;			
					padding: 3px 0 3px 0;
					}
			
#navitop li			{
					display: inline;
					padding: 0;
					}
			
#navitop a:link, #navitop a:visited	{
					color: #000;
					background-color: #E3E3E3;
					background-image: url(img/style/bg_navitop_grau_matallisch.jpg);
					text-decoration: none;
					padding: 2px 1em 2px 1em;
					}
			
#navitop a:hover, #navitop a:focus, #navitop a:active	{
					color: #C5263A;
					background-color: #FFF;
					background-image: url(img/style/bg_navitop_hover.jpg);
					text-decoration: none;
					padding: 2px 1em 2px 1em;			
					}
			
/* Definition der linken Navigation */ 
				
#navileft			{
					width: 170px;			
					float: left;	
					margin-top: 2em;				
					margin-bottom: 2em;
					/* 
					background-color: #D4E3F6;
					background-image: url(img/style/bg_navileft.jpg);
					background-position: bottom left;
					background-repeat: repeat-x; */ 
					}

#navileft ul 		{
					list-style-type: none;
					margin: 0 10px 0 10px;
					padding: 0;
					background-color: #FFFFFF;
					}
			
#navileft_head		{						
					background-color: #FFFFFF;
					font-size: 0.8em;
					background-image: url(img/style/bg_navleft_head.jpg); 
					text-align: center;
					border-bottom: 1px solid #C5263A;
					margin: 0 10px 0 10px;
					padding: 3px 0 3px 0;
					}
			
#navileft_head a:link, #navileft_head a:visited, #navileft_head a:hover, #navileft_head a:active, #navileft_head a:focus {
					font-weight: bold;
					color: #C5263A;
					text-decoration: none;
					}
			
#navileft_foot		{			
					font-size: 0em;
					height: 1px;	
					background-color: #FFFFFF;					
					border-top: 1px solid #C5263A;
					margin: 1px 10px 40px 10px;			
					}
		
#navileft li 		{
					padding: 0;
					font-size: 0.8em;
					margin: 0px 0px 0px 0px;
					}

#navileft li a:link, #navileft li a:visited {
	display: block;
	text-decoration: none;
	padding: 2px 0.5em 2px 0.5em;
	border-top: 1px solid #FFF;
	border-bottom: 0px solid #FFF;
	/*border-left: 7px solid #005CA2;*/
	border-left: 3px solid #FFF;
	color: #000;
	background-color: #FFF;
	background-image: url(img/style/bg_navitop_grau.jpg);
					} 
		
html>body #navi li a {
					width: auto;
					}
			
#navileft li a:hover, #navileft li a:active, #navileft li a:focus {
					border-left: 3px solid #C5263A;
					background-color: #FFFFFF;
					background-image: url(img/style/navleft_hover.jpg); 
					color: #C5263A;
					}
			
#sub_nav li			{
					font-size: 0.8em;
					font-weight: normal;
					padding-left: 0;
					}
			
#sub_nav li a:link, #sub_nav li a:visited {
					display: block;
					text-decoration: none;
					padding: 2px 0.5em 2px 1.5em;
					/*border-left: 7px solid #005CA2;*/
					border-left: 3px solid #FFF;
					border-top: 0px solid #FFF;
					border-bottom: 1px solid #FFF;
					color: #000000;		
					background-color: #FFF;
					background-image: url(img/style/bg_navileft_sub_button.jpg);
					background-position: right;
					background-repeat: repeat-y;	
					} 
		
#sub_nav li a:hover, #navileft li a:active, #sub_nav li a:focus {
					border-left: 3px solid #C5263A;
					background-color: #FFFFFF;
					background-image: url(img/style/navleft_hover.jpg); 
					color: #C5263A;
					}
			
			
#werbebox			{
					display: block;
					text-align: center;
					width: 140px;
					height: 200px;
					background-color: #FFFFFF;
					padding: 0 0 0 0;
					margin: 0 10px 0 10px;
					font-size: 1em;
					font-weight: bold;
					text-decoration: none;
					font-family: Arial, Verdana, Helvetica, sans-serif;
					}
					
#werbeboxklein			{
					display: block;
					text-align: center;
					width: 140px;
					height: 140px;
					background-color: #FFFFFF;
					padding: 0 0 0 0;
					margin: 0 10px 0 10px;
					font-size: 1em;
					font-weight: bold;
					text-decoration: none;
					font-family: Arial, Verdana, Helvetica, sans-serif;
					}					
					
					
#werbebox p			{
					padding: 0;
					margin: 0;
					}

#werbeboxklein p		{
					padding: 0;
					margin: 0;
					}


/* Inhaltsbereich */

#inhalt				{			
					margin-top: 0;
					margin-left: 210px;
					margin-right: 1.5em;
					margin-bottom: 0em;
					padding: 2em 0 0em 0;			
					}
			
#inhaltft			{
					color: #666666;
					height: 9em;
					margin-left: 210px;
					margin-right: 20px;
					margin-top: 1em;
					padding: 0;
					width: 750px;
					}
/* Formatierung Beschreibungsbox Statikprogrammgruppen / Programmpakete */

.statik_desc		{
					height: 9em;
					}

		
/* Formatierung Newsticker / Messetermine */		
	
#newsticker			{
					font-size: 1em;
					height: 9em;
					width: 368px;
					float: left;
					background-color: #FFF;
					padding: 0;
					margin: 0;
					border-width: 0;
					}
			
th.newstick 		{
					font-size: 0.7em;
					background-color: #FFFFFF;
					background-image: url(img/style/bg_newsticker+messeterm.jpg);
					background-repeat: no-repeat;
					border-bottom: 1px solid #C5263A;
					text-align: left;
					padding: 1px 1px 1px 1em;
					margin-left: 1em;
					}
			
th.newstickbot 		{
					font-size: 0.7em;
					background-color: #FFFFFF;
					border-top: 1px solid #C5263A;
					text-align: right;
					padding: 1px;
					margin-left: 1em;
					}
			
tr.newstick1 		{
					background-color: #E9E9E9;
					text-align: left;
					padding: 1px;
					font-size: 0.7em;
					margin-left: 1.5em;
					}
			
tr.newstick2 		{
					background-color: #F8F8F8;
					text-align: left;
					padding: 1px;
					font-size: 0.7em;
					margin-left: 1.5em;
					}
					
.newstick_1			{
					width: 20%;
					}

.newstick_2			{
					width: 80%;
					}

#messeter			{
					font-size: 1em;
					color: #666666;
					float: right;
					width: 368px;
					height: 9em;
					background-color: #FFF;
					padding: 0;
					margin: 0;
					border: 0;
					}
		
th.messeter 		{
					font-size: 0.7em;
					background-color: #FFFFFF;
					background-image: url(img/style/bg_newsticker+messeterm.jpg);
					background-repeat: no-repeat;
					border-bottom: 1px solid #C5263A;
					text-align: left;
					padding: 1px 1px 1px 1em;
					margin-left: 1em;
					}
			
th.messeterbot 		{
					font-size: 0.7em;
					background-color: #FFFFFF;
					border-top: 1px solid #C5263A;
					text-align: right;
					padding: 1px;
					margin-left: 1em;
					}
			
tr.messeter1 		{
					background-color: #E9E9E9;
					text-align: left;
					padding: 1px;
					font-size: 0.7em;
					margin-left: 1.5em;
					}
			
tr.messeter2 		{
					background-color: #F8F8F8;
					text-align: left;
					padding: 1px;
					font-size: 0.7em;
					margin-left: 1.5em;
					}
					
.messeter_1			{
					width: 120px;
					}

.messeter_2			{
					width: 248px;
					}

			
#mainfoot			{
					margin-left: 170px;
					text-align: center;
					}
			
#mainfoot p			{
					text-align: center;
					font-size: 0.7em;			
					color: #666666;
					}
			
#mainfoot a:link, #mainfoot a:visited {
					color: #005CA2;
					text-decoration: none;
					}
			
#mainfoot a:hover, a:active, a:focus {
					color: #333333;
					}
		
/* Textformatierungen / Standardtags*/

*, table			{
					margin: 0;
					padding: 0;
					border: 0;
					}

h1 					{
					padding: 0.3em 10em 0.2em 1em;
					margin-bottom: 1em;
					font-size: 0.8em;
					background-image: url(img/style/h1_bg.jpg);
					background-repeat: no-repeat;
					background-position: left top;
					border-left: 0.0em solid #C5263A;
					border-bottom: 0.1em solid #C5263A;
					}
			
h2 					{
					padding: 5px;
					font-size: 0.7em;
					border-bottom: 0.1em solid #C5263A;
					margin: 0em 1.7em 1em 1.7em;
					}
					
h3					{
					padding: 0.3em 10em 0.2em 2em;
					margin-top: 1em;
					margin-bottom: 1em;
					font-size: 0.7em;
					background-image: url(img/style/h1_bg.jpg);
					background-repeat: no-repeat;
					background-position: left top;					
					border-bottom: 0.1em solid #999;
					}
					
h4					{
					font-weight: bold;
					color: #005CA2;
					padding: 0;
					margin: 0 0 0 2.5em;					
					font-size: 0.7em;
					}
					
h5					{
					font-weight: bold;
					color: #000;
					padding: 0;
					margin: 0 0 0 2.5em;					
					font-size: 0.7em;	
					margin-top: 0.3em;
					}
					
a:link, a:visited	{
					color: #005CA2;
					}
			
a:hover, a:active	{
					color: #C5263A;
					}
					
iframe				{
					border-style: none;
					}
					
.blau				{
					font-weight: bold;
					color: #005CA2;
					margin-bottom: 0.5em
					}

/* Absatzformatierungen */
		
p					{
					padding: 0;
					font-size: 0.7em;
					margin-left: 2.5em;
					margin-right: 2.5em;
					margin-bottom: 1.5em;
					}
					
.p_big				{
					font-size: 0.8em;
					text-align: left;
					font-weight: normal;
					margin: 0 4em 0 4em;
					}
					
.p_bold, strong		{
					font-weight: bold;
					}
					
.p_right			{
					text-align: right;
					display: block;					
					}

.p_zentriert		{
					text-align: center;
					display: block;					
					}
			
.dateinfo			{
					text-align: right;
					font-size: 0.6em;
					margin: 0 2em 0 2em;				
					color: #CCC;
					/* border-bottom: 1px dotted #CCC; */
					text-decoration: underline;
					}

/* Bildformatierungen */

img					{
					border: 0;
					}
					
.img_zentriert		{
					display: block;
					margin-left: auto;
					margin-right: auto;
					width: auto;
					text-align: center;
					margin-bottom: 1em;
					}

.img_right			{
					display: block;
					float: right;
					margin-left: 1.5em;
					}
					
/* Tabellenformatierung */

.table_standard		{
					font-size: 0.7em;
					}

.table_standard	 td	{
					padding: 1px 15px 0px 15px;
					}
					
table.design-1		{
					width: 700px;
					margin-left: auto;
					margin-right: auto;
					font-size: 0.7em;
					}
			
.design-1 td		{
					padding: 5px;			
					}
					
/* Formatierungen für Programmlisten/Tabellen */			

.table_progr		{
					width: 90%;
					font-size: 0.7em;
					margin-left: auto;
					margin-right: auto;			
					margin-bottom: 1.5em;
					}
					
.table_progr td		{
					padding-left: 0.2em;
					}
			
.td_details			{
					width: 22px;
					}
					
.td_preis			{
					width: 5.5em;
					text-align: right;
					padding-right: 0.3em;
					}
			

.tr_gerade 			{
					height: 2em;			
					background-color: #E9E9E9;
					}

.tr_ungreade  		{
					height: 2em;	
					background-color: #F8F8F8;
					}
					
.tr_ungerade  		{
					height: 2em;	
					background-color: #F8F8F8;
					}
		
/* Formatierungen für Referenzen/Tabellen */

.table_ref			{
					text-align: center;
					margin: auto;	
					margin-top: 1em;
					font-size: 0.7em;		
					}

.table_ref td		{
					width: 200px;
					height: 70px;
					padding-top: 20px;
					vertical-align: bottom;
					}	
			
.table_ref a:link, .table_ref a:visited	{
					text-decoration: none;			
					}	
	
/* Formatierungen für Downloads/Tabellen */		
				
.table_downloads_links	{
					text-align: center;
					}
			
.table_downloads_rechts	{
					vertical-align: top;
					width: 40em;			
					font-size: 0.7em;	
					}
			
.p_left_downloads	{
					width: 9em;			
					vertical-align: top;
					font-weight: bold;
					}
			
/* die folgenden tr-Formatierungen werden in der Downloadsektion sowie im Bauteilkatalog genutzt !!! */
			

.tr_dl_gerade td	{
					background-color: #E9E9E9;
					padding: 1px;
					}

.tr_dl_ungerade td {		
					background-color: #F8F8F8;	
					padding: 1px;
					}			

.tr_dl_spez th		{
					font-weight: bold;
					padding-bottom: 0.3em;
					}
			
			
/* Formatierung des Bauteilkatalogs */
			
.tbl_btg			{		
					font-size: 0.8em;					
					width: 55%;					
					text-align: center;
					margin-left: auto;
					margin-right: auto;
					margin-top: 1em;
					margin-bottom: 2em;					
					}
			
.tbl_btg	a:link, .tbl_btg_rechts a:visited {
					color: #005CA2;
					text-decoration: none;
					} 
			
.tbl_btg a:hover, .tbl_btg_rechts a:focus, .tbl_btg_rechts a:active	{
					color: #FFFFFF;
					background-color: #005CA2;
					text-decoration: none;
					}
			
.tbl_btg td 		{
					padding-left: 0.6em;
					text-align: left;
					}
		
/* Formatierung der Bauteilgruppenübersicht */

#btg_tabelle		{			
					text-align: center;
					}
			
#btg_tabelle table	{
					text-align: left;	
					margin-left: auto;
					margin-right: auto;		
					width: 90%;
					font-size: 0.7em;
					}
			
.btg_col_1			{
					width: 3em;
					} 

.btg_col_2			{			
					} 
			
.btg_col_3			{
					width: 6em;
					} 
			
.btg_col_4			{
					width: 3em;
					} 
			
#btg_tabelle td		{			
					height: 1.7em;
					padding-left: 0.5em;
					}
			
.td_preis			{
					text-align: right;
					padding-right: 0.5em;
					margin: 0;			
					}
			
#btg_tabelle th		{
					text-align: center;
					font-weight: normal;			
					}
					
/* Formatierung für Mitarbeiter-Tabellen */

.table_ma			{
					width: 90%;
					font-size: 0.7em;
					margin: 1em auto 1em auto;
					text-align: center;
					}
			
.table_ma td 		{					
					width: 20%;
					padding-bottom: 0.4em;
					}
					
/* Formatierung für Termine-Tabellen */

#termine			{
					text-align: center;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 2em;
					width: 85%;
					font-size: 0.8em;
					}
					
#termine th			{
					background-color: #F4F4F4;					
					}
					
#termine td			{
					padding-bottom: 1.0em;
					padding-top: 0.5em;
					border-bottom: 1px dotted #999;
					}

/* Formatierung für Jobboerse-Tabellen */

#jobboerse			{
					text-align: center;
					margin-left: auto;
					margin-right: auto;
					margin-bottom: 2em;
					width: 85%;
					font-size: 0.8em;
					}
#jobboerse th		{
					background-color: #F4F4F4;					
					}
					
#jobboerse td		{
					padding-bottom: 1.0em;
					padding-top: 0.5em;
					padding-left: 0.5em;
					padding-right: 0.5em;
					border-bottom: 1px dotted #999;
					border-left: 1px dotted #999;
					border-right: 1px dotted #999;
					}					

/* Listenformatierung */
			
li					{
					padding-bottom: 0.3em;
					}
					
.list_standard		{
					list-style-image: url(img/style/pfeil.gif);
					list-style-position: outside;
					margin: 0em 10em 1.5em 10em;
					font-size: 0.7em;
					}
					
.list_standard	li	{
					margin-bottom: 0.2em;
					}
					
#list_newsarchiv	{
					list-style-image: url(img/style/pfeil.gif);
					list-style-position: outside;
					margin: 0em 10em 1.5em 10em;
					font-size: 0.7em;
					}

#list_newsarchiv li	{
					margin: 4em 0 4em 0;
					}
					
/* Sitemap - Formatierung */

#sitemap 			{
					margin: 1em 3em 2em 4em;		
					font-size: 0.8em;
					font-weight: bold;
					list-style-image: url(img/style/dot_blau.gif);			
					}
			
#sitemap a:link, #sitemap a:visited	{
					color: #666666;
					text-decoration: none;
					}
			
#sitemap a:hover, #sitemap a:focus, #sitemap a:active	{
					color: #005CA2;		
					}

#sitemap ul			{		
					list-style-image: url(img/style/dot_rot.gif);			
					margin-left: 4em;
					font-weight: normal;
					font-size: 0.9em;			
					}
			
#sitemap ul	ul 		{
					list-style-image: url(img/style/list_sub1.gif);
					margin-left: 4em;
					font-size: 1.0em;			
					}	
					
/* Formularformatierung */	

#form	 			{					
					font-size: 0.8em;		
					width: 640px;
					margin: auto;
					text-align: center;
					/* background-image: url(img/style/bg_form.jpg);
					background-repeat: no-repeat;
					background-position: top, left; */	
					} 

#form-table			{
					text-align: left;
					}
		
#form-table tr		{
					vertical-align: top;							
					}
					
#form-table td		{
					padding: 0.2em 1.0em 0.2em 1.0em;						
					}
					
#form-table input, #form-table textarea, #form-table select {
					border: 1px solid #CCC;					
					}
					
#form-table option	{
					padding: 0 0.8em 0 0;
					}
					 
										
#countdown			{
					font-weight: bold;
					color: #0099CC;
					}
					
/* Errorpage */

#inhalt_spacer		{
					height: 25em;
					}
					
/* Historyformatierung */

#history			{
					font-size: 100%;
					}
					
#history p			{
					margin-top: 1em;
					}
					
					
					
#history img		{
					margin-left: 1.5em;
					margin-top: 0.3em;
					}
					
#history ul			{
					font-size: 0.9em;
					margin-left: 1.5em;
					margin-bottom: 1.5em;
					}
					
#history li			{
					list-style-type: none;
					}