/* __________________________________

             Voreinstellungen
        von Browsern überschreiben

   __________________________________ */

* {
	margin: 0;
	padding: 0;
}


/* __________________________________

             Gesamtbereich

   __________________________________ */
body {
	font-size: 95%; /* NIE 100% nehmen wegen IE, Bsp: 100.1%*/ 
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-align: center; /* Zentrierung im IE */
	color: black;
	background-color: white;
	background: url("../images/background.jpg");
	width: 100%;
}

/* Ganze Seite */
div#site {
	text-align: left; /*Seiteninhalt wieder links ausrichten*/
	margin: 0 auto; /* Standardkonforme horizontale Ausrichtung */
	
	min-width: 50em;
	min-height: 40em;
	
	padding: 0.5em;
}


/* __________________________________

             HEADER

   __________________________________ */
#header {
	padding: 0.5em;
	font-size: 0.6em;
	position: relative;
	min-height: 110px;
}
#logo {
	min-width: 300px;
}
#teaser{
	display: block;
	float: right;
}
#teaser .text {
	padding-top: 0.5em;
}
#header .my_address {
	display: none; /* Adresse wird nur im Druckmodus angezeigt */ 
}

.print_only {
	display: none;
}

/* __________________________________

		Hauptbereich:
		Inhalt und Unterinhalt
   Idee: http://www.alistapart.com/articles/multicolumnlayouts
   __________________________________ */

#main {
	background-color: #7998c6;
	font-size: 1em;
	text-align: left;
	padding: 0.5em 1.0em 0.5em 1.0em;
}
* html #main{
	height: 1%; /* IE Fehler beheben */
}
#content{
	background-color: #7998c6;
	font-size: 1em;
}
#main_with_margin {
	background-color: #7998c6;
	overflow: hidden;
	font-size: 1em;
	text-align: left;
	padding: 0.5em 12.0em 0.5em 1.0em;
}
* html #main_with_margin{
	height: 1%; /* IE Fehler beheben */
}
#content_with_margin{
	background-color: #7998c6;
	width: 100%;
	border-right: 12em solid #7998c6;
	margin-right: -12em;
	float: left;
}
#subcontent{
	background-color: #7998c6;
	width: 10em;
	float: right;
	margin-right: -12em;
	display: inline; /* IE Fehler beheben */
}
/* ------------
   Randnotizen
   ------------ */
dl.note {
	position: relative;	
}
dl.note dt { 
	border-top: 1px solid black;
	min-width: 110px;
	width: 10em;	
	font-size: 0.6em;	
  	position:absolute;
}
dl.note dt.left {
	border-left: 1px solid black;
	padding: 0.5em 0.5em 0em 0.5em;
	text-align: left;
	left: -14em;
}

dl.note dt.right {
	border-right: 1px solid black;
	padding: 0.5em 0.5em 0em 0.5em;
	text-align: right;
	right: -14em;
}

dl.note dd p {
	text-align: justify;
}


dl.note dd ol {
	padding-left: 1.5em;
}
dl.note dd ul {
	padding-left: 1.5em;
	list-style-type: circle;
}

/* ----------------------

   Abschluss: Haupttext

   ---------------------- */
div#main_closure {
	clear: both;
	height: 1.2em;
	font-size: 0.7em;
	text-align: right;
	padding-bottom: 0.4em;
	padding-top: 0.1em;
	min-height: 18px;
}
#main_closure ul{
	border-right: solid 1px black;
	padding-bottom: 0.4em;
	padding-top: 0.1em;
}
#main_closure li {
	list-style: none;
	display: inline;	
	padding-left: 0.5em;
	padding-right: 0.5em;
	padding-bottom: 0.4em;
	padding-top: 0.1em;
	border-left: solid 1px black;
}
#main_closure a {
	padding: 0.1em;
	background: #b3bccd;
	color: black;
}
#main_closure a:hover {
	background: white;
	color: #6788be;
}

/* __________________________________
  
             NAVIGATION

   __________________________________ */
div#navigation {
	border-top: 1px solid black;
	border-bottom: 1px solid black;
	text-align: center;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
div#menu {
}
div#menu ul{
	font-size: 0.8em;
	padding-top: 0.2em;
	padding-bottom: 0.2em;	
}
div#menu ul li{
	list-style: none;
	display: inline;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.25em;
	padding-bottom: 0.25em;
}
div#submenu {
}
div#submenu ul{
	font-size: 0.7em;
}
div#submenu ul li{
	list-style: none;
	display: inline;
	padding-left: 0.25em;
	padding-right: 0.25em;
	padding-top: 0.1em;
	padding-bottom: 0.1em;
}
div#menu .menupoint_selected {
	background-color: #b3bccd;
}
div#menu .menupoint_deselected {
}
div#submenu .submenupoint_selected {
	background-color: #b3bccd;
}
div#submenu .submenupoint_deselected {
}


