/*Copyright uogbfans.de. May not be used without permission of the author.*/
/*styles for uogbfans.de - urgently needs to be cleaned up!*/
@import url('guestbook.css');
@import url('gallery.css');

*, html {
	font-size:100.1%;
}
a, blockquote, caption, dd, dfn, div, dl, dt, fieldset, 
form, h1, h2, h3, h4, h5, img, label, legend, li, 
ol, p, samp, table, tbody, td, tfoot, th, thead, tr, ul	{
	font-size:100.1%;
	font-family:Arial, Helvetica, sans-serif;
	border:0;
	line-height:120%;
}

dd {
	margin-bottom:0.5em;
}
html {

}
body {
	background-color:#0A0A0A;
	margin:0px;
	color:#BAD7E9;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.9em;
	letter-spacing:0.05em;	
	background-image:url('../images/blueuke.jpg');
	background-position:746px 0px;
	background-repeat:no-repeat;
}

#top {
	background-image:url('../images/test.jpg');
	margin:0px;
	background-position:top left;
	background-repeat:no-repeat;
	height:362px;
}

.nob {
	border:none;
}

#uogbfans {
	margin:150px 0px 0px 280px;
}

#main-nav {
	background-image:url('../images/chess.gif');
	position:absolute;
	width:38%;
	z-index:0;
	right:80px;
	top:20px;
	padding:0px 20px 15px 0px;
	border:1px solid #808080;
	margin-left:746px;

}

a {
	color:#BAD7E9;
	text-decoration:underline;
}

a:hover {
	color:#FFD081;
}

a.current, #subnav a {
	color:#FFD081;

}

a.current {
	text-decoration:none;
}

#subnav a:hover, #subnav a.current {
	color:#BAD7E9;
}

.arrow {
	width:8px;
	height:8px;
	border:none;
}

#fwd {
	padding-left:30px;
}

#fwd:hover {
/*	background-image:url(../images/arrblue-big.gif);*/
	background-repeat:no-repeat;
	background-position:top right;
}

#rev {
	padding-right:30px;
}

#rev:hover {

}

ul {
	list-style-type:none;
	margin-top:20px;
	margin-left:10px;
	padding-left:10px;
}

#main-nav li {
	font-weight:bold;
	display:block;
	width:49%;
	float:left;
}

#main-nav li a {
	background-color:#020C2F;
}

li {
	margin-top:0.5em;
}


br {
	clear:both;
}

#calendar {
	position:absolute;
	top:220px;
	width:24%;
	float:left;
	padding:20px;
}

#caltbl caption {
	position:absolute;
	left:-3000px;
	color:#0A0A0A;
}

table#caltbl {
	/*border-collapse:collapse;*/
	width:12em;
	margin-top:140px;
}

#caltbl th, #caltbl td {
	font-weight:normal;
	border:1px solid #D0D0D0;
	text-align:center;
	vertical-align:middle;
	padding:2px;
	letter-spacing:0.0em;
}

#caltbl .nob {
	border:none;
}

table {
	border-collapse:collapse;
	margin-bottom:1em;
	width:100%;
}

caption {
	text-align:left;
	font-weight:bold;
	padding-bottom:0.5em;
}

th, td {
	width:100%;
	border:1px solid #333;
	padding:10px;
	vertical-align:top;
	text-align:left;
	font-weight:normal;
}

.nobr {
	border-right:none;
}
.nobl {
	border-left:none;
}

.concert {
	background-color:#FFD081;
	color:black;
}

.small {
	font-size:0.7em;
}

#right {		/*container for subnav and content*/
	position:absolute;
	top:240px;	
	left:25%;
	width:75%;
	float:left;
	padding:0px;
	overflow:hidden;
}

#subnav {
	/*font-weight:bold;*/
	margin:70px 20px 0 0;
	width:auto;
	float:left;
}

#content {
	margin:20px 30px 0 20px;
	letter-spacing:0.08em;
	width:70%;	
	float:left;
}

* html #content {
	width:auto;
}

#footer {
	position:relative;

}

.lang {
	width:82px;
	float:left;
	padding:4px;
}

