/*------------------------------------------------------*/
/*-->>> GLOBAL <<<--------------------------------------*/
/*------------------------------------------------------*/

* {margin:0;padding:0;}

html {height:100%;}

body {
	/* height:100%; */
	min-height:101%;
	position: relative; 
	font-size:100.01%;
	color:#19150E;
	text-align:left;
	padding:50px 0 40px 0;
	background:url(../images/bg-body.jpg) repeat-x top center #000000;
	/* background:url(../images/bg-body.jpg) no-repeat top center #0E0100; */
	font-family:Arial, Verdana, Helvetica, sans-serif;
	}
	

/*------------------------------------------------------*/
/*-->>> P, UL, A <<<------------------------------------*/
/*------------------------------------------------------*/
	
p {padding:0 0 15px 0;margin:0;line-height:19px;font-size:13px;}
a:link {color:#3371A2;text-decoration:none;}
a:visited {color:#3371A2;text-decoration:none;}
a:hover {color:#3F8FCC;text-decoration:underline;}
a:active {outline:none;}

a img {border:0;}

ul {padding:0 0 0 10px; margin:0 0 15px 0;list-style:none;}
ul li {
	font-size:13px;
	padding:0 0 0 15px;
	margin:0 0 10px 0;
	list-style:none;
	background:url(../images/bullet-dirtdot.gif) no-repeat 0px 2px;
	}	

a img {text-decoration:none;}	

/*------------------------------------------------------*/
/*-->>> HEADLINES <<<-----------------------------------*/
/*------------------------------------------------------*/

h1, h2, h3, h4, h5, h6 {
	font-weight:normal;
	margin:0;
	color:#ACACAC;
	padding:0 0 3px 0;
	background:url(../images/bg-headline.gif) no-repeat bottom right;
	/* font-family:Times New Roman, Times, Georgia, serif; */
	}

h1 {
	font-size:24px;
	margin-bottom:15px;
	color:#323126;
	border-left:6px solid #EEDB7E;
	line-height:24px;
	padding:0 0 0 8px;
	}	
h2 {
	font-size:18px;
	margin:10px 0 8px 0;
	color:#A89460;
	}
h3 {
	font-size:14px;
	color:#B68344;
	font-weight:bold;
	background:none;
	margin-bottom:10px;
	}
	
	
/*------------------------------------------------------*/
/*-->>> LAYOUT ELEMENTS <<<-----------------------------*/
/*------------------------------------------------------*/	
	
#container {
	display:block;
	clear:both;
	width:880px; /* width:900px; */
	margin:0 auto;
	padding:10px;
	background-color:#FCFBD5;
	background:url(../images/bg-header.jpg) no-repeat top left #FCFBD5;
	}

#inhalt {padding:30px 40px 40px 40px;}

#footer {
	color:#FCFBD5;
	background-color:#352D20;
	padding:6px 10px 4px 10px;
	border-top:3px solid #4D402F;
	height:35px;
	}
	#footer p {padding:0;float:left;line-height:16px;}
	#footer span {display:block;}	
	.copy {font-size:12px;}
	.credits {font-size:10px;color:#7B7458;}
	

/*------------------------------------------------------*/
/*-->>> NAVIGATION <<<----------------------------------*/
/*------------------------------------------------------*/	
	
#navigation {
	height:100px; /* height:345px; 310 */
	padding:190px 0 0 42px;
	margin:0;
	}
	#navigation li {
		list-style:none;
		float:left;
		background:none;
		padding:0;
		margin:0;
		}
	
	#navigation li a {
		display:block;
		background-position:0px 0px;
		background-repeat:no-repeat;
		text-decoration:none;
		height:46px;
		}
	#navigation li a:hover {background-position:0px -46px;}
	#navigation span {font-size:11px;visibility:hidden;}
	
	.btnHome {background-image:url(../images/button-home.jpg);width:68px;}
	.btnNews {background-image:url(../images/button-news.jpg);width:64px;}
	.btnBio {background-image:url(../images/button-bio.jpg);width:108px;}
	.btnReferenzen {background-image:url(../images/button-referenzen.jpg);width:115px;}
	.btnMusik {background-image:url(../images/button-musik.jpg);width:71px;}
	.btnBooking {background-image:url(../images/button-booking.jpg);width:87px;}
	
	body.page-home #navigation .btnHome {background-position:0px -92px;}
	body.page-news #navigation .btnNews, body.page-newsmeldung #navigation .btnNews {background-position:0px -92px;}
	body.page-bio #navigation .btnBio {background-position:0px -92px;}
	body.page-referenzen #navigation .btnReferenzen {background-position:0px -92px;}
	body.page-musik #navigation .btnMusik {background-position:0px -92px;}
	body.page-booking #navigation .btnBooking {background-position:0px -92px;}
	

