/*
CODE:			Livingpage MediaAgentur
REVISION:		1.0
LAST CHANGE:	        21.10.03 bm@livingpage.com

CSS nach Typen sortiert. 

Getestet und fuer gut befunden in:
Win: IE5.0, IE5.5, IE6, Mozilla Firebird, Netscape Navigator 7.0, Opera 7.0

Nicht geeignet fuer alle anderen Browser (any version, any platform)

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

/* ---------- tags ---------- */

body 	{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	background-color: #e7e7e7;
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	background-image: url(/grafiken/backgrounds/body.gif);
	background-repeat: repeat-y;
	position: absolute;
	}

h1 	{
	font-size: 1.4em;
	font-weight: normal;
	line-height: 2em;
	}

h2 {
	font-size: 0.9em;
	margin-top: 0;
	line-height: 1em;
	}

.teaserhead h2 {
	font-size: 100%;
	margin-bottom: 0;
	color: #990000;
}

.teaserhead a:hover h2 {
	text-decoration: underline;
}


h3 	{
	font-weight: normal;
	font-size: 1em;
}

h4 	{
	font-weight: normal;
	font-size: 1em;
	line-height: 1.4em;
	}


a 	{
	color: #990000;
	text-decoration: none;
	}

p 	{
	font-size: 1em;
	}

a:hover {
	color: #990000;
	text-decoration: underline;
	}
	

sup { 
	line-height: 1em;
}



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

#contenttop {
	position: absolute;
    	top: 91px;
    	left: 0;
	width: 100%;
    	height: 180px;
    	background-image: url(/grafiken/backgrounds/header.gif);
    	background-color: #E6E7E8;
	}

#contentbottom {
	position: absolute;
	top: 243px;
	left: 360px;
	width: 390px;
	}

#header {
	position: absolute;
	width: 100%;
	height: 91px;
    	background-image: url(/grafiken/backgrounds/logo.gif);
	background-position: 360px 0px;
	background-repeat: no-repeat;
	z-index: 2;
	}

#title {
	padding-right: 15px;
	margin-left: 375px;
	position: absolute;
	bottom: 35px;
   	margin-bottom: 0px;
	padding-bottom: 0px;
	color: #990000;
	width: 360px;
	line-height: 1.4em;
	}

#footer {
	font-size: 0.8em;
	padding-left: 5px;
	padding-top: 8px;
	padding-bottom: 20px;
	color: #666;
	background-image: url(/grafiken/backgrounds/footer.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;
	}
	
#headfoto {
	position: absolute;
    	top: 92px;
    	left: 40px;
	height: 150px;
	width: 320px;
	z-index: 1;
	}

#headfotodescription {
	position: absolute;
    	top: 92px;
    	left: 40px;
	height: 150px;
	width: 320px;
	z-index: 2;
	}

#headfotodescription img  {
	width: 320px;
	height: 150px;
}

#text {
	margin: 0;
	padding: 0;
	padding-right: 15px;
	padding-left: 15px;
	padding-top: 15px;
	padding-bottom: 1px;
	line-height: 1.6em;
	}

#text a img {
	border: 0px;
	margin-bottom: 10px;
}


/* -- Navigationen -- */

.navhead 
{
	display:none;
}

/* -- Globale Navigation -- */

#globalenavigation {
	position: absolute;
    	top: 74px;
    	left: 40px;
    	color: #fff;
    	padding: 0;
    	margin: 0;
	font-size: 0.8em;
	z-index: 3;
	width: 400px;
	}

#globalenavigation ul {
    	list-style-type: none;
    	padding: 0;
    	margin: 0;
}

#globalenavigation li  {
	list-style-type: none;
	float: left;
    	padding: 0;
    	margin: 0;
	border-left: 1px solid #999999;
	padding-left: 10px;
	padding-right: 10px;
}    

#globalenavigation a {
	display: block;
	float: left;
 	height: 12px;
  	color: #000000;
	text-decoration: none;
    	margin: 0;
	padding: 0;
	line-height: 1.1em;
}

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

#globalenavigation  ul li.active a {
	color: #000000;
	text-decoration: none;
}

#globalenavigation ul li.suche a {
	background: url(/grafiken/icons/icon_search.gif) no-repeat;
	background-position: 0em -0.2em;
	padding-left: 1.4em;
}
#globalenavigation ul li.suche a:hover {
	background: url(/grafiken/icons/icon_search_f2.gif) no-repeat;
	background-position: 0em -0.2em;
	padding-left: 1.4em;
}

