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

	Version: 1.0
	Autor: AGI - Andreas Guder Internetagentur
	Datum: 02.11.2007
	
	
	*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.
**********************************************************/

/* Achtung! 
	 geben Sie die Farbwerte immer nur Hexadezimal oder als transparent an!
	 Die Rahmenfarben müssen hier immer explizit angegebenwerden,
	 damit das Desing Browserübergreifend geändert werden kann.
*/

body{
	height: 100%;
	margin: 1px;
	padding: 0px 0px 10px 0px;
	background-color: #443344;
	color: #000066;
	font: 12px/18px Arial, Helvetica, sans-serif;
}

/* Tags */

br{
	clear: both;
}
fieldset{
	padding: 10px;
	/*margin: 20px 70px 20px 70px;*/
	margin: 20px 3% 20px 3%;
	background-color: #FFFFFF;
	border: 2px outset;
	border-color: #F5AF2E;
}
hr{
	width: 90%;
}
p{
	text-align: left;
}
span img{
	vertical-align: middle;
}

/* INPUTS */
input, textarea{
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-left: 50px;
	margin-right: 10px;
	color: #333366;
	background-color: #DDCCCC;
	border: none;
	border-bottom: 1px solid;
	border-color: #000000;
	text-align: left;
}
select{
	font: 12px/18px Arial, Helvetica, sans-serif;
	margin-left: 20px;
	margin-right: 10px;
	color: #333366;
	background-color: #DDCCCC;
	border: none;
	border-bottom: 1px solid;
	border-color: #000000;
	text-align: left;
}
textarea{
	text-align: left;
	margin: 0px;
	border: 1px solid;
	border-color: #000000;
	background-color: #DDCCCC;
}
.feldvoll{
	background-color: #FFD2D2 !important;
}

/*Tabellen*/
table{
	margin-left: auto; 
	margin-right: auto;
	border: 2px solid;
	border-collapse: collapse;
	border-color: #FFFFFF;
	empty-cells: show;
}
td{
	border: 1px solid;
	border-color: #000033;
	text-align: center;
	background-color: transparent;
	color: #000066;
}
th{
	border: 1px solid;
	color: #447744;
	border-color: #000033;
	background-color: #F5F5F5;
	font-weight: 200;
}
td.sichtbar, th.sichtbar{
	display: table-cell !important;
}
#schiebediv{
	margin: 0px;
	margin-top: -2px;
	padding: 0px;
	width: auto;
	overflow: auto;
	overflow-x: auto;
	overflow-y: hidden;
}

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

#schiebediv table{
	margin-top: 0px;
	margin-left: 0px;
}

.bestuhlungsplan td {
	height: 23px;
	width: 15px;
	border-color: #000000;
}

.bestuhlungsplan input{
	margin: 0px;
	padding: 0px;
	border: none;
}
.tisch{
	background-color: #ffffff;
	border: none;
}
.leer{
	background-color: #000000;
}
.kategorie0{
	background-color: #000000;
}
.kategorie1{
	background-color: #FF6644;
}
.kategorie2{
	background-color: #CCFF77;
}
.kategorie3{
	background-color: #FFFF66;
}
.kategorie4{
	background-color: #AA99AA;
}
.kategorie5{
	background-color: #FFCC99;
}
.kategorie6{
	background-color: #7777FF;
}
.kategorie7{
	background-color: #66CCFF;
}
.kategorie8{
	background-color: #1177FF;
}
.kategorie9{
	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: #FF7777;
	border: 2px outset;
	border-color: #F5AF2E;
	text-align: center;
}
.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;
	border-color: #F5AF2E;
	text-align: center;
}
.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;
	border-color: #F5AF2E;
	text-align: center;
}
.klicken{
	cursor: pointer;
}
a{
	color: #CC9933;
}
a:hover, a:focus{
	color: #6D5422;
}
a img{
	padding: 0px;
	border: 2px solid;
	border-color: #CC9933;
}
a:hover img, a:focus img{
	border: 2px solid;
	border-color: #6D5422;
}
.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: #FF7777;
	border: 2px outset;
	border-color: #F5AF2E;
}
.likebutton:hover, .likebutton:focus, .likebutton:active{
	color: #FFFFFF;
	cursor: pointer;
	background-color: #F1A10A;
	border: 2px outset;
	border-color: #F5AF2E;
}


/* Classes */
.center {
	text-align: center;
}
.fehler{
	font-weight: bolder !important;
	color: #EE0000 !important;
	border: 1px solid !important;
	border-color: #EE0000 !important;
}
/*Zentriert die Tabellen in allen IE kleiner 7.0*/
.ietablecenter{
	text-align: center;
}
.legend{
	color: #FFFFFF;
	background-color: #443344;
	border: 2px outset;
	border-color: #F5AF2E;
	font: 18px/32px Arial, Helvetica, sans-serif;
	text-align: center;
}
.links{
	float: left;
}
.meldung{
	margin: auto;
	text-align: center;
	border: 1px solid;
	width: 400px;
	border-color: #EE0000;
	color: #FF0000;
}
.ohnerand{
	border: none;
}
.nocenter{
	text-align: left;
}
.rechts{
	float: right;
}
.sichtbar{
	display: inline;
}
.unsichtbar{
	display: none;
}
.ohnefarbe {
	background-color: transparent;
}

/* Formulare zur Eingabe größerer Datenmengen */
.gastdatenform{
	border: none;
	background-color: transparent;
}
.gastdatenform label{
	display: block;
	width: 15%;
	min-width: 100px;
	margin-top: 5px;
	text-align: right;
	float: left;
}
.gastdatenform input{
	margin-top: 5px;
	width: 60%;
}
.gastdatenform select{
	margin-top: 5px;
	margin-left: 50px;
	width: 60%;
}