/***************************************************************************************   RESET STYLE   **/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 10px;
	font-family: "trebuchet MS", sans-serif;
}
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}

.hidden{position:absolute;left:-5000px;top:-50000px;width:904px;height:0px;overflow:hidden;display:inline;}

/***************************************************************************************   GRUNDLAYOUT   **/
body{
  background: #fff url(../images/body_bg.png) bottom right no-repeat;
  margin:0 0 0 auto;
  width:1000px;
  float:right;
  max-width:1000px;
}
a:link, a:visited{color:#f9ac18;text-decoration:none;}
a:hover, a:active, a:focus{
  background-color:#f9ac18;
  color:#000;
  text-decoration:none;
}

a#homelink{
  height:80px;
  position:absolute;
  right:30px;
  top:50px;
  width:845px;
}

a#homelink:hover,a#homelink:active, a#homelink:focus{
  background:transparent url(../images/homelink.gif) bottom center no-repeat;
}

/***************************************************************************************   HEADERIMAGE   **/
div.headimage{
  height:191px;
  float:left;
  margin-top:48px;
}

div#headimage_1{
  margin-left:24px;
  background:#FFF url(../images/headimage_1.gif) top left no-repeat;
  width:476px;
}

div#headimage_2{
  background:#FFF url(../images/headimage_2.gif) top left no-repeat;
  width:233px;
}

div#headimage_3{
  background:#FFF url(../images/headimage_3.gif) top left no-repeat;
  width:267px;
}

/***************************************************************************************   MAINNAV   **/

ul#mainnav{
  clear:left;
  margin-left:24px;
  background:#FFF url(../images/mainnav_bg.gif) top right no-repeat;  
  height:108px;  
}

ul#mainnav li{
  float:left;
  height:108px;
  width:97px;
  border-left:4px solid #FFF;
}

ul#mainnav li:first-child{
  background:#FFF url(../images/mainnav_first_li_bg.gif) top left no-repeat;
  width:193px;
  border-left:none;
}


/*********************************************************************   1. EBENE   **/
ul#mainnav li a{
  display:block;
  height:22px;
  width:97px;
  text-align:center;
  font-size:1.3em;
  padding-top:86px;
}

ul#mainnav li a:link, ul#mainnav li a:visited{color:#FFF;}
ul#mainnav li a:hover, ul#mainnav li a:active, ul#mainnav li a:focus{color:#f9ac18;}


ul#mainnav li a#band:link, ul#mainnav li a#band:visited{
  margin-left:96px;
  background:#000 url(../images/band.gif) top left no-repeat;
}

ul#mainnav li a#band:hover, ul#mainnav li a#band:active, ul#mainnav li a#band:focus{
  background:#000 url(../images/band_hover.gif) top left no-repeat;
}


ul#mainnav li a#audio:link, ul#mainnav li a#audio:visited{
  background:#000 url(../images/audio.gif) top left no-repeat;
}

ul#mainnav li a#audio:hover, ul#mainnav li a#audio:active, ul#mainnav li a#audio:focus{
  background:#000 url(../images/audio_hover.gif) top left no-repeat;
}

ul#mainnav li a#galery:link, ul#mainnav li a#galery:visited{
  background:#000 url(../images/galery.gif) top left no-repeat;
}

ul#mainnav li a#galery:hover, ul#mainnav li a#galery:active, ul#mainnav li a#galery:focus{
  background:#000 url(../images/galery_hover.gif) top left no-repeat;
}

ul#mainnav li a#video:link, ul#mainnav li a#video:visited{
  background:#000 url(../images/video.gif) top left no-repeat;
}

ul#mainnav li a#video:hover, ul#mainnav li a#video:active, ul#mainnav li a#video:focus{
  background:#000 url(../images/video_hover.gif) top left no-repeat;
}

ul#mainnav li a#press:link, ul#mainnav li a#press:visited{
  background:#000 url(../images/press.gif) top left no-repeat;
}

ul#mainnav li a#press:hover, ul#mainnav li a#press:active, ul#mainnav li a#press:focus{
  background:#000 url(../images/press_hover.gif) top left no-repeat;
}

ul#mainnav li a#shop:link, ul#mainnav li a#shop:visited{
  background:#000 url(../images/shop.gif) top left no-repeat;
}

ul#mainnav li a#shop:hover, ul#mainnav li a#shop:active, ul#mainnav li a#shop:focus{
  background:#000 url(../images/shop_hover.gif) top left no-repeat;
}


