/* ALLGEMEIN

//  CLUB        #d8d8d8
//  MUSIC       #6ab0cb
//  PIX         #c56acb
//  AROUND      #e1ba4d
//  ARTIST      #868686
//  SHOP        #??????


------------------------------------------------------------------------------*/



*{
  font-family: helvetica, arial, sans-serif;
  font-size:12px;
  outline:0;
  color:#333;
}

body{
  margin:0;
  padding:0;
  text-align:center;
}

img{
  border:0;
}

form{
  margin:0;
  padding:0;
}

p{
  line-height:1.5em;
  padding:0;
  margin:0 0 10px 0;
}

a:hover{
  text-decoration:none;
}

.clear{
  clear:both;
  height:0;
  line-height:0;
}

.right{
  text-align:right;
}


a.border img{
  border:5px solid #FFF;
}


#anatips_tip{
	padding: 2px 6px;
	background: #000000;
	border: 1px solid #333333;
	text-align: left;
	font-size: 11px;
	color:#FFF;
  text-transform: uppercase;
	visibility: hidden;
  position: absolute;
  z-index: 000;
	/*opacity: 0.9*/
}


/* FARB-BEREICHE
------------------------------------------------------------------------------*/

body.club{
  background:#d8d8d8 url(../images/layout/bg/club.gif) repeat fixed left top;
}

body.club #sidebar .menu ul li a{
  background:transparent url(../images/layout/sb_menu/club.gif) repeat-x left top;
}
body.club #sidebar .menu ul li a:hover{
  background:transparent url(../images/layout/sb_menu/club.gif) repeat-x left bottom;
}


body.club *,
body.club a{
  color:#333;
}


body.music{
  background:#6ab0cb url(../images/layout/bg/music.gif) repeat fixed left top;
}

body.music #sidebar .menu ul li a{
  color:#FFF;
  background:transparent url(../images/layout/sb_menu/music.gif) repeat-x left top;
}
body.music #sidebar .menu ul li a:hover{
  background:transparent url(../images/layout/sb_menu/music.gif) repeat-x left bottom;
}


body.music *,
body.music a{
  color:#FFF;
}


body.pics{
  background:#c56acb url(../images/layout/bg/pics.gif) repeat fixed left top;
}

body.pics #sidebar .menu ul li a:hover{
  background:#c56acb;
}

body.pics *,
body.pics a{
  color:#FFF;
}


body.aroundtheworld{
  background:#e1ba4d url(../images/layout/bg/aroundtheworld.gif) repeat fixed left top;
}

body.aroundtheworld #sidebar .menu ul li a:hover{
  background:#e1ba4d;
}

body.artistbooking{
  background:#868686 url(../images/layout/bg/artistbooking.gif) repeat-x fixed left top;
}

body.artistbooking #sidebar .menu ul li a:hover{
  background:#868686;
}

body.artistbooking *,
body.artistbooking a{
  color:#FFF;
}


body.video{
  background:#c67272 url(../images/layout/bg/video.gif) repeat-x fixed left top;
}

body.video #sidebar .menu ul li a:hover{
  background:#c67272;
}

body.video *,
body.video a,
body.video #content .content .program .lft .links a{
  color:#FFF;
}

body.video #content .content .program .lft .links a:hover{
  color:#333;
}

body.video .video{
  margin-bottom:20px;
}




/* SIDEBAR
------------------------------------------------------------------------------*/

#sidebar div.line{
  width:270px;
  height:10px;
  margin:20px 0;
  background: transparent url(../images/layout/line.gif) repeat-x left 50%;
  clear:both;
}


#sidebar div.logo{
  width:270px;
  height:100px;
  background: transparent url(../images/layout/line.gif) repeat-x left bottom;
}

#sidebar div.menu{
  margin:20px 0;
}

#sidebar div.boxes{
  width:270px;
  margin:20px 0;
  padding:0;
}

#sidebar div.boxes a img,
#sidebar div.boxes span img{
  border:5px solid #FFF;
}


#sidebar div.boxes img,
#sidebar div.boxes span img{
  margin:0 12px 12px 0;
}

#sidebar div.boxes img.last,
#sidebar div.boxes span img.last{
  margin:0 0 12px 0;
}





/* FLOATS
------------------------------------------------------------------------------*/

.conleft{
  width:200px;
  float:left;
}

.conright{
  width:400px;
  float:left;
}

.trilft{
  width:190px;
  margin:0 15px 0 0;
  float:left;
}

.trimid{
  width:190px;
  margin:0 15px 0 0;
  float:left;
}

.trirgt{
  width:190px;
  float:left;
}

/* FLASH
------------------------------------------------------------------------------*/

#content object#flashheader,
#content object#flashcontact,
#content object#flashmap{
  margin:20px 5px 0 5px;
}

