body {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 100.1%; /*restl Schriftgrößen relativ in em festlegen*/
	background-color: #774d2b;
	background-image: url(img/bg/graffiti.jpg);	
	margin: 0px;
}

img {border: none;}
a {color: #Ac2B00; text-decoration: none; font-weight: bold;}
.lnkinfo {font-size: 10px; font-style: italic; color: #5E6166;} 

table {
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size: 12px;
	color: #333333;
}
div.center {
	text-align: center;
	font-size: 12px;
	font-weight: bold;
	color: #474747;
}
table.tv {
	font-size: 12px;
	font-weight: bold;
	color: #474747;
}
table.tv td {
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	border-color: #B6825F;
	padding: 2px;
}

/*Beginn Formatierung Seite*/
.top {
	background-color: #D6C9A0;	
	background-image: url(img/bg/siteheader.jpg);
}
table.top td {
	height: 160px;
	padding: 20px;
	vertical-align: bottom;
	text-align: center;
	font-size: 18px;
	font-weight: bold;
	color: #83462d;
}
.page { /*Formatierungen Gesamtseite und Inhalte*/	
	background-color: #D6C9A0;	
	background-image:  url(img/bg/sitebody2.jpg);
}

.foot {
	background-color: #D6C9A0;
	background-image: url(img/bg/sitefooter.jpg);
}
table.foot td {
	height: 80px;
	vertical-align: middle;
	text-align: center;
}/*Ende Formatierung Seite*/

#startnav {  /*begin navigation STARTPAGE*/
	float: left;
	margin: 20 0 0 50;
	padding: 10px 0 0 5px;
	list-style: none;
	width: 250px; /*Breite des DIVs für IE*/
	background-repeat: no-repeat;
	height: 390px;
	}
	
#startnav ul {
	margin: 0;
	padding: 30px 0 0 0px;
    list-style-type: none;
	width: 230px; /*Breite für FF, Opera*/
	height: 300px;
}
	
#startnav li {
	margin: 0; /*Abstand zwischen Tabs*/
	padding: 0;
	height: 20;
	width: 200px; /*Muss für IE etwas schmaler sein als ul*/
	}
#startnav a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 0 0px 0 0;
	padding: 3 0px 2 5px; /*Raum um die einzelnen Links*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #AA9900;
	width: 200px; /*Wird von FF etwas breiter dargestellt*/
	img visibility: hidden;
}
#startnav a:link img, #startnav a:visited img {visibility: hidden;}
#startnav a:hover {color: #993300;}
#startnav a:hover img {visibility: visible;}
/*end navigation STARTPAGE*/

#subnav {  /*begin navigation subpages*/
	background-image: url(img/bg/subnav.jpg);
	float: left;
	margin: 20 0 0 0;
	padding: 10px 0 0 5px;
	list-style: none;
	width: 160px; /*Breite des DIVs für IE*/
	background-repeat: no-repeat;
	overflow: hidden;
	height: 390px; /*Höhe für DIV*/
	}
	
#subnav ul {
	margin: 0;
	padding: 30px 0 0 0px;
    list-style-type: none;
	width: 154px; /*Breite für FF, Opera*/
	height: 300px;
}
	
#subnav li {
	margin: 0; /*Abstand zwischen Tabs*/
	padding: 0;
	height: 20;
	width: 140px; /*Muss für IE etwas schmaler sein als ul*/
	}
#subnav a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 0 0px 0 0;
	padding: 3 0px 2 5px; /*Raum um die einzelnen Links*/
	font-weight: bold;
	text-decoration: none;
	border-bottom: 1px solid #AA9900;
	width: 130px; /*Wird von FF etwas breiter dargestellt*/
	img visibility: hidden;
}
#subnav a:link img, #subnav a:visited img {visibility: hidden;}
#subnav a:hover {color: #993300;}
#subnav a:hover img {visibility: visible;}
/*end navigation subpages*/

/*Beginn Archive Div auf Startseite*/
#arch {
	    clear: all;
		float: right;
		background-image:  url(img/bg/arch_blank2.gif);
        font-size: 100.01%;
        color: #663300; 
		width: 244px;
		height: 216px;
		margin: 20 0 0 0;
}
#arch ul {
        list-style-type: none;
        margin: 0px 0 0 0;
        padding: 60 0 0 8; /*Verschiebung der Menüpunkte ALLE*/
		height: 160px;
		width: 216px;
}
#arch li {
        margin: 0px 0 5px 0;
		height: 18px;
		text-align: left;
}

