/*******************************************************************************
 *
 *	Cascading Style Sheet für HAPPYTEC.at
 *	-------------------------------------
 *	Media Screen (für den Bildschirm)  
 *
 *	Inspiriert durch das phpBB2-Forenstyle "ACID" von HEDONISM ;-)
 * 
 *	Author:     Christian Schrötter (killerbees19)
 *	Copyright:  Christian Schrötter (killerbees19)
 *	Version:    02.09.2008, 14:02
 *
 *	Das Kopieren dieser Datei, auch auszugsweise, ist verboten!
 *	Dieses Design wurde von Schrötter Christian entworfen und erstellt.
 *	Es ist nicht erlaubt dieses Design zu kopieren oder zu verwenden.
 *
 *	Zum Design zählen alle CSS-Dateien, Grafiken, HTML-Codes, Javascripte, usw...
 *	Für nähere Informationen besuche bitte http://www.happytec.at/info/index.php
 *	oder kontaktiere mich: http://www.happytec.at/kontakt/index.php
 *
 * |    |     /\     +----\ +----\ \   / ---+--- +----   /---       /\   ---+---
 * |    |    /  \    |    | |    |  \ /     |    |      /          /  \     |
 * |----|   /----\   |----/ |----/   |      |    +----  |         /----\    |
 * |    |  /      \  |      |        |      |    |      \        /      \   |
 * |    | /        \ |      |        |      |    +----   \--- o /        \  |
 * 
 *	Achja: Das habe ich eigentlich immer in meinem ersten Webseiten im Quelltext
 *	       geschrieben. Ich finde, das könnte ich ruhig wieder machen ;-)
 * 
 *	Deshalb: Wer sich diese Zeilen gerade durchliest, kann mir gerne eine E-Mail
 *	         schreiben. Für Vorschläge, Kritik oder Lob habe ich immer Zeit ;-)
 *	         Hier die Adresse, aus Spamschutzgründen musst du die Seite aufrufen
 *	         um sie zu sehen :-(
 *	         http://www.happytec.at/kontakt/index.php?betreff=Quelltext+lesen...   
 *
 *	Und was fehlt jetzt noch?
 *	Keine Ahnung?
 *	Die Versions-History!
 *	    ----------------
 *	     
 *	2010-05-29:
 *		- Spamschutz vom PHP-Code ausgelagert
 *		- NL Konvertierung: DOS -> UNIX
 * 
 *	2008-09-02:
 *		- green_bodyline hinzugefügt
 * 
 *	2008-06-12:
 *		- Tabs nicht mehr unterstrichen, da es im Opera 9.5 seltsam aussieht.
 * 
 *	2008-06-10:
 *		- Einige Klassen für die Foto Galerie hinzugefügt
 * 
 *	2008-05-30:
 *		- Dropdown Menü hinzugefügt
 *		  siehe http://barrierefrei.e-workers.de/workshops/tricks/menues.php
 * 
 *  2008-05-25:
 *		- Neue (Absende) Buttons erstellt. (new_button)
 * 
 *  2008-05-15:
 *		- Neue Klassen für Happytec Ajax Window hinzugefügt
 *
 *  2008-04-17:
 *		- Suchformular vergrößert
 *
 *  2008-02-26:
 *		- CSS Klassen für die neue Headerleiste hinzugefügt
 *
 *  2008-01-29:
 *		- CSS Klassen für das Abdunkeln des Hintergrundes hinzugefügt (JS)
 *
 *  2008-01-22:
 *		- CSS Klassen für die Werbung hinzugefügt
 *
 *  2008-01-16:
 *		- Hover Effekt für "row" Tabellen.
 *		  Um Konflikte zu vermiden wurde "_new" angehängt.
 *
 *  2008-01-07:
 *		- Änderungen an <fieldset> und <legend>
 *
 *  2007-12-18:
 *		- class linkbox_new hinzugefügt (z.B. Weihnachtsnewsletter)
 *
 *  2007-11-13:
 *		- Mindestbreite korrigiert, nur verrutschen die Tabs nicht mehr
 *		  Und das ganze ohne min-width :P 
 *
 *  2007-09-13:
 *		- Wieder einige kleine Änderungen (hauptsächlich bei den Tabs)
 *
 *  2007-07-13:
 *		- Die Bilder für den Schatteneffekt der Haupttabelle
 *		  werden jetzt durch CSS positioniert :) 
 *
 *  2007-04-24:
 *		- Einige Erweiterungen
 *
 *  2007-04-11:
 *		- Beginn mit der Erstellung des neuen Design
 *		  (eigentlich schon am Vorabend)
 *
 *******************************************************************************/




