body {
	font-family: Verdana, Geneva, sans-serif;
	font-size: 90.1%; /*restl Schriftgrößen relativ in em festlegen*/
	background-color: #a58555;
	background-image: url(img/bg/bg.jpg);	
	margin: 0;
	padding:0;
}
#wrap{
	width:990px;
	background-color: #e3d8b8;	
	background-image:  url(img/bg/bg_site.jpg);
	margin:auto;
}
#head{
	height:160px;
	background-image: url(img/bg/bg_head.jpg);
	position:relative;
}
.headtitle {
	position:absolute;
	bottom:3px;
	left: 163px;
	}

#left {
		height:500px;
		float:left;
    	font-size: 12px;
		width: 160px; /*Breite des div containers*/
		margin: 20px 0 0 0;
		padding:10px 0 0 0;
		background-image: url(img/bg/bg_left.jpg);
		background-repeat:no-repeat;
		overflow: hidden;
		height: 600px; /*Höhe für DIV*/
}
#left ul {
        list-style-type: none;
        padding: 25px 0 0 0;
        margin: 0 0 70px 0; /*Verschiebung der Menüpunkte ALLE*/
		width: 160px; /*Breite der Liste + 2 mal padding = Breite Div container*/
}
#left li {
        margin: 0px 0 5px 7px;
		width:140px; /*!unbedingt angeben, da sonst Umbrüche im IE*/
}
#left li img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#left a {text-transform:uppercase;}

#left a:link {
	   display: block;  /* BGcolor geht bis zum Ende der Zeile */
       text-decoration:none; 
       font-weight: bold;
	   padding: 0 0 3px 0;
       border-bottom: 1px solid #AA9933;
	   width:132px;
}
#left a:visited {
 	   display: block; /*auch bei visited link bis Ende d Zeile*/
	   text-decoration:none;
	   font-weight: bold;
	   border-bottom: 1px solid #BBAA44;
}
#left a:hover { color: black;  background:#E6DF97;}

#left a:visited img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#left a:hover img { visibility: visible; } /*jetzt sichtbar */
#left span a:hover {background-color:transparent;}

#left a#aktuell {color:black; background: #E6DF97 !important;}
#left a#aktuell img {visibility: visible !important;}
/*Ende left*/
#tabs{
	height:30px;
}
#tabs ul{
	margin:0;
	padding-left:30px;
	list-style:none;
	float:left;
	width:500px; /*width muss vorhanden sein, sonst kein float:left*/
}
#tabs li {
	font-size:12px;
	display:inline;
	margin: 0; /*Abstand zwischen Tabs*/
	padding: 0;
	}
#tabs span{
	width:200px;
	float:right;
}
#tabs span a{margin:0; padding:0;border:0;background:none;}
#tabs a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 0 5px 0 0; /*Abstand zwischen einzelnen Tabs*/
	padding: 4px 8px;
	text-decoration: none;
	border: 1px solid #9B8748;
	border-bottom: none;
	background: #decf9e url(img/bg/tab_off.gif) no-repeat top right;/*BG rechts oben*/
}
#tabs a#aktuell {
 	color:black; 
	color:black;background: url(img/bg/site2011_tab_over.gif) no-repeat top right;
	padding-bottom: 5px;
	border-color: #727377;
}
/*begin div right*/
#right { 
  float: right; 
  width: 200px;
  text-align: left;
  margin-right: 10px;
  text-align:center;
  font-size:12px;
}
#right ul {
	margin: 0;
	padding: 0;
	list-style: none;
	text-align: left;
}
#right ul li a{
	width:200px;
	padding: 3px 0 4px 0;
	display: block;
	border: 1px solid #ac8759;
	border-bottom: none;
	border-left: none;
	background: url(img/bg/tab_off.gif) no-repeat top right;
}
.years a {width: 120px; text-align: center; margin: auto;}
.reviews a {}
.tv a {height: 50px;}

#right a:hover, #right a:focus {
color:black;background: url(img/bg/site2011_tab_over.gif) no-repeat top right;
} 
/*end div right*/
#content1{
	margin-left:180px;
	margin-right:40px;
	font-size:90.1%;
}

#archive1{/*container with right margin  for right menus in some pages*/
	margin-left:180px;
	margin-right:0;
	font-size:90.1%;
}
.margin40{margin-right:40px;}
#content2{
	margin-left:180px;
	margin-right:220px;
	font-size:90.1%;
}
#foot{	
  clear: both;
  height: 80px;
  background-image: url(img/bg/bg_foot.jpg);
  text-align: center;
}
#foot li {
	list-style:none;
	display:inline;
	}
