/* Design & Anatomie */
* { margin: 0; padding: 0; }
body {
  font-family: Tahoma, Verdana, Vera Sans;
  font-size: 14px;
  background-color: #FFFFFF;

}
div#mainbox {
  width: 98.8%;
  margin:7px;
}
div#contentbox {
  margin-top: 0px;
  margin-left: 200px;
  margin-right: 210px;
  line-height: 1.5em;
  background:#66CC66;

}
div#sidebar-left-top { float: left; height:15px; width:200px; background: #3068D0 url(../image/left-top.jpg) no-repeat top left; }
div#sidebar-left { float: left; }
div#sidebar-right { float: right; }


/* Kopf & Logo */
div#header {
  margin-bottom: 0px;
  background:#000000;
  padding:0px;

}
div#header h1 a { font-size: 40px; letter-spacing: -3px; }
div#header div.description { font-size: 25px; letter-spacing: -2px; margin-right: 225px; line-height: 1.1em; color: #555; }
div#header a { color: #FFF; }
div#header div#logolayer {
  padding-left: 30px;
  padding-top: 25px;
  margin-right: 30px;
  height: 120px;
  display:inline;
}

/* Fußbereich */
div#footer {
  background-color: #000000;
  clear: both;
  color:#FFFFFF;
  line-height: 100px;
  text-align: center;
  vertical-align:middle;
  font-size: 12px;
}
div#footer span { }