/*------------------------------------------------------*/
/*-->>> FLOATS AND CLEARINGS <<<------------------------*/
/*------------------------------------------------------*/	

.colLeft {width:58%;}
.colRight {width:35%;}
.colLeft, .colMiddle,  .fl, .bildlinks {float:left;}
.colRight, .fr, .bildrechts {float:right;}

.bildlinks {margin:0 10px 10px 0;}
.bildrechts {margin:0 0 0 0;}
	
hr {clear:both;height:1px;visibility:hidden;}

hr.linie {
	visibility:visible;
	height:10px;
	border:0;
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	}
	

.cleaner {display:block;clear:both;}
span.linie {
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	height:30px;
	}
	
/*------------------------------------------------------*/
/*-->>> TEXT MODS <<<-----------------------------------*/
/*------------------------------------------------------*/

ul.links {padding-left:0;margin:0 0 30px 0;}
ul.links li {background:url(../images/bullet-link.gif) no-repeat 0px 5px;padding-left:18px;}

ul.refList {padding:0 0 0 8px;}
ul.refList li {background:none;padding-left:20px;}
ul.refList li.topic {
	font-weight:bold;
	background:url(../images/bullet-dirtdot.gif) no-repeat 0px 2px;
	margin:0 0 3px 0;
	}

.unterstrichen {
	color:#413A28;
	background:url(../images/trennlinie-dunkel.gif) no-repeat bottom right;
	}
.hervorgehoben {font-style:italic;color:#AA3D16;}

.news {
	font-size:16px;
	color:#912B32;
	/* border-bottom:3px solid #DD9B44; */
	background:url(../images/headline-news.gif) no-repeat bottom left;
	padding:0 0 8px 0;
	}

.cutoff {margin-bottom:0;padding-bottom:0;}
.serifFont, .newsItem .datum, .newsItem .titel, a.streifen, .newsmeldung .datum {font-family:Times New Roman, Times, Georgia, serif;}

h2.linie {
	padding-bottom:20px;
	margin:0;
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	}

.blockEl {display:block;}
.pp {padding:0 10px 5px 10px;}

/*------------------------------------------------------*/
/*-->>> BUTTONS <<<-------------------------------------*/
/*------------------------------------------------------*/

#nachoben {
	display:block;
	float:right;
	width:107px;
	height:24px;
	margin-top:5px;
	background:url(../images/button-nachoben.gif) no-repeat top left;
	text-decoration:none;
	}
	#nachoben span {visibility:hidden;font-size:11px;}
	#nachoben:hover {background-position:bottom left;}

.phone {
	display:block;
	background:url(../images/phone.jpg) no-repeat top left;
	width:244px;
	height:165px;
	margin:20px auto 0 auto;
	}
	.phone:hover {background-position:bottom left;text-decoration:none;}
	.phone span {visibility:hidden;}
	
.tapebutton {
	display:block;
	background:url(../images/tape-button.jpg) no-repeat top left;
	width:244px;
	height:172px;
	margin:0 auto;
	}
	.tapebutton:hover {background-position:bottom left;text-decoration:none;}
	.tapebutton span {visibility:hidden;}
	

.refLogo {
	display:block;
	width:200px;
	height:120px;
	background:url(../images/bg-logo.jpg) no-repeat top left;
	margin:0 15px 15px 0;
	}
	.refLogo:hover {background-position:bottom left;text-decoration:none;}
	
