@import "basic.css";


body, html { font-family:Tahoma,sans-serif; font-size:13px; line-height:16.5px; color:#000; background:#fff url(../pics/bg-body.jpg); text-align:center; }

img { margin:0; padding:0; }
h1 {color:#72500C; font-size:13px; font-weight:bold; margin:0 0 0 0; padding:0; }
h2 {color:#72500C; font-size:13px; font-weight:bold; margin:0 0 0 0; padding:0; }
h3 {color:#000; font-size:13px; font-weight:bold; margin:0; padding:0; }
a { text-decoration:none; color:#000; }
a:hover { font-weight:bold; }

#wrapper { border:0px solid #666; width:912px; min-height:608px; margin:32px auto 500px auto; text-align:left; padding:0 0 16px 0;
   background:#E6FFFC url(../pics/CDR_in_back.jpg) 0 32px no-repeat; }

#header { height:32px; border:0px solid #666; color:#D2E0AC; font-weight:bold; font-size:14px; background-color:#fff; }
#header a { color:#D2DFAC; }
#header a:hover { color:#CB8A39; }
#header a.active { color:#CB8A39; }

#header ul { overflow: hidden; width: 100%; }
#header #language { width:96px; float:left; }
#header #language ul { width:80px; margin:6px 0 16px 13px;  }
#header #language ul li.first { width:40px; display:inline; float:left; background:transparent url(../pics/pic-pfeil-en.jpg) 24px 5px no-repeat; }
#header #language ul li.last, #header #language ul li.lang-en { width:26px; display:inline; float:left; background:transparent url(../pics/pic-pfeil-de.jpg) 0 5px no-repeat; 
  padding:0 0 0 14px; text-align:right; }
#header #language ul li a { font-weight:bold; margin:0; }
#header #language ul li.active { width:26px; display:inline; font-weight:bold; margin:0; color:#CB8A39; background:none; 
  padding:0; }

#header #main-menue { float:left; width:810px; }
#header #main-menue ul { margin:6px 4px 16px 0; }
#header #main-menue ul li { float: left; }
#header #main-menue ul li a { font-weight:bold; float:left; margin:0; background:#fff url(../pics/bg-main-menue-pipe.jpg) 0 0 no-repeat; 
  padding:0 6px 0 8px; }
#header #main-menue ul li a.trail { color:#CB8A39; }
#header #main-menue ul li.first a { background:none; margin:0; padding:0 6px 0 0; }
#header #main-menue ul li.last a { float:right; background:none; margin:0; padding:0; }
#header #main-menue ul li.last { float:right; width: auto; }
#header #main-menue ul li.active { float:left; color:#CB8A39; padding:0 6px 0 8px; background:#fff url(../pics/bg-main-menue-pipe.jpg) 0 0 no-repeat; }
#header #main-menue ul li.active.first { color:#CB8A39; padding:0 6px 0 0; background:none; }
#header #main-menue ul li.active.last { float: right; width: auto; margin:0; padding:0 6px 0 0; color:#CB8A39; background:none; }
#header #main-menue ul li.active span.last { float:right; }

#container { padding:132px 0 0 100px; background:transparent url(../pics/bg-header-main.jpg) 0 0 no-repeat; min-height:640px; }
       
#left { border:0px solid #666; float:left; width:222px; min-height:480px; margin:0 16px 0 0; }
#left h1 { padding: 0 0 10px 0; margin:0 0 4px 0; }
#left h2 { background:transparent url(../pics/bg-hd-line-small.jpg) 0 20px no-repeat; padding: 0 0 8px 0; margin:8px 0 4px 0; }

#left .sub-menue ul { padding:30px 0 0 0; }
#left .sub-menue ul li { background:transparent url(../pics/bg-hd-line-small.jpg) -2px 20px no-repeat; padding: 0 0 12px 0; }
#left .sub-menue ul li a { font-size:14px; font-weight:bold; color:#D2DFAC; }
#left .sub-menue ul li a:hover { color:#CB8A39; }
#left .sub-menue ul li.active {  font-size:14px; font-weight:bold; color:#CB8A39; }
#left .inside-konzerte .event { background:transparent url(../pics/bg-hd-line-small.jpg) -2px bottom no-repeat; margin:0 0 8px 0; }
#left .inside-konzerte .ce_text p {   }

#main { float:left; margin-right:0;  }
#main h1, #main-music h1, #main-alben h1, #main-konzerte h1 { padding: 0 0 12px 0;}
#main h2, #main-music h2 { background:transparent url(../pics/bg-hd-line-wide.jpg) 0 20px no-repeat; padding: 0 0 12px 0; }
#main-alben h2, #main-konzerte h2 { background:transparent url(../pics/bg-hd-line-wide.jpg) 0 20px no-repeat; padding: 0 0 14px 0; margin:0; }

#main-music { border:0px solid #666; float:left; width:320px; margin:32px 0 0 0; }
#main-music .content-main-left { float:left; width:320px; }
#main-music .content-main-left-follow { float:left; width:320px; margin:16px 0 0 0; }

/* template fe_cd_alben.tpl */
#main-alben { float:left; margin-right:0; width:462px; }
#main-alben .ce_image { float:right; }
#main-alben a.information { margin-top:40px; }
#main-alben ul li { list-style-type:decimal; height:32px; background:transparent url(../pics/bg-hd-line-wide.jpg) 0 20px no-repeat; }
#main-alben ul li.first { list-style-type:decimal; height:32px; background:transparent url(../pics/bg-hd-line-wide.jpg) 0 20px no-repeat;
  margin:6px 0 0 0; }
#right { border:0px solid #666; float:right; width:140px; padding:226px 100px 0 0; }
#right h1 { background:transparent url(../pics/bg-hd-line-small-right.jpg) 0 20px no-repeat; padding: 0 0 12px 0;}
#right-konzerte { border:0px solid #666; float:right; width:140px; padding:30px 120px 0 0; }
#right-konzerte h1 { background:transparent url(../pics/bg-hd-line-small-right.jpg) 0 20px no-repeat; padding: 0 0 12px 0;}

#footer { border:px solid #666; } 

.strich { clear:both; height:9px; padding:0; margin:4px 0 0 0; background:transparent url(../pics/bg-hd-line-wide.jpg) 0 0 no-repeat; }
.date { padding:0 0 16px 0; }
.album-short { width:144px; float:left; display:inline; padding:0 16px 16px 0;}
.brown { color:#72500C; } 
.grey { color:#D2E0AC; } 
.pipe-grey { font-weight:bold; color:#D2E0AC; }  

/* Contao id und klassen */
p.info { margin-bottom:2px; }
.bg_strich #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-main-strich.jpg) 0 0 no-repeat; min-height:640px; }
.bg_trio #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-musik-trio.jpg) 0 0 no-repeat; min-height:640px; }
.bg_tuomi #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-musik-tuomi.jpg) 0 0 no-repeat; min-height:640px; }
.bg_schiefel #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-musik-schiefel.jpg) 0 0 no-repeat; min-height:640px; }
.bg_steinmetz #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-musik-steinmetz.jpg) 0 0 no-repeat; min-height:640px; }
.bg_frey #container { padding:132px 0 0 96px; background:transparent url(../pics/bg-header-musik-frey.jpg) 0 0 no-repeat; min-height:640px; }

/* ID und Klassen ueber Contao gesetzt */
#main #presse, #main #links, #main #impressum { width:300px; }
#main #links a { font-weight:bold; color:#CB8A39; }
#main #links a:hover { font-weight:bold; color:#CB8A39; }
#home-bilder { width:480px; min-height:410px; }
#home-bilder .cover-home { width:160px; float:left; }
#right .cover-home, #rechte-spalte .cover-home { width:160px; float:left; background:url("../pics/bg-hd-line-small.jpg") no-repeat scroll -2px bottom transparent; }
#main #home h2 { margin:0; }
#newsletter { float:left; width:360px; }
#newsletter .error { display:block; }
#link { float:right; width:100px; padding:0 8px 0 0; color:#72500C; font-weight:bold; }
#link a { background:transparent url(../pics/pic-pfeil-news-cancel.jpg) 0 4px no-repeat; padding:0 0 0 14px; font-weight:bold; 
  color:#72500C; }

a.back-link { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link-back.jpg) 0 5px no-repeat; }
a.back-link { font-weight:normal;}  
.ce_toplink { font-size:13px; width:90px; display:inline; } 
.ce_toplink a { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link-top.jpg) 0 1px no-repeat; } 
.alben-zurück { color:#D2E0AC; font-size:13px; width:90px; display:inline; margin:0 0 0 4px; } 
.alben-zurück a { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link-back.jpg) 0 5px no-repeat; } 
  
a.lastfm { height:30px; font-size:13px; color:#CB8A39; font-weight:normal; padding:4px 0 4px 28px;
  background:transparent url(../pics/pic-lastfm.jpg) 0 0 no-repeat; }  
a.lastfm:hover { font-weight:normal;} 

/* für orangen Link mit Pfeil in contao link INFORMATION nehmen */
a.information { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link.jpg) 0 5px no-repeat; }  
a.information:hover { font-weight:normal;} 
/* für orangen Link mit Pfeil in contao link INFORMATION nehmen */
a.information { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link.jpg) 0 5px no-repeat; }  
a.information:hover { font-weight:normal;} 