h1 {
	font-size:2.2em;
	color:#FFD081;
	margin-bottom:10px;
}

h2 {
	font-size:1.5em;
	color:#FFD081;
}

h3 {
	font-size:1.0em;
	color:#FFD081;
}

.center {
	text-align:center;
}

#geruke {
	position:absolute;
	left:60px;
	top:-20px;
	background-image:url(../images/geruke.gif);
	background-repeat:no-repeat;
}

#enuke {
	position:absolute;
	left:120px;
	top:30px;
	text-align:center;
	background-image:url(../images/enuke.gif);
	background-repeat:no-repeat;
}

#geruke a, #enuke a, #geruke img, #enuke img{
	border:none;
	text-decoration:none;
	display:block;
	line-height:1em;
}

#geruke a span, #enuke a span {
	text-decoration:underline;
	
}

#geruke:hover, #enuke:hover {
	color:#FFD081;
}

/*#geruke:hover {
	background-image:url(../images/r-geruke.gif);
	background-repeat:no-repeat;
}

#enuke:hover {
	background-image:url(../images/r-enuke.gif);
	background-repeat:no-repeat;
}*/

.header {
	color:white;
	font-weight:bold;
	/*border-bottom:1px solid gray;*/
	padding:0px;
	margin:0px;
	font-size:1em;
}

.gb {
	padding:0px 0px 0px 5px;
	margin:0px 20px 0px 0px;
}

.clear {
	clear:both;
}

.art {
	border-bottom:1px dotted #555;
	/*background-color:#191919;*/
	padding:10px 0;
}

.cal {
	display:block;
	/*background-image:none;*/
	font-weight:bold;
	color:#FFD081;
}

.cal:hover {
	/*background-color:#0A0A0A;
	background-color:#951313;*/
	background-color:#FFD081;
	color:black;
}

.calinfo {
	position:absolute;
	top:200px;
	left:20px;
	width:12em;
	z-index:10;
	background-color:white;
	color:black;
	border:blue;
	text-align:left;
	padding:4px;
	display:none;
}

.arrblue {
	border:none;
	width:8px;
	height:8px;
}

.list {
	list-style-type:square;
}

.lyrics {
	margin-left:30px;
}

.lyrics p {
	line-height:150%;
}

.foo {
	
}
.foo dt{
	font-weight:bold;
	float:left;
}


.foo dd {
	margin-left:30px;
}

.note {
	font-size:0.7em;
	color:#FFD081;
}
.note:hover {
	color:#BAD7E9;
}

.noauthors span {
	display:none;
}

.float li{
	line-height:0.8em;
	display:inline;
}

.floatlist {
	margin:0px; 
	padding:0px;
}

.floatlist li{
	line-height:1.2em;
	display:inline;
}

.buttons div {
	width:60px;
	height:60px;
	float:left;
}
.buttons {

	padding-left:0px;
}
a.button img {
	width:50px;
	height:50px;
}
a.button {
	width:50px;
	height:50px;
	display:block;
	border:1px solid #FFD081;
}
.remove {
	font-style:italic;
	color:orange;
}

.orange {
	 color:orange;
}

#newsbox {
	position:absolute; 
	z-index:20; 
	right:20px; 
	background-image:url('../images/chess.gif');
	font-weight:bold; 
	font-size:0.8em; 
	border:2px dotted orange; /*border:2px dotted white; */
	width:15%; 
	padding:10px; 
	color:orange
}

/*album little animated buttons*/
#b27 {
	background-image:url(../images/albumbuttons/ukewerk.jpg);
	background-repeat:no-repeat;
}

#b26 {
	background-image:url(../images/albumbuttons/bangbang.jpg);
	background-repeat:no-repeat;
}

#b25 {
	background-image:url(../images/albumbuttons/hestercd.jpg);
	background-repeat:no-repeat;
}

#b24 {
	background-image:url(../images/albumbuttons/SOH-DVD.jpg);
	background-repeat:no-repeat;
}

#b23 {
	background-image:url(../images/albumbuttons/speciallimitededitionberlin.jpg);
	background-repeat:no-repeat;
}