#globalenavigation ul li.activesuche a {
	color: #000000;
	text-decoration: none;
	background: url(/grafiken/icons/icon_search_f2.gif) no-repeat;
	background-position: 0em -0.2em;
	padding-left: 1.4em;
}



    
/* -- Navigation links-- */

#navigationlinks {
    	position: absolute;
    	top: 242px;
    	left: 158px;
    	width: 202px;
}

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

#mainnavigation {
    	top: 0px;
    	left: 0px;
    	width: 202px;
	background: #A23329;
}

#mainnavigation ul.mainmenue {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

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

#mainnavigation ul.mainmenue li a {
	text-decoration: none;
	padding-right: 10px;
	padding-left: 20px;
	padding-bottom: 3px;
	padding-top: 3px;
    	display: block;
	background: #A23329 url(/grafiken/navigationen/mainnavigation/menu_level1.gif) no-repeat;
	color: #FFF;
	line-height: 1.6em;
	height: 20px;
}

#mainnavigation ul.mainmenue li a:hover {
	background: #FFFFFF url(/grafiken/navigationen/mainnavigation/menu_level1_f2.gif) no-repeat; 
	color: #990000; 
}

#mainnavigation ul.mainmenue li .active a {
	background: #fff url(/grafiken/navigationen/mainnavigation/menu_level1_f2.gif) no-repeat; 
	color: #000; 
	font-weight: bold;
}

#mainnavigation ul.submenue {
	padding: 0px;
	margin: 0px;
	list-style-type: none;
}

#mainnavigation ul.submenue li a {
	padding-right: 10px;
	display: block;
	padding-left: 20px;
	background: #cccccc url(/grafiken/navigationen/mainnavigation/menu_level2.gif) no-repeat;
	padding-bottom: 3px;
	color: #000;
	padding-top: 3px;
	text-decoration: none;
	line-height: 1.6em;
	height: 20px;
}

#mainnavigation ul.submenue li a:hover {
	background: #ffffff url(/grafiken/navigationen/mainnavigation/menu_level2_f2.gif) no-repeat;
	color: #000; 
}

#mainnavigation ul.submenue li .active a {
	background: #ffffff url(/grafiken/navigationen/mainnavigation/menu_level2_f2.gif) no-repeat; 
	color: #000; 
}

#mainnavigation ul.subsubmenue {
	top: 0;
	left: 0;
	margin: 0;
	padding: 0;
	display: inline;
	overflow: hidden;
	list-style: none;
}

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

#mainnavigation ul.subsubmenue li a {
	padding-right: 10px;
	display: block;
	padding-left: 20px;
	background: #cccccc url(/grafiken/navigationen/mainnavigation/menu_level3.gif) no-repeat; 
	padding-bottom: 3px;
	color: #666;
	padding-top: 0px;
	text-decoration: none;
	line-height: 1.6em;
	font-size: 0.9em;
}

#mainnavigation ul.subsubmenue li a:hover { 
	color: #000;
	text-decoration: underline; 
	background: #ffffff url(/grafiken/navigationen/mainnavigation/menu_level3.gif) no-repeat; 
}

#mainnavigation ul.subsubmenue li .active a {
	background: #ffffff url(/grafiken/navigationen/mainnavigation/menu_level3.gif) no-repeat; 
	color: #000; 
}


/* -- Service Navigation -- */

#servicenavigation {
    	position: relative;
	font-size: 0.8em;
	border-top: solid 1px #ccc;
	padding-top: 10px;
	padding-bottom: 10px;	
}

#servicenavigation ul {
	padding: 0px; 
	margin: 0px; 
	list-style-type: none;
}

#servicenavigation li {
	display: block; 
	margin: 0px;
	float: left;

}

#servicenavigation li a {
	float: left;
	padding-right: 15px;
	display: block;
	color: #990000;
	text-decoration: none;
}


#servicenavigation li a:hover { 
	color: #000; 
}

/* -- Pfad Navigation -- */

#rootnavigation {
	padding: 0;
	margin: 0;
	width: 400px;
	margin-right: 10px;
	margin-left: 370px;
	top: 5px;
	position: relative;
	font-size: 0.8em;
}

/* -- Teaserbereich -- */

.teaserarea {
	position: relative;
    	width: 202px;
	left: 0px;
    	background: #fff;
	background: #ffffff url(/grafiken/backgrounds/teaser.gif) no-repeat; 

}