/* für Link left bei Alben */
#left .alben-links-left h2 { margin:22px 0 8px 0; }
.alben-links-left p  { background:transparent url(../pics/bg-hd-line-small.jpg) 0 20px no-repeat; padding: 0 0 12px 0; 
  margin:0 0 2px 0; }
.alben-links-left a  { font-weight:bold; color:#CB8A39; }
.album-mehr { margin:76px 0 0 0; }
.album-mehr a { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link.jpg) 0 5px no-repeat; }
.hl-tracklist { margin:76px 0 0 0; }

/* für Link left bei Links */
#left .links-left h2 { margin:22px 0 0 0; }
.links-left p, .links-left-myspace p  { background:transparent url(../pics/bg-hd-line-small.jpg) 0 20px no-repeat; padding: 0 0 12px 0; 
  margin:0 0 2px 0; }
.links-left-myspace a  { font-weight:bold; color:#CB8A39; background:transparent url(../pics/CDR_myspace.png) 200px 0 no-repeat; 
  display:block; width:220px; }
  
/* plugin player */
#audioplayer_c531 { padding:0; margin:0;  }
 
/* gallery */
.pagination a.previous { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link-back.jpg) 0 5px no-repeat; }
.pagination a.next { font-size:13px; color:#CB8A39; font-weight:normal; padding:0 0 0 16px;
  background:transparent url(../pics/pic-pfeil-link.jpg) 0 5px no-repeat; }
