/* alle Standardabstände der Browser auf 0 setzen */
	* {
		margin:0px;
		padding:0px;
	}

/* im body tag werden die Standard-Einstellungen vorgenommen */
	body {
		color:#FFFFFF;
		background-color:#c0c0c0;
		text-align:center; /* wenn Seite zentriert angezeigt werden soll */
		font-size:62.5%; /* damit stellen wir sicher, dass die weiteren Angaben der Schrftgröße ohne Kopfzerbrechen in em erfolgen können 12px = 1.2em */
		font-family:Arial, Helvetica, sans-serif;
		background-image:url(../uploads/layout/body_background.gif);
		background-repeat:repeat-x;
		height:700px;
	}

/* Klasse um die floats in den Griff zu kriegen */
	.clear {
		clear:both;
		font-size:1px;   /* wegen Opera MUSS mindestens ein pixel Höhe eingegeben sein */
		line-height:0px; /* es ist noch zu prüfen, ob "alle" Browser mit einer 0 klar kommen - zur Sicherheit besser auf 1 stellen */
	}

/* globale Einstellungen für Absätze */
	p {
		margin-bottom:1em;
		line-height:1.2em;
	}

/* Bilder immer ohne Rahmen */
	img {
		border:0px;
	}

/* globale Einstellungen für Links - auf die Reihenfolge achten !! */
	a:link { text-decoration:underline; color:#FFFFFF; }
	a:visited { text-decoration:underline; color:#FFFFFF; }
	a:hover { text-decoration:none; color:#FFFFFF; }
	a:active { text-decoration:none; color:#FFFFFF; }
	a:focus { text-decoration:none; color:#FFFFFF; }

	a.active { color:#FFFFFF; text-decoration:none; } /* das ist unsere Standardklasse um Menüpunkte als aktiv zu kennzeichnen. 
                                   !Achtung! nicht mit der Pseudoklasse :active verwechseln !Achtung! 
								   Da diese Angabe für alle Menüs gleichermaßen gelten soll setzen wir sie hier */

/* die Einzüge bei ul und ol werden von den Browsern sehr unterschiedlich behandelt
   wenn man eine einheitliche Darstellung erreichen möchte, müssen teilweise spezifische 
   Angaben gemacht werden. */
	ul {
		margin-left:16px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox:  margin-left:14px; */
		/* opera:    margin-left:12px; */
	}
	
	ol {
		margin-left:24px; /* passend für IE 7 - was ist mit früheren Versionen? */
		/* firefox, opera, safari: margin-left:20px; */
	}

/* die Überschriften */
	h1 {
		font-size:1.4em;
		margin-bottom:5px;
		padding:0px;
		font-weight:bold;
	}

	h1 span {
		font-size:0.9em;
	}

	h2 {
		font-size:1.2em;
		font-weight:bold;
		margin-bottom:5px;
		padding:0px;
	}

	h3 {
		font-size:1.1em;
		font-weight:bold;
		margin-bottom:5px;
		padding:0px;
	}

	h4 {
		font-size:1em;
	}

/* allgemeine Angaben zu Tabellenzellen */
	td {
		vertical-align:top;
	}

/* im wrapper werden die Einstellungen für den Inhaltsbereich vorgenommen */
	#wrapper {
		background-color:#bccad8;
		text-align:left;   /* wenn body zentriert ist, dann muss für den IE hier wieder auf left geschaltet werden */
		margin-left:auto;  /* Angabe zur Zentrierung des Wrappers */
		margin-right:auto; /* Angabe zur Zentrierung des Wrappers */
		margin-top:0px;
		width:955px;
		padding:0px 1px 1px 1px;
		font-size:1.2em; /* so stellen wir sicher, dass in allen Tags im wrapper die Schriftgröße 1.2em gilt - ausgenommen natürlich die h1, h2 usw. */
		line-height:1.4em;
		position:relative; /* damit das obere und linke Menue absolut positioniert werden kann */
	}

/* Einstellungen für den Header Bereich*/
	#header {
		background-image:url(../uploads/layout/header_bg.jpg);
		position:relative;
		height:107px;
		z-index:10;
	}

	#header .textBlock {
		position:absolute;
		z-index:30;
		left:680px;
		top:47px;
		height:300px;
		width:246px;
		border-bottom:2px solid #122759;
		padding-bottom:5px;
		font-size:1em;
		overflow:hidden;
		font-family:Arial, Helvetica, sans-serif;
	}

	#header .blendeRechts {
		position:absolute;
		z-index:30;
		left:936px;
		top:47px;
		height:300px;
		width:19px;
		border-bottom:2px solid #122759;
		padding-bottom:5px;
	}

	#header .textBlock div, #header .blendeRechts div {
		height:290px;
		background-color:#17212d;
		padding:5px;
		z-index:30;
	}

	#header #logo {
		background-image:url(../uploads/layout/logo_gs-medicalsoftwaresucc.jpg);
		height:107px;
		width:216px;
		background-repeat:no-repeat;
	}

	#marker {
		font-size:1px;
		background-color:#17212d;
		height:10px;
	}

	#bildAufHeaderLinks {
		position:absolute;
		left:360px;
		top:49px;
		z-index:30;
		height:108px;
	}

	#bildAufHeaderMitte {
		position:absolute;
		left:554px;
		top:49px;
		z-index:30;
		height:108px;
	}

	#bildAufHeaderRechts {
		position:absolute;
		left:748px;
		top:49px;
		z-index:30;
		height:108px;
	}

	#bildAufHeaderAbschluss {
		position:absolute;
		left:941px;
		top:49px;
		z-index:30;
		height:108px;
		width:20px;
	}

