/*-----------------------------------------------------------------------------
client:    Bildschirm
project:   http://www.voeste.net
version:   1.0
date:      08.05.07
author:    Jörg Schimke
email:     schimke@webkantine.com
website:   http://www.webkantine.com
-----------------------------------------------------------------------------*/


/* Grundangaben
-----------------------------------------------------------------------------*/
/* Ränder, Rahmen, Raum auf 0 setzen */
*
    {
    border: 0;
    margin: 0;
    padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 101%;
	color: #2F4A61;
	text-align: center;
	margin: 0px;
	padding: 0px;
	height: 100%;
	width: 100%;
	position: absolute;
	visibility: visible;
	z-index: 1;
	background-color: #6B8EA5;
}


/* Rahmen
-----------------------------------------------------------------------------*/
#klammer {
	position: relative;
	visibility: visible;
	z-index: 2;
	width: 800px;
	height: 430px;
	margin-top: 2%;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	text-align: left;
	border: 1px solid #FFFFFF;
}


/* Navigation
-----------------------------------------------------------------------------*/
#navigation {
	position: relative;
	visibility: visible;
	z-index: 3;
	width: 150px;
	height: 430px;
	margin-right: auto;
	margin-left: auto;
	background-color: transparent;
	text-align: right;
	border-top: 0px none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none;
	border-left: 0px none;
	float: left;
	background-image: url(../bilder/back-navi.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navigation ul {
	width: auto;
	height: auto;
	padding-top: 0.5em;
	display: block;
	top: auto;
	bottom: 10px;
	position: absolute;
	visibility: inherit;
	right: 3px;
}

#navigation li {
	font-size: 0.7em;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	line-height: 1.75em;
	visibility: inherit;
}

/* Subnavigation
-----------------------------------------------------------------------------*/
#navisub {
	position: relative;
	visibility: visible;
	z-index: 4;
	width: 135px;
	height: 430px;
	margin-right: auto;
	margin-left: auto;
	background-color: #2F4A61;
	text-align: left;
	border-top: 0px none;
	border-right: 1px solid #FFFFFF;
	border-bottom: 0px none;
	border-left: 0px none;
	float: left;
	color: #FFFFFF;
	background-image: url(../bilder/schrift.gif);
	background-repeat: no-repeat;
	background-position: right center;
}

#navisub ul {
	width: auto;
	height: auto;
	padding-top: 0.5em;
	display: block;
	top: auto;
	position: absolute;
	left: 5px;
	visibility: inherit;
}

#navisub li {
	font-size: 0.7em;
	font-weight: normal;
	list-style-type: none;
	list-style-image: none;
	height: auto;
	width: auto;
	padding-top: 5px;
	padding-bottom: 5px;
	visibility: inherit;
	/*line-height: 1.75em;*/
}

/*#navisub ul.pruefungen {
	bottom: 50px;
	visibility: visible;
}*/

/* Link-Container in der Subnavigation
-----------------------------------------------------------------------------*/
#publikationen {
	position: absolute;
	visibility: hidden;
	z-index: auto;
	height: auto;
	width: auto;
	left: auto;
	top: 200px;
	right: auto;
	bottom: auto;
}

#forschung {
	position: absolute;
	visibility: hidden;
	z-index: auto;
	height: auto;
	width: auto;
	left: auto;
	top: 225px;
	right: auto;
	bottom: auto;
}

#pruefungen {
	position: absolute;
	visibility: hidden;
	z-index: auto;
	height: auto;
	width: auto;
	left: auto;
	top: 210px;
	right: auto;
	bottom: auto;
}


/* Redaktion
-----------------------------------------------------------------------------*/
#redaktion {
	position: relative;
	visibility: visible;
	z-index: 5;
	width: 500px;
	height: 420px;
	padding: 5px;
	/*border: 1px solid #FF0000;*/
	float: right;
}

/* Textbereich (extra separat für statische Überschrift und Trennlinie bei Scrollbalken
-----------------------------------------------------------------------------*/
#text {
	height: 380px;
	width: auto;
	overflow: auto;
	position: relative;
	visibility: visible;
	/*border: 1px solid #00FF00;*/
}

/*Auflistungen im Bereich #text*/
#text ul {
	width: auto;
	height: auto;
	padding-top: 0.5em;
	visibility: inherit;
	padding-right: 1em;
	padding-bottom: 1.5em;
	padding-left: 1em;
}

#text li {
	font-size: 0.8em;
	font-weight: normal;
	list-style-type: square;
	line-height: 1.3em;
	visibility: inherit;
	list-style-position: outside;
	height: auto;
	width: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5px;
	color: #333333;
}

#text ul.level2 {
	width: auto;
	height: auto;
	padding-top: 0em;
	visibility: inherit;
	padding-right: 1em;
	padding-bottom: 0.5em;
	padding-left: 1em;
}

#text li.level2 {
	font-size: 0.9em;
	font-weight: normal;
	list-style-type: circle;
	line-height: 1.3em;
	visibility: inherit;
	list-style-position: outside;
	height: auto;
	width: auto;
	padding-top: 0.5em;
	padding-bottom: 0.5px;
	color: #333333;
}