#foot img {vertical-align: middle;}	
/*formattings for js highl current*/
#tabs a.current {color:darkgreen;background: url(img/bg/site2011_tab_over.gif) no-repeat top right !important;}
#right ul li a.current {color:black;background: url(img/bg/site2011_tab_over.gif) no-repeat top right !important;}
#left ul li a.current {color:#333333;background-color:#E6DF97 !important;}
.current img{visibility:visible !important;}
/*general formattings*/
img {border: none;}
a {color: #9a3411; text-decoration: none; font-weight: bold;}
a:hover{color: #000;}
a.underline a:hover{text-decoration:underline;}
.lnkinfo {font-size: 10px; color: #4d5022;} 

/*RESTLICHE FORMATIERUNGEN AUS STYLES.CSS - nicht benötigte nach und nach entfernen!*/


   * html li  {  height:1%;  }  /*zusaetzlicher Leerraum in Listenlinks-Bug*/

/*TV Tabelle */
table.peel td{background-colour:transparent;}

div.center {
	text-align: center;
}
div.picspopup {
	text-align: center;
	background-image:  url(img/bg/sitebody2.jpg);
	padding-top:20px;
	padding-bottom:20px;
}

/*Beginn Arch4 Div auf Startseite*/
#arch4 {
/*float: right notwendig???*/
        font-size: 100.01%;
		width: 150px;
		margin: 0 0 0 0;
}
#arch4 ul {
        list-style-type: none;
        margin: 0;
        padding: 0; /*Verschiebung der Menüpunkte ALLE*/
		width: 150px;
}
#arch4 li {
        margin: 0px 0 5px 0;
		text-align: left;
}

#arch4 a:link {
	   display: block;  /* BGcolor geht bis zum Ende der Zeile */
       text-decoration:none; 
       font-weight: bold;
	   padding: 0 0 3px 0;
       border-bottom: 1px solid #AA9933;
}
#arch4 a:visited {
 	   display: block; /*auch bei visited link bis Ende d Zeile*/
	   text-decoration:none;
	   font-weight: bold;
	   	border-bottom: 1px solid #BBAA44;
}
#arch4 a:hover { color: black;  background:#E6DF97;}
#arch4 a:link img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#arch4 a:visited img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#arch4 a:hover img { visibility: visible; } /*jetzt sichtbar */
/*Ende Arch4 Div*/ 

html>body #navi2 li a { /*was bedeutet diese Formatierung???*/
	width: auto;
}

#mainleft{
	width:550px;
}

.revtop { /*reviews main divs*/
	height: 65px;
	padding: 20px 0 0 20px;
	background-image: url(img/bg/bg_review2.jpg);
	font-size: 14px;
	text-align: left;
	font-weight: bold;
}
.revmid {
	background-image: url(img/bg/bg_review_mid.jpg);
	padding: 0 20px 0 20px;
	margin: 0;
	line-height: 140%;
	color:#414141;	
}
.revbot {
	height: 50px;
	background-image: url(img/bg/bg_review_mid.jpg);
	text-align: right;
	padding: 0 20px 0 0;
}
/* giglist main divs */

.gigs {
	width: 550px; 
	margin: auto; 
	margin-top: 20px;
	}

.gigstop {
	height: 60px;
	background-image: url(img/bg/giglist_top.gif);
	font-size: 14px;
	text-align: center;
	font-weight: bold;
	color: #414141;
}
.gigsmid {
	background-image: url(img/bg/giglist_mid.gif);
	padding: 0;
	margin: 0;
}
.gigsbot {
	height: 50px;
	background-image: url(img/bg/giglist_bot.gif);
}
table.gigdates {
	font-family: Courier New, Courier, mono;
	font-weight: bold;
	color: #583427;
}
table.gigdates td {
	font-size: 11pt;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #B6825F;
	padding: 2px;
}
#month {
	font-size: 14pt;
	padding: 3px;
}
/*Formatierung Table giglist Ende*/

.header2 {
	font-size: 14px;
	font-weight: bold;
	color: #414141;
}

.cite {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 13px;
	font-weight: bold;
	line-height:120%;
	color: #663300;
}

.copyright {
	font-size: 11px;
	font-weight: bold;
	font-style: italic;
	color: #5E6166;
}
.revmain {
    color: #663300;
}

.revred {
	font-size: 14px;
	font-weight: bold;
	color: #663300;
}

