/*
CODE:		Livingpage® für Technologiepark Münster GmbH
REVISION:	1.0
LAST CHANGE:    12.06.05 bm@livingpage.com

CSS nach Typen sortiert. Was wozu gehoert steht im Kommentar davor. 

Getestet und fuer gut befunden in:

Mac OS X: Firefox 1.0.4 (100%), Safari (90%), Camino (100%)
Windows XP: IE6 (100%), Firefox 1.0.4 (100%), Opera 8 (90%)
Linux: keine

 Nicht geeignet fuer Mac OS  <= 9.x (any version, any browser)
Nicht geeignet fuer NN4.x. (any version, any platform)

Weitere Erklaerungen gibt es bei w3.org/TR/REC-CSS2/


*/

/* ---------------------------------------------- */
/* --------------- Anfang HTML-Tags ------------- */
/* ---------------------------------------------- */

h1 {
	font-size: 1.6em;
	font-weight: normal;
	padding-right: 10px;
}

h1#title {
	margin-top: 40px;
}

h2 {
	font-size: 1.2em;
	font-weight: bold;
	margin-top: 1.7em;
	padding-right: 10px;
}

h3 {
	font-size: 1em;
	font-weight: bold;
	padding-right: 10px;
	margin: 0;
	padding: 0;
	margin-top: 1em;
}

h4 {
	font-size: 1em;
	font-weight: bold;
}

form {
	margin: 0;
	padding: 0;
	display: inline;
}

img {
	border: 0;
}

html {
	height: 100%
}

body {
	height: 100%
}

body {

	padding: 0;
	margin: 0;
	background: url(../images/bgs/body.jpg) no-repeat right bottom; 
	background-attachment:fixed;
	color: #000000; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 99%;
}

unknown {
	float: left; 
	width: 100%;
}

div {
	margin: 0;
	padding: 0;
}

p {
	margin-top: 0px;
}


/* ---------------------------------------------- */
/* ---------------- Ende HTML-Tags -------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ----------- Anfang Seitenaufteilung ---------- */
/* ---------------------------------------------- */

#outer {
	min-height: 100%; 
	margin-bottom: -30px; 
	margin-left: 380px; 
	color: #000000; 
	margin-right: 175px; 
	height: 100%;
	font-size: 0.8em;
}

unknown {
	height: auto
}

#left {
	float: left; 
	margin-left: -380px; 
	width: 380px; 
	position: relative;
	background: url(/images/bgs/mainnavigation.jpg) no-repeat left top; 
	height: 520px;
}

html #left {
	padding-bottom: 40px; 

}

#right {
	float: right; 
	width: 175px; 
	margin-right: -170px; 
	position: relative;
	padding-top: 90px;
	font-size: 0.9em;
	overflow: hidden;
}

html #right {
	padding-bottom: 30px; 
	margin-right: -175px;
}

#footer {
	clear: both; 
	width: 100%; 
	color: #000000; 
	position: relative; 
	height: 30px;
	background: url(/images/bgs/footer.gif) no-repeat;
	font-size: 0.7em;

}

html #footer {
	height: 30px;
}

#clearfooter {
	clear: both; 
	height: 0px;
}

html #centrecontent {
	margin-bottom: 12px; 
	height: 1%;
}

#centrecontent {
	float: right; 
	margin: 0px -0.5%; 
	width: 100%; 
	position: relative;
	font-size: 1em;
	line-height: 1.6em;
	padding-top: 55px;
}

/* ---------------------------------------------- */
/* ------------ Ende Seitenaufteilung ----------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ------------------ Anfang IDs ---------------- */
/* ---------------------------------------------- */

#rootnavigation {
	font-size: 0.85em;
}

#logo {
	z-index: 2;
	position: absolute;
	background: url(/images/bgs/logo.jpg) no-repeat;
	top: 0px;
	left: 180px;
	width: 194px;
	height: 100px;
	
}

/* ---------------------------------------------- */
/* ------------------- Ende IDs ----------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------------- Anfang Klassen -------------- */
/* ---------------------------------------------- */

.outerwrap {
	float: left; 
	width: 99%
}

.invisible {
	display: none;
}