/* __________________________________

			Fußzeile
   __________________________________ */
div#footer {
	border-top: 1px solid black;
	display: block;
	clear: both;
	font-size: 0.7em;
	font-family: Arial, sans-serif;
}


/* __________________________________

		Navigation am Seitenende
   __________________________________ */
div#extra_navigation {
	display: block;
	text-align: center;
	padding-top: 0.5em;
}
div#extra_menu {
}
ul#extra_menu {
}
ul#extra_menu li {
	list-style: none;
	display: inline;
	padding-left: 1em;
}

/* __________________________________

		Adresse in der Fußzeile
   __________________________________ */
#footer .my_address {
	display: block;
	font-family: Arial, sans-serif;
	font-size: 0.5em;
	min-width: 15em;
	padding-top: 1em;
}
#footer .my_address ul {
	display: block;
	text-align: center;
	vertical-align: middle;
	padding-left: 1em;
}
#footer .my_address li {
	display: inline;
	list-style: none;
}
#footer .my_address li ul {
	text-align: center;
	display: inline;
	white-space:nowrap;
}
#footer .my_address li ul li {
	list-style: none;
	display: inline;
	padding-right: 0.5em;
}
#footer .my_address .logo {
	display: inline;
}
#footer .my_address .copyright {
}
#footer .my_address .postal {
	font-size: 1em;
}
#footer .my_address .contact {
	font-size: 1em;
}
#footer .my_address .contact .email_16pt {
	display: none;
}
#footer .my_address .contact .email_14pt {
	display: none;
}
#footer .my_address .contact .email_12pt {
	display: inline;
	padding-left: 0.5em;
}

/* __________________________________

			Adresse anzeigen
   __________________________________ */
.my_address {
	display: block;
	padding-top: 0.5em;
}
.my_address ul {
	text-align: left;
	padding-bottom: 0.5em;
}
.my_address li {
	list-style: none;
}
.my_address li ul {
	text-align: center;
}
.my_address li ul li {
	list-style: none;
}
.my_address .copyright {
	display: none;
}
.my_address .logo {
	display: none;
}
.my_address .name {
}
.my_address .postal {
	font-size: 0.8em;
}
.my_address .contact {
	font-size: 0.8em;
	font-family: Arial, sans-serif;
}
.my_address .contact .email_12pt {
	display: none;
}
.my_address .contact .email_14pt {
	display: inline;
}
.my_address .contact .email_16pt {
	display: none;
}
#footer .my_address .contact a hover {
	
}

/* __________________________________

			Übersichtsseiten
   __________________________________ */
.overview{
	text-align: center;
}
.overview .introduction{
	padding: 1.5em 1em 0.5em 1em;
	text-align: left;
}
.overview .section {
	background-color: #7998c6;
	overflow: hidden;
	font-size: 1em;
	padding: 0.5em 24.5em 0.5em 1.0em;	
}
* html .overview .section{
	height: 1%; /* IE Fehler beheben */
}
.overview .left{
	min-width: 25em;
	max-width: 25em;
	text-align: right;
	background-color: #7998c6;
	border-right: 25em solid #7998c6;
	margin-right: -25em;
	float: left;
	display: inline; /* IE Fehler beheben */
}
.overview .right{
	text-align: left;
	background-color: #7998c6;
	width: 25em;
	float: right;
	margin-right: -25em;
	display: inline; /* IE Fehler beheben */
}
.overview .section ul {
	list-style: none;
	list-style-position: inside;
}
.overview .section ul li {
	font-size: 0.8em;
	padding-bottom: 0.75em;
}
.overview .description {
	padding: 0.25em 1em 0.25em 1em;
}
.overview .section .left .description .text {
	text-align: right; 
	border-right: solid 20px #7998c6; /* wegen IE6, sonst transparent */
	padding-right: 0.4em;
}
.overview .section .right .description .text {
	text-align: left; 
	border-left: solid 20px #7998c6; /* wegen IE6, sonst transparent */
	padding-left: 0.4em;
}
.overview a {
	font-size: 1.2em;
}
.overview a:link {
	color: #a2001e;
}
.overview  a:visited {
	color: #a2001e;
}
.overview a:hover {
	
}
a:active {
	
}



/* __________________________________

			Dokumente
   __________________________________ */
.dokument {
	width: 100%;
	display: block;
}
.dokument .bild {
	float: left;
	padding-top: 0.15em;
	max-width: 120px;
}
.dokument .info {
	border-top: 1px solid black;
	padding-left: 120px;
}
.dokument .info ul{
	list-style: none;
	min-height: 160px;
}


/* __________________________________

			Literatur
   __________________________________ */
.literatur {
	width: 100%;
	display: block;
	min-width: 15em;
	padding-top: 1.5em;
	border-bottom: 1.5em;
}

.literatur .titel {
	border-top: 1px solid black;
	background-color: #b3bccd;
	font-weight: bold;
	padding-left: 0.5em;
	padding-top: 0.5em;
}

