@charset "utf-8";
 
/*
	xxx.de CSS
	Copyright (c) 2010 Initiative Konzeptionelles Design. All rights reserved.
	If you copy without permission, We will mock you.
*/

@import url(default/reset.css); /* Default Reset */
@import url(default/text.css); /* Default Styling */
@import url(default/960.css); /* Grid System */


/* 
BASIC ELEMENTS 
Define styles for basic elements: body, h1-h6, ul, ol, a, p, etc.
*/

html {
	background-color: rgb(18,18,18);
}

h2, h3, h4, h5 {
	font-family: "Arial Black", Arial, "Lucida Grande", Verdana, sans-serif;

}

p, ol, ul {
	color: #333;
}

/* 
BASIC LINKS 
*/

a:link,
a:visited { 
color: rgb(162,80,0); 
text-decoration: underline;
}

a:hover, 
a:focus {
text-decoration: none;
}

/*
GENERIC CLASSES 
Define styles for simple things like floating to the sides, removing a bottombottom margin on elements, etc
*/

img.left {
	float: left;
	margin-right: 20px;
	margin-top: 7px;
}

/*
BASIC LAYOUT 
Define the basic template: header, footer, etc. Elements that help to define the basic layout of the site
*/


#top {
	background: rgb(170,70,0) url(img/bg-top.jpg) repeat-x 0 0;
}

#home_highlights {
	background: #eaeaea url(img/bg_home_highlights.jpg) repeat-x 0 0;
	overflow: hidden;
	height: 140px;
}

#main {
	overflow: hidden;
	padding-top: 35px;
	background: #fff /*url(img/bg-main.jpg) repeat-x*/;
	padding-bottom: 50px;
}

#foot {
	background: rgb(18,18,18) url(img/bg-foot.jpg) repeat-x 0 0;
	overflow: hidden;
	padding-top: 15px;
	height: 200px;
}

/*
TOP 
*/

h1#logo {
	height: 113px;
	overflow: hidden;
	background: url(img/logo.jpg) no-repeat 0 0;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
	width: 640px;
	float: left;
}

p#home_highlights_btnn {
	height: 140px;
	background: url(img/home_highlights.jpg) no-repeat center 0;
	text-indent: -9999em;
	margin: 0;
	padding: 0;
}

/* @group NAV */

ul#nav {
	list-style-type: none;
	width: 320px;
	height: 113px;
	margin: 0 0 0 640px;
	padding: 0;
}

#nav li{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	float: left;
}

#nav li a {
	border: 0;
	display: block;
	text-decoration: none;
	height: 113px;
	background: url(img/nav_sprite.jpg) no-repeat 0 0;
}

li#home a {width: 56px;}
li#home a:link, 
li#home a:visited {background-position: 0px 0px;}
li#home a:hover, 
li#home a:focus {background-position: 0px -113px;}

li#touring a {width: 92px;}
li#touring a:link, 
li#touring a:visited {background-position: -56px 0px;}
li#touring a:hover, 
li#touring a:focus {background-position: -56px -113px;}

li#events a {width: 79px;}
li#events a:link, 
li#events a:visited {background-position: -148px 0px;}
li#events a:hover, 
li#events a:focus {background-position: -148px -113px;}

li#contact a {width: 93px;}
li#contact a:link, 
li#contact a:visited {background-position: -227px 0px;}
li#contact a:hover, 
li#contact a:focus {background-position: -227px -113px;}

li#home a#selected {background-position: 0 -113px;}
li#touring a#selected {background-position: -56px -113px;}
li#events a#selected {background-position: -148px -113px;}
li#contact a#selected {background-position: -227px -113px;}


/* @end */

/* @group SUBNAV */

ul#subnav {
	list-style-type: none;
	padding: 0;
	margin: 70px 0 0;
	overflow: hidden;
}

#subnav li{
	float: left;
	margin: 0 10px 0 0;
	text-transform: uppercase;
	letter-spacing: 2px;
	font: 13px/13px Arial, Helvetica, Geneva, sans-serif;

}

#subnav li a {
	border: 0;
	background-color: black;
	display: block;
	text-decoration: none;
	padding: 8px 15px 7px;
}

#subnav li a:hover {background-color: white;}

#subnav li a.selected {	background-color: white;}

/* @end */

#slideshow {
	height: 319px;
	overflow: hidden;
}

#teasertext {
	height: 195px;
	overflow: hidden;
}

#teasertext.touring {
	background: url(img/teasertext_touring.png) no-repeat 0 0;
}

#teasertext.contact {
	background: url(img/teasertext_contact.png) no-repeat 0 0;
}

