/* CSS Document */
html, body {
	height: 100%;
	width: 100%;
	margin: 0;
	padding: 0;
	font-family: Verdana, Helvetica, sans-serif;
	color: black;
	font-size: 14px;
	background: url('bilder/left.jpg') white repeat-y fixed left top;
}
#rechter-rand {
	position: fixed;
	width: 70px;
	height: auto;
	right: 0px;
	top: 0px;
	bottom: 0px;
	background:url('bilder/right.jpg');
}
#content-container {
	margin-left: 220px;
	margin-top: 40px;
	margin-right: 80px;
	background: white;
}
#content {
	margin: 20px;
	padding: 10px;
	background: white;
}
#content h1 {
	font-size: 24px;
	color:#990033;
	text-align:center;
}
#content h2 {
	font-size: 18px;
	color:gray;
	text-align:center;
}
#content h3 {
	font-size: 16px;
}
#content p {
	text-align:justify;
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	color: black;
	font-size: 14px;
}
#content a {
	text-align:justify;
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	color: #990033;
	font-size: 14px;
}
#content a:hover {
	text-align:justify;
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	color: #990033;
	font-size: 14px;
}
#content a:active {
	text-align:justify;
	text-decoration:none;
	font-family: Verdana, Helvetica, sans-serif;
	color: #990033;
	font-size: 14px;
}
/* Logo Position */
#logo-container {
	position: fixed;
	top: 0px;
	left: 0px;
	width: 203px;
	height: 129px;
	margin: 5px;
}
/* Hauptnavigation */
#sidenavi-container {
	position: fixed;
	top: 160px;
	margin: 11px;
}
/* Vertikale navigation */
div#sidenavi {
	width: 200px;
	padding: 0px;
	color: #FFFFFF;
}
* html div#sidenavi {
	width: 200px;
	w\idth: 200px;  /* (IE 6 in standards-compliant mode) */
}
ul#navigation {
	margin: 0;
	padding: 0;
	text-align: right;
}
ul#navigation li {
	list-style: none;
	position: relative;
	margin: 0px;
	padding: 0;
}
* html ul#navigation li {
	margin-right: 0px; /* Platz fuer Link-Verbreiterung im IE reservieren */;
	margin-bottom: 0;
}
ul#navigation li ul {
	margin: 0;
	padding: 0;
	position: absolute;
	top: 0;
	left: 200px;
}
*:first-child + html ul#navigation li ul {
	left: 200px;  /* (IE 7 in standards-compliant mode) */
}
ul#navigation li ul li {
	margin: 0;
	padding-left: 00px;
}
ul#navigation a, ul#navigation span {
	display: block;
	width: 170px;
	font-size: 16px;
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	padding: 7px 15px 7px 15px;
	background: url('bilder/menu2_normal-trans.png');
}
* html ul#navigation a, * html ul#navigation span {
	width: 170px;
	w\idth: 170px;  /* (IE 6 in standards-compliant mode) */
}
ul#navigation a:hover, ul#navigation span, li a#aktuell:hover {
	background: url('bilder/menu2_hover-trans.png');
	color:black;
}
li a#aktuell {
	background: url('bilder/menu2_active-trans.png');
}
ul#navigation li ul span {
	background: url('bilder/menu2_normal-trans.png');
}
ul#navigation li a:active {
	background: url('bilder/menu2_active-trans.png');
}
/* Hintergrund für 2. Navigationsebene */
ul#navigation li:hover > ul {
	display:block;	
	background: #f5d27c; 
} 
/* dynamisches Ein-/Ausblenden */
ul#navigation li ul {
	display: none;
}
ul#navigation li:hover > ul {
	display: block;
	/*background:#ffe060;*/
}
ul#navigation > li:hover > a {
	width: 170px;
	background: url('bilder/menu2_hover-trans.png');
	color:black;
}
/* dynamisches Ein-/Ausblenden der JavaScript-generierten Klasse im IE */
* html ul#navigation li.hoverIE {
	margin-right: 20px; /* reservierten Platz freigeben */;
	margin-bottom: -19px;  /* Fehlerkorrektur, ggfls. anpassen */
}
* html ul#navigation li.hoverIE ul {
	display: block;
}
* html ul#navigation li .hoverIE {
	width: 170px;
	w\idth: 170px; /* (IE 6 in standards-compliant mode) */;
	background: url('bilder/menu2_hover-trans.png');
}
/* weitere Objekte */
#sidenavi h1 {
	width: 180px;
	height: 16px;
	margin: 0;
	background:#ffffff;
	font-weight:normal;
	font-size: 17px;
	color: #505050;
	padding: 10px 15px 10px 15px;
	text-align: right;
}
#sidenavi div {
	width: 200px;
	height: 1px;
	margin: 0;
	padding: 0;
}
/* Toolbox */
#toolbox-container {
	position: fixed;
	width: 200px;
	height: 110px;
	left: 11px;
	bottom: 10px;
	background:transparent /*?*/;
}
#toolbox {
	width: 170px;
	height: 100px;
	margin-left:15px;
	margin-top:5px;
	background: transparent;
	text-align: right;
	color: #505050;
	text-decoration: none;
	font-weight: normal;
	vertical-align: middle;
}
#toolbox p {
	color:#505050;
	text-decoration: none;
	font-size: 3px;
	font-weight: normal;
}
#toolbox a {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#toolbox a:hover {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
#toolbox a:active {
	color:#505050;
	font-size: 12px;
	text-decoration: none;
	font-weight: normal;
}
/* Tabellen */
table, tr, td {
color: #000000;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
}