a:link.streifen, a:visited.streifen {
	display:block;
	background:url(../images/klebestreifen.jpg) no-repeat top left;
	width:212px;
	height:29px; /* height:34px; */
	padding:5px 0 0 0;
	text-align:center;
	font-size:16px;
	font-weight:bold;
	color:#323126;
	font-style:italic;
	}
	a:hover.streifen {
		background-position:bottom right;
		color:#B9373F;
		padding:8px 0 0 3px;
		height:26px;
		width:209px;
		}

	.dateigroesse {display:block;font-size:11px;}
	
	.downloadPDF {
		display:block;
		font-size:14px;
		font-weight:bold;
		background:url(../images/icon-pdf-big.gif) no-repeat 5px 5px;
		padding:10px 0 15px 55px;
		background-position:5px 5px;
		}
	.downloadPDF:hover {
		background-color:#EAE7BE;
		text-decoration:none;
		}
		.downloadPDF .dateigroesse {margin:3px 0 0 1px;font-weight:normal;}
	
/*------------------------------------------------------*/
/*-->>> PAGE MODS <<<-----------------------------------*/
/*------------------------------------------------------*/

body.page-impressum .colLeft {width:240px;margin-right:40px;}
body.page-impressum .colRight {width:240px;}
body.page-impressum .colMiddle {width:240px;}

body.page-newsmeldung .colLeft {width:45%;}
body.page-newsmeldung .colRight {width:49%;}

body.page-referenzen .colLeft {width:49%;}
body.page-referenzen .colRight {width:45%;}

body.page-booking .colLeft {width:38%;}
body.page-booking .colRight {width:55%;}

body.page-login .colLeft {width:49%;}
body.page-login .colRight {width:45%;}

body.page-anmelden .colLeft {width:240px;margin-right:40px;}
body.page-anmelden .colRight {width:240px;}
body.page-anmelden .colMiddle {width:240px;}


/*------------------------------------------------------*/
/*-->>> NEWS <<<----------------------------------------*/
/*------------------------------------------------------*/