.kontakt {
	background: url(/images/icons/pfeil4.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.2em;
}

.email {
	background: url(/images/icons/email.gif) no-repeat;
	background-position: 0em 0.3em;
	padding-left: 1.3em;
}

.link {
	background: url(/images/icons/link.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.1em;
}

#rootnavigation .link {
	background: url(/images/icons/link.gif) no-repeat;
	background-position: 0em 0em;
	padding-left: 1.3em;
}

.newwindow {
	background: url(/images/icons/newwindow.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.3em;
}

.linkfooter {
	background: url(/images/icons/pfeilfooter.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.2em;
}

.topofpage {
	background: url(/images/icons/topofpage.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.2em;
}

.pdf{
	background: url(/images/icons/pdf.gif) no-repeat;
	background-position: 0em -0.2em;
	padding-left: 1.3em;
}

p.teaserfooter a.link {
	background: url(/images/icons/link.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.3em;
}

/* ---------------------------------------------- */
/* ----------------- Ende Klassen --------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------------- Anfang Marginalspalte -------------- */
/* ---------------------------------------------- */

.kasten_oben {
	margin: 0;
	padding: 0;
	background: url(/images/bgs/kasten_oben.gif) no-repeat;
	margin-top: 10px;
	height: 19px;
}

.kasten_mitte {
	position: relative;
	margin: 0;
	padding: 0;
	background: url(/images/bgs/kasten_unten.gif) bottom left no-repeat;
	width: 171px;
	margin-bottom: 20px;
	font-size: 0.9em;
	padding-bottom: 5px;
}


.kasten_mitte p {
	padding-top: 5px;
	padding-left: 5px;
	padding-right: 5px;
	background-color:#fff;
}


.kasten_oben h2 {

	font-size: 11px;
	color: #24459C;
	margin: 0;
	padding: 0;
	padding-left: 15px;
	line-height: 18px;
}


#banner {
	position: absolute;
	top: 15px;
	right: 7px;
	z-index: 2;
}

p.teaser {
	padding: 0;
	margin: 0;
	padding: 5px;
	background-color:#fff;
}


p.teaserfooter {
	margin: 0;
	padding: 0;
	margin-bottom: 5px;
	padding-left: 5px;
	background-color:#fff;
}

p.marginaltext {
	line-height: 1.6em;
	padding-bottom: 0;
	margin-bottom: 5px;
	background-color:#fff;
}
/* ---------------------------------------------- */
/* ---------------- Ende Marginalspalte -------------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* --------- Anfang Globale Navigation ---------- */
/* ---------------------------------------------- */

#globalenavigation {
	float: right;
	position: absolute;
	left: 380px;
	padding-top: 8px;
	
}

#globalenavigation a {
	color: #20143F;
	text-decoration: none;
}

#globalenavigation a:link {
	color: #20143F;
}

#globalenavigation a:visited {
	color: #20143F;
}

#globalenavigation a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* ---------- Ende Globale Navigation ----------- */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* ------------ Anfang Mainnavigation ----------- */
/* ---------------------------------------------- */

#mainnavigation {
	position: absolute;
	top: 110px;
	width: 300px;
	font-size: 11px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}

#mainnavigation ul.level1
{
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
	font-weight: normal;
}

#mainnavigation ul.level1 li
{
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */

}

#mainnavigation ul.level1 li a
{
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 9px;
	color: #ffffff;
	line-height: 9px;
	display: block;
	background: url(/images/mainmenu/level1.gif) no-repeat;
}

#mainnavigation ul.level1 li a:hover
{
	color: #000000;
	background: url(/images/mainmenu/level1_f2.gif) no-repeat;
}

#mainnavigation ul.level1 li a.active
{
	color: #000000;
	background: url(/images/mainmenu/level1_f2.gif) no-repeat;
}

#mainnavigation ul.level2
{	
	position: relative;
	width: 300px;
	height: 300px;
	left: 22px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
	font-weight: normal;
}

#mainnavigation ul.level2 li
{
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */
}

#mainnavigation ul.level2 li a
{
	text-decoration: none;
	padding-left: 10px;
	padding-top: 3px;
	padding-bottom: 9px;
	color: #000000;
	line-height: 9px;
	display: block;
	background: url(/images/mainmenu/level2.gif) no-repeat;
	width: 170px;
}

#mainnavigation ul.level2 li a:hover
{
	color: #000000;
	background: url(/images/mainmenu/level2_f2.gif) no-repeat;
}

