/* CSS Document */

body {
	padding:0px;
	margin:0px;
	font-size: 12px;
	line-height: 22px;
	font-family:Arial, Helvetica, sans-serif;
	color:#000;
	background: #c5c0c1 url(hg.jpg) repeat-x;
}

a {color: #000;}
a:visited {color:#000;}
a:hover {color: #a51092;}
a:active { color:#000;}


p{
	padding:0px;
	margin:0px;
}

h2{
	font-size: 13px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 6px;
	color: #513a48;
	text-align:center;
	padding: 30px 0px 35px 0px;
	margin:0px;
}



h2.bhg{
	font-size: 13px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 4px;
	color: #513a48;
	text-align: left;
	padding: 30px 0px 10px 0px;
	margin:0px;
}



h3{
	font-size: 12px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 0.5px;
	color: #a51092;
	padding: 0px;
	margin:0px;
}


/* ----------header-------------- */

#header{
	height:393px;
	width: 100%;
	background: url(top.jpg) no-repeat;
	background-position: top center; 
	
}

#anlese{
	color:#fff;
	text-align:center;
	font-size: 14px;
	line-height: 24px;
	width: 870px;
	margin-left: auto;
	margin-right: auto;
}


#logo {
	padding: 51px 0px 71px 0px;
	width: 270px; 
	height: 127px;

	margin-left: auto;
	margin-right: auto;
	}


#logo_hg {
	padding: 51px 0px 32px 0px;
	width: 270px; 
	height: 127px;

	margin-left: auto;
	margin-right: auto;
	}


#logo A, #logo_hg A {
	display:block;
	width: 270px; 
	height: 127px; 
	background: url(logo.jpg) no-repeat; 
	text-align: left;
	text-indent: -9000px; 
	text-decoration: none;

}



/* ----------container zentriert das layout-------------- */
#container {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	
}


#teaser-cds{
	height:464px;
	}

#spalte{
	width: 205px;
	height:464px;
	position:relative;
	float:left;
	display:block;
	background: url(hr-h.gif) repeat-y;
	background-position: right;
	margin-right: 16px;	
}

#spalte-last{
	width: 205px;
	height:464px;
	position:relative;
	float:left;
	display:block;
}

#spalte_right{
	text-align: right;
	padding-right:18px;
	width: 187px;
	height:464px;
	position:relative;
	float:left;
	display:block;
	background: url(hr-h.gif) repeat-y;
	background-position: right;
	margin-right: 16px;	
}


#spalte img, #spalte-last img, #studio img{
	border: solid 3px #d6d3d4;
	margin-bottom: 13px;
}


/* ----------SHOW-------------- */

#shows{
	height:382px;
	text-align:center;
	color:#FFFFFF;
	font-weight:bold;
	font-size: 13px;
	line-height: 20px;
	}

#pik{
	width: 436px;
	height: 382px;
	position:relative;
	float:left;
	display:block;
	background: url(teaser_pik.jpg) no-repeat;
}

#couch{
	width: 434px;
	height: 382px;
	position:relative;
	float:left;
	display:block;
	background: url(teaser_couch.jpg) no-repeat;
}

#shows h3{
	font-weight:bold;
	text-transform:uppercase;
	margin: 229px 0px 25px 0px;
	padding: 0px 0px 0px 0px;
	color:#FFFFFF;
	font-size: 29px;
}

#shows a {color: #fff; text-decoration:none;}
#shows a:visited {color:#fff;}
#shows a:hover {color: #000; background: #fff;}
#shows a:active { color:#fff;}



/* ----------TEASER NEW-------------- */

#teaser-new{
	height:330px;
	padding-left: 460px;
	margin-bottom: 50px;
	background: url(teaser_hg.jpg) no-repeat;
	}


h2.new{
	font-size: 18px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-align:left;
	padding: 0px;
	margin:0px;
}

h2.new_big{
	font-size: 23px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	text-align:left;
	padding: 0px;
	margin:0px;
}

h3.new{
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	color: #fff;
	padding: 0px;
	margin:0px;
}


h4.new{
	font-size: 14px;
	font-weight:bold;
	text-transform: uppercase;

	color: #fff;
	padding: 0px;
	margin: 20px 0px 10px 0px;

}



#teaser-nein{
	height:305px;
	padding-left: 256px;
	margin-bottom: 50px;
	background: url(teaser_nein.jpg) no-repeat;

	}

#teaser-nein p{
	padding-top: 220px;
	}

a.nein {color: #fff; font-weight:bold; 	font-size: 13px;}
a.nein:visited {color:#fff;}
a.nein:hover {color: #a51092;}
a.nein:active { color:#fff;}



/* ----------LIVE STUDIO-------------- */



#live-studio{
	height:564px;
	padding-top: 53px;
	background: url(hr.jpg) no-repeat;

}

#live{

	position:relative;
	float:left;
	display:block;
}

#studio{
	text-align:center;
}

/* ----------ORDER-------------- */
#order{
	width:350px;
	height:730px;
	margin-left: auto;
	margin-right: auto;
}

#order_hg{
	width:350px;
	height:730px;

}


input:active, input:focus, input:hover, textarea:active, textarea:focus, textarea:hover { 
	outline: 1px solid #fff;
}


#order input, #order textarea, #order_hg input, #order_hg textarea{
	width:350px;
	padding: 4px 0px 4px 0px;
	margin-bottom: 18px;
	
	border: solid 1px #8e8e8e;
	background-color:#dcd9da;

	color:#000;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

#order input.btt, #order_hg input.btt{

	padding: 4px 0px 4px 0px;
	width: 120px;

	border: solid 1px #d8d8d8;
	background-color:#963b8a;

	position:relative;
	float:left;
	display:block;
	clear:both;
	
	color:#ead8e8;
	font-weight:bold;
	text-transform: uppercase;
	letter-spacing: 2px;
	font-size: 11px;
}



/* ----------order HG-------------- */


#container_hg {
	width: 870px;
	margin-left: auto;
	margin-right: auto;
	padding-bottom: 60px;
	
}


#links{
	width:424px;
	position:relative;
	float:left;
	display:block;
	background: url(hg_.jpg) no-repeat;
	padding: 312px 0px 0px 40px;
	color: #271c21;
	
	}
	
	
#links_nein{
	width:399px;
	height:400px;
	position:relative;
	float:left;
	display:block;
	background: url(hg_nein.jpg) no-repeat;
	padding: 538px 0px 0px 65px;
	color: #271c21;
	
	}
	

	
#rechts{
	width: 366px;
	background-color:#b6b0b1;
	position:relative;
	float:left;
	display:block;
	margin: 80px 0px 0px 0px;
	padding: 10px 20px 0px 20px;
	}


li {
	margin: 0px 0px 15px 0px;
}

.text_hg{
	font-weight:bold;
	color:#3e3137;
}	

/* ----------FOOTER-------------- */

#footer{
clear:both;
	height:180px;
	width: 100%;
	background: url(footer.jpg) no-repeat #20121c;
	background-position:center; 
}

#footer-text{clear:both;
text-align:center;
	padding-top:33px;
	color:#fff;
	width: 870px;
	margin-left: auto;
	margin-right: auto;

}
.space{
	letter-spacing: 7px;
}

#footer-text a {color: #fff;}
#footer-text a:visited {color:#fff;}
#footer-text a:hover {color: #a51092;}
#footer-text a:active { color:#fff;}