/***************************************************************************************   RIGHTBAR   **/
ul#servicenav{
  width:270px;
  float:left;
  background:transparent url(../images/servicenav_bg.png) bottom left no-repeat;
  margin-left:30px;
  padding-top:0;
  padding-bottom:10px;
}

ul#servicenav, ul#servicenav a{
  color:#8c5d02;
}

/***************************************************************************************   PLAYER   **/
li#player{border:none;}

ul#servicenav li#paula, ul#servicenav li#habicht, ul#servicenav li#benni{float:left;height:94px;border:none;}
ul#servicenav li#paula a, ul#servicenav li#habicht a, ul#servicenav li#benni a{display:block;height:100%;width:100%;}

ul#servicenav li#paula{
  background:#FFF url(../images/paula_li_bg.gif) top left no-repeat;
  width:132px;
}

ul#servicenav li#paula a:link, ul#servicenav li#paula a:visited{background:none;}
ul#servicenav li#paula a:hover, ul#servicenav li#paula a:active, ul#servicenav li#paula a:focus{
  background:#FFF url(../images/paula_hover.gif) top left no-repeat;
}

ul#servicenav li#habicht{
  background:#FFF url(../images/habicht_li_bg.gif) top left no-repeat;
  width:135px;
  border-left:3px solid #FFFFFF;
}

ul#servicenav li#habicht a:link, ul#servicenav li#habicht a:visited{background:none;}
ul#servicenav li#habicht a:hover, ul#servicenav li#habicht a:active, ul#servicenav li#habicht a:focus{
  background:#FFF url(../images/habicht_hover.gif) top left no-repeat;
}

ul#servicenav li#benni{
  background:#FFF url(../images/benni_li_bg.gif) top left no-repeat;
  width:106px;
}

ul#servicenav li#benni a:link, ul#servicenav li#benni a:visited{background:none;}
ul#servicenav li#benni a:hover, ul#servicenav li#benni a:active, ul#servicenav li#benni a:focus{
  background:#FFF url(../images/benni_hover.gif) top left no-repeat;
}

/***************************************************************************************   ALLE AUSSER PLAYER   **/
li#searchbox, li#secondnavi, li#myspace, li#mysputnik, li#logbook, li#newsletter{
  padding:7px 47px 7px 9px;
  margin-right:38px;
  border-left:8px solid #FFF;
  border-bottom:10px solid #FFF;
}

li#searchbox form, li#myspace div, li#mysputnik div, li#logbook div, li#newsletter form{
  padding:3px 4px;
}

li#searchbox form, 
li#secondnavi h3, 
li#secondnavi ul,
li#myspace div,
li#mysputnik div,
li#logbook div,
li#newsletter form{
  background-color:#fde0a9;
  -moz-opacity:0.8;
  filter: alpha(opacity = 80);
  font-size:1.3em;
}

/***************************************************************************************   SUCHE   **/
li#searchbox{
  clear:left;
}

li#searchbox form{

}

li#searchbox form label{
  font-size:1em;
}
li#searchbox form input#search_input{
  font-size:1.3em;
  padding:3px 4px;
  font-family:Georgia, serif;
  background-color:transparent;
  width:90%;
  border: 1px solid #8c5d02;
  color: #8c5d02;
  margin: 5px 0;
}

li#searchbox form input#search_input:hover, ul#servicenav li form input#search_input:active, ul#servicenav li form input#search_input:focus{
  background-color:#fff;
}

li#searchbox form input#search_submit{
  margin-right:-50px;
  margin-top:-40px;
  background:transparent url(../images/search_submit.png) center center no-repeat;
  height:43px;
  width:45px;
  border:none;
  float:right;
  cursor:pointer;
}

li#searchbox form input#search_submit:hover, ul#servicenav li form input#search_submit:active, ul#servicenav li form input#search_submit:focus{

}


/***************************************************************************************   NAVI - 2. EBENE   **/
li#secondnavi{
  background: transparent url(../images/secondnavi.png) bottom right no-repeat;
}

li#secondnavi ul{

}

li#secondnavi ul li{
  border:none;
}

li#secondnavi ul li a:link, li#secondnavi ul li a:visited{
  display:block;
  padding:3px 4px;
  font-size:1.3em;  
}

li#secondnavi ul li a:hover, li#secondnavi ul li a:active, li#secondnavi ul li a:focus{
  background-color:#f9ac18;
  text-decoration:none;
  font-weight:700;
  color:#FFF;  
}


/***************************************************************************************   NAVI - 3. EBENE   **/
li#secondnavi ul li ul{

}

li#secondnavi ul li ul li{
  border:none;
}