#b22 {
	background-image:url(../images/albumbuttons/willsmallfry.jpg);
	background-repeat:no-repeat;
}

#b21 {
	background-image:url(../images/albumbuttons/still_live.jpg);
	background-repeat:no-repeat;
}
#b20 {
	background-image:url(../images/albumbuttons/pluck-new.jpg);
	background-repeat:no-repeat;
}

#b19 {
	background-image:url(../images/albumbuttons/heartsofoak-new.jpg);
	background-repeat:no-repeat;
}

#b18 {
	background-image:url(../images/albumbuttons/proms-dvd.jpg);
	background-repeat:no-repeat;
}
#b17 {
	background-image:url(../images/albumbuttons/liveinlondon2.jpg);
	background-repeat:no-repeat;
}
#b16 {
	background-image:url(../images/albumbuttons/christmas.jpg);
	background-repeat:no-repeat;
}
#b15 {
	background-image:url(../images/albumbuttons/liveinlondon1.jpg);
	background-repeat:no-repeat;
}


#b1 {
	background-image:url(../images/albumbuttons/preciouslittle.jpg);
	background-repeat:no-repeat;
}

#b2 {
	background-image:url(../images/albumbuttons/topnotch.jpg);
	background-repeat:no-repeat;
}

#b3 {
	background-image:url(../images/albumbuttons/anarchy-dvd.jpg);
	background-repeat:no-repeat;
}

#b4 {
	background-image:url(../images/albumbuttons/msdynamitee.jpg);
	background-repeat:no-repeat;
}

#b5 {
	background-image:url(../images/albumbuttons/secretoflife.jpg);
	background-repeat:no-repeat;
}

#b6 {
	background-image:url(../images/albumbuttons/anarchy-cd.jpg);
	background-repeat:no-repeat;
}

#b7 {
	background-image:url(../images/albumbuttons/pluck.jpg);
	background-repeat:no-repeat;
}

#b8 {
	background-image:url(../images/albumbuttons/fistfulofukes.jpg);
	background-repeat:no-repeat;
}

#b9 {
	background-image:url(../images/albumbuttons/heartsofoak.jpg);
	background-repeat:no-repeat;
}

#b10 {
	background-image:url(../images/albumbuttons/ukulelevariations.jpg);
	background-repeat:no-repeat;
}

#b11 {
	background-image:url(../images/albumbuttons/willgrovewhite.jpg);
	background-repeat:no-repeat;
}

#b12 {
	background-image:url(../images/albumbuttons/soppy.jpg);
	background-repeat:no-repeat;
}

#b13 {
	background-image:url(../images/albumbuttons/mainlymanlymusic.jpg);
	background-repeat:no-repeat;
}

#b14 {
	background-image:url(../images/albumbuttons/davebasscamp.jpg);
	background-repeat:no-repeat;
}

#b25: hover, #b24: hover, #b23: hover, #b22:hover, #b21:hover, #b20:hover, #b19:hover, #b18:hover, #b17:hover, #b16:hover, #b15:hover, #b1:hover, #b2:hover, #b3:hover, #b4:hover, #b5:hover, #b6:hover, #b7:hover, #b8:hover, #b9:hover, #b10:hover, #b14:hover, #b11:hover, #b12:hover, #b13:hover {
	margin:3px 0 0 3px;
}

.interview dt{
	font-weight:bold;
	margin-bottom:10px;
}

.interview dd {
	margin-bottom:20px;
}

.termine {
	margin-top:0em;
	width:auto;
	border-collapse:collapse;
}

.termine td, .termine th {
	vertical-align:top;
	text-align:left;
	border:none;
	line-height:2.2em;
	padding-right:20px;
	border-bottom:1px solid #333;
}

.termine caption em {
	display:inline;
	position:absolute;
	z-index:3000;
	left:-3000px;
}

.border {
	border:1px solid #FFD081;
}

.bold {
	font-weight:bold;
}

ul.nomargin {
	margin-left:0px;
	padding-left:0px;
}
.yellow {
	color:#FFD081;
}