.revheader {
	font-size: 14px;
	font-weight: bold;
	color: #78361B;
}
.padding {
	padding-right: 35px;
	padding-left: 40px;
	padding-top: 0px;
	padding-bottom: 0px;
}
.paddingleft {
	padding-left: 20px;
}
.entry {  /* unbedingt notwendig für Gästebuch!!!*/
	visibility: hidden;
}

/*Schriftformatierungen*/
.caption {
	font-size: 8pt;
	font-weight: bold;
	color: #363636;
}

.bold {
	font-weight: bold;
	font-size:13px;
	color:#222222;
}
/*Shadetabs für Formatierung des I-frames - neues menü benutzen???*/ 
.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #BC4140;
background-color: #EFD885;
}

.shadetabs li a:visited{
color: #BC4140;
}

.shadetabs li a:hover{
text-decoration: none;
color: #BC4140;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 4px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: EFD885;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}

iframe {  /* muss zusätzlich zu external.css formatiert werden*/
	width: 550px; /* Breite des ganzen Iframes */
	height: 400px; /* Höhe des ganzen Iframes, ggf Scrollbar */
	border: 0px solid #996633; /* Border um iframe incl scrollbar */	
}

/*Zusätzliche Klassen*/
.posright {float: right;}

/*--------------------------------*/
dl.dlright {
float: right;
width:250px;
margin:0;
}
dl.dlright h2 {background:none;}
dt { display:block;text-align:center !important; }
dd { text-align:center;margin:0;
}

dl.deflist { width:250px;float: left; margin-right:10px; }
dl.deflist dt { margin-bottom: 0; }
dl.deflist dd { text-align:center;margin: 0; }

dl.left200 { width:200px;float: left; margin-right:10px; }
dl.left200 dt { margin: 0; }
dl.left200 dd { text-align:center;margin: 0; }

.divimg {
	float: left;
} 

div.site { /*entspricht Fenster für mainsites*/
	margin: 20px;
	padding: 20px;
	width: 400px;
	text-align: center;
	height: 400px;
	font-size: 14px;
	font-weight: bold;
	color: #474747;
		border: 1px solid;
}

div.siteheader {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 2px 0px 2px;
	width: 550px;
	height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #663300;
}
div.siteheader2 {
	clear: both;
	margin-left: auto;
	margin-right: auto;
	padding: 10px 2px 0px 2px;
	width: 550px;
	height: 50px;
	font-size: 16px;
	text-align: center;
	font-weight: bold;
	color: #663300;
	background: #B0C4E6;
}

div.sitecontent {
	float: left;
	margin-left: auto;
	margin-right: auto;
	padding: 2px;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
	width: 550px;
	text-align: left;
}
div.sitecontent650 {
	margin-left: auto;
	margin-right: auto;
	padding: 2px 30px 0 0 ;
	font-size: 14px;
	font-weight: bold;
	color: #474747;
	width: 650px;
	text-align: left;
}
#archback {
	list-style:none;
	}
