/* BETA CSS MAIN für www.cafeada.de/tango // kontakt: damianschoenenberg@gmx.de   */

#banner {
		position:absolute;
		visibility: visible;
		position:absolute;
		right:0;
		top:0;
		z-index:5;
}
#banner2 {
		position:absolute;
		visibility: visible;
		position:absolute;
		left:0;
		top:280px;
		z-index:5;
}
#banner3 {
		position:absolute;
		visibility: visible;
		position:absolute;
		left:0;
		top:100px;
		z-index:11;
		display:none;
}

* {	margin-top:0;padding:0;}
html, body {height:100%;}
body,td,th,div {font-size: 11px;}
body {
	background-color: #000;
	font: 11px Verdana, Arial;
	color: #773F02;
	background-image: url(Site/px_hg.jpg);
}
#container {
	margin:0 auto;top:0px;
	position:absolute; 
	height:95%;
	width:95%;
	text-align:left;
	clear:left;
}
#buehne {
	position:absolute;
	z-index:1;
	text-align:center;
  width: 100%;
}
#content {
	position:absolute;
	width:95%;
	height:40%;
	z-index:2;
	left:2%;
	bottom: 20px;
	color:#773F02;	line-height:18px;
}
#text1 {
	position:absolute;
	width:27%;
	height:100%;
	z-index:3;
	top: 0px;
	left: 40%;
	line-height:18px;
	visibility: visible;
	overflow:auto;
	padding-right:20px;
}
#text2 {
	position:absolute;
	width:27%;
	height:100%;
	z-index:3;
  left: 72%;
  visibility: visible;
	overflow:auto;
	padding-right:20px;
	top: 0px;
}
#text3 {
	position:absolute;
	width:15%;
	height:100%;
	z-index:3;
  left: 18%;
	visibility: visible;
	top:-10px;
}

ul {padding-left:15px;}
#navigation {
	position:absolute;
	left:1%;
	top:0px;
	height:100%;
	width:10%;
	z-index:3;
  letter-spacing:1px;
	text-align:right;
  vertical-align:bottom;
}
a,
#text1 a,
#text1 a:hover,
#text1 a:visited,
#text1 a:active,
#text1 a:link,
#text2 a,
#text2 a:hover,
#text2 a:visited,
#text2 a:active,
#text2 a:link,
td a,
td a:hover,
td a:visited,
td a:active,
td a:link{
  text-decoration:none;
	font: 10px Verdana, Arial;
	color: #828282;
	letter-spacing:1px;
}
.fakelink{
  text-decoration:none;
	font: 10px Verdana, Arial;
	color: #828282;
	letter-spacing:1px;
}
a.sprachlink{
  text-decoration:none;
	font: 10px Verdana, Arial;
	color: #773F02;
	letter-spacing:1px;
}

#navInline a,
#navInline a:hover,
#navInline a:visited,
#navInline a:active
{
  text-decoration:none;
	font: 11px Verdana, Arial;
	color: #773F02;
	letter-spacing:1px;
	text-transform:uppercase;
	letter-spacing:1px;
}

/* ############################################# Ebenen transparenz */
.trans {
	filter:alpha(opacity=50);
	-moz-opacity:0.5;
	-khtml-opacity: 0.5;
	opacity: 0.5;
}

/* ############################################# EDITOR */

a.navedit, 
.navedit,
#content a.navedit, 
#content .navedit,
.rubrik		{
   	background-color:#669933;
	 	font-weight:normal;
	 	color:#FFF;
		padding:3px 5px;
	 	text-decoration:none;
}
.rubrik		{
    background-color:#D2232A;
	 	text-transform:uppercase;
}
#logedit{
		position:absolute;
		visibility: visible;
		margin-left:10px;
    z-index:100;
		text-align:left;
		color: #D2232A;
}

/* ######################## galerie anfang # */

table#galerie img,table#galerie2 img
{
margin-top:10px;
margin-right:10px;
border:1px #773F02 solid;
}
.clear
{
clear: left;
height: 0;
font-size: 0;
margin: 0;
padding: 0;
}
.highslide {
    cursor: url(gif/graphics/zoomin.cur), pointer;
    outline: none;
}
.highslide img {
	border: 1px solid #ccc;
}
.highslide:hover img {
	border: 1px solid #880000;
}
.highslide-image {
	border: 1px solid #ccc;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;
    border: 2px solid white;
    border-top: none;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: white;
}
.highslide-loading {
    display: block;
	  color: white;
	  font-family: 'MS Sans Serif';
	  font-size: 9px;
	  text-transform: uppercase;
    text-decoration: none;
	  padding: 3px;
	  border-top: 1px solid white;
	  border-bottom: 1px solid white;
    background-color: black;
}
a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

/* ######################## Formulare # */

#text2 input, #text2 textarea, #text2 select{
width:200px;padding:2px;border: 0px solid #999;font-size:10x;background-color:#3a3a3a;color:#ccc;
}
#text2 select{
width:204px;
}
input#formcheck{
width:15px;
margin-left:0px;
}
#text2 .button{
width:70px;padding:0px;font-size:10x;background-color:#ccc;color:#000;
}
#teaser {
	position:absolute;
	visibility:visible;
	background-color: #000;
	border:1px solid #ccc;
	left:200px;
	top:50px;
	z-index:99;
}
fieldset {	border:1px solid #ccc;}

/* ######################## LOGIN Form # */

form#login  {
	font: 10px Verdana, Arial;
	text-transform: uppercase;
	color: #FFFFFF;
	text-decoration: none;
}
#login form input,#login form select {
	font: 10px Verdana, Arial;
	text-transform: uppercase;
	color: #AABD2A;
	text-decoration: none;
	background: #FFFFFF;
	padding: 2px;
}

/* ######################## Tangostartseite # */

.terminhead  {
text-transform: uppercase;
}