/* ===================================
Stylesheet energieausweisrechner.at

Stand: Stylesheet für die Bildschirmausgabe
Datei: screen.css
Datum: September 2011
Autor: Armin Priesner

Aufbau: 1. Kalibrierung
        2. Allgemeine Styles
        3. Styles für Layoutbereiche
        4. Sonstige Styles
=================================== */

/* ==================================
   1. Kalibrierung
   =============================== */
  * { padding: 0; margin: 0; } /* Abstaende auf Null */ 
   
   
/* ==================================
   2. Allgemeine Styles
   =============================== */
	body {
		font-family: Arial, Helvetica, Arial, sans-serif;
		color: #000;
		background-image: url(../img/hintergrund.jpg);
        background-size: cover;
        background-attachment: fixed;
	}
		a:link { color: #000; text-decoration: underline; }
		a:visited { color: #000; text-decoration: underline; }
		a:focus { color: #000; text-decoration: underline; }
		a:hover { color: #000; text-decoration: underline; }
		a:active { color: #000; text-decoration: underline; }
				
/* ==================================
   3. Styles für Layoutbereiche
   =============================== */

  /* ====================== SITE ====================== */
	#boxWebsite {
		width: 967px;
		margin: 40px auto;
        background-color: rgba(255, 255, 255, .8);
        border: 1px solid rgba(255, 255, 255, .9);
        border-radius: 4px;
	}
	/* ====================== SITE ====================== */
	
	
	/* ====================== HEAD ====================== */
	#boxHead {
		position: relative;
		width: 967px;
		height: 80px;
	}
    #boxHead h1 {
        font: bold 50px 'Cabin Condensed', Arial, Helvetica, sans-serif;
        text-align: center;
        line-height: 80px;
        margin: 0;
        color: #FFF;
        text-shadow:    1px  1px 1px #e7862e,
                        1px -1px 1px #e7862e,
                        -1px  1px 1px #e7862e,
                        -1px -1px 1px #e7862e;
    }
	/* ====================== HEAD ====================== */
	
	
	/* ====================== CONTENT ====================== */
	#oText {
		display: none;
	}
	#boxContent {
		position: relative;
		width: 967px;
		min-height: 610px;
	}
		#boxContentText {
			position: relative;
			z-index: 2;
		}
			#boxPartnerlogos {
				height: 34px;
				margin-left: 90px;
			}
				#boxPartnerlogos img {
					display: inline;
					float: left;
					margin-right: 9px;
				}
			#boxMain {
				position: relative;
				margin: 20px 0 0 20px;
			}
				#boxNavigation {
					width: 300px;
					float: left;
					font-family: 'Cabin Condensed', Arial, Helvetica, sans-serif;
				}
					#boxNavigation li {
						font-size: 14px;
						letter-spacing: 1px;
						list-style-type: none;
						margin-bottom: 6px;
						width: 280px;
					}
					
					#navImpressum {
						font-size: 12px;
                        letter-spacing: 1px;
                        margin-left: 20px;
					}
						#boxNavigation a,
                        #boxImpressum a,
						.buttonDesign a {
							display: block;
							text-decoration: none;
							padding: 3px 10px;
							
							-moz-border-radius-topright: 6px;
							-moz-border-radius-topleft: 6px;
							-moz-border-radius-bottomright: 6px;
							-moz-border-radius-bottomleft: 6px;
							
							-webkit-border-top-right-radius: 6px;
							-webkit-border-top-left-radius: 6px;
							-webkit-border-bottom-right-radius: 6px;
							-webkit-border-bottom-left-radius: 6px;
							
							border-top-right-radius: 6px;
							border-top-left-radius: 6px;
							border-bottom-right-radius: 6px;
							border-bottom-left-radius: 6px;
							
							background: -webkit-gradient(linear, left top, left bottom, from(#e7862e), to(#cc7829)); /* alte webkit-Browser */
							background: -webkit-linear-gradient(top, #e7862e, #cc7829); /* neue webkit-Browser */
							background: -moz-linear-gradient(top, #e7862e, #cc7829); /* Mozilla */
							background: -o-linear-gradient(top, #e7862e, #cc7829); /* Opera */
							background: -ms-linear-gradient(top, #e7862e, #cc7829); /* MS ab IE10 */
							background: linear-gradient(top, #e7862e, #cc7829); /* W3C Standard */
							
							-moz-box-shadow: -1px -1px rgba(0, 0, 0, .5);
							-webkit-box-shadow: -1px -1px rgba(0, 0, 0, .5);
							box-shadow: -1px -1px rgba(0, 0, 0, .5);
							
							background-color: #e7862e;
						}
						#boxNavigation a:hover,
                        #boxImpressum a:hover,
						.buttonDesign a:hover {
							background: -webkit-gradient(linear, left top, left bottom, from(#cc7829), to(#e7862e)); /* alte webkit-Browser */
							background: -webkit-linear-gradient(top, #cc7829, #e7862e); /* neue webkit-Browser */
							background: -moz-linear-gradient(top, #cc7829, #e7862e); /* Mozilla */
							background: -o-linear-gradient(top, #cc7829, #e7862e); /* Opera */
							background: -ms-linear-gradient(top, #cc7829, #e7862e); /* MS ab IE10 */
							background: linear-gradient(top, #cc7829, #e7862e); /* W3C Standard */
							
							-moz-box-shadow: -1px -1px rgba(0, 0, 0, .5);
							-webkit-box-shadow: -1px -1px rgba(0, 0, 0, .5);
							box-shadow: -1px -1px rgba(0, 0, 0, .5);
							
							background-color: #e7862e;
						}
						#page_index #navHome a,
						#page_alle_zertifizierten_rechner #navAlleZertifiziertenRechner a,
						#page_ausbildung_zertifizierungslehrgaenge #navAusbildung a,
                        #page_links #navLinks a,
						#page_impressum #navImpressum a {
							background: none;
							-moz-box-shadow: -0 -0 rgba(0, 0, 0, 0);
							-webkit-box-shadow: -0 -0 rgba(0, 0, 0, 0);
							box-shadow: -0 -0 rgba(0, 0, 0, 0);
						}
						
						
						.buttonDesign {
							font-family: 'Cabin Condensed', Arial, Helvetica, sans-serif;
							font-size: 14px;
							letter-spacing: 1px;
						}
						
				#boxText {
					font: normal 14px Arial, Helvetica, sans-serif;
					width: 600px;
					float: left;
				}
					#boxText h1 { margin: 13px 0; font: bold 20px Arial, Helvetica, sans-serif; }
					#boxText h2 { margin: 13px 0; font: bold 18px Arial, Helvetica, sans-serif; }
					#boxText h3 { margin: 13px 0; font: bold 16px Arial, Helvetica, sans-serif; }
					#boxText h4 { margin: 13px 0; font: bold 14px Arial, Helvetica, sans-serif; }
					#boxText p { margin: 13px 0; }
					#boxText ol, #boxText ul { margin: 13px 20px; }
					#berechnerliste { border: 1px solid #360; }
						#berechnerliste th {
							font: bold 13px Arial, Helvetica, sans-serif;
							color: #FFF;
							background-color: #360;
							padding: 2px 4px;
						}
						#berechnerliste td {
							font: normal 13px Arial, Helvetica, sans-serif;
							color: #000;
							background-color: #FFF;
							padding: 2px 10px;
						}
							#berechnerliste td a { color: #000; text-decoration: none; }
						#berechnerdetail { border: 1px solid #360; }
						#berechnerdetail th {
							font: bold 14px Arial, Helvetica, sans-serif;
							text-align: left;
							width: 120px;
							color: #000;
							background-color: #FFF;
							padding: 2px 4px;
						}
						#berechnerdetail td {
							font: normal 14px Arial, Helvetica, sans-serif;
							color: #000;
							background-color: #FFF;
							padding: 2px 4px;
						}
							#berechnerliste td a { color: #000; text-decoration: none; }
		#boxContentHintergrund {
			position: absolute;
			top: 0;
			left: 1px;
			width: 958px;
			height: 610px;
			z-index: 1;
		}
		#boxImpressum {
			position: absolute;
			bottom: 0;
			left: 1px;
			width: 245px;
			height: 40px;
			min-height: 0;
			z-index: 2;
            font-family: 'Cabin Condensed', Arial, Helvetica, sans-serif;
		}
		#boxArgeStiba {
			position: absolute;
			bottom: 0;
			right: 8px;
			width: 350px;
			height: 65px;
			min-height: 0;
			z-index: 2;
		}
	
	
	#bundeslaender_tabelle { /* Tabelle: Bundesländerwappen */
		width: 100%;
		border-collapse: collapse;
	}
	a.bundeslandwappen_wie {
		background: no-repeat url(../img/bundeslaender_sprite.png) 0 16px;
		display: block;
		width: 120px;
		height: 190px;
		text-align: center;
	}
	a.bundeslandwappen_noe {
		background: no-repeat url(../img/bundeslaender_sprite.png) -120px 16px;
		display: block;
		width: 120px;
		height: 190px;
		text-align: center;
	}
	a.bundeslandwappen_stk {
		background: no-repeat url(../img/bundeslaender_sprite.png) -240px 16px;
		display: block;
		width: 120px;
		height: 190px;
		text-align: center;
	}
	
	a.bundeslandwappen_bgl {
		background: no-repeat url(../img/bundeslaender_sprite.png) 0 -164px;
		display: block;
		width: 120px;
		height: 140px;
		text-align: center;
	}
	a.bundeslandwappen_knt {
		background: no-repeat url(../img/bundeslaender_sprite.png) -120px -164px;
		display: block;
		width: 120px;
		height: 140px;
		text-align: center;
	}
	a.bundeslandwappen_tir {
		background: no-repeat url(../img/bundeslaender_sprite.png) -240px -164px;
		display: block;
		width: 120px;
		height: 140px;
		text-align: center;
	}
	
	a.bundeslandwappen_ooe {
		background: no-repeat url(../img/bundeslaender_sprite.png) 0 -304px;
		display: block;
		width: 120px;
		height: 180px;
		text-align: center;
	}
	a.bundeslandwappen_sbg {
		background: no-repeat url(../img/bundeslaender_sprite.png) -120px -304px;
		display: block;
		width: 120px;
		height: 180px;
		text-align: center;
	}
	a.bundeslandwappen_vab {
		background: no-repeat url(../img/bundeslaender_sprite.png) -240px -304px;
		display: block;
		width: 120px;
		height: 180px;
		text-align: center;
	}
	
	
#ausbildung_kopie_argestiba h2 {
    margin: 0 0 10px 0;
}
    .seminarliste {
        list-style-type: none;
        margin: 0 0 20px 0 !important;
        padding: 0;
    }
        .seminarliste > li {
            line-height: 150%;
            margin-bottom: 10px;
        }
        .seminarliste span {
            display: inline-block;
            width: 25%;
        }


	/* ====================== CONTENT ====================== */
	
	
	/* ====================== FOOTER ====================== */
	#boxFooter {
		position: relative;
		width: 967px;
		height: 8px;
		margin-bottom: 50px;
	}
	/* ====================== FOOTER ====================== */
	
	
	/* ====================== HOME ====================== */
	#page_index #earForm {
		text-align: right;
		margin-right: 50px;
	}
		#page_index #earForm select {
			font: normal 13px Arial, Helvetica, sans-serif;
			border: 1px solid #000;
			width: 250px;
		}
		#page_index #earForm #Los {
			width: 48px;
			height: 23px;
			background-image: url(../img/los.png);
			border: none;
			cursor: pointer;
		}
	/* ====================== HOME ====================== */
	
	
	/* ====================== ENERGIEAUSWEISRECHNER ====================== */
	#page_energieausweisrechner #earForm {
		text-align: right;
		margin-bottom: 10px;
	}
		#page_energieausweisrechner #earForm select {
			font: normal 13px Arial, Helvetica, sans-serif;
			border: 1px solid #000;
		}
		#page_energieausweisrechner #earForm #Los {
			width: 48px;
			height: 23px;
			background-image: url(../img/los.png);
			border: none;
			cursor: pointer;
		}
		.zertifizierung_ja { background: url('../img/zertifizierung.png') no-repeat -1px -1px; width: 10px; height: 10px; margin-top: 4px; }
		.zertifizierung_nein { background: url('../img/zertifizierung.png') no-repeat -1px -13px; width: 10px; height: 10px; margin-top: 4px; }
	/* ====================== ENERGIEAUSWEISRECHNER ====================== */


/* ==================================
   ENDE DES STYLESHEETS
   =============================== */