#content .flasherror{
  color:#666;
  font-size:11px;
  padding:20px;
  background:#FFF;
  margin:20px 0;
}

#content .flasherror a{
  color:#333;
  font-size:11px;
}

#content div.flashplayer{
  width:200px;
  height:20px;
  background:#FFF;
  margin:5px 0 20px 0;
  color:#666;
  font-size:10px;
}

#content div.flashplayerbox{
  margin:20px 0;
}

#content div.flashplayertxt{
  text-transform:uppercase;
  font-size:10px;
  color:#FFF;
  margin:0 0 3px 0;
}

#content div#flyerscroller{
  width:610px;
  height:100px;
}

#content div#flyerscroller img.flyer{
  margin:3px;
  height:100px;
}

#content div#mottoheader img{
  border:10px solid #FFF;
  margin:20px 5px 0 5px;
}


/* CONTENT
------------------------------------------------------------------------------*/

#content div.line{
  width:610px;
  height:10px;
  margin:20px 0;
  background:transparent url(../images/layout/line.gif) repeat-x left 50%;
  clear:both;
}

#content h1,
#content h2{
  font-size:16px;
  font-weight: normal;
  text-transform:uppercase;
  margin:0 0 20px 0;
  padding:0;
}

#content h2{
  font-size:13px;
}

#sidebar h1,
#sidebar h2{
  font-size:16px;
  font-weight: normal;
  text-transform:uppercase;
  margin:0 0 20px 0;
  padding:0;
}

#sidebar h2{
  font-size:13px;
}


/* CONTENT > PROGRAM
------------------------------------------------------------------------------*/

#content .content .program{
  width:610px;
}

#content .content .program .lft{
  width:150px;
  float:left;
}

#content .content .program .lft h2{
  margin:0 0 15px 0;
}

#content .content .program .lft .entry{
  margin:0 0 20px 0;
  font-size:11px;
  text-transform:uppercase;
}

#content .content .program .lft .links a{
  display:block;
  text-decoration:none;
  margin:0 0 5px 0;
  color:#666;
  font-size:11px;
}

#content .content .program .lft .links a:hover{
  color:#333;
}

#content .content .program .mid{
  width:360px;
  float:left;
}

#content .content .program .mid h1{
  margin:0 0 15px 0;
}

#content .content .program .mid .artist{
  font-weight:bold;
  margin:0 0 5px 0;
}

#content .content .program .mid .artist span{
  font-weight:normal;
  font-size:11px;
}

#content .content .program .mid .desc{
  margin:15px 0 0 0;
}

#content .content .program .rgt{
  width:100px;
  float:left;
  text-align:right;
}

#content .content .program .rgt a{
  display:block;
  margin:0 0 10px 0;
}

#content div.djlist ul{
  margin:0;
  padding:0;
  list-style-type: none;
  line-height: 1.7em;
  text-transform: uppercase;
}


/* CONTENT > ARTIST BOOKING
------------------------------------------------------------------------------*/

#content .artist_header{
  margin:20px 0;
}

#content .artist_presspics{
  margin:20px 0;
}

#content .artist_presspics .pic{
  width:150px;
  float:left;
}

#content .artist_presspics .pic a{
  font-size:11px;
  text-decoration:underline;
  text-transform: uppercase;
}

#content .artist_presspics .pic a:hover{
  text-decoration:none;
}


/* CONTENT > PICS
------------------------------------------------------------------------------*/

#content .gal{
  margin:20px 0;
}

#content .gal a.tn{
  width:100px;
  height:100px;
  display:block;
  float:left;
  margin-right:20px;
  background:url(../images/layout/imgbg_100x100.gif) no-repeat;
  border:2px solid #FFF;
  text-align:center;
}

#content .gal h1 a{
  font-size:16px;
  text-decoration: none;
}

#content .gal h2,
#content .gal h1{
  margin:0 0 5px 0;
  padding:0;
}

#content .gal p{
  font-size:11px;
}

#content .galtn{
  margin:20px 0;
}

#content .galtn a{
  width:100px;
  height:100px;
  display:block;
  border:2px solid #FFF;
  background:url(../images/layout/imgbg_100x100.gif) no-repeat;
  text-align:center;
  vertical-align: middle;
}

#content .galtn a.last{
  margin-right:0;
}

#content .galtn .box{
  float:left;
  height:120px;
  width:100px;
  margin:0 20px 20px 0;
}

#content .galtn .info{
  width:96px;
  background:#FFF;
  top:-20px;
  padding:4px;
  font-size:10px;
  color:#333;
}