#arch a:link {
	   display: block;  /* BGcolor geht bis zum Ende der Zeile */
       text-decoration:none; 
       font-weight: bold;
       color: #663300;
	   height: 19px;
	   width: 160px;
    	border-bottom: 1px solid #AA9933;
}
#arch a:visited {
 	   display: block; /*auch bei visited link bis Ende d Zeile*/
	   text-decoration:none;
	   font-weight: bold;
       color: #663300; /*Schriftfarbe in FF*/
	   height: 18px;
	   width: 160px;
	   	border-bottom: 1px solid #BBAA44;
}
#arch a:hover { color: black;}
#arch a:link img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#arch a:visited img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#arch a:hover img { visibility: visible; } /*jetzt sichtbar */
/*Ende Archive Div*/

#tabs {
	float: left; /*für IE benötigt*/
	width: 85%; /*Breite für Background und Linie (zu breit!)*/
	margin: 0 0 20 50;
	padding: 0px 0 0 10px;
	list-style: none;
	background: url(img/bg/tab_bottom.gif) repeat-x bottom;  /*linie so breit wie width*/
	}
#tabs li {
	float: left;/*tabs auf einer linie anordnen*/
	margin: 0; /*Abstand zwischen Tabs*/
	padding: 0;
	}
#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:#663300;
	background: #ebd9b8 url(img/bg/tab_on.gif) no-repeat top right;
	padding-bottom: 5px;
	border-color: #727377;
}
 /*Ende Tabs*/
 
 /*begin vertical navigation*/
 #tabsvert {
 	float: right;
 	width: 200px;
	margin: 0 20px 0 0;
	padding: 50px 0 0 4px;
	list-style: none;
	text-align: left;
	}
#tabsvert ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
}
#tabsvert li { 
	/*kann hintergrundbilder für einzelne Links haben*/
	text-align: left;
	margin: 2 0 4px 0; /*Abstand zwischen Tabs*/
	padding: 0;
	height: 26px;
	list-style: none;
	}
#tabsvert a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 0 4px 0 0; /*Abstand zwischen einzelnen Tabs*/
	padding: 4px 8px;
	font-weight: bold;
	color: #Ac2B00;
	text-decoration: none;
	border: 1px solid #ac8759;
	border-bottom: none;
	border-left: none;
	background: #decf9e url(img/bg/tab_off.gif) no-repeat top right;/*BG rechts oben*/
}
#tabsvert a#aktuell {
	color:#663300;
	background: #ebd9b8 url(img/bg/tab_on.gif) no-repeat top right;
	padding-bottom: 5px;
	border-color: #727377;
}
  /*end vertical navigation*/
  
  /*begin vertical navigation tabdown2*/
 #down2 {
	float: right; /*für IE benötigt*/
	margin: 0 10 0 0;
	padding: 50px 5 0 0px; /*Innenabstand in IE und Opera*/
	list-style: none;
	width: 210px;
	text-align: left;
	}
#down2 ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 4px;
	}
#down2 li { 
	/*kann hintergrundbilder für einzelne Links haben*/
	margin: 0 0 3px 0; /*Abstand zwischen Tabs*/
	padding: 0 0 3px 0;
	list-style: none;
	}
#down2 a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 2px 0 2px 0; /*Abstand zwischen einzelnen Tabs*/
	padding: 3px 4px;
	width: 200;
	border: 1px solid #ac8759;
	border-bottom: none;
	border-left: none;
	background: #decf9e url(img/bg/tab_off.gif) no-repeat top right;/*BG rechts oben*/
}
  /*end vertical navigation 2 */ 
  
  /*begin navigation reviews*/
 #rev2 {
	float: right; /*für IE benötigt*/
	margin: 0 5 0 0;
	padding: 0 5 0 0px; /*Innenabstand in IE und Opera*/
	list-style: none;
	width: 210px;
	text-align: left;
	}
#rev2 ul {
	margin: 0 0 0 0;
	padding: 0px 0 0 0px;
	}
#rev2 li { 
	/*kann hintergrundbilder für einzelne Links haben*/
	margin: 0 0 1px 0; /*Abstand zwischen Tabs*/
	padding: 0 0 1px 0;
	list-style: none;
	}
