@charset 'UTF-8';

/*
alle Abstände entfernen
*/
* { margin: 0; padding: 0; }
/*
Images generell ohne Rahmen darstellen
*/
img { border: none; }
/*
Grundeinstellungen für die Seite
*/
html, body { width: 100%; height: 100%; font-family: Verdana, Arial, sans-serif, monospace; font-size: 100.01%; color: #000; background-color: #fff; text-align: center; }
/*
genereller Scrollbalken
*/
/*body { padding: 0 0 1px 0; }*/

/*
Alles wegen Bugs im IE relativ positionieren
*/
#header, #wrapper, #page, #subnavi, #content, #footer { position: relative; }

/*
generelles Div, um die Seite zu zentrieren und ihr einen Rahmen zu verpassen
*/
#wrapper { text-align: left; width: 992px; border-width: 0 1px 1px 1px; border-style: solid; border-color: #ddd; margin: 0 auto; z-index: 10; font-size: .9em; }

/*
Kopf der Webseite mit Sprachauswahl und Suchformular
*/
#header { width: 100%; height: 226px; background: #fff; position: relative; }
#header ul#sprachauswahl {}
#header form ul#sprachauswahl { display: block; text-align: right; margin: 0 0 10px 0; }
#header form ul#sprachauswahl li { list-style-type: none; display: inline; }
#header h1 { display: none; }
#header form { position: absolute; bottom: 80px; right: 10px; width: 310px; display: inline; font-size: .9em; float: right; }
#header form fieldset { background: url('layout/form_bg.png') top left repeat; }
* html #header form fieldset { background: none; }
*+html #header form fieldset { background: none; }
#header form legend { background: none; margin: 0; padding: 0 5px 0 5px; }
#header form p { margin: 0; padding: 0; }
#header form label { font-weight: bold; padding: .2em .5em 0 0; width: 4em; }
#header form input { vertical-align: bottom; }
#header form p.linkerweitertesuche { padding: 0 0 0 4.5em; }
#header form p a img {}
#header form p input.button, #suchformular input.button { padding: 0; text-indent: -9999px; border: 0; background: transparent url('layout/lupe.gif') center left no-repeat; width: 20px; margin: 0 0 0 2px; }
* html #header input.button, * html #suchformular input.button { letter-spacing: -9999px; }
*+html #header input.button, *+html #suchformular input.button { letter-spacing: -9999px; }
/*#header ul, #header form { display: none; }*/
#headeradminlink { position: absolute; bottom: 20px; right: 10px; color: red; font-weight: bold; }
#headeradminlink { outline: none; }

/*
für jede Seite einen sepereaten Header anlegen, wegen den Farben
Navi ist eine Imagemap, daher die Grafik als Background, da auf der Seite ein blind.gif hinter der Navi liegt
*/
#startseite #header, #suche #header, #fehler #header, #inhaltsverzeichnis #header, #administration #header { background: url('layout/Kopf-Start.jpg') top left no-repeat; }
#editorial #header { background: url('layout/Kopf-Editorial.jpg') top left no-repeat; }
#artikel #header { background: url('layout/Kopf-Artikel.jpg') top left no-repeat; }
#miszellen #header { background: url('layout/Kopf-Miszellen.jpg') top left no-repeat; }
#quellen #header { background: url('layout/Kopf-Quellen.jpg') top left no-repeat; }
#rezensionen #header { background: url('layout/Kopf-Rezension.jpg') top left no-repeat; }
#bildung #header { background: url('layout/Kopf-Bildung.jpg') top left no-repeat; }
#archiv #header { background: url('layout/Kopf-Archiv.jpg') top left no-repeat; }
#forum #header { background: url('layout/Kopf-Forum.jpg') top left no-repeat; }
#impressum #header { background: url('layout/Kopf-Impressum.jpg') top left no-repeat; }
#kontakt #header { background: url('layout/Kopf-Kontakt.jpg') top left no-repeat; }

/*
Div für die Inhalte und eine evtl. Subnavigation
*/
#page { float: left; top: -10px; width: 100%; }

/*
Subnavigation
*/
#subnavi { float: left; width: 170px; border: 0; padding: 1em .5em 0 .5em; overflow: hidden; }
#subnavi ul { list-style-type: none; margin: 0; }
#subnavi ul li { font-weight: bold; }
#subnavi ul li ul li { font-weight: normal; }
#subnavi ul li ul { margin: .2em 0 1em 1em; }
#subnavi ul li a { color: #000; }
#subnavi ul li a:hover, #subnavi ul li a:active { color: #cc0000; }
#subnavi #adminzeit { font-weight: normal; font-size: .7em; margin-bottom: 1em; }
#archiv #subnavi ul { margin-top: 2.3em; }

/*
Inhalt der Seite bei vorhandensein einer Subnavi
*/
#content { margin: 0 0 10px 180px; padding: 0 120px 0 10px; font-size: 1.1em; line-height: 140%; }
/*
Inhalt der Seite ohne Subnavi
*/
#content_ohne_subnavi { margin: 0 0 10px 0; padding: 0 120px 0 180px; font-size: 1.1em; line-height: 140%; }

/*
Link auf allen Seiten zurück zum Header
*/
p#toplink { text-align: right; margin: 2em 0 1em 0; font-size: .8em; clear: both; border-top: 1px solid #ccc; }
p#toplink a { display: block; width: 100%; background: url('layout/pfeil_top.gif') bottom left no-repeat; }

/*
spezifische Formatierungen einzelner Tags und IDs/Klassen
*/
a { color: #000; }
a[href^="http:"] { background: transparent url('layout/offsite.gif') 100% 50% no-repeat; padding-right: 10px; }
a[href^="http://medaon.de"],
a[href^="http://www.medaon.de"],
a[href^="http://localhost"],
a[href^="http://medaon.localhost"] { background: transparent; padding-right: 0px; }
p#ftplink { display: none; }
h1 { font: 1.4em/1.8em Verdana, Arial, monospace; margin: 0 0 1em 0; }
h1 span { float: right; }
h2 { font: 1.2em/1.4em Verdana, Arial, monospace; margin: 1em 0 1em 0; border-bottom: 1px solid #ccc; }
h2 span { font-size: .8em; }
h3 { font: 1.1em/1.3em Verdana, Arial, monospace; margin: .5em 0 .5em 0; border-bottom: 1px solid #ccc; }
p { margin: 0 0 .5em 0; }
acronym { cursor: help; }

#pagination { text-align: center; margin: 20px 0 20px 0; }
#pagination ul { list-style: none; }
#pagination li { display: inline; padding: 0 5px 0 5px; font-size: .8em; }
#pagination p { line-height: 100%; }

div.artikel {}

/*#artikel div.artikel h2 { border-bottom: 1px solid #ccc; }*/
div.artikel h2, div.artikellast h2 { border: none; }
div.artikel { border-bottom: 1px solid #ccc; }
div.artikellast { border-bottom: none; }

.leerzeile { margin-top: 1.5em; }
.forumhinweis { font-size: .8em; font-style: italic; text-align: right; margin-bottom: 1em; }
.zentriert { text-align: center; }
ul.artikellinks { list-style: none; margin: 0; padding: 0; text-align: right; }
ul.artikellinks li { display: inline; padding: 0 0 0 20px; }
ul.artikellinks li.detaillink { display: none; }
.linkpdf, .detaillink, .abstractslink, .linkanhang { text-align: right; }
.abstractslink a { padding: 0 0 0 20px; background: url('layout/flagge_britisch.png') left center no-repeat; }
/*
.linkpdf a { padding: 0 0 0 18px; background: url('layout/icon_PDF.gif') left center no-repeat; }

.linkpdf a { padding: 0 0 0 18px; background: url('layout/icon_pdf-16.png') left center no-repeat; }
.linkanhang a { padding: 0 0 0 18px; background: url('layout/icon_jpg-16.png') left center no-repeat; }
*/
#content ul.artikellinks .anhangpdf, #content ul.artikellinks .anhangjpg { display: block; }
.linkpdf a, .anhangpdf a { padding: 0 0 0 18px; background: url('layout/icon_pdf-new.gif') left center no-repeat; }
.linkanhang a, .anhangjpg a { padding: 0 0 0 18px; background: url('layout/icon_jpg-new.gif') left center no-repeat; }

.suchbegriffe { display: none; visibility: hidden; }
.hinweis { margin: 10px 0 10px 0; font-style: italic; color: #ccc; }
.floatrechts { float: right; }
.fehlermeldung { color: #E80000; }
.even { background-color: #f2f2f2; }
.odd { background-color: #f7f7f7; }
.autosave_saving { color:#F34105; display:none; font-weight:bold; margin-left:3px; }
.uebersicht_english_abstracts { padding-left: 25px; background: url('layout/flagge_britisch.png') 5px center no-repeat; }
#wrapper #subnavi .subnaviabstandhalter { margin-top: 2.5em; }

address { margin: 0 0 0 20px; }
ul { margin: 0 0 0 1em; }

#wrapper table { width: 100%; border-collapse: collapse; font-size: .9em; }
#wrapper table td { vertical-align: top; }
#wrapper table th { text-align: left; }

#wrapper table td { padding: 0; }
#wrapper table table td { padding: 0; }
#wrapper table table table td { padding: 0 10px 10px 10px; }

* html #wrapper table { width: auto; }

ul#kommentare { margin: 0 0 0 1em; }
ul#kommentare li { line-height: 1.5em; }
ul#kommentare li span { font-size: .8em; }
ul#kommentare li span.kommentardatum { float: right; }
ul#kommentare li.aktiv span.kommentartext { clear: right; display: block; font-size: .9em; font-weight: normal; margin: 10px 0 10px 20px; }
ul#kommentare li span.kommentartext { display: none; }

ul#artikeluebersicht { margin: 0; font-size: .9em; line-height: 130%; }
ul#artikeluebersicht li { list-style: none; font-weight: bold; }
ul#artikeluebersicht li ul { margin: .5em 0 1em 1em; }
ul#artikeluebersicht li ul li { list-style-type: none; font-size: .9em; font-weight: normal; margin: 0 0 .1em 0; }
ul#artikeluebersicht li ul li a { text-decoration: none; }
ul#artikeluebersicht li ul li a:hover { text-decoration: underline; }

#bildung dl dt, #miszellen dl dt, #quellen dl dt, #rezension dl dt { margin: 0 0 10px 0; }
#bildung dl dd, #miszellen dl dd, #quellen dl dd, #rezension dl dd { margin: 0 0 20px 0; padding: 0 0 5px 0; border-bottom: 1px solid #ccc; }

form {}
fieldset { padding: 10px; border: 1px solid #ccc; }
legend { background: #fff; padding: 0 10px 0 10px; font-variant: small-caps; font-size: 1.1em; }
form p { clear: left; }
form p * { vertical-align: baseline; }
form p.bbcode { float: right; border: 1px solid #ddd; padding: 10px; }
form p.bbcode label { width: auto; display: block; float: none; font-weight: bold; }
form p.bbcode input { font-size: .6em; display: block; }
form p span { display: block; margin: 0 0 0 10em; }
label { float: left; width: 10em; }
.largelabel { display: block; width: 100%; }
#kontaktformular label { width: 13em; }
label em { color: #ff0000; }
form .button, #jqibuttons button, p.bbcode input { color: #000; background: #ccc; border: 1px solid #000; }
#jqibuttons button, p.bbcode input { padding: 1px 2px; margin: 0 5px 5px 0; }
* html form .button, * html form p.bbcode input { overflow: visible; width: 0px; }
form ul { margin-left: 1.5em; }
form #result { display: inline; float: none; margin: 0 0 0 10px; font-size: .8em; }

input.error, textarea.error { border: 1px solid #EA5200; }
#kontaktformular label.error { background:url("layout/unchecked.gif") no-repeat center left; clear: left; float: left; width: auto; margin-left: 16.2em; padding: 0 0 0 20px; font-weight: bold; color: #EA5200; font-size: .8em; }
#kontaktformular p.mitteilung label.error { margin-left: 0; }
* html label.error { margin-left: 10em; }
*+html label.error { margin-left: 10em; }
.adminnavi label { float: none; }

/* Adminhilfe */
#adminhilfe { display: none; }
#facebox .content #hilfetext h2 { margin: 0 0 20px 10px; }
#facebox .content #hilfetext h3 { margin: 0 0 20px 20px; border-bottom: none; }
#facebox .content #hilfetext div { display: none; }
#facebox .content #hilfetext div p { margin: 0 0 20px 20px; }
#facebox .content ul { float: left; width: 10em; }
#facebox .content #hilfetext { margin: 0 0 0 11em; }

/*
Fußbereich
*/
#footer { clear: left; padding: 10px 0 10px 0; border-top: 1px solid #ddd; }
#footer h1, #footer p { display: block; visibility: visible; text-align: center; font-size: .8em; font-weight: normal; margin: 0; }
#footer h1 a { color: #000; font-variant: small-caps; }

/* Rules für die Funktion Autocomplete */
.ac_results { padding: 0; border: 1px solid black; background-color: white; overflow: hidden; z-index: 99999; }
.ac_results ul { width: 100%; list-style-position: outside; list-style: none; padding: 0; margin: 0; }
.ac_results li { margin: 0; padding: 2px 5px; cursor: default; display: block; 
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	text-align: left;
	font-size: 1em;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}
.ac_loading { background: white url('layout/indicator.gif') right center no-repeat; }
.ac_odd { background-color: #eee; } 
.ac_over { background-color: #a9a9a9; color: #000; }
/* Ende Autocomplete */

/* Cluetipp */
/* global */
#cluetip-close img { border: 0; }
#cluetip-title { overflow: hidden; }
#cluetip-title #cluetip-close { float: right; position: relative; }
#cluetip-waitimage { width: 43px; height: 11px; position: absolute; background-image: url('layout/indicator.gif'); }
.cluetip-arrows { display: none; position: absolute; top: 0; left: -11px; height: 22px; width: 11px; background-repeat: no-repeat; background-position: 0 0; }
#cluetip-extra { display: none; }
/***************************************
=cluetipClass: 'default' 
-------------------------------------- */
.cluetip-default { background-color: #d9d9c2; }
.cluetip-default #cluetip-outer { position: relative; margin: 0; background-color: #d9d9c2; }
.cluetip-default h3#cluetip-title { margin: 0 0 5px; padding: 8px 10px 4px; font-size: 1.1em; font-weight: normal; background-color: #87876a; color: #fff; }
.cluetip-default #cluetip-title a { color: #d9d9c2; font-size: 0.95em; }   
.cluetip-default #cluetip-inner { padding: 10px; }
.cluetip-default #cluetip-inner em { font-size: .8em; }
.cluetip-default div#cluetip-close { text-align: right; margin: 0 5px 5px; color: #900; }
/* default arrows */
.clue-right-default .cluetip-arrows { background-image: url('layout/cluetipp/darrowleft.gif'); }
.clue-left-default .cluetip-arrows { background-image: url('layout/cluetipp//darrowright.gif'); left: 100%; margin-right: -11px; }
.clue-top-default .cluetip-arrows { background-image: url('layout/cluetipp//darrowdown.gif'); top: 100%; left: 50%; margin-left: -11px; height: 11px; width: 22px; }  
.clue-bottom-default .cluetip-arrows { background-image: url('layout/cluetipp//darrowup.gif'); top: -11px; left: 50%; margin-left: -11px; height: 11px; width: 22px; }

/* Facebox */
#facebox .b { background:url('js/facebox/b.png'); }
#facebox .tl { background:url('js/facebox/tl.png'); }
#facebox .tr { background:url('js/facebox/tr.png'); }
#facebox .bl { background:url('js/facebox/bl.png'); }
#facebox .br { background:url('js/facebox/br.png'); }
#facebox { position: absolute; top: 0; left: 0; z-index: 100; text-align: left; }
#facebox .popup { position: relative; }
#facebox table { border-collapse: collapse; }
#facebox table td { border-bottom: 0; padding: 0; margin: 0; }
#facebox .body { padding: 10px; background: #fff; width: 800px; }
#facebox .body .content { height: 500px; overflow: auto; }
#facebox .loading { text-align: center; }
#facebox .image { text-align: center; }
#facebox img { border: 0; margin: 0; }
#facebox .footer { border-top: 1px solid #DDDDDD; padding-top: 5px; margin-top: 10px; text-align: right; }
#facebox table td.tl, #facebox table td.tr, #facebox table td.bl, #facebox table td.br { height: 10px; width: 10px; overflow: hidden; padding: 0; }
#facebox_overlay { position: fixed; top: 0px; left: 0px; height:100%; width:100%; }
.facebox_hide { z-index:-100; }
.facebox_overlayBG { background-color: #000; z-index: 99; }
* html #facebox_overlay { /* ie6 hack */ position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px'); }

/* Modaldialog */
/* Overlay */
#confirmModalOverlay {background-color:#eee; cursor:wait;}
/* Container */
#confirmModalContainer {padding:0 0 10px 0; width:420px; font-family:Verdana, Arial; font-size:16px; text-align:left; background:#fff; border:2px solid #336699;}
#confirmModalContainer .header {height:30px; width:100%; color:#fff; font-size:1.1em; font-weight:bold; line-height:30px;}
#confirmModalContainer .header span {padding-left:8px;}
#confirmModalContainer .message {color:#333; text-align:center; margin:0; padding:12px 4px; font-size:1em;}
#confirmModalContainer .buttons {width:160px; float:right; padding:10px 8px 0;} 
#confirmModalContainer .buttons div {float:right; margin-left:8px; width:70px; height:26px; color:#666; font-weight:bold; text-align:center; background:url(../img/confirm/button.gif) repeat-x; border:1px solid #bbb; cursor:pointer;} 
#confirmModalContainer a.modalCloseX,
#confirmModalContainer a.modalCloseX:link,
#confirmModalContainer a.modalCloseX:active,
#confirmModalContainer a.modalCloseX:visited {text-decoration:none; font-weight:bold; font-size:1.1em; position:absolute; top:-1px; left:400px; color:#ddd;}
#confirmModalContainer a.modalCloseX:hover {color:#9bb3b3;}

/* Prompt */
.jqiwarning .jqi{ background-color: #b0be96; }
.jqifade{ background-color: #ffffff; }
div.jqi{ position: absolute; background:#fff; border:2px solid #336699; padding: 10px; width: auto; display: inline; }
div.jqi .jqiclose{ display: none; float: right; margin: -35px -10px 0 0; cursor: pointer; }
/*
div.jqi .jqicontainer{ background-color: #e0eEc6; padding: 5px; color: #ffffff; font-weight: bold; }
div.jqi .jqimessage{ background-color: #c0cEa6; padding: 10px; }
*/
div.jqi .jqicontainer{ background-color: #fff; padding: 5px; color: #ffffff; font-weight: bold; }
div.jqi .jqimessage{ background-color: #ddd; color: #000; padding: 10px; }
div.jqi .jqibuttons{ text-align: center; padding: 5px 0 0 0; }
div.jqi button{ padding: 3px 10px 3px 10px; margin: 0 10px; }