/* CSS Document for www.braggarts.ch*/

/*---Body Begin--------------------------------------------------------------*/
body{
	padding:0 0 0 0;
	margin:0;
	background-color:#333333;
	color:#000;
}
div, h1, h2, p, form, label, input, textarea, img, span{  
	margin:0; padding:0;
}

ul{
	margin:0; 
	padding:0; 
	list-style-type:none;
	font-size:0;
}
.spacer{
	clear:both; 
	font-size:0; 
	line-height:0;
}
/*---Body End----------------------------------------------------------------*/

/*---Header Begin------------------------------------------------------------*/
#header{
	padding:0 0 0 0;	
	background:url(../img/header2.png) 0 0 no-repeat;
	width:800px;
	height:116px;
	position:relative;
        margin:0 auto;
        z-index: 0;
}
#header a{
        z-index:2;
}
/*---Header End--------------------------------------------------------------*/

/*---HotLink Begin----------------------------------------------------------*/
#hlms a{
	position:absolute;
	left:623px;
	top:34px;
  z-index:6;	
  width:35px; 
  height:35px;
  background:url(../img/ico_myspace.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlms a:hover{
  background:url(../img/ico_myspace.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlfb a{
	position:absolute;
	left:656px;
	top:40px;
  z-index:5;	
  width:35px; 
  height:35px;
  background:url(../img/ico_facebook.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlfb a:hover{
  background:url(../img/ico_facebook.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlrs a{
	position:absolute;
	left:689px;
	top:46px;
  z-index:4;	
  width:35px; 
  height:35px;
  background:url(../img/ico_restorm_neu.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlrs a:hover{
  background:url(../img/ico_restorm_neu.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlmx a{
	position:absolute;
	left:722px;
	top:52px;
  z-index:3;	
  width:35px; 
  height:35px;
  background:url(../img/ico_mx3.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlmx a:hover{
  background:url(../img/ico_mx3.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlsd a{
	position:absolute;
	left:755px;
	top:58px;
  z-index:2;	
  width:35px; 
  height:35px;
  background:url(../img/ico_6degrees.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlsd a:hover{
  background:url(../img/ico_6degrees.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlmw a{
	position:absolute;
	left:617px;
	top:68px;
  z-index:6;	
  width:35px; 
  height:35px;
  background:url(../img/ico_muwurm.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlmw a:hover{
  background:url(../img/ico_muwurm.png) -35px 0 no-repeat;
	text-decoration:none;
}
#hlml a{
	position:absolute;
	left:650px;
	top:74px;
  z-index:5;	
  width:35px; 
  height:35px;
  background:url(../img/ico_musiclist.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#hlml a:hover{
  background:url(../img/ico_musiclist.png) -35px 0 no-repeat;
	text-decoration:none;
}

/*---HotLink End------------------------------------------------------------*/

/*---BodyTop Begin-----------------------------------------------------------*/
#bodyTop{
	background:url(../img/body_top_bg_2.png) 0 0 no-repeat;
	width:800px;
	height:130px;
	color:#fff;
	position:relative;
	padding:0 0 0 0;
	margin:0 auto;
}
#NextGigs{
	width:270px;
	float:left;
	padding:8px 0 0 18px;
}
#NextGigs h2 a{
	display:block;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 4px 0;
}
#NextGigs h2 a:hover{
  color:#787878;
  text-decoration:none;
}
#NextGigs p a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#NextGigs p a:hover{
	color:#787878;
	text-decoration:none;
}
#PastGigs{
	width:270px;
	float:left;
	padding:8px 0 0 0;
}
#PastGigs h2 a{
	display:block;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 4px 0;
}
#PastGigs h2 a:hover{
  color:#787878;
  text-decoration:none;
}
#PastGigs p a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#PastGigs p a:hover{
	color:#787878;
	text-decoration:none;
}
#DemoCd{
	width:115px;
	float:left;
	padding:8px 0 0 0;
}
#DemoCd h2 a{
	display:block;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 4px 0;
}
#DemoCd h2 a:hover{
  color:#787878;
  text-decoration:none;
}
#DemoCd p a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#DemoCd p a:hover{
	color:#787878;
	text-decoration:none;
}
#Sprache {
	width:107px;
	float:left;
	padding:8px 0 0 0;
}
#Sprache h2{	
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;	
	text-align:right;
}
#Sprache p {
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-align:right;
}
#Sprache p a{
	font:normal 12px Calibri;
	color:#fff;
	text-decoration:none;
}
#Sprache p a:hover{
	color:#787878;
	text-decoration:none;
}
#Sprache p a.hover{
	font:normal 12px Calibri;
	color:#787878;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#Newsletter{
	width:210px;
	float:left;
	padding:8px 0 0 0;
}
#Newsletter h2 a{
	/*display:block;*/
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
	padding:0 0 7px 0;
}
#Newsletter h2 a:hover{
  color:#787878;
  text-decoration:none;
}

/*---BodyTop End-------------------------------------------------------------*/

/*---BodyBottom Begin--------------------------------------------------------*/
#bodyBottom{
	width:820px;
	height:460px;
	position:relative;
	padding:0 10px 0 10px;
	margin:0 auto;
}