/*******************************************************************************
 *	Allgemeines
 *******************************************************************************/


/* Seitenhintergrund & allgemeine Schriftart, Schriftfarbe und Schriftgröße */
body {
	background-color: #C6DB84;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}


/* Horizontale Linie - +++EDIT-MARKER+++ */
hr {
	height: 0px;
	border: solid #D1D7DC 0px;
	border-top-width: 1px;
}


/* Keine Abstände bei Formularen - +++EDIT-MARKER+++ */
form {
	margin: 0px;
	padding: 0px;
}

/* Formularränder anpassen */
fieldset {
	/* border-color: #CCCCCC; (macht im IE6 Probleme...) */
	padding: 15px;
}

/* Formularlegende anpassen */
legend {
	color: #006699; /* früher auch "blue" */
	font-weight: bold;
	padding: 5px; /* früher auch "5px" */
	/* border: 1px #CCCCCC solid; */
	/* min-width: 100px; */
}


/*
	Mauszeiger wie bei Links, damit alle kapieren,
	dass man damit die Radiobuttons de- aktivieren kann ;-)
*/
label {
	cursor: pointer;
}


/* Allgemeines für häufige Tags */
font, th, td, p { font-family: Verdana, Arial, Helvetica, sans-serif }
p, td { font-size: 12px; color: #000000; }


/* Links */
a:link, a:active, a:visited {
	color: #006699;
}

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


/* Sehr Große Schrift */
h1, h2 {
	font-size: 22px;
	font-weight: bold;
	text-decoration: none;
	line-height: 120%;
	color: #000000;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


/* Tabellenheader */
.th, th {
	color: #1B4370;
	font-size: 11px;
	font-weight: bold;
	background-color: #C6DB84;
	height: 25px;
	background-image: url("../images/cellpic3.gif");
}

.th {
	height: auto;
}


/* Tabellenheader, wenn wenig Platz ist */
th.small_th {
	color: #1B4370;
	font-size: 10px;
	font-weight: bold;
	background-color: #C6DB84;
	height: 16px;
	background-image: url("../images/cellpic3.gif");
}


th.border_all {
	border-width: 1px 1px 1px 1px;
}


/* bodyline (phpBB 2) */
.bodyline {
	background-color: #FDFFEE;
	border: 1px #82915A solid;
}

/* bodyline in einer anderen Farbe */
.new_bodyline {
	background-color: #FDFFEE;
	border: 1px #DD6900 solid;
}

/* bodyline in Grün */
.green_bodyline {
	background-color: #FDFFEE;
	border: 1px green solid;
}


/* forumline (phpBB 2) */
.forumline {
	background-color: #FFFFFF;
	border: 2px #5F7347 solid;
}


/* Zellenhintergundfarben -> NEU: Kann nun nicht nur in Tabellen genutzt werden! */
.row1, .row1_new { background-color: #F8FBE8; }
.row2, .row2_new { background-color: #E9EDD2; }
.row3, .row3_new { background-color: #DCE3C1; }

/* Aktive Tabellen */
.row1_new_active, .row2_new_active, .row3_new_active, .row_highlight
{
	background-color: rgb(251,219,163); /* #E0E000 #90D000 */
}

/* Hover Effekt dafür */
.row1_new:hover, .row2_new:hover, .row3_new:hover,
.row1_new_hover, .row2_new_hover, .row3_new_hover,
.row1_new_active_hover, .row2_new_active_hover, .row3_new_active_hover,
.row1_new_active:hover, .row2_new_active:hover, .row3_new_active:hover
{
	background-color: #AAAAAA;
}


/* Allgemeiner Text (phpBB 2) */
.gen { font-size: 12px; }
.genmed { font-size: 11px; }
.gensmall { font-size: 10px; }

.gen, .genmed, .gensmall {
	color: #000000;
}


/* Allgemeine Links (phpBB 2) */
a.gen, a.genmed, a.gensmall {
	color: #006699;
	text-decoration: none;
}

a.gen:hover, a.genmed:hover, a.gensmall:hover {
	color: #DD6900;
	text-decoration: underline;
}


/* Menülinks (phpBB 2) */
.mainmenu {
	font-size: 11px;
	color: #000000;
}

a.mainmenu {
	text-decoration: none;
	color: #006699;
}

a.mainmenu:hover {
	text-decoration: underline;
	color: #DD6900;
}


/* Foren-Kategorien (phpBB 2) */
.cattitle {
	font-weight: bold;
	font-size: 12px ;
	letter-spacing: 1px;
	color: #006699
}

a.cattitle {
	text-decoration: none;
	color: #006699;
}

a.cattitle:hover {
	text-decoration: underline;
}


/* Forumtitel (phpBB 2) */
.forumlink {
	font-weight: bold;
	font-size: 12px;
	color: #006699;
}

a.forumlink {
	text-decoration: none;
	color: #006699;
}

a.forumlink:hover {
	text-decoration: underline;
	color: #DD6900;
}


/* Navigation (phpBB 2) */
.nav {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a.nav {
	text-decoration: none;
	color: #006699;
}

a.nav:hover {
	text-decoration: underline;
}


/* Topic-Titel (phpBB 2) */
.topictitle {
	font-weight: bold;
	font-size: 11px;
	color: #000000;
}

a.topictitle:link {
	text-decoration: none;
	color: #006699;
}

a.topictitle:visited {
	text-decoration: none;
	color: #5493B4;
}

a.topictitle:hover {
	text-decoration: underline;
	color: #DD6900;
}


/* Name der Beitragsautoren in viewtopic.php und privmsg.php (phpBB 2) */
.name {
	font-size: 11px;
	color: #000000;
}


/* Details eines Beitrages (phpBB 2) */
.postdetails {
	font-size: 10px;
	color: #000000;
}


/* Inhalt der Beiträge (phpBB 2) */
.postbody {
	font-size: 12px;
}

a.postlink:link	{
	text-decoration: none;
	color: #006699
}

a.postlink:visited {
	text-decoration: none;
	color: #5493B4;
}

a.postlink:hover {
	text-decoration: underline;
	color: #DD6900
}


/* Zitat, Code und PHP-Code (phpBB 2) */
.code {
	font-family: Courier, 'Courier New', sans-serif;
	font-size: 11px;
	color: #006600;
	background-color: #FAFAFA;
	border: #D1D7DC;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}

.quote {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #444444;
	line-height: 125%;
	background-color: #FAFAFA;
	border: #D1D7DC;
	border-style: solid;
	border-left-width: 1px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px
}


/* Copyright und Fußnoten */
.copyright {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #444444;
	letter-spacing: -1px;
}

a.copyright {
	color: #444444;
	text-decoration: none;
}

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


/* Große Schrift */
.maintitle, h1, h2 {
	font-weight: bold;
	font-size: 22px;
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	line-height: 120%;
	color: #82915A;
}


/* Formularelemente */
input,textarea, select {
	color : #000000;
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	border-color : #000000;
}

/* The text input fields background colour */
input.post, textarea.post, select {
	background-color : #FFFFFF;
}

input { text-indent: 2px; }

select, option {
	cursor: pointer;
}

/* Input Buttons */
input.button {
	background-color: #EFEFEF;
	color: #000000;
	font-size: 11px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	cursor: pointer;
}


/* Der Hauptabsendebutton */
input.mainoption {
	background-color: #FAFAFA;
	font-weight: bold;
	cursor: pointer;
}


/* Normaler Absendebutton */
input.liteoption {
	background-color: #FAFAFA;
	font-weight: normal;
	cursor: pointer;
}


/* Neues Design eines Buttons */
.new_button {
	margin: 3px;
	color: #5F7347;
	background-color: #FFFFFF;
	border: 1px solid #82915A;
	cursor: pointer;
}


/* Suchformular */
.top_search_form {
	width: 161px;
	margin: 3px;
	color: #5F7347;
}

input.top_search_form {
	background-color: #FFFFFF;
	border: 1px solid #82915A;
	cursor: pointer;
}


/* (phpBB 2 [subSilver]): This is the line in the posting page which shows the rollover 
              help line. This is actually a text box, but if set to be the
              same colour as the background no one will know ;-)
*/
.helpline {
	background-color: #DEE3CC;
	border-style: none;
	cursor: help;
}


/* (phpBB 2 [subSilver]): This is for the table cell above the Topics,
                          Post & Last posts on the index.php page. By default
						  this is the fading out gradiated silver background.
						  However, you could replace this with a bitmap
						  specific for each forum.
*/
td.rowpic {
	background-color: #C6DB84;
	background-image: url("../images/cellpic1.gif");
}

td.cat, td.catHead, td.catSides, td.catLeft, td.catRight, td.catBottom {
	background-image: url("../images/cellpic1.gif");
	background-color: #DEE3CC;
	border: #FFFFFF;
	border-style: solid;
	height: 28px;
}


/* (phpBB 2 [subSilver]): Setting additional nice inner borders for the main
                          table cells. The names indicate which sides the
						  border will be on. Don't worry if you don't
						  understand this, just ignore it ;-)
*/
td.cat, td.catHead, td.catBottom {
	height: 29px;
	border-width: 0px 0px 0px 0px;
}

th.thHead, th.thSides, th.thTop, th.thLeft, th.thRight, th.thBottom, th.thCornerL, th.thCornerR {
	font-weight: bold;
	border: #FFFFFF;
	border-style: solid;
	height: 28px;
}

td.row3Right, td.spaceRow {
	background-color: #CFD7BB;
	border: #FFFFFF;
	border-style: solid;
}

th.thHead, td.catHead {
	font-size: 12px;
	border-width: 1px 1px 0px 1px;
}

th.thSides, td.catSides, td.spaceRow {
	border-width: 0px 1px 0px 1px;
}

th.thRight ,td.catRight ,td.row3Right {
	border-width: 0px 1px 0px 0px;
}

th.thLeft, td.catLeft {
	border-width: 0px 0px 0px 1px;
}

th.thBottom, td.catBottom {
	border-width: 0px 1px 1px 1px;
}

th.thTop {
	border-width: 1px 0px 0px 0px;
}

th.thCornerL {
	border-width: 1px 0px 0px 1px;
}

th.thCornerR {
	border-width: 1px 1px 0px 0px;
}

/* Gepunktete Linie */
.dotted_border {
	border-bottom: 1px #006699 dotted;
}


/* Suchformular */
.search_input_header {
	padding-left: 16px;
	background: url("../images/icon_search.gif") top left no-repeat;
	/* background: url("../../images/famfamfam/zoom.png") top left no-repeat; */
}


/* Mauszeiger wie bei Links */
.c_pointer {
	cursor: pointer;
}


/*  */
.linkbox {
	margin: 0;
	padding: 5px;
	border-bottom: 1px solid white;
	vertical-align: middle;
}


/*  */
.linkbox_new { margin-left: 20px; padding-left: 5px; border: 0px; border-left: 3px #CCCCCC solid; }


/* Werbung */
.ads_box {
	border: 1px #006699 dotted;
	padding: 5px;
	background-color: #FDFFEE;
}


/* Hintergrund abdunkeln */
.black_opacity {
	background-color: #353535;
}


/* Header Leiste */
#header_info {
	/* position: fixed; */
	position: absolute;
	left: 0px;
	top: 0px;
	width: 100%;
	height: 25px;
	line-height: 19px;
	background-color: #82915A;
	border: 0px;
	border-bottom: 1px solid #FFFFFF;
	color: #FFFFFF;
	font-size: 11px;
	font-weight: bold;
	z-index: 100000;
	min-width: 900px;
}

#header_info_inner {
	position: relative;
	margin: 3px;
}

#header_info_left {
	position: absolute;
	left: 0px;
	/* top: 0px; */
}

#header_info_right {
	position: absolute;
	right: 0px;
	/* top: 0px; */
}

#header_info_center {
	/* ... */
}

a.header_info:link, a.header_info:active, a.header_info:visited {
	text-decoration: none;
	color: #FFFFFF;
	font-weight: bold;
}

a.header_info:hover {
	text-decoration: underline;
	color: #FFFFFF;
	font-weight: bold;
}


/*******************************************************************************
 *	Navigations-TAB's (kurz: TAB)
 *******************************************************************************/

/* Tab-Linie */

.tab_linie
{
	position: absolute;
	left: 0px;
	top: 38px;
	width: 100%;
}

/* Aktiver Tab (nach unten) */

div.tab_active {
	width: 101px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	background-image: url("../images/tab-active_no_shadow.gif");
	font-weight: bold;
	color: #006699;
	font-size: 13px;
	/* text-decoration: underline; */
	text-decoration: none;
	line-height: 35px;
}

a.tab_active:link, a.tab_active:visited, a.tab_active:active {
	width: 101px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #006699;
	font-size: 13px;
	/* text-decoration: underline; */
	text-decoration: none;
	line-height: 35px;
	cursor: pointer;
}

a.tab_active:hover {
	color: #DD6900;
	/* color: #006699; */
	text-decoration: underline;
	line-height: 35px;
	cursor: pointer;
}

/* Inaktiver Tab (nach oben) */
div.tab_normal {
	width: 101px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	background-image: url("../images/tab-normal_no_shadow.gif");
	font-weight: bold;
	color: #006699;
	font-size: 13px;
	text-decoration: none;
	line-height: 35px;
}

a.tab_normal:link, a.tab_normal:visited, a.tab_normal:active {
	width: 101px;
	height: 35px;
	vertical-align: middle;
	text-align: center;
	font-weight: bold;
	color: #006699;
	font-size: 13px;
	text-decoration: none;
	line-height: 35px;
	cursor: pointer;
}

a.tab_normal:hover {
	color: #DD6900;
	/* color: #006699; */
	text-decoration: underline;
	line-height: 35px;
	cursor: pointer;
}


/* Haupttabelle + Schatten */

table.table {
	margin: 0px;
	padding: 0px;
	min-width: 900px;
	/* height: 100%; */
	width: 100%;
}

td.table_top_left {
	width: 35px;
	height: 35px;
	background-image: url(../images/body-links-oben.jpg);
}

td.table_top {
	width: 100%;
	height: 35px;
	background-image: url(../images/body-oben.jpg);
}

td.table_top_right {
	width: 35px;
	height: 35px; 
	background-image: url(../images/body-rechts-oben.jpg);
}

td.table_left {
	width: 35px;
	height: 100%;
	background-image: url(../images/body-links.jpg);
	vertical-align: top;
}

div.table_left {
	width: 35px;
	height: 35px;
	background-image: url(../images/body-links-oben-next.jpg);
	background-repeat: no-repeat;
}

td.table_content {
	width: 100%;
	height: 100%;
	padding: 0px;
	margin: 0px;
	background-color: #FDFFEE;
}

td.table_right {
	width: 35px;
	height: 100%;
	background-image: url(../images/body-rechts.jpg);
	vertical-align: top;
}

div.table_right {
	width: 35px;
	height: 35px;
	background-image: url(../images/body-rechts-oben-next.jpg);
	background-repeat: no-repeat;
}

td.table_bottom_left {
	width: 35px;
	height: 40px;
	background-image: url(../images/body-links-unten.jpg);
}

td.table_bottom {
	width: 100%;
	height: 40px;
	background-image: url(../images/body-unten.jpg);
}

div.table_bottom {
	width: 35px;
	height: 40px;
	background-image: url(../images/body-links-unten-next.jpg);
	background-repeat: no-repeat;
}

td.table_bottom_right {
	width: 35px;
	height: 40px;
	background-image: url(../images/body-rechts-unten.jpg);
}

td.navi_tabs {
	padding: 5px;
	padding-left: 10px;
}

div.navi_tabs {
	position: relative;
	height: 80px;
}

/* Navigation der Homepage */
.navi_homepage {
	/*font-weight: bold;*/
	font-size: 11px;
	color: #000000;
}

a.navi_homepage:link, a.navi_homepage:visited, a.navi_homepage:active {
	text-decoration: none;
	color: #006699;
}

a.navi_homepage:hover {
	text-decoration: underline;
	color: #DD6900;
}

/* Platzhalter damit das Fenster mindestens 1000px breit sein muss */
.table_min_width {
	width: 900px;
	height: 1px;
}

/* Happytec Ajax Window */
.ajax_table {
	width: 500px;
	display: none;
	z-index: 100;
	height: 300px;
	position: fixed;
}

.ajax_td1, .ajax_td3, .ajax_td4, .ajax_td6, .ajax_td7, .ajax_td9, .ajax_td10, .ajax_td12 {
	width : 10px;
}

.ajax_td1, .ajax_td2, .ajax_td3 {
	height: 6px;
}

.ajax_td2, .ajax_td5, .ajax_td8, .ajax_td11 {
	width: 480px;
}

.ajax_td4, .ajax_td5, .ajax_td6 {
	height: 24px;
}

.ajax_td7, .ajax_td8, .ajax_td9 {
	height: 260px;
}

.ajax_td10, .ajax_td11, .ajax_td12 {
	height: 10px;
}

.ajax_td1 {
	background-image: url(../images/ajax1.gif);
}

.ajax_td2 {
	background-color: #82915A;
}

.ajax_td3 {
	background-image: url(../images/ajax3.gif);
}

.ajax_td4 {
	background-image: url(../images/ajax2.gif);
}

.ajax_td5 {
	background-color: #82915A;
	line-height: 16px;
	cursor: move;
}

.ajax_td5_table {
	width: 100%;
	height: 16px;
}

.ajax_td5_table_td1 {
	width: 444px;
	color: #FFFFFF;
	font-size: 12px;
}

.ajax_td5_table_td2, .ajax_td5_table_td3 {
	width: 20px;
}

.ajax_td6 {
	background-image: url(../images/ajax4.gif);
}

.ajax_td7 {
	background-image: url(../images/ajax7.gif);
}

.ajax_td8 {
	background-color: #FDFFEE;
	padding-top: 10px;
}

.ajax_td9 {
	background-image: url(../images/ajax8.gif);
}

.ajax_td10 {
	background-image: url(../images/ajax5.gif);
}

.ajax_td11 {
	background-image: url(../images/ajax9.gif);
}

.ajax_td12 {
	background-image: url(..//images/ajax6.gif);
}

.happytec_ajax_wait {
	z-index: 200;
	display: none;
	width: 100px;
	height: 100px;
	position: fixed;
	padding: 15px;
	background-color: #FFFFFF;
	border: 2px #5F7347 solid;
}


/* Foto Galerie */
img.gallery_thumbnail {
	background-image: url('../../images/ajax/transparent-006699-circle_ball.gif');
	background-repeat: no-repeat;
	background-position: center;
	margin:  2px;
	padding: 5px;
	border-width: 0;
	border-color: #006699;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
	position: absolute;
	left: -7px;
	top: -7px;
}

img.new_icon {
	position: absolute;
	bottom: -2px;
	left: 2px;
}

div.thumbnail_container {
	position: relative;
}

div.photo_container {
	position: relative;
}

img.gallery_photo {
	background-color: #FFFFFF;
	background-image: url('../../images/ajax/transparent-006699-circle_thickbox.gif');
	background-repeat: no-repeat;
	background-position: center;
	margin:  4px;
	padding: 6px;
	border-width: 0;
	border-color: #006699;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
	position: absolute;
	left: -10px;
	top: -10px;
}

div.gallery_user_box {
	background-color: #FFFFFF;
	border-color: #006699;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	padding: 3px;
	position: absolute;
	right: -8px;
	bottom: -32px;
	height: 18px;
}

div.gallery_mod_box {
	background-color: #FFFFFF;
	border-color: #006699;
	border-style: solid;
	border-width: 1px;
	border-top-width: 0px;
	padding: 3px;
	position: absolute;
	left: -6px;
	bottom: -32px;
	height: 18px;
}


/* Aufklappbare Menüs */
#menubox {
	position: relative;
	height: 30px;
}

.stupidie {
	display: none;
}

#menu {
	position:absolute;
	top: 5px;
	left: 0;
	z-index: 200;
}

#menu .aussen {
	float: left;
	display: block;
	overflow: hidden;
	width: 8em;
	height: 1.3em;
	font-weight: bold;
	text-align: center;
	background-color: #dec79a;
	color: #513913;
	border: 1px solid;
	border-color: #d0843e #78561d #78561d #d0843e;
}

#menu .aussen:hover {
	height: auto;
	background-color: #624617;
	color: #fff;
}

a.innen-1 {
	margin-top: 2px;
}

a.innen, a.innen-1 {
	display: block;
	width: 7.9em;
	padding: 2px 0;
	text-decoration: none;
	font-weight: normal;
	border-bottom: 1px solid #78561d;
	background-color: #ecd8ae;
	color: #600;
}

a:visited.innen, a:visited.innen-1 {
	background-color: #ecd8ae;
	color:#555;
}

a:hover.innen, a:hover.innen-1 {
	background-color: #f7eedb;
	color: #900;
}

span.menutag {
	display: block;
	cursor: default;
}





/*******************************************************************************
 *******************************************************************************/

/* Too cool for IE */
a#tooCool {
position: fixed;
right: 0;
bottom: 0;
display: block;
height: 80px;
width: 80px;
background: url("../../images/toocool.gif") bottom right no-repeat;
text-indent: -999em;
text-decoration: none;
}