#mainnavigation ul.level2 li a.active
{
	color: #000000;
	background: url(/images/mainmenu/level2_f2.gif) no-repeat;
}


#mainnavigation ul.level3
{	
	position: absolute;
	top: 0px;
	left: 175px;
	margin: 0;
	padding: 0;
	display: inline;
	list-style: none;
}

#mainnavigation ul.level3 li
{
	margin: 0;
	padding: 0;
	display: inline; /* duplicated for IE 5/Win */
	list-style-type: none; /* duplicated for IE 5/Win */

}

#mainnavigation ul.level3 li a
{
	text-decoration: none;
	width: 140px;
	padding-left: 18px;
	padding-top: 3px;
	padding-bottom: 9px;
	color: #000000;
	line-height: 13px;
	background: url(/images/mainmenu/level3.gif) no-repeat;
}

#mainnavigation ul.level3 li a:hover
{
	color: #000000;
	background: #ffffff;
	text-decoration: underline;
	background: url(/images/mainmenu/level3_f2.gif) no-repeat;
}

#mainnavigation ul.level3 li a.active
{
	color: #000000;
	background: url(/images/mainmenu/level3_f2.gif) no-repeat;
}


/* ---------------------------------------------- */
/* ------------- Ende Hauptnavigation ----------- */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* ---------------- Anfang Links ---------------- */
/* ---------------------------------------------- */

a {
	color: #24459C;
	text-decoration: none;
}

a:link {
	color: #24459C;
}

a:visited {
	color: #24459C;
}

a:hover {
	text-decoration: underline;
}

/* ---------------------------------------------- */
/* ------------------ Ende Links ---------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ---------- Anfang Servicenavigation ---------- */
/* ---------------------------------------------- */

#servicenavigation {
	float: left;
	padding-left: 20px;
}

/* ---------------------------------------------- */
/* ---------- Ende Servicenavigation ------------ */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ---------- Anfang Formularelemente ----------- */
/* ---------------------------------------------- */


#suche .searchform input .suchbegriff {
	width: 100px;
}

/* Zunächst werden die Labels mit der Klasse "left" rechtsbündig an eine imaginäre Mittelachse gebracht und mit einem Abstand zu den daneben stehenden Kontrollelementen versehen: */
label.left {
	float: left;
	text-align: right;
	width: 9em;
	margin-right: .3em;
	}

label.right {
	margin-left: 10em;
	float: left;
	}


/* Dann kommen die Radiobuttons und Checkboxen an die Reihe, die ja bereits mit der Klasse "right" versehen sind. Der Abstand ergibt sich hier aus der Breite der Textlabels für die vorhergehenden Textfelder (5em) plus dem Abstand dieser Labels zu ihren Kontrollelementen (.3em). Hieraus ergibt sich für die folgenden Kontrollelemente inklusive des "Absenden"-Buttons ein linker Abstand von 5.3em, um sich an besagter Mittelachse auszurichten:  */
input.right {
	float: left;
	width: auto;
	clear: both;
	margin-left: 7.5em;
	margin-right: 0.3em;
	}

/* Aus unerfindlichen Gründen braucht diesmal der Mozilla eine Extrawurst in Form eines zusätzlichen em für den Abstand nach links: */
input[type=checkbox].right,
input[type=radio].right,
input[type=submit].right {
	margin-left: 7.5em;
	}

/* Durch die folgende Deklaration werden die float-Zustände wieder aufgehoben, so dass es danach ganz normal im Fluss des Dokumentes weitergehen kann: */
form br {
	/*clear: both;*/
	}

/* Durch das folgende Beispiel verwandelt sich der Mauszeiger beim Überfahren des Labels in eine Hand mit Zeigefinger: */
label {
cursor: pointer;
}
/* Damit Selects nebeneinander bleiben */







/* Nun wird die Hintergrundfarbe von Textfeldern ändern, sobald diese aktiviert sind, geändert. Damit teilen Sie Ihrem Benutzer deutlich mit, in welchem Abschnitt des Formulares er sich zur Zeit befindet und welche Eingabe als nächstes erwartet wird. Hierzu müssen Sie zunächst einmal die Hintergrundfarbe der Textfelder definieren: */
input.t, textarea.ta {
	color: #000;
	background: #ddd;
	border: solid 1px #696969;
	width: 290px; 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	}