.literatur .autoren {
	font-style: italic;
	font-weight: normal;
	font-size: 75%;
}

.literatur .beschreibung {
	min-height: 105px;
	font-weight: normal;
	text-align: justify;
	padding-right: 0.5em;
	background-color: #7998c6;
	border-left: 0.5em solid #b3bccd;
}

.literatur .bewertung {
	font-size: 75%;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 0.5em;
	padding-top: 1em;
	background-color: #7998c6;
	border-left: 0.75em solid #b3bccd;
}
.literatur .umschlagsbild {
	float: right;
	margin: 0.25em 0.25em 0em 2em;
}

.literatur .bezug {
	font-size: 50%;
	font-family: sans-serif;
	font-weight: normal;
	background-color: #b3bccd;
}

.literatur .bezug ul {
	text-align: left;
	vertical-align: middle;	
}

.literatur .bezug ul li {
	display: inline;
	list-style: none;
	padding-right: 1.5em;
}

.literatur .bezug ul li a {
	font-size: 75%;	
}

/* __________________________________

			Internet-Links
			
   __________________________________ */
.internet_link {
	width: 100%;
	display: block;
	min-width: 15em;
	padding-top: 1.5em;
	border-bottom: 1.5em;
}
.internet_link .titel {
	border-top: 1px solid black;
	background-color: #b3bccd;
	font-weight: bold;
	padding-left: 0.5em;
	padding-top: 0.5em;
}
.internet_link .beschreibung {
	min-height: 4em;
	background-color: #7998c6;
	font-weight: normal;
	text-align: justify;
	padding-right: 0.5em;
	border-left: 0.5em solid #b3bccd;
}
.internet_link .bewertung {
	background-color: #7998c6;
	font-size: 75%;
	font-weight: normal;
	vertical-align: middle;
	padding-right: 0.5em;
	padding-top: 1em;
	border-left: 0.75em solid #b3bccd;
}
.internet_link .bezug {
	font-size: 50%;
	font-family: sans-serif;
	font-weight: normal;
	background-color: #b3bccd;
}
.internet_link .bezug ul {
	text-align: left;
	vertical-align: middle;	
}
.internet_link .bezug ul li {
	display: inline;
	list-style: none;
	padding-right: 1.5em;
}
.internet_link .bezug ul li a {
	font-size: 75%;	
}


/* __________________________________

			Krümmelpfad
			
   __________________________________ */

div#crumpath {
	font-size: 0.6em; 
	padding-bottom: 1em;
}

/* __________________________________

			Einstellungen
			AUSSER LAYOUT

   __________________________________ */
h1 {
	font-size: 1.2em;
	text-align: center;
}
h2 {
	text-align: left;
	font-size: 1.0em;
	padding-top: 1em;
	padding-bottom: 0.25em;
}
h3 {
	text-align: left;
	font-size: 0.8em;
}
p {
	text-align: justify;
	font-size: 1.0em;
	padding-top: 0.5em;
	padding-bottom: 0.5em;
}
.picture_right {
	float: right; 
	padding: 0.25em 0em 0.25em 1em;
}
.picture_left {
	float: left; 
	padding: 0.25em 1em 0em 0.25em;
}
dd .picture_right {
	padding-top: 0.75em;
}
dd .picture_left {
	padding-top: 0.75em;
}
.center {
	text-align: center;
}

a {
	text-decoration: none;
	font-family: Arial, sans-serif;
}
a:link {
	
}
a:visited {
	
}
a:hover {
	background: rgb(95,130,184);
	color: rgb(175,183,202);
}
a:active {
	
}
blockquote {
	color: #cc0666;
	font: 1.0em Arial, Helvetica, sans-serif;
	font-style: italic;
	text-align: center;
	padding: 0.5em;
}
cite {
	display: block;
	color: #000;
	font-size: 0.6em;
	padding-top: 0.5em;
	font-style: normal;	
}
img {
	vertical-align: middle;
	border: 0;
}
ol {
	padding: 0.5em 1em 0.25em 1.5em;
}
ul {
	padding: 0.5em 1em 0.25em 1.5em;
	list-style-type: circle;
}

/* ================================
   Anführungszeichen
   ================================ */
:lang(de)    { quotes:"\201E" "\201C" "\201A" "\2018"; }
:lang(de-DE) { quotes:"\00BB" "\00AB" "\203A" "\2039"; }
:lang(de-CH) { quotes:"\00AB" "\00BB" "\2039" "\203A"; }
:lang(en)    { quotes:"\201C" "\201D" "\2018" "\2019"; }
:lang(fr)    { quotes:"\00AB\00A0" "\00A0\00BB" "\2039\00A0" "\00A0\203A"; }

q:before { content:open-quote; }
q:after { content:close-quote; }
q q:before { content:open-quote; }
q q:after { content:close-quote; }