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


 /* cabin-condensed-700 - latin */
 @font-face {
	font-display: swap; /* Check https://developer.mozilla.org/en-US/docs/Web/CSS/@font-face/font-display for other options. */
	font-family: 'Cabin Condensed';
	font-style: normal;
	font-weight: 700;
	src: url('../fonts/cabin-condensed-v20-latin-700.woff2') format('woff2'); /* Chrome 36+, Opera 23+, Firefox 39+, Safari 12+, iOS 10+ */
  }
  


/* ==================================
   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/hintergrund1100.jpg);
		background-repeat: repeat-x;
		background-color: #a5d7fa;
		background-position: bottom;
		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;
	}
	/* ====================== SITE ====================== */
	
	
	/* ====================== HEAD ====================== */
	#boxHead {
		position: relative;
		width: 967px;
		height: 189px;
		background-image: url(../img/hintergrund_head.png);
	}
	/* ====================== HEAD ====================== */
	
	
	/* ====================== CONTENT ====================== */
	#oText {
		display: none;
	}
	#boxContent {
		position: relative;
		width: 967px;
		min-height: 610px;
		background-image: url(../img/hintergrund_endlos.png);
	}
		#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;
					}
					
					#navOIB2014,
					#navBaurechtrechtsvorschriften2014,
					#navBaurechtrechtsvorschriftenBundeslaender { display: none; }
					#page_oib #navOIB2014,
					#page_oib2014 #navOIB2014,
					#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriften2014,
					#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriften2014,
					#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriften2014,
					#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriftenBundeslaender,
					#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriftenBundeslaender,
					#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriftenBundeslaender { display: list-item; }
					
					#boxNavigation #navImpressum {
						margin-top: 20px;
						font-size: 12px;
					}
						#boxNavigation 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(#39E600), to(#2DB300)); /* alte webkit-Browser */
							background: -webkit-linear-gradient(top, #39E600, #2DB300); /* neue webkit-Browser */
							background: -moz-linear-gradient(top, #39E600, #2DB300); /* Mozilla */
							background: -o-linear-gradient(top, #39E600, #2DB300); /* Opera */
							background: -ms-linear-gradient(top, #39E600, #2DB300); /* MS ab IE10 */
							background: linear-gradient(top, #39E600, #2DB300); /* W3C Standard */
							
							-moz-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
							-webkit-box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
							box-shadow: 1px 1px rgba(0, 0, 0, 0.6);
							
							background-color: #3C0;
						}
						#boxNavigation a:hover,
						.buttonDesign a:hover {
							background: -webkit-gradient(linear, left top, left bottom, from(#2DB300), to(#39E600)); /* alte webkit-Browser */
							background: -webkit-linear-gradient(top, #2DB300, #39E600); /* neue webkit-Browser */
							background: -moz-linear-gradient(top, #2DB300, #39E600); /* Mozilla */
							background: -o-linear-gradient(top, #2DB300, #39E600); /* Opera */
							background: -ms-linear-gradient(top, #2DB300, #39E600); /* MS ab IE10 */
							background: linear-gradient(top, #2DB300, #39E600); /* W3C Standard */
							
							-moz-box-shadow: -1px -1px rgba(0, 0, 0, 0.6);
							-webkit-box-shadow: -1px -1px rgba(0, 0, 0, 0.6);
							box-shadow: -1px -1px rgba(0, 0, 0, 0.6);
							
							background-color: #2cae00;
						}
						#page_index #navHome a,
						#page_energieausweisrechner #navEnergieausweisrechner a,
						#page_berechtigte_personengruppen #navPersonengruppen a,
						#page_epbd_2010 #navEPBD a,
						#page_energieausweisvorlagegesetz #navEnergieausweisvorlagegesetz a,
						#page_oib #navOIB a,
						#page_oib #navOIB2014 a,
						#page_oib2014 #navOIB a,
						#page_oib2014 #navOIB2014 a,
						#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriften a,
						#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriftenBundeslaender a,
						#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriften a,
						#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriftenBundeslaender a,
						#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriften a,
						#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriftenBundeslaender a,
						#page_warum_zertifizieren #navZertifizieren a,
						#page_ausbildung_zertifizierungslehrgaenge #navAusbildung a,
						#page_validierte_energieausweissoftware #navEnergieausweissoftware a,
						#page_fakten_fragen_faq #navFAQ a,
						#page_news #navNews 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);
						}
						#page_oib #navOIB2014 a,
						#page_oib2014 #navOIB2014 a,
						#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriften2014 a,
						#page_baurecht_rechtsvorschriften #navBaurechtrechtsvorschriftenBundeslaender a,
						#page_baurecht_rechtsvorschriften2014 #navBaurechtrechtsvorschriftenBundeslaender a,
						#page_baurecht_rechtsvorschriften_bundeslaender #navBaurechtrechtsvorschriftenBundeslaender a { text-indent: 1.5em; font-size: 12px; }
						
						.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;
			background: url(../img/hintergrund.jpg) no-repeat;
			z-index: 1;
		}
		#boxEnergieausweisprofi {
			position: absolute;
			bottom: 0;
			left: 1px;
			width: 245px;
			height: 40px;
			min-height: 0;
			z-index: 2;
		}
		#boxArgeStiba {
			position: absolute;
			bottom: 0;
			right: 8px;
			width: 350px;
			height: 65px;
			min-height: 0;
			z-index: 2;
		}
	
	#OIB-Bundeslaender { /* Tabelle: Daten des Inkrafttretens der OIB-Richtlinien 2011 in den einzelnen Bundesländern */
		width: 100%;
		border: 1px solid #666;
		border-collapse: collapse;
	}
	#OIB-Bundeslaender th, #OIB-Bundeslaender td { padding: 2px; border-right: 1px solid #666; border-bottom: 1px solid #666; }
	
	/* Ausbildung - Zertifizierungslehrgänge */
	.modul_1 { color: #00F; }
	.modul_2 { color: #609; }
	.modul_3 { color: #F00; }
	.modul_4 { color: #090; }
	.modul_1 small, .modul_2 small, .modul_3 small, .modul_4 small { color: #000; }
	
	#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;
	}
	#page_baurecht_rechtsvorschriften h2,
	#page_baurecht_rechtsvorschriften2014 h2,
	#page_baurecht_rechtsvorschriften_bundeslaender h2 { font-size: 16px; }
	#page_baurecht_rechtsvorschriften h3,
	#page_baurecht_rechtsvorschriften2014 h3,
	#page_baurecht_rechtsvorschriften_bundeslaender h3 { margin-top: 30px; }
	#page_baurecht_rechtsvorschriften h4,
	#page_baurecht_rechtsvorschriften2014 h4,
	#page_baurecht_rechtsvorschriften_bundeslaender h4 { margin-top: 30px; }
	
	/* ====================== CONTENT ====================== */
	
	
	/* ====================== FOOTER ====================== */
	#boxFooter {
		position: relative;
		width: 967px;
		height: 8px;
		background-image: url(../img/hintergrund_footer.png);
		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
   =============================== */