li#secondnavi ul li ul li a:link, li#secondnavi ul li ul li a:visited{
  padding:3px 10px;
  font-size:1.2em;  
}

li#secondnavi ul li ul li a:hover, li#secondnavi ul li ul li a:active, li#secondnavi ul li ul li a:focus{
}


/***************************************************************************************   MYSPACE + MYSPUTNIK **/
li#myspace{
  background: transparent url(../images/myspace.png) bottom right no-repeat;
}

li#mysputnik{
  background: transparent url(../images/mysputnik.png) bottom right no-repeat;
}


ul#servicenav a.titleanker:link, ul#servicenav a.titleanker:visited{
  display:block;
  font-size: 1.5em;
  line-height:1.52em;
}

ul#servicenav a.titleanker:hover, ul#servicenav a.titleanker:active, ul#servicenav a.titleanker:focus{
  background-color:#f9ac18;
  text-decoration:none;
  color:#FFF;    
}

/***************************************************************************************   LOGBOOK   **/
li#logbook{
  background: transparent url(../images/logbook.png) bottom right no-repeat;
}

/***************************************************************************************   NEWSLETTER   **/
li#newsletter{
  
}

li#newsletter label{
  font-size:1em;  
}

input#nl_input{
  font-size:1.3em;
  padding:3px 4px;
  font-family:Georgia, serif;
  background-color:transparent;
  width:90%;
  border: 1px solid #8c5d02;
  color: #8c5d02;
  margin: 5px 0;
}

input#nl_input:hover, input#nl_input:active, input#nl_input:focus{
  background-color:#fff;
}

input#nl_submit{
  margin-right:-50px;
  margin-top:-40px;
  background:transparent url(../images/nl_submit.png) center center no-repeat;
  height:43px;
  width:45px;
  border:none;
  float:right;
  cursor:pointer;
}

input#nl_submit:hover, input#nl_submit:active, input#nl_submit:focus{

}


/***************************************************************************************   CONTENT   **/

div#content{
  width:584px;
  float:left;
  background:#FFF url(../images/content_bg.gif) top left no-repeat;
  padding-left:92px;
  margin-left:24px;
}

div.container{
  background:#FFF url(../images/container_bg.gif) top left no-repeat;
  padding-left:58px;
  margin-top:15px;
  min-height:160px;
}

/******************************************************************   TIMESTAMP   **/
div.posttime{
  margin-left:-58px;
  width:58px;
  padding-top:12px;
  float:left;
}

div.posttime span{
  display:block;
  text-align:center;
  padding-left:5px;
}

div.posttime span.date{font-size:1.6em;font-weight:700;}
div.posttime span.month{font-size:.85em;}
div.posttime span.year{font-size:.85em;}



div.container h2{
  background:#FFF url(../images/h2_bg.gif) top left no-repeat;
  border-top:14px solid #fff;
  height:40px;
  padding-top:10px;
  padding-left:7px;
  margin-top:29px;
  font-size:1.6em;
  font-weight:700;
}

div.container h2 a:link,
div.container h2 a:visited{
  font-size:1em;
}

div.container h2 a:hover,
div.container h2 a:active,
div.container h2 a:focus{
  text-decoration:none;
  border-bottom:8px solid #797770;
  background-color:transparent;
  color:#F9AC18;
}

div#content h3{
  font-size:1.3em;
  margin:15px 0;
  display:block;
  text-align:left;
  padding-left:15px;
  font-weight:700;
}


div.container p{
  color:#373737;
  font-size:1.3em;
  line-height:1.5em;
}

div.container p strong{
  font-size:1em;
  font-weight:700;
}

div.container p a:link, div.container p a:visited{
  font-size:1em;
  text-decoration:underline;
}

div.container p a:hover, div.container p a:active, div.container p a:focus{
  background-color:#f9ac18;
  color:#000;
  text-decoration:none;
}

div.container ul,
div.container ol{
  padding:0 0 0 20px;
  margin:15px 0 15px 15px;
}

div.container ul li,
div.container ol li{
  list-style-type:disc;
  font-size:1.3em;
  line-height:1.5em;
}

/******************************************************************   GALLERIE   **/

div#content img{
  border:1px solid #f9ac18;
  padding:2px;
  margin:0 10px;
}

div#content a.lightboxcase{
  margin: 0 20px 20px 0;
  display:block;
  float:left;
}

div#content a.lightboxcase:hover,
div#content a.ythumb:hover{
  background-color:transparent;  
}

div#content a:hover img{
  background-color:#f9ac18;  
}

