/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
Stylesheet für Website "HplusM GmbH"
Datei: screen.css
Datum: 09.09.2011
media: screen

Aufbau:	1. Kalibrierung und allgemeine Styles
		2. Styles für Layout-Bereiche
		3. Sonstige Styles
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */


/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	1. Kalibrierung und allgemeine Styles
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
* { padding: 0; margin: 0; }

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

html { height: 101%; }

body {
	color: #333;
	background-color: #fff;
	font-family: Verdana, Geneva, sans-serif;
	font-size: small;
}

h1 { font-size: 150%; }
h2 { font-size: 100%; }
h3 { font-size: 110%; }

address {
	font-size: 75%;
	font-style: normal;
	text-align: right;
	line-height: 1.7em;
	margin-top: 680px;
	margin-right: 20px;
}

a { text-decoration: none; outline: none; }
	a:link { color: #333; }
	a:visited { color: #333; }
	
	a:hover, a:focus { color: #d30000; }
	
	a:active { color: #d30000; }
	
/* Skiplink ausblenden - ist wichtig zum Vorlesen einer Seite */
.skiplink {
	position: absolute;
	top: -2000px;
	left: -3000px;
	width: 0px;
	height: 0px;
	overflow: hidden;
	display: inline;
}

.bildrechts {
	float: right;
	margin-right: 70px;
}

/ .bildlinks /* bei float-Bedarf noch einfügen! */

.clearing { clear: both; }


/*	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
	2. Styles für Layout-Bereiche
	~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#wrapper {
	width: 900px;
	min-height: 900px;
	background-image: url(../images/background.jpg);
	margin: 25px auto 0 auto;
}

#spalte_rechts {
	width: 650px;
	height: 150px;
	float: right;
}

#spalte_links {
	width: 250px;
	min-height: 900px;
	float: left;
}

	#spalte_links ul {
		letter-spacing: 0.1em;
		list-style-type: none;
		text-align: right;
		line-height: 2.4em;
		margin-top: 20px;
		margin-right: 20px;
	}
	
	#ok {
		margin-bottom: -4px;
	}
	
		#spalte_links a:hover, a:focus,
		#startseite #navi01 a, #profil #navi02 a, #kontakt #navi03 a, #impressum #navi04 a {
			color: #d30000;
			font-weight: bold;
		}

#text_startseite {
	font-size: 110%;
	line-height: 2em;
	margin-top: 400px;
	margin-left: 300px;
}

	#text_startseite a {
		font-weight: bold;
	}
	
#text_profil01 {
	line-height: 1.5em;
	margin-top: 225px;
	margin-left: 300px;
}

#spalte_rechts ul {
	line-height: 1.7em;
	margin: -12px 0 5px 300px;
}

#text_profil02 {
	line-height: 1.5em;
	margin-left: 300px;
}

#text_impressum {
	line-height: 1.5em;
	margin-top: 240px;
	margin-left: 300px;
}

#disclaimer {
	font-size: 80%;
	line-height: 1.5em;
	margin-left: 300px;
}