/* Sidebars */
div.sidebar { width: 200px; margin: 0 0px; overflow: hidden; position: relative; display: inline; background: #3068D0 url(../image/left-bottom.jpg) no-repeat bottom left; }
div.sidebar ul { margin: 0; list-style: none; }
li.widget ul li {  padding-left: 15px; }
li.widget {
  list-style: none;
  padding: 5px;
  margin-bottom: 10px;
  border: 0px solid #ddd;


}
div.sidebar h2 {
  font-size: 14px;
  line-height: 18px;
  color: #FFF;
  text-decoration: underline;
  margin-bottom: 5px;
}
div.sidebar { font-size: 13px; }


/* General Elements */
a { text-decoration: none; color: #000; }
a:hover { text-decoration: underline; }
img { border: 0px solid #ddd; margin: 5px; }
p { margin: 10px 0; }
div.clear { clear: both; line-height: 1px; font-size: 1px; }
ul.featured_posts li { list-style: none; display: inline; background: url(../image/li.png) left center no-repeat; padding-left: 15px; margin-right: 25px; line-height: 21px; }
div#contentbox ul { margin: 5px 0; list-style: none; }
div#contentbox ul li { background: url(../image/li.png) left 5px no-repeat; padding-left: 16px; }
div#contentbox a, div#featured_posts a { color: #FFF; }
div.entry { float: left; width: 100%;}
div.entry ol { margin: 5px 0 5px 25px; }
div.entry blockquote { display: block; margin-left: 10px; background: url(../image/quote.jpg) left center no-repeat; padding-left: 40px; font-style: italic; min-height: 30px; }
div.entry blockquote cite { display: block; text-align: right; font-style: normal; font-size: 13px; margin-right: 20px; }
div.entry h3 { font-size: 22px; }
div.entry h4 { font-size: 20px; }
div.entry h5 { font-size: 18px; }
div.entry h6 { font-size: 16px; }
div.entry table { border: 1px solid #ddd; border-spacing: 0; }
div.entry table td, th { border: 1px solid #ddd; border-width: 0 1px 1px 0; padding: 2px 5px; }
.extreme-small { font-size: 1px; line-height: 1px; }

/* Posts & Pages */
div.post, div.page, div.attachment, div#featured_posts {

  padding: 5px 15px;
  border: 0px solid #FFF;
  margin-bottom: 20px;
  text-align: justify;
}
div.post.sticky { border-width: 20px; }
div.post h2, div.page h2, div.attachment h2, div#featured_posts h2 {
  text-align: left;
  font-family: impact;
  font-size: 20px;
  margin-top: 5px;  
}
span.postdate, span.postauthor, span.posttags, span.postcategorie, span.postcomments, span.postedit {
 padding-left: 30px; line-height: 25px; font-size: 13px; background-position: left center; background-repeat: no-repeat; display: inline-block; }
span.postdate { background-image: url(../image/date_icon.png); margin-right: 20px; }
span.postauthor { background-image: url(../image/author_icon.png); }
span.posttags { background-image: url(../image/tag_icon.png); }
span.postcategorie { background-image: url(../image/category_postmeta_icon.png); }
span.postcomments { background-image: url(../image/comment_icon.png); }
span.postedit { background-image: url(../image/edit_icon.png); }
p.postmetadata { background-color: #eee; padding: 5px; }
div.page_navigation p { background-color: #ddd; text-align: center; }

img.alignleft { border: 1px solid red; }


/* Navigation */
div.navigation div.next_posts a, div.navigation div.previous_posts a {
  background-color: white;
  padding: 15px;
  border: 10px solid #ddd;
  margin-bottom: 20px;
  text-align: center;
  width: 200px;
}
div.navigation div.next_posts a { float: left; }
div.navigation div.previous_posts a { float: right; }
div.filter {
  padding: 16px 0 15px 70px;
  border: 5px solid #ddd;
  margin-bottom: 20px;
  background: white url(../image/filter_icon.png) left center no-repeat;
  font-size: 18px;
  font-weight: bold;
  color: #000;
}


/* WP Intern format classes */
.alignleft { float: left; margin-right: 10px; }
.alignright { float: right; margin-left: 10px; }
.aligncenter { display: block; margin: 5px auto; text-align: center; }
img.wp-smiley, .noborder { border: 0; padding: 0; margin: 0; }
.wp-caption { text-align: center; margin: 5px; }
.wp-caption p.wp-caption-text { font-size: 11px; line-height: 17px; padding: 0 4px 5px; margin: 0; }



/* Widgets & Menu */
li.widget_pages ul { list-style: none none outside; margin: 0; }
li.widget_pages ul li { background: url(../image/page_icon.png) left 2px no-repeat; line-height: 22px; padding-left: 20px; }

li.current_page_item a { font-weight: bold; color: #FFF; }
li.current_page_item ul li * { font-weight: normal; color: #000000; }

li.widget_pages ul li.current_page_item { background-image: url(../image/page_active_icon.png); } 

li.widget_categories ul { list-style: none none outside; margin: 0; }
li.widget_categories ul li { background: url(../image/category_icon.png) left 5px no-repeat; line-height: 20px; padding-left: 21px; }

li.widget_categories ul li.current-cat { background-image: url(../image/category_active_icon.png); background-position: left 3px; }
li.current-cat a { font-weight: bold; color: #FFF; }
li.current-cat ul li * { font-weight: normal; color: #000000; }

li.widget_links ul { list-style: none none outside; margin: 0; }
li.widget_links ul li { background: url(../image/link_icon.png) left 1px no-repeat; line-height: 20px; padding-left: 15px; }

li.widget_text p { text-align: justify; }

li.widget_calendar table { width: 99%; }
li.widget_calendar a { color: #FFF; }

li.widget_rss img { display: none; }


/* Input elements */
input, textarea, select {
  border: 1px solid #55524E;
  margin: 1px;
  padding: 1px;
  font-family: Tahoma, Verdana, Vera Sans;
  background-color: #FFF;
}
input:focus, textarea:focus, input.focus, textarea.focus { background-color: #eee; color: #49a; border: 1px solid #FFF; }


/* Searchelements */
form#searchform label.hidden { display: none; }
input#s { width: 120px; }
input#searchsubmit { }


/* Comments & Trackbacks */
ol.commentlist { list-style-type: none; margin: 10px 0; }
ol.commentlist span.says { display: none; }
ol.commentlist li.comment { margin-bottom: 10px; background-color: #F3F3F3; padding-right: 15px; padding-bottom: 10px; font-size: 14px; }
ol.commentlist li.comment.odd { background-color: #ddd; }
ol.commentlist li.comment img.avatar { float: left; }
ol.commentlist li.comment div.commentmetadata { font-size: 10px; }
ol.commentlist li.comment p { margin-left: 62px; }
textarea#comment { width: 70%; max-width: 400px; }


/* Galelry */
div.gallery { text-align: center; }


td#h_menu { display:inline; background:#FFFFFF; float:left; width:170px; padding-left:30px;}

div#home_con{ padding:7px;}


#artist_title { font-size:20px; font-weight:bold; color:#FFFF00; margin-bottom:5px;  margin-left:15px;}
#menu_in_single{ border: 1px solid #DDDDDD; padding:6px; color:#000000; font-size:14px; font-weight:bold; widows:90%; margin-left:15px;}
#menu_in_single a, #menu_in_single a:visited{padding:0px 10px 0px 10px; color:#4499DD; font-size:14px; font-weight:bold; text-decoration:none;}
#menu_in_single a:hover{padding:0px 10px 0px 10px; color:#FFFF00; font-size:14px; font-weight:bold; text-decoration:none;}

#slide_top{ 
	left:0;

}

#home_boby{ width:100%; background: #66CC66;}

#hl , #hr { display:inline;  background: #66CC66;}
#hl{ float:left; width:50%}
#hr{ float:right; width:50%}


/*------TJ-------*/		
/*  Img Gallery  */
/*---------------*/
#imagegallery-container {
width: 600px;
padding: 0px 0 0px 0px;
height:241px;
margin-left:40px;
}

#imagegallery-container .slidewrap {
padding-top:3px;
padding-left:10px;
height:241px;
background:url(../image/slidebg.gif) repeat-x top;
}
#slides {
width: 600px;
 height: 235px;
position: relative;
top: 0px;
overflow: hidden;
z-index: 5;
margin: 0 auto;
padding: 0;
}
#slides img {
margin: 0;
padding: 0;
border: 0;
width: 290px;
height: 264px;
}
#slide-box {
height: 235px;
position: absolute;
overflow: visible !important;
}
#slide-box div {
float: left;
position: relative;
width: 600px;
height: 244px;
display: block !important;
}

#slides-prev {
display: block;
width: 46px;
height: 241px;
position: absolute;
top: 122px;
z-index: 10;
left:180px;;
}

#slides-prev a {
display: block;
width: 46px;
height: 241px;
text-indent: -9999px;
background: url(../image/left_nav.gif) no-repeat right top;
margin-left:40px;
}
#slides-prev a:hover {
 background-position: 0 100%;
}
#slides-next {
display: block;
width: 46px;
height: 241px;
position: absolute;
top: 122px;
left: 820px;
z-index: 10;
}
#slides-next a {
display: block;
position:relative;
width:46px;
height: 241px;
text-indent: -9999px;
background: url(../image/right_nav.gif) no-repeat left top;
}
#slides-next a:hover {
 background-position: 100% 100%;
}