/******************************************************************   VIDEOS   **/

div#ytplayer{
  text-align:center;
  width:452px;  
}

div#description,
div.paginate,
div.usrmsg,
div.errmsg{
  margin: 5px 15px 20px;
  padding:5px;
  font-size:1.3em;
  border:2px dashed #f9ac18;  
  text-align:left;  
}

div#ytthumblist{
  padding-left:13px;
}

div#content a.ythumb{
  float:left;
  margin: 0 5px 20px 0;
}

div#content div.ytthumb a:hover{
  background-color:transparent;
}

div#content div.ytthumb h6{
  
}

div.paginate{
  width:410px;
  float:left;
  text-align:center;  
}

div.paginate a{
  font-size:1em;
  padding:0 5px;
}

/******************************************************************   SERP   **/

div.posttime span.serp_count{
  font-size:2.5em;
  margin-left:-5px;
  padding-top:5px;
}
ol#serplist{
  padding:0;
  margin:0;
}

ol#serplist li{
  margin:0;
  margin-bottom:15px;
  list-style-type:none;
}

ol#serplist li h3{
  font-size:.75em;
  margin:5px 0;
  padding:0;
  font-weight:700;
  color: #a0a0a0;
  font-weight:normal;
}

ol#serplist li h3 a,
ol#serplist li h3 span{
  font-size:1.5em;
  font-weight:bold;
}

ol#serplist li h3 span.serp_nr{   color: #a0a0a0;   }

div.wide{
  width:100%;
  margin:15px 0 20px;
  font-size:1.3em;
}

ol#serplist li p{
  font-size:1em;
}

div.wide span{  font-size:1em;  }

/******************************************************************   MAILFORMULAR   **/

div.mailer label{
  width:20%;
  clear:left;
  float:left;
  padding-top:5px;
  font-size:1.3em;
}

div.mailer input,
div.mailer textarea{
  width:66%;
  float:left;
  border:1px dotted #a0a0a0;
  font-family:Georgia,serif;
  font-size:1.3em;
  padding:3px 4px; 
  margin-bottom:10px; 
}

div.mailer textarea{

}

div.mailer input:hover,
div.mailer input:active,
div.mailer input:focus,
div.mailer textarea:hover,
div.mailer textarea:active,
div.mailer textarea:focus{
  border:1px solid #000;
  background-color: #F3EFE1;
}

input#fmsubmit{
  background-color:#F9AC18;
  margin-left:105px;
  width:68%;
}

input#fmsubmit:hover, input#fmsubmit:active, input#fmsubmit:focus{
  background:#F9AC18 url(../images/footer_bg.png) repeat-x scroll left top;
}

div.usrmsg{
  background-color:#FFF;
  border:none;
  padding:0;
}

div.usrmsg,
div.errmsg{
  clear:left;  
  margin-left:0;
  width:86%;
}

/******************************************************************   PRESSE   **/

ol#presslist li{
  margin:15px 0;
  padding-bottom:10px;
  font-size:1em;
  list-style-type:none;
}

ol#presslist li h3{
  font-size:1.5em;
  font-weight:700;
  color: #373737;
  border-bottom: 1px solid #373737;
  clear:right;
  margin-bottom:3px;
  padding-bottom:.1em;
}

ol#presslist li h3 span.pubdate{
  font-size:1em;
  float:right;
  margin-top:-1em;
  color: #a0a0a0;
}

ol#presslist li a.lightboxcase{
  margin:0 10px 10px 0;
}

ol#presslist li a.doc{
  line-height:2em;
  font-size:1.3em;
  padding:6px 10px 3px 0;
}

ol#presslist li a.doc img{
  border:none;
  margin-bottom:-6px;
}

/******************************************************************   Audio   **/

ol#audiolist li{
  margin:15px 0;
  padding-bottom:10px;
  font-size:1em;
  list-style-type:none;  
  clear:both;
}

ol#audiolist li h3{
  font-size:1.5em;
  font-weight:700;
  color: #373737;
  border-bottom: 1px solid #373737;
  clear:right;
  margin-bottom:3px;
  padding-bottom:.1em;
}

ol#audiolist li h3 span.album{
  font-size:1em;
  float:right;
  margin-top:-1em;
  color: #a0a0a0;
}

ol#audiolist li a.lightboxcase{
  margin:0 10px 10px 0;
}

ol#audiolist li object{
  margin:5px 0 15px;
}

ol#audiolist li a.musicfile{
  line-height:2em;
  font-size:1.3em;
  padding:6px 10px 3px 0;
}