.teaserarea_schatten {
    	background: #fff;
	background-image: url(/grafiken/schatten_weiss.gif);
	background-position: 0px 0px;
	background-repeat: repeat-x;

}


.teaserhead {
	font-size: 0.85em;
	font-weight: bold;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 10px;
}

.teasertext {
	font-size: 0.85em;
	padding-top: 5px;
	padding-right: 10px;
	padding-bottom: 7px;
	padding-left: 10px;
}

label {
	cursor: pointer;
      }

/* -- Klassen -- */

.anchor {
	background: url(/grafiken/icons/icon_anchor.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left: 0.8em;
}

.back {
	background: url(/grafiken/icons/icon_back.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left: 0.9em;
}

.bookmark {
	background: url(/grafiken/icons/icon_bookmark.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 0.9em;
}

.diagram {
	background: url(/grafiken/icons/icon_diagram.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

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

.file {
	background: url(/grafiken/icons/icon_file.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 0.9em;
}

.forum {
	background: url(/grafiken/icons/icon_forum.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.infos {
	background: url(/grafiken/icons/icon_infos.gif) no-repeat;
	background-position: 0em 0.4em;
	padding-left: 1.2em;
}

.invisible {
        display: none;
}

.klein {
	font-size: 0.85em;
	line-height: 1.2em;
}

.link {
	background: url(/grafiken/icons/icon_link.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left: 0.9em;
}

.login {
	background: url(/grafiken/icons/icon_login.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.movie {
	background: url(/grafiken/icons/icon_movie.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.newwindow {
	background: url(/grafiken/icons/icon_newwindow.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.pdf {
	background: url(/grafiken/icons/icon_pdf.gif) no-repeat;
	background-position: 0em 0em;
	padding-left: 1.2em;
}

.popup {
	background: url(/grafiken/icons/icon_popup.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.print {
	background: url(/grafiken/icons/icon_print.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.save {
	background: url(/grafiken/icons/icon_save.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}

.sound {
	background: url(/grafiken/icons/icon_sound.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.2em;
}


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

.topofpage {
	background: url(/grafiken/icons/icon_topofpage.gif) no-repeat;
	background-position: 0em 0.5em;
	padding-left: 0.8em;
}

.zoom {
	background: url(/grafiken/icons/icon_zoom.gif) no-repeat;
	background-position: 0em 0em;
	padding-left: 1.2em;
}

#text ul {
	margin-top: 0;
	padding-top: 0;
	margin-left: 0;
	padding-left: 20px;
}

#text ul.Menu_Level_1 {
	margin-top: 0; 
    	margin-bottom: 0;
	list-style-type: square;
	color: #990000;
	font-weight: bold;
}

#text ul.Menu_Level_2 {
	margin-top: 0; 
    	margin-bottom: 0;
	list-style-type: disc;
	font-weight: normal;
}

#text ul.Menu_Level_3 {
	margin-top: 0; 
    	margin-bottom: 0;
	list-style-type: circle;
}

#textfooter {
	padding: 0;
	margin: 0;
	font-size: 0.85em;
	margin-bottom: 1em;
}

#textfooter a:hover{
	text-decoration: none
}

#textfooter a.print {
	background: url(/grafiken/icons/icon_print.gif) no-repeat;
	background-position: 0em 0.2em;
	padding-left: 1.5em;
}

#textfooter a.bookmark {
	background: url(/grafiken/icons/icon_bookmark.gif) no-repeat;
	background-position: 0em 0.1em;
	padding-left: 1.4em;
	margin-left: 1em;
}

#text ul li a.links_level1 {
	font-weight: bold;
}

#text ul li ul li ul li a.links_level3 {
	font-size: 0.8em;
	line-height: 1.2em;
}





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



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

/* 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.textinput, textarea {
	color: #000;
	background: #ddd;
	border: solid 1px #696969;
	width: 25em;
	padding: 0;
	margin: 0; 
	}

/* 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:focus, textarea:focus {
	color: #000;
	background: #fff;
	}

legend {
	font-weight: bold;
	line-height: normal;
	color: #999999;
	font-size: 1em;
	padding: 0em;
	margin: 0;
}

fieldset {
	padding: 0.8em;
	margin: 0; 
	margin-bottom: 1em;
}


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

#details {
	border-left: 1px solid #990000;
	padding-left: 10px;
	margin-bottom: 10px;
}