* {
     /* Alle Ränder und Aussen- und Innenabstände auf 0 stetzen */
     margin:0;
     padding:0;
     border: none;
}

a:link, a:visited{
     color: #cc5555;
}

a:link:hover, a:active{
     color: #dd0000;
}

html {
     /* Höhe des HTML Elements definieren */
     height: 100%;
}

body {
     /* Höhe des BODY Elements definieren */
     height: 100%;
     background:#000 url(res/splatterbckgr.jpg);
     font-family: Verdana;
     font-size: .9em;
}

img.float_right, div.float_right{
     float:right;
     padding:.8em;
     padding-top:0em;
}

img.float_left, div.float_left{
     float:left;
     padding:.8em;
     padding-top:0em;
}

div.caption{
     text-align:center;
     font-size:75%;
}

#wrapper{
     /* Zentriert die den Div-Container */
     margin:auto auto;
     /* minimale Höhe von 100% wenn der Content nicht die ganze Seite fällt */
     min-height:100%;
     position: relative;
     width:1036px;
     /* Content ausserhalb den Containers verhindern */
     overflow:hidden;
}


#header {
     width:1036px;
     height:250px;
     margin-left:0px;
     margin-right:0px;
     background:url(res/mesa_boogie_amp_prepared.jpg) no-repeat;
     background-position:center;
     overflow:hidden;
}

#site{
     /* Links und Rechts 18 Pixel Abstand zur Seite, Contentbereich definiert ohne Schatten */
     margin-left:18px;
     margin-right:18px;
     overflow:hidden;
     color:#888;
}



#navi{
     background: #333;
     float:left;
     width:170px;
	 position:fixed;
	 font-family: Georgia, serif;
}

#navi_head{
     text-align:center;
     font-variant:small-caps;
     font-weight:bold;
     border:2px solid #888;
}

#navi ul {
     list-style-type: none;
     border-bottom:2px solid #888;
     border-left:2px solid #888;
     border-right:2px solid #888;
	 text-align:center;
}

#navi li {
     display: block;
}

#navi li a, #navi li a:link {
     text-decoration: none;
     display: block;
     font-weight:normal;
     color: #888;
     padding: 5px;
     border-top:2px solid #888;
     border-right: 10px solid #000;
     border-left: 10px solid #000;
}

#navi li a:before{
	content:url(float_logo_normal.png)"   ";
}

#navi li a:after{
	content:"   "url(float_logo_normal.png);
}

#navi li a:visited {
     color: #888;
}

#navi li a:hover, #navi li a:active, #navi li a:focus {
    color: #aa0000;
    background:#888;
    font-weight:bold;
    border-right: 20px solid #333;
    border-left: 20px solid #333;
}

#navi li a:hover:before{
	content:url(float_logo_hover.png);
}

#navi li a:hover:after{
	content:url(float_logo_hover.png);
}

#navi img{
    background:black;
    padding-top:10px;
}

#rightbar {
    float:right;
    width:166px;
    border: 2px solid #888;
    padding: 10px;
}

div #rightbar .sidebargadget{
    padding-top: 10px;
    border-bottom:1px dashed #888;
}

div #rightbar .sidebargadget h2{
    margin-bottom: .3em;
    font-variant:small-caps;
    color:#eee;
}

#rightbar * span.sub{
    display:block;
    font-size:.5em;
    font-variant:small-caps;
    color:#777;
}


#content{
    float:right;
    width:640px;
    background-color:#333;
}

.inside{
     padding:15px;
}

#content .inside h1{
     margin-bottom: 1.5em;
     font-variant:small-caps;
	 color:#eee;
}

#content .inside * span.sub{
    display:block;
    font-size:smaller;
}

#content .inside h2{
     margin-top:.3em;
     margin-bottom: .5em;
     font-variant:small-caps;
	 color:#ccc;
}

#content .inside h2.category{
	border-top: 2px ridge #888;
	margin-top: 60px;
}

#content .inside p.category_description{
	border-bottom: 1px dotted #888;
}

#content .inside h3{
     margin-bottom: .3em;
     font-variant:small-caps;
	 color:#aaa;
}