/* Hier stehen die Styles für das Suchformular, vorallem für die integrierte Suche in der rechten Navigation */
.sform {  font-size: 11px; color: #000000; width: 100px; height: 17px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.sbutton { font-size: 11px; width: 100px; color: #990000; font-weight: bold; background-color: #E8E8E8; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675}

.sform2 {  font-size: 11px; color: #000000; width: 160px; height: 17px; border-left: 1px solid #999999; border-bottom: 1px solid #999999; border-right: 1px solid #999999; border-top: 1px solid #999999 }
.sbutton2 { font-size: 11px; width: 160px; color: #990000; font-weight: bold; background-color: #E8E8E8; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675}

.suche a:link, .suche a:visited {  font-size: 11px; color: #820000; text-decoration: none; font-weight: normal}
.suche a:hover {  font-size: 11px; color: #666666; text-decoration: none; font-weight: normal}

/* Hintergrundfarbe der Tabellen */
.haupttabelle { background: #FDFFEE; }

/* Disabled - Farbe für den Text neben einem deaktiviertem Formular-Element */
.disabled, a.disabled:link, a.disabled:active, a.disabled:visited, a.disabled:hover { color: #C0C0C0; }

/* Grauer Text, Größe Variabel */
.grey, a.grey:link, a.grey:visited, a.grey:active { color: #666666; }
a.grey:hover { color: #666666; text-decoration: underline; }

/* Roter Text, Größe Variabel */
.red { color: #820000; }

/* Grauer Text in typischer kleiner Schrift */
.grey11 { font-size: 11px; color: #666666; }

/* Kleinere Schrift für die rechte Navigationsbox */
.navi_r { font-size: 11px; }
.navi_r a:link, .navi_r a:visited {  font-size: 11px; color: #820000; text-decoration: none; font-weight: normal}
.navi_r a:hover {  font-size: 11px; color: #666666; text-decoration: none; font-weight: normal}

/* anormal-tracker */
td.small      { font-size: 8pt; }
td.verysmall  { font-size: 6pt; }


.print          { visibility: visible; }
.print_seite    { visibility: visible; }
.print_inhalt   { visibility: visible; }
.print_copy     { visibility: hidden; }

/* Tabellenfarbe #FDFFEE */
/* Weitere Formatierungen folgen! MfG Christian */



/* zphoto und news */

p.thumbnails  {
	margin-left: 5%;
	margin-right: 5%;
}

img.thumbnail {
	margin:  2px;
	padding: 5px;
	border-width: 0;
	border-color: #006699;
	border-style: solid;
	border-width: 0px 1px 1px 0px;
}

hr {
	border-color: #8888bb;
	border-style: solid;
	height: 0px;
}

p.flash {
        text-align: center;
}

p.photo {
        text-align: center;
}

.navi, a.navi:link, a.navi:visited {
  color : #006699;
  border-style: solid;
  border-width:  1px 2px 2px 1px;
  padding: 1px 4px 1px 4px;
  border-color: #006699;
  font-weight: bold;
  text-decoration: none;
}

a.navi:hover {
  background-color: #ddddff;
  color : #DD6900;
  text-decoration: none;
}

img.photo {
	margin:  4px;
	padding: 6px;
	border-width: 0;
	border-color: #006699;
	border-style: solid;
	border-width: 1px 1px 1px 1px;
}

strong.caption {
	padding: 0.1em;
	font-weight: bold;
	border-style: solid;
	border-width: 0 0 1px 0;
}

/* Headlines / Überschriften */
.headline { font-size: 11px; color: #990000; font-weight: bold; }

.white  { font-size: 11px; color: #FFFFFF; font-weight: bold; }
.red    {  font-size: 10px; color: #990000; }


/****** LINKS ******/

/* Link Headline */
a.headline:active   { color: #990000; text-decoration: underline; font-weight: bold; }
a.headline:link     { color: #990000; text-decoration: none; font-weight: bold; }
a.headline:visited  { color: #990000; text-decoration: none; font-weight: bold; }
a.headline:hover    { color: #990000; text-decoration: underline; font-weight: bold; }

/* Link Blätter-Anzeige */
a.blaetter:active   { color: #990000; text-decoration: underline; font-weight: bold; }
a.blaetter:link     { color: #990000; text-decoration: none; font-weight: bold; }
a.blaetter:visited  { color: #990000; text-decoration: none; font-weight: bold; }
a.blaetter:hover    {  color: #990000; text-decoration: underline; font-weight: bold; }


/****** FORMULARFELDER ******/
/* textarea    { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #000000; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675; } */
.field      { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #000000; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675; }
.submit_bu  { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; background-color: #FFFFFF; font-weight: bold; color: #000000; border-left: 1px solid #576675; border-bottom: 1px solid #576675; border-right: 1px solid #576675; border-top: 1px solid #576675; /*cursor: hand*/ }

/****** Grauer Text *****/
.news_text      { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #666666; }
.news_headline  { font-family: Verdana, Arial, Helvetica, Geneva, sans-serif; font-size: 11px; color: #990000; font-weight: bold; }


/* Award */
div.award { width: 90%; background-color: #FFFFFF; border: 2px #5F7347 solid; }
div.award_detail { background-color: #FFFFFF; border: 2px #5F7347 solid; padding: 5px; }


/* Spamschutz ausgelagert */
.S9lu63stfcqzkmjY, .A2KQedTNmSg6oU1s, .DMx9rtofuZRnc132, .M2HmeZdJO3a5rGKC, .Lvh3m4IFycDKaN56 { display: none; }
.SMIldYrNRZCPabw0, .ibKx93vEHOyzLkmR, .rSj6bpHvUdPk4xGn, .vyTWNXZkmdbca6zj, .o5HmkSdG3sD6VJeh { display: inline; }


/*******************************************************************************
 *
 *	Müde von den vielen Zeilen?
 *	Das war aber nicht die einzige CSS-Datei!
 *
 *	Noch viel Spaß beim Lesen ;-)
 *
 *
 *	MfG Christian
 *
 *******************************************************************************/