/* helsen.css 
 *@author: André Flotron
 *@created: 19.03.2013
 */

 * {
	/* Universal Selektor für den Normfall nullen */
 	margin: 0px;
	padding: 0px;
	border: 0px;
	vertical-align: middle;
}

										/*Typ Selektoren, sind Klassen vorzuziehen		*/
html {
	height: 100.3%;						/*  Erzwingt  Scroolbalken im FF  */
	font-size: 62.5%;					/*	nach Rutter, normiert die Schrift in allen Browsern	*/
}
body {
	height: 100%;
	width: 100%;
	text-align: center;					/*	Body im Fenster zentrieren, siehe auch wrapper	*/
	font-size: 1.2em;
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	line-height: 2.0em;
	background-color: #efefef; 			/* Farbe wählen, um Blockgrenzen zu sehen!	*/
}
h1, h2, h3, h4, h5, h6 {
	font-family: 'Lato', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #000000;
	padding: 0.6em 0em 0.6em 0.0em;
	line-height: 1.00em;
	letter-spacing: 1px;
}
p {
	padding-bottom: 10px;
}
div#wrapper {
	width: 700px;														
	text-align:left;					/* 	Zurücksetzen von 'center' im body	*/
	margin-top: 20px;					/*	Abstand oberer Femsterrand	*/
	margin-left: auto;					/*	Im Fenster zentrieren	*/
	margin-right: auto;					/*	Im Fenster zentrieren	*/		
}
div#header1 {
	background-color: #cfcfcf;
	width: 298px;
	font-size: 1.3em;
	float: left;
}
div#header2 {
	background-color: #ffffff;
	height: 92px;
	width: 4px;
	font-size: 1.3em;
	float: left;
}
div#header3 {
	background-color: #cfcfcf;
	width: 398px;	
	height: 92px;
	float: left;
	line-height: 2.2em;
}
div#header4 {
	background-color: #ffffff;
	width: 700px;
	height: 4px;
	float: left;
}
.bildtitel {
	font-size: 1.2em;
	color: #003366;
	padding-left: 20px;
	line-height: 11.0em;
}
.titeltext {								/*	Titel	*/
	font-size: 2.3em;
	font-family: "Century Gothic"; 
	line-height: 2.6em;
	font-weight: normal;
	color: #000000;
	padding-left: 30px;
}
.titeltextpubli {								/*	Titel	*/
	font-size: 1.6em;
	font-family: "Century Gothic"; 
	line-height: 4.9em;
	font-weight: normal;
	color: #000000;
	padding-left: 30px;
}
div#bild {
	width: 398px;
	height: 300px;
	float: right;
}
div#text {
	background-color: #cfcfcf;
	width: 298px;
	height: 300px;
	float: left;	
}
div#text_disclaimer {
	background-color: #cfcfcf;
	width: 290px;
	height: 300px;
	float: left;
	padding-left: 30px;
	padding-right: 30px;	
}

div#menu {									/*		 Menue für Seiten	*/
	width: 250px;
	color: #000000;
	background-color: #dfdfdf;
	margin-top: 20px;
	float: left;
}


div#menu ul {
	padding-left:10px;
}
div#menu li {
	list-style-type: none;
	font-size: 1.2em;
	line-height: 1.8em;	
	border-bottom: 1px white solid;
}

div#menu li a {
	display: block;
	text-decoration: none;
	color: #000000;
	padding-left: 10px;
}
div#menu li a:hover {
	text-decoration: none;
	color: #0000ff;
	background-color: #fff;
	width: auto;
}
div#menu li.selectmenu a {
	background-color: #ffff00;
	color: #000;
	text-decoration: none;
}