/* Einstellungen für den content Bereich */
	#content {
		background-image:url(../uploads/layout/content_bg.jpg);
		position:relative;
		padding:1px;
		height:1000px;
	}

	#content .slogan {
		margin:50px 0px 0px 440px; 
		font-size:1.6em; 
		line-height:2em;
	}

	#content span.home {
		font-size:1.8em;
	}

	#subHeader {
		margin:-1px 0px 0px -1px;
		position:relative;
		z-index:20;
	}

	#subHeader img {
		border-bottom:2px solid #122759;
		padding-bottom:5px;
	}

	#subHeader img.first {
		margin-right:10px;
	}

	#innerContent {
		margin:30px 30px 0px 380px;
		padding-top:50px;
	}

	#innerContent img {
		padding:2px;
		border-right:1px solid #cfcfcf;
		border-bottom:1px solid #707070;
		border-left:1px solid #cfcfcf;
	}

	#innerContent img.rechts {
		float:right;
		margin:0px 0px 10px 10px;
	}

	#innerContent img.links {
		float:left;
		margin:0px 10px 10px 0px;
	}

	#innerContent .kasten {
		border:2px solid #9ee8ff;
		padding:10px 20px 10px 20px;
		margin-left:-20px;
	}

/* Einstellungen für den Container "Adresse" */
	#adresse {
		position:absolute;
		left:15px;
		top:406px;
		color:#94daff;
		font-size:1.2em;
	}

	#adresse a {
		color:#9ee8ff;
		text-decoration:none;
	}

	#adresse p span {
		font-size:1.2em;
		font-weight:bold;
	}

/* Einstellungen fuer das obere Menue */
	#menu {
		position:absolute;
		top:10px;
		left:300px;
		z-index:20;
	}

	#menu ul {
		list-style-type:none;
	}

	#menu ul li {
		display:inline; 
	}

	#menu ul li a {
		color:#000000;
		text-decoration:none;
		font-size:1em;
		font-weight:bold;
		margin-right:20px;
		position:relative;
	}

	#menu ul li a span {
		border-left:6px solid #FFFFFF;
		position:absolute;
		left:0px;
		top:-19px;
		height:9px;
		display:none;
		font-size:1px;
		text-decoration:none;
	}

	#menu ul li a:hover span, #menu ul li a.active span {
		display:block;
	}

/* Einstellungen fuer Formular */
	#content form label {
		float:left;
		width:6em;
		margin:5px 5px 5px 0px;
		padding:5px 5px 5px 0px;
		text-align:left;
	}

	#content input, #content textarea {
		display:block;
		float:left;
		margin:5px;
		padding:2px;
		width:35em;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		font-size:0.9em;
	}

	#content textarea {
		height:7em;
	}

	#content form br {
		clear:left;
	}

/* error und succes layer des Kontaktformulars */
	#error {
		color:#f49e00;
		font-weight:bold;
		margin-bottom:20px;
	}

	#success {
		color:#FFFFFF;
		font-weight:bold;
		margin-bottom:20px;
	}

/* Fuß bei Druckversion */
	#footerPrint {
		display:none;
	}