/*********************************************************
    AGI - Andreas Guder Internetagentur Ticket-Reservierungsprogramm
    zur Platzreservierung bei Veranstaltungen

	Version: 1.5
	Autor: AGI - Andreas Guder Internetagentur
	Datum: 25.03.2008
	
	
	*Dieses Script ist urheberrechtlich geschützt. 
	Weder Teile des Scripts noch das komplette Script dürfen
	ohne die Absprache mit AGI (info@andreas-guder.de)
	veröffentlicht, weitergegeben
	oder anderweitig verwendet werden.
**********************************************************/

html{
	height: 100%;
}
body {
	margin: 1px;
	padding: 0px 0px 10px 0px;
	background-color: #EEEEEE;
	color: #000066;
	font: 12px/20px Arial, Helvetica, sans-serif;
	min-width: 1000px;
}

/* Navigation */
#navi {
	margin-top: 0px;
	padding-top: 2px;
	color: #000066;
	background-color: #BDBDBD;
	text-align: center;
	_width: 1024px;
}
#navi table {
	border: 0px;
	margin: auto auto 0px auto;
	padding: 0px;
	background-color: transparent;
	border-collapse: collapse;
}
#navi td {
	border: 0px;
	margin: 0px;
	padding: 0px;
}
#navi ul {
	list-style: none inside none;
	clear: left;
	margin: 0px;
	padding: 0px;
}
#navi li {
	display: block;
	float: left;
	margin: 1px 0px 0px 2px;
	padding: 0px;
}
#menuerechts {
	margin-left: 40px;
}
#navi a{
	padding: 1px 1em 1px 1em;
	color: #000066;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F5AF2E;
	border: 2px outset #F5AF2E;
}
#navi a:hover{	
	padding: 1px 1em 1px 1em;
	color: #FFFFFF;
	background-color: #F1A10A;
	border: 2px outset #F5AF2E;
}
#navi .navibuttonklick{
	padding: 1px 1em 3px 1em;
	color: #FFFFFF;
	border: 2px inset #F5AF2E;
	border-top: 3px inset #F5AF2E;
	border-bottom: none;
}
#navi .navibuttonklick:hover{
	padding: 1px 1em 3px 1em;
	color: #FFFFFF;
	border: 2px inset #F5AF2E;
	border-top: 3px inset #F5AF2E;
	border-bottom: none;
}

/* Extrabereiche */
#agi a{
	text-decoration: none;
}
#agi a:hover, agi a:focus{
	text-decoration: none;
}
#agi img{
	border: none;
}
#schiebediv{
	margin: 0px;
	margin-top: -1px;
	padding: 0px;
	width: auto;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}
#budetails {
	position: absolute;
	left: 15%;
	width: 68%;
	background-color: #F5F5F5;
	border: 2px ridge #000000;
	color: #000066;
	text-align: center;
	padding: 5px;
}
/* INHALT */

#inhalt {
	clear: left;
	font: 12px/20px Arial, Helvetica, sans-serif;
	_width: 1024px;
}

/* Tags */

br {
	clear: both;
}
fieldset{
	padding: 10px;
	margin: 20px 3% 20px 3%;
	background-color: #FFFFFF;
	border: 2px outset #F5AF2E;
	font: 12px/20px Arial, Helvetica, sans-serif;
}

label{
	float: left;
	text-align: right;
	width: 200px;
}
.longlabel label{
	float: none;
	text-align: left;
	width: 90%;
}
p{
	text-align: center;
}
span img{
	vertical-align: middle;
}

/* INPUTS */
input, textarea{
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 10px;
	color: #000066;
	background-color: transparent;
	border: none;
	border-bottom: 1px solid #000066;
	text-align: center;
}
select {
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 10px;
	color: #000066;
	background-color: #FFFFFF;
	border: none;
	border-bottom: 1px solid #000066;
	text-align: center;
}
textarea{
	text-align: left;
}
.eingabetable input{
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	text-align: center;
}
.eingabetable select {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	border: none;
	text-align: center;
}

.eingabetable textarea {
	font: 12px Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
	background-color: transparent;
	border: none;
	text-align: center;
}
.feldvoll{
	background-color: #FFD2D2 !important;
}
.suggestbox {
	position: absolute;
	border: 1px solid #000000;
	background-color: #F8FFDF;
	text-align: left;
	margin: 0px;
}

/*Tabellen*/
table{
	margin: auto;
	border: 2px solid #FFFFFF;
	border-collapse: collapse;
	empty-cells: show;
}
td{
	font: 12px/20px Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	text-align: center;
}
th{
	font: 12px/20px Arial, Helvetica, sans-serif;
	border: 1px solid #000033;
	color: #CC9933;
	background-color: #F5F5F5;
	font-weight: 200;
	padding: 2px;
}

.kontingent{
	max-width: 95%;
}
.kontingent th{
	height: 31px;
	padding: 0px;
	font-weight: normal;
	font-size: 9pt;
	white-space: nowrap;
}
.stuhlplanRahmen{
	vertical-align: top;
	margin: 0px;
	padding: 0px;
	background-color: #F5F5F5;
}