#content .thumbs a{
  width:100px;
  height:100px;
  display:block;
  border:2px solid #FFF;
  background:url(../images/layout/imgbg_100x100.gif) no-repeat;
  text-align:center;
  vertical-align: middle;
  float:left;
  margin:0 18px 18px 0;
}

#content .thumbs a.last{
  margin-right:0;
}

#content .flyers a{
  width:auto;
  height:100px;
  display:block;
  border:2px solid #FFF;
  text-align:center;
  vertical-align: middle;
  float:left;
  margin:0 13px 13px 0;
}

#content .imageflyers a{
  width:auto;
  height:150px;
  height:150px;
  display:block;
  border:2px solid #FFF;
  text-align:center;
  vertical-align: middle;
  float:left;
  margin:0 30px 30px 0;
}


/* CONTENT > ATW
------------------------------------------------------------------------------*/

.atw_images a{
  width:100px;
  height:100px;
  display:block;
  float:left;
  border:2px solid #FFF;
  margin:0 10px 10px 0;
  background:url(../images/layout/imgbg_100x100.gif) no-repeat;
  text-align:center;
  vertical-align: middle;
}


/* MENU (SIDEBAR)
------------------------------------------------------------------------------*/

#sidebar .menu ul{
  width:270px;
  list-style-type:none;
  margin:0;
  padding:0;
}

#sidebar .menu ul li{
  float:left;
  width:130px;
  margin:0 10px 10px 0;
}

#sidebar .menu ul li.m{
  margin-right:0;
}

#sidebar .menu ul li a{
  text-decoration:none;
  font-size: 11px;
  text-transform: uppercase;
  color:#333;
  background:#FFF;
  width:120px;
  padding:3px 5px;
  display:block;
}


/* PAGINATION
------------------------------------------------------------------------------*/

#content .pagination a,
#content .pagination span{
  padding:2px 6px;
  background: #eb9de0;
  margin:10px 2px;
  text-decoration:none;
  text-transform: uppercase;
  color:#d73dc1;
}

#content .pagination a:hover{
  background:#f1beea;
}


#content .pagination .disabled{
  color:#c56acb;
}

#content .pagination .current{
  color:#d73dc1;
  background: #FFF;
}






/* FORM (Newsletter)
------------------------------------------------------------------------------*/

#sidebar form#nl label{
  font-size:10px;
  display: block;
  margin:0 0 5px 0;
  text-transform: uppercase;
}

#sidebar form#nl input.txt{
  margin:0 0 5px 0;
  padding:2px;
  width:200px;
  border:0px solid #FFF;
}

#sidebar form#nl div.cb input{
  float:left;
}

#sidebar form#nl div.cb span{
  font-size:10px;
  display: block;
  text-transform: uppercase;
  float:left;
  padding: 0 5px 0 0;
  position:relative;
  top:2px;
}

#sidebar form#nl div.cb{
  width:110px;
  float:left;
}

/* FORM (Login)
------------------------------------------------------------------------------*/

#sidebar form#login label{
  font-size:10px;
  display: block;
  margin:0 0 5px 0;
  text-transform: uppercase;
  width:70px;
  float:left;
}

#sidebar form#login input.txt{
  margin:0 0 5px 0;
  padding:2px;
  width:196px;
  border:0px solid #FFF;
}

#sidebar a.register{
  font-size: 11px;
  display:block;
  text-decoration:none;
  margin:0 0 3px 0;
}

/* FORM (Register)
------------------------------------------------------------------------------*/

#content form#register label{
  font-size:10px;
  display: block;
  margin:0 0 5px 0;
  text-transform: uppercase;
  width:100px;
  float:left;
}

#content form#register input.txt{
  margin:0 0 5px 0;
  padding:2px;
  width:190px;
  border:0px solid #FFF;
}

#content form#register div.cb{
  margin:5px 0;
}


#content form#register div.cb input{
  float:left;
  margin:2px 5px 2px 0;
}

#content form#register div.cb span{
  font-size:10px;
  display: block;
  text-transform: uppercase;
  float:left;
  padding: 0 5px 0 0;
  position:relative;
  top:2px;
}

#content form#register div.cb{
  width:300px;
  float:left;
}



/* FORMS (Allgemein)
------------------------------------------------------------------------------*/

fieldset{
  margin:0;
  padding:0;
  border:0;
}

#sidebar label{
  font-size:10px;
  text-transform:uppercase;
  margin:0 0 5px 0;
}

#content select, #content option, #content input,
#sidebar select, #sidebar option, #sidebar input{
  color:#333;
}

#sidebar form#videos select,
#sidebar form#gallery2010 select,
#sidebar form#gallery2009 select,
#sidebar form#gallery2008 select,
#sidebar form#gallery2007 select,
#sidebar form#artists select{
  width:270px;
  margin:5px 0 5px 0;
}