#text ol {
	width: auto;
	height: auto;
	padding-top: 0.5em;
	visibility: inherit;
	padding-right: 1em;
	padding-bottom: 1.5em;
	padding-left: 2em;
}

#text ol li {
	list-style-position: outside;
	list-style-type: decimal;
	color: #333333;
}

/*Links
-----------------------------------------------------------------------------*/
a img {
/*Bilder als Link ohne Rahmen*/
/* border, margin, padding sollten mit der Grundeinstellung "*" abgearbeitet sein*/
	/*border: 0px none;
	margin: 0px;
	padding: 0px;*/
	vertical-align: middle;
}

/*Basis-Einstellungen der Links*/
a:link {
	color: #2F4A61;
}

a:visited {
	color: #2F4A61;
}

a:hover {
	color: #C6D8E8;
}

a:active {
	color: #2F4A61;
}

li a {
	text-decoration: none;
}

/*Hoover-Kästchen in der Navigation*/
#navigation a:link {
	color: #2F4A61;
	/*height: auto;
	width: auto;*/
	background-color: transparent;
	/*display: block;*/
	padding-right: 15px;
}

#navigation a:visited {
	color: #2F4A61;
	/*height: auto;
	width: auto;*/
	background-color: transparent;
	/*display: block;*/
	padding-right: 15px;
}

#navigation a:hover {
	color: #C6D8E8;
	/*height: auto;
	width: auto;*/
	background-color: transparent;
	background-image: url(../bilder/hoover-rechts.gif);
	/*display: block;*/
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 15px;
}

#navigation a:active {
	color: #2F4A61;
	/*height: auto;
	width: auto;*/
	background-color: transparent;
	/*display: block;*/
	padding-right: 15px;
}

/*#navigation li a {
	text-decoration: none;
	height: auto;
	width: 100px;
	background-color: transparent;
	background-image: url(../bilder/hoover-none.gif);
}*/



/*Einstellungen für Links in der Sub-Navigation*/
/*MSIE hat Probleme mit 'display: block;', würfelt dann längere Links typographisch durcheinander*/
#navisub a:link {
	color: #C6D8E8;
	height: auto;
	width: auto;
	background-color: transparent;
	display: block;
	padding-left: 15px;
}

#navisub a:visited {
	color: #C6D8E8;
	height: auto;
	width: auto;
	background-color: transparent;
	display: block;
	padding-left: 15px;
}

#navisub a:hover {
	color: #FFFFFF;
	height: auto;
	width: auto;
	background-color: transparent;
	background-image: url(../bilder/hoover-links.gif);
	display: block;
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 15px;
}

#navisub a:active {
	color: #C6D8E8;
	height: auto;
	width: auto;
	background-color: transparent;
	display: block;
	padding-left: 15px;
}



/* Typographie
-----------------------------------------------------------------------------*/
h1
    {
	font-size: 1.10em;
	line-height: 1.1em;
}
    
#navigation h1
    {
	font-size: 1.0em;
	line-height: 1.1em;
	text-align: left;
	font-style: italic;
	padding-top: 5px;
	padding-left: 5px;

}
    
h2
    {
    font-size: 1.0em;    
	line-height: 0.9em;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
    
#text h1, #text h2, #text h3, #text h4, #text h5
    {
	padding-top: 0.5em;
	padding-bottom: 0.1em;
}
    
h3
    {
    font-size: 0.95em;
	line-height: 0.8em;
	padding-top: 0.1em;
	padding-right: 0.5em;
	padding-bottom: 0.5em;
	padding-left: 0.5em;
}
    
h4
    {
    font-size: 0.9em;    
	line-height: 0.8em;
}
    
h5
    {
    font-size: 0.85em;    
	line-height: 0.8em;
}
    
p {
	font-size: 0.8em;
	line-height: 1.3em;
	height: auto;
	width: auto;
	padding-top: 1em;
	padding-right: 0.5em;
	padding-bottom: 1em;
	padding-left: 0.5em;
}

#text p {
	color: #333333;
	padding-top: 0.15em;
	padding-bottom: 0.4em;
}

li p {
	font-size: 0.9em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}

hr {
	width: 100%;
	height: 1px;
	color: #2F4A61;
	background-color: #2F4A61;
	text-align: center;
	margin-top: 10px;
	margin-right: auto;
	margin-bottom: 10px;
	margin-left: auto;

	/*border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: solid;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #00FFFF;
	border-right-color: #00FFFF;
	border-bottom-color: #00FFFF;
	border-left-color: #00FFFF;
	visibility: visible;*/
}

.mittig {
	text-align: center;
}

.kursiv {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: italic;
}

.spaltlinks {
	float: left;
	height: auto;
	width: 100px;
	text-align: left;
	clear: left;
	/*font-weight: bold;
	color: #2F4A61;*/
}

#text p.spaltlinks {
	font-weight: bold;
	color: #2F4A61;
}

.spaltrechts {
	text-align: left;
	clear: right;
	width: 300px;
	margin-left: 110px;
	padding-bottom: 0.80em;
}

#test {
	text-align: left;
}

.navibild {
	height: 165px;
	width: 114px;
	margin-top: 20px;
	margin-right: 25px;
	margin-bottom: 20px;
	margin-left: 5px;
}

.einzeilig {
	white-space: nowrap;
}