/* Tabelle in eintrag.php und edit.php */
.form {
text-align: center;
width: 70%;
}

/* Tabellenspalte in der die Erklärungen stehen */
td.describtion {
text-align: right;
width: 50%;
}

/* Tabellenspalte in der die Eingabefelder stehen */
td.input {
text-align: left;
width: 50%;
}

/* Eingabefelder */
input, select {
background-color: #ffffff;
color: #000000;
border: 1px solid #333333;
height: 13pt;
}

input.gb, select.gb {
width: 90%;
}

/* Textfeld */
textarea.gb {
background-color: #FFFFFF;
color: #000000;
font-family: sans-serif;
font-size: 9pt;
width: 100%;
border: 1px solid #afafaf;
}

/* Links */
a:link {
color: #990033;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* Links beim Überfahren mit der Maus */
a:link:hover {
color: #990033;
background-color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
text-decoration: underline;
}

/* besuchte Links */
a:visited {
color: #990033;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
text-decoration: none;
}

/* besuchte Links beim Überfahren mit der Maus */
a:visited:hover {
color: #990033;
background-color: #ffffff;
font-family: verdana, arial, sans-serif;
font-size: 9pt;
text-decoration: underline;
}

/* Erfolgs- oder Fehlermeldung bei der Suche */
div.suchmeldung {
font-size: 12pt;
}


/* Der Suchbegriff */
span.suchwort {
font-weight: bold;
}

/* Die Regeln in der eintrag.php */
div.regeln {
text-align: left;
}

/* Der Button unter den Regeln in der eintrag.php */
form.regeln {
text-align: center;
}

/* Die Buttons in eintrag.php, über die die BBCodes eingefügt werden */
img.bbcode {
background-color: #ffffff;
width: 23px;
height: 23px;
border: 1px solid #afafaf;
}

/* Die kleinen Bilder (Page, Mail, ICQ, Bild) in gbuch.php */
img.gbuch {
border: 0px solid;
width: 15px;
height: 15px;
}

/* Text "(* Pflichtfelder)" */
div.pflichtfeld {
font-weight: bold;
text-align: center;
}

/* Fehlermeldung bei deaktiviertem Javascript */
div.nojs {
color: red;
font-weight: bold;
}

/* Einträge mit gerader Nummer (2, 4, 6, 8 usw.) */
div.gerade {
border: 1px solid #dcdcdc;
}

/* Einträge mit ungerader Nummer (1, 3, 5, 7 usw.) */
div.ungerade {
border: 1px solid #cdcdcd;
}

/* ein Zitat */
div.zitat {
border: 1px solid black;
margin: 10px;
}

/* die zitierte Person */
div.zitat_person {
font-weight: bold;
}

/* der zitierte Text */
div.zitat_text {
font-style: italic;
}

/* ein Code */
div.code {
border: 1px solid black;
margin: 10px;
}

/* Dateiname */
div.code_datei {
font-weight: bold;
}

/* der Code */
div.codetext {
font-family: "Courier New", monospace;
background-color: #ffffff;
}

/* ein Kommentar */
div.kommentar {
border: 1px solid black;
margin: 10px;
}

/* Text wie "Kommentar vom Webmaster" */
div.kommentar_beschr {
font-weight: bold;
color: #330099;
}

/* der Kommentar selbst */
div.kommentar_text {
font-style: italic;
}

/* Der Besucher */
span.user {
font-weight: bold;
}

/* die Nummer des Eintrags */
span.nummer {
font-weight: bold;
color: #000000;
}

/* die aktuelle Seite */
span.aktuelle_seite {
font-weight: bold;
}

/* Text "..." bei der Seitenauswahl */
span.punkt {
color: #000000;
}

/* Der Betreff eines Eintrags */
div.betreff {
font-weight: bold;
margin-top: 5px;
}

/* Die Einträge */
div.eintragstext {
margin-top: 5px;
}

/* showimage.php: das hochgeladene Bild */
div.upimg {
text-align: center;
}

/* showimage.php: Text unter Bild */
p.upimgdesc {
text-align: center;
}

@media print {

.onlyscreen {
visibility: hidden;
height: 0px;
}

a.linkinfo {
text-decoration: none;
}

a.linkinfo:after {
content: " ("attr(title)" ) ";
}

}