#teasertext h2 {
	text-indent: -9999px;
	height: 1px;
	display: block;
	margin: 0;
	padding: 0;
	}

h2#breadcrump {
	margin: 0 0 0 10px;
	padding: 50px 0 15px;
	font-size: 17px;
	line-height: 1;
}

h2#breadcrump a:link, h2#breadcrump a:visited{
	text-decoration: none;
	color: #000;
}

h2#breadcrump a:hover, h2#breadcrump a:focus {
	color: #fff;
}

/*
HOME_HIGHLIGHTS
*/

ul#home_highlights_btn {
	list-style-type: none;
	padding-left: 10px;
}

#home_highlights_btn li{
	text-indent: -9999px;
	padding: 0;
	margin: 0;
	float: left;
}

#home_highlights_btn li a {
	display: block;
	text-decoration: none;
	height: 140px;
	background: url(img/home_highlights_sprite.jpg) no-repeat 0 0;
}

li#home_btn1 a {width: 313px;}
li#home_btn1 a:link, 
li#home_btn1 a:visited {background-position: 0px 0px;}
li#home_btn1 a:hover, 
li#home_btn1 a:focus {background-position: 0px -140px;}

li#home_btn2 a {width: 313px;}
li#home_btn2 a:link, 
li#home_btn2 a:visited {background-position: -313px 0px;}
li#home_btn2 a:hover, 
li#home_btn2 a:focus {background-position: -313px -140px;}

li#home_btn3 a {width: 313px;}
li#home_btn3 a:link, 
li#home_btn3 a:visited {background-position: -627px 0px;}
li#home_btn3 a:hover, 
li#home_btn3 a:focus {background-position: -627px -140px;}


/*
MAIN
*/

#main .divider {
	border-bottom: 1px solid #000;
	clear: both;
	margin-bottom: 20px;
}

#main a.button, #main span.button {
	background-color: black;
	display: inline-block;
	padding: 3px 7px 2px 8px;
	text-transform: uppercase;
	text-decoration: none;
	font-size: 9px;
	letter-spacing: 2px;
	color: #fff;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
}

#main a.inaktiv, #main span.inaktiv {
	background-color: #bfbfbf;
}

#main a:hover.button {
	background-color: rgb(170,70,0);
}

#main .local_events {
	/*background-color: #ebebeb;*/
	overflow: hidden;
	margin-bottom: 20px;
}

#main .local_events h3 {
	margin: 0 0 20px;
	padding: 0;
	font-size: 23px;
	line-height: 1.2;
}

#main .local_events h4 {
	margin: 0 0 5px;
	padding: 0;
	line-height: 1;
}

#main .local_events h4.ort {
	color: #a9a9a9;
	margin-bottom: 10px;
}

#main .artist_overview {
	overflow: hidden;
	margin-bottom: 20px;
}

#main .artist_overview ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
}

#main .artist_overview li {
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
	display: inline-block;
}

#main .news_entry p {
	border-bottom: 1px solid #000;
	margin-bottom: 35px;
	padding-bottom: 20px;
	overflow: hidden;
}

#main .news_entry h2 {
	margin: 0 0 15px;
	padding: 0;
	font-size: 23px;
	line-height: 1.3;
}

#main .home_sidebar h3 {
	margin: 0 0 10px;
	padding: 0;
	font-size: 17px;
	line-height: 1.3;
}

#main .home_sidebar form {
	margin: 0 0 20px;
	padding: 0;
}

h2#start_headline {
	background: url(img/dnb-start-headline.gif) no-repeat 0 0;
	text-indent: -999em;
	height: 55px;
	margin: 0 0 15px;
	padding: 0;
}


/*
FOOTER 
Define all elements in the footer
*/

#foot p, #foot ul {
	color: #fff;
	font-size: 10px;
}

#foot a:link,
#foot a:visited { 
color: #fff; 
text-decoration: none;
}

#foot a:hover, 
#foot a:focus {
color: rgb(162,80,0); 
text-decoration: underline;
}

#foot ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

#foot li{
	padding: 0;
	margin: 0 20px 0 0;
	float: left;
}

p#copyright {
	text-align: right;
}

/*
XXX ETC.
Continue to define the other sections one by one 
*/

/*
FORMS 
*/

input[type="text"],textarea {
	background-color: #fff;
	font: 13px Verdana, "Lucida Grande", Lucida, sans-serif;
	padding: 5px;
	margin: 0;
	color: #000;
	border-width: 1px;
	border-color: #000;
}

input[type="text"]:focus,textarea:focus
 {
	background-color: rgb(170,70,0);
}