#home_boby a, home_boby a:visited{ color:#000000; text-decoration:none;}
home_boby a:hover{ color:#FFFFFF; text-decoration:none;}
.artistExtra{
width:100%;
border:2px solid #22A81C;
padding:5px;
}

.artistExtra a:hover{
background:#0099FF;
padding:2px;
}

.comment-body { background:#888888;}


ul li.slider1Image{padding:0 !important; list-style-type:none !important;background:#000 !important;}
#slider1 {
	width: 740px; /* important to be same as image width */
    height: 300px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
	margin:15px;
	border:4px solid #0066FF;
}

#slider1Content {
    width: 740px;
    position: absolute;
	top: 0;
	margin: 0 auto !important;
	padding:0;
}

.slider1Image {

    position: relative;
	display: none;
	margin:0px auto!important;
	text-align:center;
}

.slider1Image span {
   position: absolute;
	font: 10px/15px Arial, Helvetica, sans-serif;
    padding: 10px 13px;
    width: 624px;
    background-color: #000;
    filter: alpha(opacity=70);
    -moz-opacity: 0.7;
	-khtml-opacity: 0.7;
    opacity: 0.7;
    color: #fff;
    display: none;
	top:0;
	

   /*
       if you put
       top: 0; -> the box with text will be shown at the top of the image
       if you put
       bottom: 0; -> the box with text will be shown at the bottom of the image
   */
}

.clear {
   clear: both;
} 
.sliderImage span strong, .slider1Image span strong, .slider2Image span strong {
    font-size: 14px;
}
.top {
	top: 0;
	left: 0;
}
.bottom {
	bottom: 0;
    left: 0;
}
.left {
	top: 0;
    left: 0;
	width: 110px !important;
	height: 280px;
}
.right {
	right: 0;
	bottom: 0;
	width: 150px !important;
	height: 290px;
}


.discography {
width: 200px;
height: 200px;
float: left;
padding-bottom: 10px;
text-align: center;
}

.discography img {
   display:block;
   margin:auto;
}