a:link.newsItem, a:visited.newsItem {color:#19150E;}
a:hover.newsItem  {text-decoration:none;background-color:#F0EDC4;}
a:hover.newsItem .titel {text-decoration:underline;}

.newsItem {
	display:block;
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	padding:15px 15px 20px 15px;
	}
	
	.newsItem span {display:block;}
	.newsItem .datum {
		display:block;
		float:right;
		background:url(../images/bg-datum.gif) no-repeat top left;
		width:80px;
		height:31px;
		text-align:center;
		padding:12px 0 0 0;
		
		margin:0 0 4px 5px;
		letter-spacing:1px;
		font-size:21px;
		color:#FFFFFF;
		}
	.newsItem .titel {
		font-size:16px;
		font-weight:bold;
		color:#912B32;
		margin:0 0 12px 0;
		border-left:13px solid #D4515A;
		line-height:13px;
		padding-left:8px;
		}
	.newsItem .meldung {font-size:11px;line-height:14px;}


/*------------------------------------------------------*/
/*-->>> TOOLTIP <<<-------------------------------------*/
/*------------------------------------------------------*/	
	
.tool-tip {
	color: #fff;
	z-index: 13000;
	border:1px solid #D8D29E;
}
 
.tool-title {
	font-weight:bold;
	font-size:11px;
	margin:0;
	color:#FFF;
	padding:4px 8px;
	background:url(../images/tooltip.png) repeat top left;
}
 
.tool-text {
	color:#323126;
	font-size:11px;
	padding:0px 8px 4px;
	background:url(../images/tooltip.png) repeat top left;
}

.extern-tip {
	color: #fff;
	z-index: 13000;
	border:1px solid #D8D29E;
}
 
.extern-title {
	font-weight:bold;
	font-size:11px;
	margin:0;
	color:#FFF;
	padding:4px 8px;
	background:url(../images/tooltip-extern.png) repeat top left;
}
 
.extern-text {
	color:#323126;
	font-size:11px;
	padding:0px 8px 4px;
	background:url(../images/tooltip-extern.png) repeat top left;
}


/*------------------------------------------------------*/
/*-->>> GALLERY <<<-------------------------------------*/
/*------------------------------------------------------*/

a.roeImg, a.roeNewsImg {
	display:block;
	float:left;
	border:2px solid #BCB068;
	text-decoration:none;
	margin:0 10px 10px 0;
	}
	a:hover.roeImg, a:hover.roeNewsImg {border-color:#B15627;}
	a.roeImg img, a.roeNewsImg img {
		width:120px;
		height:120px;
		border:1px solid #FFFFFF;
		}
		a.roeNewsImg {margin:0 5px 5px 0;}
		a.roeNewsImg img {width:85px;height:85px;}
		a:hover.roeImg img, a:hover.roeNewsImg img {border-color:#D9A93A;}
		

/*------------------------------------------------------*/
/*-->>> DEMOTAPE <<<------------------------------------*/
/*------------------------------------------------------*/

.demotape {
	display:block;
	float:left;
	text-align:center;
	margin:0 25px 20px 0;
	width:200px;
	}
	.demotape span {display:block;}
	.demotape img {
		width:120px;
		height:120px;
		margin:0 auto 10px auto;
		border:2px solid #DFD9A7;
		}
	.demotape .titel {font-size:16px;font-weight:bold;color:#363022;}
	.demotape .stil {font-size:12px;font-weight:bold;color:#756846;}
	
	a.demotape {margin:0 0 20px 0;width:195px;}
	a.demotape .titel {font-size:15px;}
	a:hover.demotape {text-decoration:none;}
	a:hover.demotape .titel, a:hover.demotape .stil {color:#3F8FCC;}
	
	.neu {color:#AE4124;}
	.neu .titel {
		background-image:url(../images/icon-new.gif);
		background-repeat:no-repeat;
		/* background-position:top right; */
		}
	.neu img {border-color:#AE4124;}
	
/*------------------------------------------------------*/
/*-->>> SONSTIGES <<<-----------------------------------*/
/*------------------------------------------------------*/	

.abstand {margin-bottom:40px;}
.abstand10 {margin-bottom:10px;}
.abstand20 {margin-bottom:20px;}
.zentriert {width:300px;margin:0 auto;}


/*------------------------------------------------------*/
/*-->>> EVENT <<<---------------------------------------*/
/*------------------------------------------------------*/	

.event {
	display:block;
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	padding:10px 10px 15px;
	margin:0;
	}
	.event span {display:block;}
	.event .name, .event .location {text-align:center;}
	.event .datum {font-weight:bold;background:url(../images/date.gif) no-repeat top left;padding-left:20px;}
	.event .name {font-size:14px;margin-bottom:4px;font-weight:bold;color:#A54723;}


	
/*------------------------------------------------------*/
/*-->>> NEWSMELDUNG <<<---------------------------------*/
/*------------------------------------------------------*/	
	
.newsmeldung {
	display:block;
	background-color:#F2EFC6;
	margin:0;
	width:444px;
	padding:10px 10px 15px;
	background:url(../images/trennlinie-hell.gif) no-repeat bottom center;
	}
.newsmeldung:hover {
	text-decoration:none;
	background-color:#F0EDC4;
	}
.newsmeldung span {display:block;}
.newsmeldung span strong {color:#FFFFFF;}
.newsmeldung img {float:left;margin-right:15px;}

.newsmeldung .datum {
	font-size:14px;
	font-weight:bold;
	color:#A54723;
	margin-bottom:5px;
	font-style:italic;	
	}
	
.newsmeldung .titel {font-size:15px;font-weight:bold;color:#363024;margin-bottom:5px;}
.newsmeldung .shorttext {font-size:11px;color:#78694A;}

.newsmeldung .fakelink {color:#3371A2;font-size:11px;margin-top:5px;}
.newsmeldung:hover .fakelink {text-decoration:underline;color:#3F8FCC;}


/*------------------------------------------------------*/
/*-->>> Promo <<<---------------------------------------*/
/*------------------------------------------------------*/	

.nachtschwaermerBox {
	width:720px;
	height:195px;
	padding:25px 20px 20px 60px;
	margin:0 0 40px 0;
	display:block;
	border:1px solid #4D402F;
	background:url(../images/nachtschwaermerBox.jpg) no-repeat center center;
	}
	
	.nachtschwaermerBox a {
		display:block;
		color:#FFF;
		font-size:14px;
		padding:0 0 10px 0;
		}
	.nachtschwaermerBox a .titel {font-weight:bold;color:#FFE05B;}
	.nachtschwaermerBox a .beschreibung {font-size:11px;}