/* Html Tags                    */

body { font-size: 100.1%; font: 1.0em Verdana, sans-serif; color: #000; margin: 5px 5px 5px 5px; background-color: #ababab; }

/* Links			*/
	
a { text-decoration: none; color: #000;}
a:hover { text-decoration: underline;}
a.rot { color: #dd1313;}
a.first, a.firstactiv, a.first:hover, a.second, a.second:hover, a.secondactiv, a.logout, a.logout:hover {
	display: block; width: 150px; line-height: 20px; color: #fff; text-indent: 5px; text-decoration: none; background-color: #444;
	border-bottom: 1px solid #fff;
}

a.logout, a.logout:hover { display: block; }
a.second, a.second:hover, a.secondactiv { line-height: 15px; height: 16px; background: none; background-color: #FFFFFF; color: #666; margin-top: 1px;}
a.second:hover, a.secondactiv { color: #FFF; background-color:	#b00000;}

/* wo bin ich */
.whereiam_bottom, .whereiam_top { float: left; width: 100%; color: #FFF; line-height: 25px; font-size: 65%; text-indent: 5px;}

/* statusbalken */
.status { float: left; width: 100%; font-size: 55%; line-height: 25px; text-indent: 5px; color: #FFF; background-color: #444;}
.status a { color: #FFF; }
.status a:hover { color: #d4d4d4;}

/* Layout */
.head { float: left; width: 100%; background-color: #C1C5B6; height: 2px; border-bottom: 1px solid #FFF;}

.contentido { float: left; width: 100%; font-size: 65%; background-color: #FFF;}
.contentido td { border: 1px solid #ababab; vertical-align: top; padding: 5px;}
.contentido td td { border: 0px; vertical-align: middle; padding: 0;}

.infobox, .infobox_grey, .infobox_search { float: left; width: 185px; padding: 5px; border: 1px solid #b00000; background-color: #FFF;}
.infobox_grey { border: 1px solid #9c9c9c;}
.infobox_search { border: 1px solid #BDF8D4; }
.infoboxhead, .infoboxhead_grey, .infoboxhead_search { float: left; width: 189px; padding: 3px; border: 1px solid #b00000; background-color: #b00000; color: #fff; font-weight: bold; text-transform: uppercase;}
.infoboxhead_grey { border: 1px solid #9c9c9c; background-color: #9c9c9c;}
.infoboxhead_search { border: 1px solid #BDF8D4; background-color: #BDF8D4; }

.spalte { float: left; width: 48%; }

/*	Wechsel layer		*/

.chg_on, .chg_off { float: left; width: 90px; border: 1px solid #D2D2D2; padding:5px; text-align: center; margin: 5px 0 5px 5px; background-color: #D2D2D2;}
.chg_off { background-color: #FFF;}

/*
------------------------------------------------
Spalten der Einträge
------------------------------------------------
*/

table.red { position: relative; width: 100%; border-spacing: 1px; border: 1px solid #C40000; text-align: center; background-color: #FDE4E4; color: #C40000;}
table.green { float: left; width: 100%; border-spacing: 1px; border: 1px solid #00b346; text-align: center; background-color: #82ec71;}

table.aktionen { float: left; width: auto; border-spacing: 1px; border: 1px solid #d2d2d2; text-align: center; margin: 5px 0 5px 0;}
table.aktionen td { padding: 3px;}
table.aktionen td.chg_on, table .aktionen td.chg_off { width: auto; margin: 0; width: 100px; padding:5px 0 5px 0; text-align: center; background-color: #d2d2d2;}
table.aktionen td.chg_off { background-color: #fff;}

table.liste { float: left; width: 100%; border-spacing: 0px; /*Fuer Firefox, Opera und Co.*/ border-collapse: seperate; /*Fuer IE*/ text-align: left; margin-top: 5px;}
table.liste tr { background-color: #e0e0e0;}
table.liste tr.activ { background-color: #82ec71;}
table.liste tr:hover, table .liste tr:focus { background: #c5c4c4;}
table.liste th { font-size: 85%; font-weight: bold; color: #FFF; background-color: #444; padding: 3px; border-top: 1px solid #fff;}
#right table.liste th { padding: 8px 3px 8px 3px; background-color: #263820;}
table.liste th a, table .liste th a:hover, table .liste th a:link { color: #FFF;}
table.liste td { padding: 3px; vertical-align: top; text-align: left; border-top: 1px solid #fff;}
table.liste td.cb, table .liste th.cb { width: 30px; text-align: center; vertical-align: middle; background-color: #c5c4c4; border-right: 1px solid #fff;}
table.liste th.cb { background-color: #444;}
table.liste .id { width: 50px;} /* Spalte mit der ID */
table.liste .date { width: 130px;} /* Spalte mit Datum dd.m.YYYY HH:mm:ss */
table.liste .text { width: auto;} /* Spalte mit Text */
table.liste .eName { color: #b00000; font-size: 110%; position: relative; top:  0px; left: 0;}
table.liste .eData { }
table.liste th.beschreibung { border-left: 1px solid #fff;}
table.liste td.beschreibung, table .liste td.beschreibungR { width: 250px; border-left: 1px solid #fff; background-color: #fcf2d0; vertical-align: middle;}
table.liste th.beschreibungR, table .liste td.beschreibungR { width: 100px; border-right: 1px solid #fff;}
table.liste td.aktion, table .liste td.aktionDelete, table .liste th.aktion { text-align: center; width: 50px; border-left: 1px solid #fff; vertical-align: middle;} /* Spalte mit Aktionen */
table.liste td.aktion { background-color: #c5c4c4;} /* Spalte mit Aktionen */
table.liste td.aktionDelete { background-color: #FDE4E4;} /* Spalte mit Löschen */
table.liste td.label { width: 250px; background-color: #c5c4c4; vertical-align: middle; border-right: 1px solid #fff;} /* Spalte mit Label des Edit-Feldes */
table.liste td.input { } /* Spalte mit Edit-Feld */
table.liste td.header { padding: 3px 0 3px 0; text-indent: 3px; width: 250px; background-color: #b00000; color: #FFF; margin: 3px 0 1px 0;} /* Spalte mit Label des Edit-Feldes */
table.liste td.blank { background-color: #fcf2d0; }
table.liste td.dark { background-color: #c5c4c4; }
table.liste th.autowidth { width: 85px;} /* Spalte mit Text */
table.liste td.rm { background-color: #c57443; }
table.liste td.ppk { background-color: #5ebaef; }
table.liste td.lvp { background-color: #ffcb38; }

/* Farbe des Hintergrundes je nach Sprachauswahl */

.colorLang1 { color: #000; background-color: #FFF;}
.colorLang2 { color: #000; background-color: #CD5C5C;}
.colorLang3 { color: #000; background-color: #F0E68C;}
.colorLang4 { color: #FFF; background-color: #4B0082;}
.colorLang5 { color: #000; background-color: #E0FFFF;}
.colorLang6 { color: #000; background-color: #32CD32;}
.colorLang7 { color: #FFF; background-color: #800000;}
.colorLang8 { color: #000; background-color: #66CDAA;}
.colorLang9 { color: #FFF; background-color: #0000CD;}
.colorLang10 { color: #000; background-color: #FFA500;}
.colorLang11 { color: #FFF; background-color: #FF4500;}
.colorLang12 { color: #000; background-color: #B0E0E6;}
.colorLang13 { color: #000; background-color: #BC8F8F;}
.colorLang14 { color: #FFF; background-color: #8B4513;}
.colorLang15 { color: #000; background-color: #FFFF00;}


/* HTML Formatierungen	*/

h1 { font-size: 120%; text-transform: uppercase; color: #8093A6; margin: 0px; padding: 0px;}
h2 { font-size: 110%; color: #000; padding: 0px; font-weight: bold;}
h3 { font-size: 100%; color: #b00000; padding: 0px; margin: 0; font-weight: bold;}
img { border: none;}
form { margin: 0; padding: 0;}
input, select, textarea { border: 1px solid #666;}
#right input[type=text] { width: 250px;}
#right textarea { width: 250px; height: 100px;}
#colorLang input[type=text] { width: 400px;}
#colorLang textarea { width: 400px; height: 200px;}
.status select, .zeile_head select {float: none; width: auto;}
input, select { font-size: 115%;}
input[type=checkbox], input[type=radio] { border: none; margin-top: 4px;}
select .activ { background-color: #D9DCD1; font-weight: bold;}
input[type=submit], .sendbtn { background: transparent url('../layout/bg_button_span.gif') no-repeat;}

label { float: left; width: 200px;}
select optgroup label { padding: 5px;}
.blue:hover, .blue2:hover { background: #e4d8d8;}

/*	Farbige Divs 					*/

.grey, .red, .blue, .blue2, .green, .white, .grey_border, .red_border, .green_border, .white_border { float: left; padding: 1%; margin: 1px 0 10px 0;}

.grey_border, .red_border, .green_border, .white_border { width: 99%;}
.grey { background-color: #f2f2f2; color: #464548;}
.red { background-color: #b00000; color: #C40000; }
.red_border { background-color: #b00000; color: #C40000; border: 1px solid #C40000;}
.blue { background-color: #e0e0e0;/*#D8E8F3;*/}
.blue2 { background-color: #d0cfcf;/*#e7eff4;*/}
.green { background-color: #82ec71;}
.green_border { background-color: #82ec71; border: 1px solid #00b346;}
.white { background-color: #FFF;}
.white_border { background-color: #FFF; border: 1px solid #666;}

/* Formatierungen Login Bereich	*/

.login { width: 300px; height: 100px; font-size: 70%; padding: 10px; text-align: left; background-color: #FFF; border: 1px solid #666; margin: 0 5px 0 5px; }
.login label { width: 130px;}
.login input { width: 150px;}
/* Formatierungen Link Bereich	*/

a.button { background: transparent url('../layout/bg_button_a.gif') no-repeat scroll top right; color: #b00000; display: block; float: left; height: 20px;  margin: 0 6px 5px 0; padding-right: 10px; text-decoration: none;}
a.button span { background: transparent url('../layout/bg_button_span.gif') no-repeat; display: block; line-height: 14px; padding: 3px 0 3px 10px;}
a.button:active { background-position: bottom right; color: #5F9501; outline: none;}
a.button:active span { background-position: bottom left; padding: 4px 0 2px 10px;}

a.buttonBack { background: transparent url('../layout/back.gif'); width: 100px; text-align: center; color: #FFF; display: block; float: left; height: 20px;  margin: 0 20px 5px 0; text-decoration: none;}
a.buttonBack span { display: block; line-height: 20px;}

/* gallery begin */

.gallery  { float: left; width: 147px; margin: 5px 5px 0 0; border: 1px solid #D2D2D2; background-color:#FFF;}
.gallery a { text-decoration:	none;}
.galleryleft { float: left; width: 19px; text-align:	center;}
.galleryright { float: left; width: 127px; height: 75px; text-align:	center; border-left: 1px solid #D2D2D2;}
.galleryright img { margin-top: 5px;}
.gallerytext {float: left; width: 141px; height: 50px; padding: 3px; background-color: #FFF; border-top: 1px solid #D2D2D2; font-size: 	90%;}

/* gallery end */

/* upload begin */

.upload-queue{ float: left; list-style: none; width: 100%;}
.upload-queue li{ list-style: none; padding-top: 0;}
.upload-queue .queue-loader{ position: relative;	margin: 3px 15px; font-size: 0.9em; background-color: #ddd; color: #fff; border: 1px inset #ddd;}
.upload-queue .queue-subloader{ text-align: center; position: absolute; background-color: #81B466; height: 100%; width: 0%; left: 0; top: 0;}

/* upload end */

/* Layer die automatisch ausfahren	*/

.divStatus { z-index: 1000; position:absolute; visibility: hidden; border: 1px solid #666; background-color: #fff; width: 300px; padding: 5px; top: 10px;}
.divStatus a { display: block; padding: 5px 0 0 0;}
/*
------------------------------------------------
Ausklappbare Menüpunkte im Hauptmenü
------------------------------------------------
*/
.eAktion { float: left; padding: 0 5px 0 0;} /* Submenue komplett */
.eName a { color: #b00000;}
.eName .subnavi             { display:none;} /* Submenue komplett */
.eName .subnavi .subtext       { float: left; color: #b00000; border-bottom: 1px solid #b00000; margin-bottom: 3px; padding: 0 0 3px 0; width: 100%; } /* Submenue komplett */
.eName:hover .subnavi       { z-index: 100; position: absolute; top: -6px; left: -6px; padding: 5px; background-color: #fff; width:250px; overflow: visible; display: block; background-image: none; border: 1px solid #b00000;}
.eName .subnavi a { color: #666; display: block; width: 100%; background-image: none; padding-top: 5px; margin-top: 5px; vertical-align: middle;}
.eName .subnavi a:hover { color: #000;}

/*
======================================================================
 Ladebalken (unter gestaltete Layer sind auch Styles)
======================================================================
*/

.preLoad { border: 1px solid #666; background-color: #fff; padding: 50px 0 50px 0; width: 100%; text-align: center;}