#content .inside p{
     text-align:justify;
     margin-bottom: .5em;
}

#content .inside ul.category_list{
	margin-left:20px;
	font-weight:bold;
}

.clearer{
     clear:right;
}

.clearboth{
     clear:both;
}

.clearleft{
	clear:left;
}

#footer{
     float:right;
     color:#888;
     text-align:center;
     width:80%;
     margin-bottom:1em;
}

#lexikon{
     float:none;
	 width:100%;
	 margin-bottom:25px;
}

#lexikon p{
	text-indent: -15px;
	margin:15px;
}

#twitter_div{
     float:right;
     width:45%;
     padding-left:15px;
}

#twitter_div ul{
     list-style-type: none;
     background:#888;
     color:#333;
     font-weight:bold;
}
.rtop, .rbottom{display:block}
.rtop *, .rbottom *{display: block; height: 1px; overflow: hidden;}
.r1{margin: 0 5px;background:#888}
.r2{margin: 0 3px;background:#888}
.r3{margin: 0 2px;background:#888}
.r4{margin: 0 1px; height: 2px;background:#888}

#twitter_div ul li{
     padding:3px;
}

#twitter_div ul li a{
     display:block;
}

.picasa_album{
     margin-bottom:1em;
     border-bottom:2px solid #888;
}

.picasa_album .album_cover{
     background: url('http://picasaweb.google.com/s/c/transparent_album_background.gif') left no-repeat;
     height: 194px;
     width: 194px;
     margin-right:1em;
     float:right;
}

.picasa_album .album_cover img{
     margin: 17px 0 0 17px;
     width: 160px;
     height: 160px;;

}

.picasa_album .album_description{

     width:70%;
}

.picasa_album .album_description .album_name{
     font-weight:bold;
}

.picasa_album .album_description .album_details{
     text-align:justify;
}

#cse{
     float:right;
     width:40%;
     margin:15px;
}

.gs-snippet{
     color:#888;
}

.gs-title a.gs-title{
     color: #cc5555;
}

.gs-title a.gs-title b{
     color: #cc5555;
}

.gsc-trailing-more-results a.gsc-trailing-more-results{
     color: #cc5555;
}

div.gsc-tabHeader.gsc-tabhActive{
     color:#888;
}

div.gsc-cursor-box div.gsc-cursor div.gsc-cursor-page{
     color:#888;
}

div.youtube_video{
     margin-bottom:1em;
     border-bottom: 2px solid #888;
}

div.youtube_video div.youtube_video_player{
     float:right;
     margin-left:15px;
}

div.youtube_video div.youtube_video_description{
     display:block;
}

div.concert{
     width:100%;
	 margin-bottom:2em;
}

div.concert.active{
	font-variant:small-caps;
	margin-bottom:2em;
	background-color:#333;
}

div.concert.active:before{
	content:url(res/new-icon.png);
}

div.concert div.date{
     width:10%;

}

div.concert div.location{
    width:30%;
	font-weight:bold;
}

div.concert div.additional{
     width:15%;

}

div.concert div.info{
     width:25%;

}

div.concert div.additional ul{
     list-style-type: none;
     font-size:smaller;
}

div.concert div.additional ul li.no{
     text-decoration: line-through;
}

div.concert div.additional ul li.yes{
	font-weight:bold;
}

b.ruler{
     display:block;
     height:2px;
     background:#888;
     width:40%;
	 margin-bottom:1.5em;
}


ul.downloads{
	list-style:none;
	width:60%;
	margin-top:10px;
	
}

ul.downloads li.download{
	border-bottom: 3px ridge #888;
	padding-bottom: 3px;
}

ul.downloads li.download  p{
	float: left;
	margin-right:10px;
	width:60%;
	text-align:left ! important;
	
}

ul.downloads li.download p a{
	float:none;
}

ul.downloads li.download  img{
	display:block;
}

ul.downloads li.download  a{
	float:right;
}

div.link{
	min-width:50%;
}

div.link img{
	float:right;
	margin-left:15px;
}

div .dandyid_publicserviceswidget{
	background:#000;
}

div .widgetIcon{
  display:block;
  margin:5px 10px 5px 0px;
}