ol#audiolist li a.musicfile img{
  border:none;
  margin-bottom:-6px;
}


/***************************************************************************************   FOOTER   **/

div#footer{
  clear:both;
  float:left;
  margin:70px 0 20px 26px;
  border:2px solid black;  
  background: #f9ac18 url(../images/footer_bg.png) top left repeat-x;
  padding:10px;
  width:924px;
}

div#footer span{
  font-size:1.3em;
}

div#footer span a:link, div#footer span a:visited{
  color:#000;
  font-size:1em;
  background:transparent url(../images/pxtap.png) center left no-repeat;
  padding-left: 16px;
}

div#footer span a:hover, div#footer span a:active, div#footer span a:focus{
  text-decoration:underline;
}

div#footer ul{
  float:right;
  margin-top:-1em;
}

div#footer ul li{
  float:left;
  border-left: 1px solid #000;  
}

div#footer ul li:first-child{
  border:none;
}

div#footer ul li a:link, div#footer ul li a:visited{
  color:#000;
  font-size:1.2em;
  padding:0 10px;
}

div#footer ul li a:hover, div#footer ul li a:active, div#footer ul li a:focus{
  text-decoration:underline;
  background-color:transparent;
}


/***************************************************************************************   AUDIOPLAYER   **/

div#audioplayer{
  position:absolute;
  top:10px;
  right:570px;
  width:300px;
  padding-top:5px;
  height:34px;
  padding-left:100px;
}

div#audioplayer a:link,
div#audioplayer a:visited,
div#audioplayer a:hover,
div#audioplayer a:active,
div#audioplayer a:focus{
  display:block;
  height:34px;
  width:100px;
  background:#FFF url(../images/listen.png) top left no-repeat;  
  position:absolute;
  top:0;
  left:0;
}

/***********************************************************************  Brauseranpassungen :)  ****/
/*** ie6   **/
* html body{
  padding-bottom:20px;
}

* html div#headimage_1{
  margin-left:12px;
}

* html div#content,
* html div#shop{
  background:none;
}

* html div.container{
  height:1%; 
}

* html div.posttime{
  margin-left:-28px; 
  padding-top:15px;
  margin-right:-5px;
}

* html div.container h2{
  margin-top:0;
  margin-left:-3px;
}

* html div#content a.lightboxcase{
  margin: 0 15px 15px 0;
}

* html div.wide{
  width:95%;
}

* html ul#servicenav{
  padding-bottom:0px;
  margin-left:6px;
  background-image:url(../images/servicenav_bg_ie6.png);
}

* html ul#servicenav li{
  height:1%; 
  margin-top:-4px;
}

* html ul#servicenav li#player,
* html ul#servicenav li#player li{
  margin-top:0;
}

* html li#searchbox form input#search_submit{
  background-image:url(../images/search_submit.gif);
}

* html li#secondnavi{
  background-image:url(../images/secondnavi.gif);
}

* html li#myspace{
  background-image:url(../images/myspace.gif);
}

* html li#mysputnik{
  background-image:url(../images/mysputnik.gif);
}

* html li#logbook{
  background-image:url(../images/logbook.gif);
}

* html input#nl_submit{
  background-image:url(../images/nl_submit.gif);
}

* html div#footer span a:link,
* html div#footer span a:visited{
  background-image:url(../images/pxtap.gif);
}

* html div#audioplayer{
  width:1%; 
}
/******* ie 7 ***/
*+html body{
  padding-bottom:20px;
}

*+html ul#mainnav li{
  width:auto;
}

*+html div#content,
*+html div#shop{
  background:none;
}

*+html div.container h2{
  margin-top:0;
}

*+html li#player ul{
  float:left;
}

*+html li#searchbox{
  clear:both;
}

*+html ul#servicenav li{
  height:1%; 
  margin-top:-4px;
}

*+html ul#servicenav li#player,
*+html ul#servicenav li#player li{
  margin-top:0;
}

*+html ul#servicenav{
  padding-bottom:6px;
}

/*** opera ****/
html:first-child>b\ody div.posttime{
  padding-top:25px;
}

html:first-child>b\ody li#searchbox form input#search_submit,
html:first-child>b\ody input#nl_submit{
  margin-top:0;
}

html:first-child>b\ody div#footer ul{
  margin-top:0;
}


/*** safari ****/

@media not tty {
li#searchbox form input#search_submit{
  margin-top:0;
}

input#nl_submit{
  margin-top:0;
}

div#footer ul{
  margin-top:0; 
}

}