.archbild{	border: 5px solid #CAB177;}	

h2 {font-size: 16px; color: #333; margin-top:0; padding-top:10px;}
.big {font-size: 16px; color: #456; margin-top:0; padding-top:10px;font-weight:bold;}
h3 {font-size: 14px; color: #543828;}
h4 {font-size: 14px; color:#543828;}

p.circus {width: 550px;}
.left {float: left;} /*für memories*/
.right {float: right;} /*für memories*/
.brclear{clear: left; margin-bottom: 20px;}

/*slideshow for circus*/
div.slideshow {text-align: center; margin-bottom: 20px;}
div.slideshow h3 {margin-bottom:20px; font-size: 16px; color: #78361B}
div.slideshow h4 {font-size: 13px; color: #414141; margin-bottom:10;}
div.slideshow p {margin-top:0; padding-top:0;}
span.circus {font-size: 14px;}
#slideshow { 
	background: #FFC; /*bugfix FF - muss selbe Farbe wie Randfarbe haben wg hochkant??*/
	border: 15px solid #FFC;/*rahmen um ganzes Bild incl controls*/
	margin: auto;
	margin-top:10px;
}

/*beginn photoalbum für pics circus tv */
div.photoalbum {text-align: center; font-size: 14px; font-weight:bold; margin-right:30px}
p.picframe img {border: 10px solid #FFC;}
/*float left passt den Rahmen an das Bild an, macht aber Probleme beim clearen unter dem Bild*/
p.descr { font-size: 12px;}
div.thumbn {padding-top: 5px; border-top:1px solid #C48455;}
div.thumbn img {height: 80px; border: 3px solid #FFC;}
div.thumbsmall img {height: 60px; border: 3px solid #FFC;}
/*ende photoalbum fuer pics, circus, tv*/
.circNoscrImg {border:10px solid #FFC;width:400px;text-align:center;background-color:#FFC;}

.fumblefile{color:#FDFED8;}
h2.start {	
font-family: Verdana, Helvetica, Arial, sans-serif;
color:#6c1717}
table.start{
font-family: Verdana, Helvetica, Arial, sans-serif;
font-size:14px;
color:#6c1717}
.startlink{
font-weight:normal;color:black;}

div.zeile {	
	width: 580px;
	height: 120px;
	padding: 5px;
	margin-bottom:10px;
	font-size:14px;
	border-bottom:1px solid #C9A04E;
	vertical-align:middle;
}
div.zeile img {
  border: 5px solid #ffc;
  margin: 10px;
  -webkit-box-shadow: 1px 1px 1px #960;
  -moz-box-shadow: 1px 1px 1px #960;
  box-shadow: 1px 1px 1px #960;
}
div.zeile a:hover img {
  border: 5px solid #F7DF97;
}
.msg {
	width: 400px;
	height:200px;
	font-size:14px;
	text-align:left;
	padding:30px;
	background:url(img/bg/arch_blank3.gif);
}
div.news {	
	width: 580px;
	height: 170px;
	padding: 5px;
	margin-bottom:10px;
	font-size:14px;
	border-bottom:1px solid #C9A04E;
	text-align:left;
}
div.gb{
	text-align:left;
	width:580px;
	border: 2px solid #CAB177;
	padding:20px;
	margin-bottom:50px;
	}
div.gb img{margin:5px;}

div.box {	
	width: 720px;
	padding: 5px;
	margin-bottom:10px;
	font-size:15px;
	text-align:left;
	color:#211606;
}
div.news img, div.box img{margin-right:10px;}

.typewriter{
/*	font-family: Courier New, Courier, mono;*/
	font-size:15px;
	/*font-weight: bold;*/
	color:#211606;
	}

div.container1 {  /*temporät für übergang anstatt content1 - container entfernen*/
	text-align:left;
	font-size:14px;
	width:740px;}
	div.container1 table{font-size:14px;}
	
/*formatierungen aus neuer fumble.css*/
p.abs {line-height: 130%; color:#310;}



ul.contactnote{float:right;
	width:410px;
	height:220px;
	padding:0; /*sonst rutscht li nach rechts*/
	background-image:url(img/bg/contactnote.gif);
	background-repeat:no-repeat;
	}
	
ul.contactnote li {
	font-style:italic;
	list-style:none;
	margin:30px 20px 0 20px;
	}
	
.impact a{font-family:impact;}	
	

.clearboth{clear:both;}
.paddingtop{padding-top:10px;	} /*test für abstand circus link*/
.visible img {visibility:visible !important;}

ul,ol,li{list-style:none;} /*generelle formatierung*/
tr. ul li {
	display:inline;
	}

/*CSS formatierung für Liste statt Tabelle*/


ul.pictures { /*pictures list instead of table*/
	clear:both;
	margin: 0;
	padding: 0;
	list-style: none;
	}
ul.pictures li {
	float: left;/*tabs auf einer linie anordnen*/
	margin: 0; /*Abstand zwischen Tabs*/
	padding: 3px;
	text-align:center;
	background-color:#66F;
	}
.memleft{text-align:left;}


div#album ul {
	list-style:none;
	width:90%;
	}
#album li {
	width:220px;
	float:left; /*ordnet die listenpunkte in einer Reihe an*/
	margin-right:6px;
	margin-bottom:30px;
	}
#album img {
	display:block; /*lässt die Beschriftungen unter den Bildern erscheinen*/
	border:0;
	}
.gbentry {
	margin-left:50px;
	margin-bottom:30px;
	padding:5px 20px;
	width:600px;
	border: 0px double #c1b086;
	font-size:90.1%;
	color:#420;
}
.gbentry em{display:block;width:100%;font-weight:bold;margin-bottom:5px;padding-bottom:5px;}
.gbentry span{font-size:80.01%;padding-left:20px;}
.gbentry img{padding-left:10px;}
.gbmenu {width:600px;border-bottom:#996326;vertical-align:center;margin-left:70px;}
.gbmenu a{text-decoration:underline;}