/* Als nächstes werden die Textfelder beim Erreichen des Fokus (also durch das Setzen der Einfügemarke per Tabulator oder Maus, oder auch durch Anklicken des damit verbundenen Labels) farblich hervorgehoben: */
input.t:focus, textarea.ta:focus {
	color: #000;
	background: #fff;
	}

fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

legend {
	display: none;
}

input {
	padding: 0;
	margin: 0;
}

#suche p {
	margin: 0;
	padding: 0;
	padding-bottom: 5px;
}

/* ---------------------------------------------- */
/* ------------ Ende Formularelemente ----------- */
/* ---------------------------------------------- */



/* ---------------------------------------------- */
/* ------------ Anfang Bildelemente   ----------- */
/* ---------------------------------------------- */


#foto1 {
	position: absolute;
	width: 130px;
	top: 200px;
	left: 230px;
	text-align: right;
}

#foto1 img {
	width: 85px;
	height: 85px;
}

#foto2 {
	position: absolute;
	width: 130px;
	top: 300px;
	left: 230px;
	text-align: right;
}

#foto2 img {
	width: 85px;
	height: 85px;
}

#foto3 {
	position: absolute;
	width: 130px;
	top: 400px;
	left: 230px;
	text-align: right;

}

#foto3 img {
	width: 130px;
	height: 130px;
}

.textarea img {
	float: left;
	margin-right: 10px;
}

table.foto  {
	padding: 0;
	margin:0;
	background-color: #ffffff;
}
table.foto  td {
	padding: 0;
	margin:0;
}

/* ---------------------------------------------- */
/* -------------- Ende Bildelemente   ----------- */
/* ---------------------------------------------- */

/* ---------------------------------------------- */
/* ------------ Anfang Inhaltsbereich ----------- */
/* ---------------------------------------------- */

#centrecontent .hauptblock {
	padding-right: 20px;
	margin-bottom: 20px;
}

/* ---------------------------------------------- */
/* ------------ Ende Inhaltsbereich ------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* --------------- Anfang Tabellen -------------- */
/* ---------------------------------------------- */

table.tb {
	background-color: #C7DDEA;
	border-top: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
}

table.tb .header {
	background-color: #24459C;
	color: #ffffff;
	font-weight: bold;
}

table.tb tr td {
	border-right: 1px solid #ffffff;
	border-bottom: 1px solid #ffffff;
	padding: 7px;
}

table.tb td, table th {
	vertical-align: top;
}

table.unternehmen td {
	vertical-align: top;
}

table.unternehmen .left {
	text-align: right;
	padding-right: 10px;
}


/* ---------------------------------------------- */
/* ---------------- Ende Tabellen --------------- */
/* ---------------------------------------------- */


/* ---------------------------------------------- */
/* ----------------- Anfang Suche --------------- */
/* ---------------------------------------------- */

#search {
	position: absolute;
	top: 500px;
	left: 20px;
	height: 20px;
	width: 200px;
	background: url(/images/mainmenu/search.gif) no-repeat;
}

#search input.ti {
	width: 130px;
	font-size: 9px;
	margin-left: 15px;
	border: 1px solid #24459C;
}

#search input.i {
	height: 13px;
	width: 14px;
vertical-align: middle;
}

/* ---------------------------------------------- */
/* ------------------ Ende Suche ---------------- */
/* ---------------------------------------------- */

.listview ul li {
	margin: 0;
	padding: 0;
}

.hauptblock li {
	margin-top: 1.0em;
	margin-bottom: 1.3em;
	line-height: 1.3em;
}

.hauptblock li ul li {
	margin-top: 0.5em;
	line-height: 1.0em;
}

.hauptblock .adress_left {
	float: left; 
	text-align: left; 
	width: 4.2em; 
	margin-right: 0em; 
}

.hauptblock .adress { 
	line-height: 1.4em;
} 

.listview ul li.unternehmena-z {
	margin-bottom: 0.5em;
}

#print_copyright {
	display: none;
}

.alert {
	color: #990000;
}

/* ---------------------------------------------- */
/* -----------------  Team Seite  --------------- */
/* ---------------------------------------------- */
table.team td {vertical-align: top; font-size:90%;}
img.teamfoto {margin-right:10px; padding:2px; background:#f0f0f0; border:1px solid #000;}
h2.team {border-bottom: 1px solid #999;}