/*---LeftBox Begin-----------------------------------------------------------*/
#leftbox{
	background:url(../img/body_bg_left_3.png) 0 0 no-repeat;
	background-color:inherit;
	width:235px;
	height:460px;
	position:absolute;
	left:20px;
	top:0px;
	padding:5px 0 0 0px;
	margin:0 auto;
	float:left;
}
#leftbox ul{
	width:120px;
	height:29px;
	position:absolute;
	padding:0 0 0 10px;
        z-index: 1;
}
#leftbox ul li{
	height:27px;
	float:left;
	padding:0 1px 0 0;
}
#leftbox ul li a{
	display:block;
	padding:0 7px;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#leftbox ul li a:hover{
  color:#787878;
	background-color:inherit;
}
#leftbox ul li a.hover{
	display:block;
	padding:0 7px;
	font:normal 24px Calibri;
  color:#787878;
	background-color:inherit;
	text-decoration:none;
	cursor:text;
}
#leftbox ul li.last{
	background-image:none;
	height:27px;
	float:left;
}
#leftbox ul li.unter{
	height:20px;
	float:left;
	padding:0 1px 0 0;
}
#tagbox{
	background:url(../img/body_bg_left_bottom_3.png) 0 0 no-repeat;
  background-color:inherit;
  height:150px;
 	width:235px;
	position:absolute;
	left:20px;
	top:310px;
	padding:5px 0 0 0px;
	margin:0 auto;
	text-align:center;
	font-family:Calibri;
}
#tagbox p a{
	padding:10px;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#tagbox p a.hover{
	padding:10px;
	color:#787878;
	background-color:inherit;
	text-decoration:none;
}

#sidebar a{
	position:absolute;
	left:22px;
	top:295px;
  z-index:2;	
  width:190px; 
  height:155px;
  background:url(../img/sidebar.png) 0 0 no-repeat;
	cursor:pointer;
  background-color:inherit;
	text-decoration:none;
}
#sidebar a:hover{
  background:url(../img/sidebar.png) -190px 0 no-repeat;
	text-decoration:none;
}



/*---LeftBox End-------------------------------------------------------------*/

/*---RightBox Begin----------------------------------------------------------*/
#rightbox{
	background:url(../img/body_bg_right_3.png) 0 0 no-repeat;
  background-color:inherit;
  width:565px;
	height:460px;
	position:absolute;
	right:20px;
	top:0px;
	padding:0 0 0 0;
	margin:0 auto;	
	float:right;
}

#flashPlayer{
  background-color:inherit;
  	right:20px;
}

object#audioplayer_1{
  margin-left:10px;
}

object#audioplayer_2{
  margin-left:10px;
}

p.WelcomeHeader{
	padding:5px 0 0 10px;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
}
p.WelcomeHeader a{
	font:normal 24px Calibri;
	color:#787878;
	background-color:inherit;
	text-decoration:none;
}
p.WelcomeHeader a:hover{
	color:#fff;
	text-decoration:none;
}
p.WelcomeText{
	padding:0 0 0 10px;
	font:bold 13px Calibri;
	color:#fff;
	background-color:inherit;
}
p.rightHeader{
	padding:0 0 0 10px;
	font:normal 24px Calibri;
	color:#fff;
	background-color:inherit;
}
p.rightTxt1{
	padding:0 0 0 10px;
	font:bold 13px Calibri;
	color:#fff;
	background-color:inherit;
}
p.rightTxt2{
	padding:0 0 0 10px;
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-align:justify;
}
p.rightTxt1 a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
p.rightTxt1 a:hover{
	color:#787878;
	text-decoration:none;
}
p.rightTxt2 a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
p.rightTxt2 a:hover{
	color:#787878;
	text-decoration:none;
}

#right p a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#right p a:hover{
	color:#787878;
	text-decoration:none;
}
/*------------------------------------------------right--------------------*/

/*------------------------------------------------body--------------------*/

/*------------------------------------------------footer--------------------*/
#footer{
	width:800px;
	height:38px;
	margin:0 auto;
	background:url(../img/footer_bg.png) 0 0 no-repeat #323232;
	color:#fff;
	position:relative;
}
#footer p.copyright{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	position:absolute;
	left:0px;
	top:18px;
}
#footer p.copyright a{
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer p.copyright a:hover{
	font:normal 12px Calibri;
	color:#787878;
	background-color:inherit;
	text-decoration:none;
}
#footer ul{
	font:normal 12px Calibri;
	color:#fff;
	position:absolute;
	left:449px;
	top:18px;
}
#footer ul li{
/*	height:27px; */
	float:left;
	padding:0 0 0 0;
}
#footer ul li a{
/*	padding:0 0 0 0; */
	font:normal 12px Calibri;
	color:#fff;
	background-color:inherit;
	text-decoration:none;
}
#footer ul li a:hover{
/*	display:block;
	padding:0 7px; */
	font:normal 12px Calibri;
  color:#787878;
	background-color:inherit;
	text-decoration:none;
/*	cursor:text;*/
}
/*
#footer p.plattforms a{
	font:normal 12px Calibri;
	color:#fff;
	text-decoration:none;
	background-color:inherit;
	position:absolute;
	left:437px;
	top:18px;
}
*/
/*------------------------------------------------footer--------------------*/
/*------------------------------------------------function ccrolling--------*/
#divUp   {
	position:relative; 
	left:0px; 
	top:-190px;
	}

#divDown {
	position:relative; 
	left:0px; 
	top:190px;
	}

#divScrollTextCont {
	position:relative; 
	left:0px; 
	top:0px; 
	width:519px;
	height:450px; 
	clip:rect(0px 519px 450px   0px); 
	overflow:hidden; 
	visibility:hidden;}

#divText {
	position:relative; 
	left:0px; 
	top:0px;
	}
/*------------------------------------------------function ccrolling--------*/