#schiebediv table{
	margin-left: 0px;
}
.bestuhlungsplan td {
	font-size: 11px;
	line-height: 10px;
	padding: 0px 3px;
	height: 31px;
	border-color: #000000;
	cursor: default;
}
.bestuhlungsplan input{
	margin: 0px;
	padding: 0px;
	border: none;
}
.tisch{
	background-color: #ffffff;
	border: none;
}
.leer{
	background-color: #000000;
}
.frei{
	background-color: #00ff00; /*#bcf596;*/
	padding: 0px 1px;
  color: #000000;
}
.gekauft{
	background-color: #ff0000; /*#ffacac;*/
	padding: 0px 1px;
  color: #000000;
}
.reserviert{
	background-color: #ffff00; /*#ffef93;*/
	padding: 0px 1px;
  color: #000000;
}
.checked_in{
	background-color: #00fff3; /*#ffef93;*/
	padding: 0px 1px;
  color: #000000;
}
.kategorie0{
	color: #ffffff;
	background-color: #000000;
}
.kategorie1{
	color: #000066;
	background-color: #FFFF99;
}
.kategorie2{
	color: #000066;
	background-color: #CCFF77;
}
.kategorie3{
	color: #000066;
	background-color: #AADD99;
}
.kategorie4{
	color: #000066;
	background-color: #FFAA11;
}
.kategorie5{
	color: #000066;
	background-color: #DD99DD;
}
.kategorie6{
	color: #000066;
	background-color: #7777FF;
}
.kategorie7{
	color: #000066;
	background-color: #66CCFF;
}
.kategorie8{
	color: #000066;
	background-color: #00FFCC;
}
.kategorie9{
	color: #000066;
	background-color: #44DD33;
}

/* Buttons-Links */
.button {
	display: inline;
	margin: 5px 7px 0px 7px;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color: #F5AF2E;
	border: 2px outset #F5AF2E;
}
.buttonhover {
	display: inline;
	margin: 5px 7px 0px 7px;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-color: #F1A10A;
	border: 2px outset #F5AF2E;
}
.buttonklick {
	display: inline;
	margin: 5px 7px 0px 7px;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #000066;
	background-color:  #F1A10A;
	border: 2px inset #F5AF2E;
}
.likebutton{
	padding: 1px 1em 1px 1em;
	margin: 0px 7px 2px 7px;
	color: #000066;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F5AF2E;
	border: 2px outset #F5AF2E;
}
.likebuttonhover{
	padding: 1px 1em 1px 1em;
	margin: 0px 7px 2px 7px;
	color: #FFFFFF !important;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F1A10A;
	border: 2px outset #F5AF2E;
}
.likebuttonklick{
	padding: 1px 1em 1px 1em;
	margin: 0px 7px 2px 7px;
	color: #000066;
	cursor: pointer;
	font: 12px/normal Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F1A10A;
	border: 2px inset #F5AF2E;
}
.picturebutton{
	padding: 2px;
	margin: 0px 7px 0px 7px;
	color: #000066;
	cursor: pointer;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F5AF2E;
	border: 2px outset #F5AF2E;
}
.picturebuttonhover{
	padding: 2px;
	margin: 0px 7px 0px 7px;
	color: #FFFFFF;
	cursor: pointer;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F1A10A;
	border: 2px outset #F5AF2E;
}
.picturebuttonklick{
	padding: 2px;
	margin: 0px 7px 0px 7px;
	color: #000066;
	cursor: pointer;
	font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
	background-color: #F1A10A;
	border: 2px inset #F5AF2E;
}
.klicken{
	cursor: pointer;
}
a {
	color: #983F6D;
	text-decoration: underline;
	font-size: 10pt;
	padding: 3px;
}
a:hover, a:focus {
	color: #000066;
}
th a,th a:hover,th a:focus,th a:visited{
	color: #CC9933;
	font-weight: 200;
	text-decoration: underline;
	cursor: pointer;
}

/* Tooltipp Box */
.tooltipps{
	position: absolute;
	min-width: 200px;
	min-height: 20px;
	background-color: #F5F5F5;
	border: 1px solid #000000;
	color: #000066;
	text-align: center;
	padding: 5px;
	overflow: visible;
}

/* Classes */
.alignOben{
	vertical-align: top;
}
.amrand{
	margin-left: 5px;
}
.ausrichtunglinks *{
	margin-left: 10px;
}
.center {
	text-align: center;
}
.erfolg{
	width: 400px;
	margin: 10px auto;
	padding: 1px;
	font-weight: bolder !important;
	color: #008800 !important;
	border: 1px solid #008800 !important;
}
.misserfolg{
	width: 400px;
	margin: 10px auto;
	padding: 1px;
	font-weight: bolder !important;
	color: #EE0000 !important;
	border: 1px solid #EE0000 !important;
}
.warnung{
	width: 400px;
	margin: 10px auto;
	padding: 1px;
	font-weight: bolder !important;
	color: #FF8000 !important;
	border: 1px solid #FF8000 !important;
}
.fehler{
	font-weight: bolder !important;
	color: #EE0000 !important;
	border: 1px solid #EE0000 !important;
}
.italic{
	font-style: italic;
}
.legend {
	color: #000066;
	background-color: #F7CF7D;
	border: 2px outset #F5AF2E;
	font: 18px/32px Arial, Helvetica, sans-serif;
	text-align: center;
}
.legend .picturebutton, .legend .picturebuttonhover, .legend .picturebuttonklick{
	width: 20px;
	height: 20px;
	float: right;
	margin-top: -30px;
	margin-right: 10px;
}
.links {
	float: left;
}
.meldung{
	border: 1px solid #ff0000;
	color: #ff0000;
}
.noborder {
	border: none;
}
.nocenter {
	text-align: left;
}
.ohneabstand{
	margin: 0px;
	padding: 0px;
}
.readonly {
	background-color: #D7E5FF;
}
.rechts {
	float: right;
}
.textlinks{
	text-align: left;
}
.textrechts{
	text-align: right;
}
.sichtbar{
	display: inline;
}
.unsichtbar{
	display: none;
}