#rev2 a {
	float: left;
	display: block; /*macht bei a den ganzen Buttonbereich anklickbar*/
	margin: 2px 0 0px 0; /*Abstand zwischen einzelnen Tabs*/
	padding: 0 0 0 0;
	font-family: arial;
	width: 205;
	font-size: 8pt;
	border: 1px solid #cea98b;
	border-bottom: none;
	border-left: none;
	background: url(img/bg/tab_off.gifx) no-repeat top right;/*BG rechts oben*/
}
#rev2 a:hover {background: #ebd9b8 url(img/bg/tab_on.gif) no-repeat top right; color: 663300;}
  /*end navigation reviews 2 */ 
 

/*Navigation für Band members, TV&Radio, circus - mit navi2 zusammenführen*/
.navig {font-family: Arial, Helvetica, sans-serif; color:#000000; text-decoration: none; font-size: 14px; font-weight: bold;}
.navig a:link {font-family: Arial, Helvetica, sans-serif; color:#Ac2B00; text-decoration: none; font-size: 14px;}
.navig a:visited {font-family: Arial, Helvetica, sans-serif; color:#Ac2B00; text-decoration: none; font-size: 14px;}
.navig a:hover {font-family: Arial, Helvetica, sans-serif; color:#663300; text-decoration: none; font-size: 14px; background-color: #EFD885;}
.navig a:active {font-family: Arial, Helvetica, sans-serif; color:#Ac2B00; text-decoration: none; font-size: 14px;}

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

.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 {
	clear: both;
	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*/

#mainleft {  /* auch:  */
	width: 550px;
	margin-left: 25px;
	float: left;
	text-align: left;
}
#mainleft2 {  /* ganze Seite */
	width: 720px;
	margin-left: 30px;
	float: left;
	text-align: left;
}

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

.cite {
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-weight: bold;
	color: #663300;
}

.copyright {
	text-align: center;
	font-size: 10px;
	font-weight: bold;
	font-style: italic;
	color: #5E6166;
	text-align: center;*/
}
.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;
}

.huge2 {
	font-size: 16px;
	font-weight: bold;
	color: #78361B;

}
 
/*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 {
float: left;
}
dt { display:block; }
dd {
	padding: 3px;
	font-size: 8pt;
	font-weight: bold;
	color: #363636;
}

dl.deflist { float: left; margin-right: 1em; }
// verhindert das Einrücken und
// den Abstand nach oben
dl.deflist dt { margin-bottom: 0; }
dl.deflist dd { 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;
}

/*Navigation mit li im Achive*/
#navi2 {
	width: 680px;
	color: #663300;
	border-bottom: 1px solid #8B7943;
	border-top: 1px solid #8B7943;
	height: 23px;
	text-align: center;

}
#navi2 ul {
        display: block;
        list-style-type: none;
        margin: 0px 0px 0px 0px; /*Gesamtabstände des ganzen menüs*/
        padding: 0px 0px 0px 0px;
		height: 20px;  /* Höhe des gesamten DIV (FF, Op,)*/
}
#navi2 li {
        display: inline;
        margin: 0px 0px 0px 0px;
		padding: 0px 10px 0px 0px; 	
		height: 22px;  /* Höhe des ges DIV - NICHT LINKBG! (FF, IE,)*/
		width: 122px;	
}
#navi2 a:link, #navi2 a:visited, #navi2 a:active {
    display: inline;
	text-decoration: none;
	font-weight: bold;
    margin: 0px 0px 0px 0px;	
    padding: 4px 10px 4px 10px;  
	color: #Ac2B00;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 122px;
}
html>body #navi2 li a {
	width: auto;
}
#navi2 a:hover { color: #663300; width: 122px;} /*Farbe beim Überfahren Breite IE*/
#navi2 a:link img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#navi2 a:visited img { visibility: hidden;} /* Wie Hintergrund, damit unsichtbar */
#navi2 a:hover img { visibility: visible; } /*jetzt sichtbar */
/*      //Ende Formatierung navi 2  */

h2 {font-size: 16px; color: #663300;}
h3 {font-size: 14px; color: 414141;}
p.circus {width: 550px;}
.left {float: left;} /*für memories*/
.right {float: right;} /*für memories*/

/*slideshow for circus*/
div.slideshow {text-align: center;}
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;}
#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;
}

/*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: 15px 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*/