.current { display:none; }
 
/* Formulare   */  
input, textarea { border:none;  } 
#newsletter form, #newsletter_abbestellen form { margin-bottom:8px; }  
#newsletter form .formbody .submit, #newsletter_abbestellen form .formbody .submit { background:transparent url(../pics/pic-pfeil-news-abo.jpg) 0 5px no-repeat; font-weight:bold;
  color:#CB8A39; float:right; margin:0 3px 0 0; overflow:visible; padding:0 0 0 12px; }  
#newsletter form .formbody .text, #newsletter_abbestellen form .formbody .text { width:224px; } 

/* Events */
p.info { font-weight:bold; text-transform:uppercase; }

/* Gallery 
.ce_metagallery .pagination li { visibility:hidden; }  
.ce_metagallery .pagination li a.previous { visibility:visible; }
.ce_metagallery .pagination li a.next { visibility:visible; }       
*/

/* @group Anpassungen hofff.com | Nicky Hoff - 02.10.2013 */

.cdDE #container {
	background-image: url(../pics/bg-header-main_DE.jpg);
}

.cdEN #container {
	background-image: url(../pics/bg-header-main_EN.jpg);
}

.cdHome #wrapper {
	background-image: none;
}

.cdDE.cdHome #container {
	background-image: url(../pics/bgCleanXXL_DE.jpg);
}

.cdEN.cdHome #container {
	background-image: url(../pics/bgCleanXXL_EN.jpg);
}

.cdHome #main {
	width: 546px;
	margin-top: 35px;
}

.cdHome #main > .inside {
	overflow: hidden;
}

.cdDE.bg_strich #container {
	background-image: url(../pics/bg-header-main-strich_DE.jpg);
}

.cdEN.bg_strich #container {
	background-image: url(../pics/bg-header-main-strich_EN.jpg);
}

#main .width300 {
	width: 300px;
}

/* @end */