#content form input.btn,
#sidebar form input.btn{
  margin:10px 0 5px 0;
  padding:2px;
  border:0px solid #FFF;
  background:#FFF;
  cursor:pointer;
  font-size:11px;
}


#content div.error,
#sidebar div.error{
  color:red;
  background:#FFF;
  padding:10px;
  margin:10px 0;
}

#content div.msg,
#sidebar div.msg{
  color:#333;
  background:#FFF;
  padding:10px;
  margin:10px 0;
}



/* COPY (Footer)
------------------------------------------------------------------------------*/

.copy{
  margin:40px 0 20px 0;
  padding:10px 0;
  color:#333;
  font-size:10px;
  background: transparent url(../images/layout/line.gif) repeat-x left top;
  clear:both;
  text-align:right;
}

.copy a{
  color:#333;
  font-size:10px;
  text-decoration: none;
}

.copy a:hover{
  color:#000;
}

.copy a.softscroll{
  margin-left:30px;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#container{
  width:920px;
  margin:0 auto;
  text-align:left;
}

/*
#sidebar{
  width:270px;
  float:left;
  position: fixed;
  top:0;
  left: auto;
}
*/

#sidebar{
  width:270px;
  float:left;
  position: relative;
  top:0;
  left: auto;
}



#content{
  width:610px;
  float:right;
}

/* MENU
------------------------------------------------------------------------------*/

#content div.menu{
  width:610px;
  height:100px;
  background:transparent url(../images/layout/line.gif) repeat-x left bottom;
}

#content .menu ul{
  width:610px;
  height:20px;
  list-style-type:none;
  padding:0;
  margin:0;
  background:#FFF;
  position:relative;
  top:60px;
}

#content .menu ul li{
  float:left;
  padding:0;
}

#content .menu ul li a{
  display:block;
  text-decoration:none;
  height:20px;
}

#content .menu ul li a.club{
  width:52px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat 0px top;
}
#content .menu ul li a:hover.club,
#content .menu ul li a.club_act{
  width:52px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat 0px bottom;
}

#content .menu ul li a.music{
  width:63px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -52px top;
}
#content .menu ul li a:hover.music,
#content .menu ul li a.music_act{
  width:63px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -52px bottom;
}

#content .menu ul li a.pics{
  width:50px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -115px top;
}
#content .menu ul li a:hover.pics,
#content .menu ul li a.pics_act{
  width:50px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -115px bottom;
}

#content .menu ul li a.video{
  width:69px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -165px top;
}
#content .menu ul li a:hover.video,
#content .menu ul li a.video_act{
  width:69px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -165px bottom;
}


#content .menu ul li a.aroundtheworld{
  width:168px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -234px top;
}
#content .menu ul li a:hover.aroundtheworld,
#content .menu ul li a.aroundtheworld_act{
  width:168px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -234px bottom;
}

#content .menu ul li a.artistbooking{
  width:148px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -402px top;
}
#content .menu ul li a:hover.artistbooking,
#content .menu ul li a.artistbooking_act{
  width:148px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -402px bottom;
}

#content .menu ul li a.shop{
  width:60px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -550px top;
  cursor: pointer;
}
#content .menu ul li a:hover.shop,
#content .menu ul li a.shop_act{
  width:60px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -550px bottom;
}


#content .menu ul div.artistbooking{
  width:148px;
  display:block;
  text-decoration:none;
  height:20px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -403px top;
}


#content .menu ul div.shop{
  width:60px;
  display:block;
  text-decoration:none;
  height:20px;
  background:transparent url(../images/layout/topmenu.jpg) no-repeat -550px top;
}


/* POPDETAIL > PICS
------------------------------------------------------------------------------*/

.popdetail{
  width:500px;
  margin:0 auto;
}

.popdetail .logo{
  text-align:center;
  margin:10px 0;
}

.popdetail .logo img{
  width:180px;
}


.popdetail .image img{
  border:2px solid #FFF;
}

.popdetail .url input{
  color:#333;
  border:2px solid #FFF;
  background:#FFF;
  width:250px;
  margin:20px 0 0 0;
}

.popdetail div.line{
  width:100%;
  height:10px;
  margin:20px 0;
  background: transparent url(../images/layout/line.gif) repeat-x left 50%;
  clear:both;
}
.popdetail form label{
  display:block;
  margin:0 0 5px 0;
}

.popdetail form textarea{
  width:400px;
  height:100px;
  overflow:auto;
  color:#333;
}
.popdetail form input.btn{
  color:#333;
  margin:10px 0;
}

.popdetail .image .date{
  font-weight:bold;
}
.popdetail .image .user{
}
.popdetail .image .comment{
  padding:10px 0;
  margin:0 0 10px 0;
  border-bottom:1px dotted #c738b3;
}