/* =====================================
Stylesheet "bernhardgross"

Stand: Grundgestaltung
Datei: bildschirm.css
Datum: 28.08.2016
Autor: Bernhard Gross

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

/* ======================================
   1. Kalibrierung
=======================================*/

* { padding: 0; margin: 0; }

h1, h2, p, ul, ol { margin-bottom: 1em; }

ol ul { margin-bottom: 0; }

li { margin-left: 2em; }

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

html { height: 101%; } /* Rollbalken rechts in Firefox erzwingen! 
                          Dadurch wird beim Umschalten Springen des Bildes verhindert*/ 

body {
	background-color: #ffffff; /* weiß */
	color: white;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	
	padding: 0;
	margin: 0;
	height: 1500px;
}

div {
	border: 0px solid #800000;
}

/* =================
   Hyperlinks     */
	 		
a {text-decoration: none;
	 outline: none;
}

a:link { color: black; } /* nicht besuchte Links */
a:visited { color: black; } /* besuchte Links */
a:hover, a:focus { border-bottom: 0.5px solid #E3790F; }
a:active {
	background-color: white;
	color: black;
}

/* ======================
   Klassen und IDs     */

/* ======================================
   3. Styles für Layoutbereiche
=======================================*/

#wrapper {
	position: relative;
	background-color: #ffffff;
	color: black;
	width: 732px;
	height: 830px;
	margin: 10px auto;
}
#willkommen {
	position: absolute;
	top: 80px;
	width: 732px;
	height: 30px;
	background-color:#ffffff;
	color: black;
	font-size: 12px;	
}
	#willkommen p {
		position: absolute;		
		left: 0px;
}

#kopfbereich1 {
	position: absolute;
	top: 110px;
	width: 233px;
	height: 40px;
	background-color:#ffffff;
	color: black;
		
}
#kopfbereich2 {
	position: absolute;
	top: 98px;
	left: 243px;
	width: 15px;
	height: 40px;
	background-color:#ffffff;
	color: black;
		
}
#kopfbereich3 {
	position: absolute;
	top: 110px;
	left: 278px;
	width: 100px;
	height: 40px;
	background-color:#ffffff;
	color: black;
		
}
	#kopfbereich1 h1 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 18px;
		font-weight:400;
		letter-spacing:4px;
		word-spacing:3px;
	}
	#kopfbereich2 h1 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 28px;
		font-weight:400;
		letter-spacing:4px;
		word-spacing:3px;
	}
	#kopfbereich3 h1 {
		position: absolute;
		top: 0px;
		left: 0px;
		font-size: 18px;
		font-weight:400;
		letter-spacing:4px;
		word-spacing:3px;
	}	
	#kopfbereich1 p {
		position: absolute;
		top: 21px;
		left: 0px;
		font-size: 16px;
		font-weight:400;
		letter-spacing:4.7px;
		word-spacing:3px;
	}	

#grafikbereich {
	 position: absolute;
	 top: 150px;
	 /*left: 0px;*/
	 width: 732px;
	 height: 490px;
	 /*z-index: 10;*/
}		

#textbereich {
	position: absolute;
	top: 160px;
	width: 732px;
	height: 30px;	
	background-color:#ffffff;
	color: black;
	font-size: 12px;
}
	#textbereich p {
		position: absolute;
		/*top: 520px;*/
		left: 0px;
		/*font-weight:400;
		letter-spacing:4px;
		word-spacing:3px;*/	
	}

#formular {
	position: absolute;
	top: 640px;
	width:732px;
	left: 0px;
	background-color: #ffffff;
	color: black;
	font-size: 12px;
}

/* ======================================
   4. Sonstige Styles
=======================================*/

/*========================
		Das Kontaktformular */
		
	form {
		background-color: #ffffff;
		color: black;
		width: 632px;
		padding: 0px;
		/*border: 1px solid #8c8c8c;*/
	}		
	label {
		display: block;
		cursor: pointer;
		padding: 5px 0px;
	}
	input#absender, textarea {
		width: 300px;
		border: 1px solid #8c8c8c;
		margin-bottom: 1em;
	}
	textarea { height: 7em;
	}
	input#absender:focus,
	textarea:focus {
		background-color: white;
		color: black;
	}
	#knopf1 {
		background-color: white;
		border: 1px solid #8c8c8c;
		font-size: 12px;
	}
	#knopf2 {
		position: absolute;
		top: 191px;
		left: 233px;
		background-color: white;
		color: black;
		border: 1px solid #8c8c8c;
		padding: 1px 12px;
		font-size: 12px;
	}

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