@charset 'utf-8';
@import url(reset.css);

/************************* BASICS **************************/

body {
	width: 100%;
	position: relative;
	background: #fff url(img/bg.gif) no-repeat;
	color: #444;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size: 12px;
	line-height: 17px;
}

.switch {
	display: block;
	overflow: hidden;
	text-indent: -1000px;
}

hr {display: none;}

.clear {
	clear: both;
	height: 0px;
	overflow: hidden;
}


/************************* ARTWORK **************************/

#content {
	min-height: 100%;
	height: auto !important;
	height: 100%; 
	width: 900px;
	padding-left: 30px;
}
	
	div.neuigkeiten, div.blog, div.markdown, div.skizzen {background: url(img/artwork/theme1.jpg) no-repeat;}
	div.termine, div.kontakt {background: url(img/artwork/programm.gif) no-repeat;}
	div.programm, div.promokrempel {background: url(img/artwork/theme3.jpg) no-repeat;}
	div.portrait, div.pressespiegel {background: url(img/artwork/portrait.jpg) no-repeat;}
	div.kostproben {background: url(img/artwork/theme4.jpg) no-repeat;}
	div.buch-und-cd, div.newsletter {background: url(img/artwork/theme2.jpg) no-repeat;}
	div.querverweise, div.kontrolle {background: url(img/artwork/querverweise.jpg) no-repeat;}
	
	
	
/************************* TYPO **************************/

h2 {
	display: block;
	position: relative;
	font-size: 18px;
	font-weight: bold;
	margin-bottom: 30px;
	line-height: 21px;
	clear: both;
}

	h2.switch {
		width: auto;
		background: url(img/h2.gif) no-repeat;
	}
	
	#h2-n1 {background-position: 0 0px;}
	#h2-n2 {background-position: 0 -20px;}
	#h2-n3 {background-position: 0 -40px;}
	#h2-n4 {background-position: 0 -60px;}
	#h2-b1 {background-position: 0 -80px;}
		#h2-b1 a.edit {position: absolute; left: 130px; top: 0px; width: auto; text-indent: 0;}
	#h2-b2 {background-position: 0 -100px;}
	#h2-p1 {background-position: 0 -120px;}
	#h2-k1 {background-position: 0 -140px;}
	#h2-k2 {background-position: 0 -160px; margin-top: 30px;}
	#h2-bc1 {background-position: 0 -180px;}
	#h2-ps1 {background-position: 0 -200px;}
	#h2-nl1 {background-position: 0 -220px;}
	#h2-q1 {background-position: 0 -240px;}
	#h2-q2 {background-position: 0 -260px; margin-top: 30px;}
	#h2-ki1 {background-position: 0 -280px;}
	#h2-ki2 {background-position: 0 -300px;}
	#h2-md1 {background-position: 0 -320px;}
	#h2-pk1 {background-position: 0 -340px;}
	
h3, .h2-affix {
	font-family: Georgia, Times, Serif;
	font-size: 18px;
	font-weight: normal;
	font-style: italic;
}

	h3 em {font-style: italic;}
	h3 .date em {font-style: normal;}

h4 {
	font-size: 12px;
	font-weight: bold;
	color: #fff;
}

	h4.marker {padding: 5px 5px 30px 15px;}

	#h4-t1 {background: url(img/h4/t1.png) no-repeat;}
	#h4-k1 {background: url(img/h4/k1.gif) no-repeat; padding-top: 6px;}
	#h4-q1 {background: url(img/h4/q1.gif) no-repeat; padding-top: 6px;}
	
a {
	color: #d51c1c;
	text-decoration: none;
}

	a:hover {background: #d51c1c; color: #fff;}
	
	.sub a {color: #3492a3;}
	.eventlist .sub a {color: #606868;}
	.eventlist .featured .sub a {color: #4a5454;}
	.sub a:hover, .eventlist .sub a:hover {color: #fff;}
	
	a.goto {
		border-bottom: 1px dotted #ccc;
	}
	
    a.edit {color: #fff; padding: 0 1px;}
	p.meta:hover a.edit, h3:hover a.edit, h2:hover a.edit {color: #ccc;}
	p.meta a.edit:hover, h3 a.edit:hover, h2 a.edit:hover {background: #70ba1a; color: #fff;}
	

p {
	margin-bottom: 17px;
}

em {font-style: normal;}

.meta {
	font-size: 11px;
	color: #99aca8;
}

	.meta a {padding: 0 1px;}

strong {
	font-weight: bold;
}

.sub {
	margin-bottom: 17px;
}

.date {
	font-family: Arial, Helvetica, Sans-Serif;
	font-style: normal;
}


.categories, .sidelist {
	font-size: 11px;
	color: #99aca8;
}
	.categories a, .sidelist a  {padding: 0 1px;}
	
	li.off a {color: #99aca8; text-decoration: line-through;}
	li.off a:hover {color: #fff; text-decoration: none;}
	
blockquote {
	font-family: Georgia, Times, Serif;
	font-style: italic;
	font-size: 20px;
	line-height: 24px;
	color: #888;
	padding-left: 35px;
	background: url(img/quote-start.gif) 2px 4px no-repeat;
		margin-bottom: 17px;
}

	blockquote p {display: inline;}

	.quote-end {
		color: #fff;
		height: 21px;
		width: 28px;
		background: url(img/quote-end.gif) 3px 2px no-repeat;
	}
	
	
/************************* HEADER **************************/

#header {
	height: 235px;
	width: 930px;
}

	h1 {
		width: 155px;
		height: 145px;
		background: #CDD9DB;
		overflow: hidden;
		position: absolute;
		top: 40px;
		left: 340px;
	}
	
		h1 a {
			display: block;
			width: 155px;
			height: 145px;
			background: #CDD9DB url(img/logo.gif) no-repeat;
		}
		
		h1 a:hover {
			background: #CDD9DB url(img/logo.gif) no-repeat;
			background-position: 0 -145px;
		}
		
	.mainmenu {
		display: block;
		height: 150px;
		padding: 11px 0 0 20px;
		width: 220px;
	}

		#mainmenu1 {position: absolute; top: 40px; left: 530px;}
		#mainmenu2 {position: absolute; top: 40px; left: 670px;}
		
		.mainmenu a {
			display: block;
			overflow: hidden;
			text-indent: -5000px;
			height: 21px;
			width: 150px;
			background: url(img/menu.png) no-repeat;
		}
		
		.mainmenu li.active a {background: url(img/menu-active.png) no-repeat;}
		.mainmenu a:hover {background: url(img/menu-active.png) no-repeat;}
		
		li#mm11 {margin-top: 21px;}
		
			#mm1 a {background-position: 0 0;}
			#mm2 a {background-position: 0 -21px;}
			#mm3 a {background-position: 0 -42px;}
			#mm4 a {background-position: 0 -63px;}
			#mm5 a {background-position: 0 -84px;}
			#mm6 a {background-position: 0 -105px;}
			
			#mm7 a {background-position: 0 -126px;}
			#mm8 a {background-position: 0 -147px;}
			#mm9 a {background-position: 0 -168px;}
			#mm10 a {background-position: 0 -189px;}
			#mm11 a {background-position: 0 -210px;}
			
		.neuigkeiten #mainmenu1 {background: url(img/menu/active-1.gif) no-repeat;}
		.blog #mainmenu1 {background: url(img/menu/active-1.gif) no-repeat;}
		.termine #mainmenu1 {background: url(img/menu/active-2.gif) 0 20px no-repeat;}
		.programm #mainmenu1 {background: url(img/menu/active-3.gif) 0 40px no-repeat;}
		.portrait #mainmenu1 {background: url(img/menu/active-4.gif) 0 70px no-repeat;}
		.kostproben #mainmenu1 {background: url(img/menu/active-5.gif) 0 80px no-repeat;}
		.buch-und-cd #mainmenu1 {background: url(img/menu/active-6.gif) 0 100px no-repeat;}
		
		.pressespiegel #mainmenu2 {background: url(img/menu/active-7.gif) 0 0 no-repeat;}
		.newsletter #mainmenu2 {background: url(img/menu/active-8.gif) 0 20px no-repeat;}
		.querverweise #mainmenu2 {background: url(img/menu/active-9.gif) 0 50px no-repeat;}
		.kontakt #mainmenu2 {background: url(img/menu/active-10.gif) 0 70px no-repeat;}
		
		
/************************* FORM / FEEDBACK **************************/

input, textarea {
	background: #f4f4f4;
	border: 1px dashed #aaa;
	padding: 3px;
}

input {width: 200px;}

	label {display: block; margin: 15px 0 5px 0; font-weight: bold;}

	label .affix {font-family: georgia; font-style: italic; font-weight: normal; color: #bbb;}
	
input.button {
	width: 120px;
	margin: 20px 0;
	background: #70ba1a;
	border: none;
	outline: none;
	font-weight: bold;
	color: #fff;
	font-family: Arial, Helvetica, Sans-Serif;
}

	input.button:hover {background: #f5a822;}

.formatting-guide {
	background: url(img/line-x.gif) top repeat-x;
	padding: 20px 0;
	margin: 10px 0;
}

	.formatting-guide ul {font-size: 11px; padding-top: 10px;}
	.formatting-guide ul li {float: left; margin-right: 20px;}
	
#sm {margin: 15px 0; width: 100%; color: #fff; cursor: pointer;}

	div.error {background: #f1197a;}
	div.success {background: #70ba1a;}
	div.info {background: #3a8b08;}
	
		.sm_body {padding: 10px; font-weight: bold;}

/************************* CONTENT **************************/

ul.categories, ul.sidelist {
	display: block;
	position: relative;
	margin-bottom: 17px;
	background: url(img/line-x.gif) bottom no-repeat;
	padding-bottom: 3px;
}

	.categories li {background: url(img/line-x.gif) no-repeat; padding: 1px 0 0 15px;}
	.sidelist li {background: url(img/line-x.gif) no-repeat; padding: 1px 0 0 1px;}
	
.n-block, .t-block, .p-block, .v-block, .bc-block {display: block; position: relative;}

/******* COMMENTS & NOTES *******/

.com_body {
	background: #dce4e6 url(img/com-body.gif) no-repeat;
	padding: 5px 20px 0 15px;
}

		.com_body p, .com_body ul, .com_body ol, .com_body h4, .com_body blockquote {margin: 10px 0 0 0;}
		.com_body em {font-style: italic;}
		.com_body hr {display: none;}
		.com_body h4 {font-size: 12px; font-weight: bold; color: #444;}
		.com_body ul li {}
		.com_body blockquote {background: none; font-size: 12px; padding: 0; line-height: 17px;}

.com_meta {
	background: transparent url(img/com-footer.gif) no-repeat;
	height: 12px;
	padding: 28px 0px 0px 15px;
	margin-bottom: 25px;
}

		
/************************* PAGES **************************/

#main {
	display: block;
	position: relative;
	margin-top: 40px;
	margin-bottom: 100px;
	width: 100%;
}

	.neuigkeiten #main, .blog #main, .markdown #main {background: url(img/line.gif) 280px 130px repeat-y;}
	.termine #main {margin-top: 100px; background: url(img/line.gif) 280px 130px repeat-y;}
	.termine #right {margin-top: -90px;}
	.portrait #right {width: 385px; padding-right: 30px; padding-left: 25px;}
	.pressespiegel #right {width: 385px; padding-right: 30px; padding-left: 25px;}
	.newsletter #right {width: 470px; padding-right: 120px;}
	.querverweise #main {background: url(img/line.gif) 280px 130px repeat-y;}
	.querverweise #right {width: 470px; padding-right: 120px;}
	
#left {
	width: 220px;
	float: left;
	padding-left: 30px;
}

#right {
	width: 590px;
	margin-left: 30px;
	float: right;
}
	.neuigkeiten #left{}
	.termine #left, .querverweise #left {padding-left: 15px;}
	.kostproben #left {padding-left: 15px; margin-top: 120px;}
	.programm #left {padding-left: 15px; margin-top: 160px;}
	.promokrempel #left {padding-left: 15px; margin-top: 160px;}


/************************* PAGES / NEUIGKEITEN **************************/

.eventlist {
	background: #9fb1af url(img/box_a_top.gif) top left no-repeat;
}

	.eventlist li {
		padding: 12px 0 8px 10px;
		background: url(img/dashline.gif) bottom repeat-x;
		line-height: 12px;
	}
	
	.eventlist li.featured {background: #ea912f url(img/dashline.gif) bottom repeat-x; color: #444;}
	.eventlist li.featured .meta { color: #4a5454;}fad390
	.eventlist li.featured h3 .date {color: #fad390;}
		
		.eventlist h3 {margin-bottom: 5px; color: #fff;}
		.eventlist .meta {color: #606868;}
		.eventlist h3 .date {color: #cedadb; padding-right: 5px;}
		.eventlist li.featured h3 .date {color: #fad390;}
		
.eventlist-end {
	background: #9fb1af url(img/box_a_bottom.gif) bottom left no-repeat;
	padding: 10px 10px 20px 10px;
}

	.eventlist-end a.meta {color: #cedadb;}
	.eventlist-end a.meta:hover {color: #fff;}
	
.featurelist {
	background: #e23c1d url(img/heimspiele.gif) no-repeat;
	height: 100px;
	width: 587px;
	margin-bottom: 40px;
}
	
	.featurelist li {
		display: block;
		width: 180px;
		float: left;
		padding: 15px 0 0 15px;
	}
		
		.featurelist .date {font-size: 22px; color: black; opacity: 0.5;  letter-spacing: +1px;}
		.featurelist .date em {font-weight: bold; letter-spacing: -1px; padding-right: 1px;}
		.featurelist .date .time {letter-spacing: -1px;}
		.featurelist h4 {margin-bottom: 8px;}
		.featurelist h4 a {color: #fff; border-bottom: 1px dashed #ddd;}
		.featurelist h3 {color: #fff; opacity: 0.75;margin-top: 4px;}
		.featurelist h3 a {color: #fff;}
		
.n-block, #kommentare, .line-block {
	padding-bottom: 17px;
	margin-bottom: 17px;
	background: url(img/line-x.gif) bottom repeat-x;
}
		
	.n-block h3 {margin-bottom: 17px;}
	.n-block .date {color: #ccc; letter-spacing: +1px; padding-right: 5px;}
	.n-block .date em {color: #99aca8; letter-spacing: -1px; padding-right: 1px;}
	.n-block .meta {margin-bottom: 17px; padding-left: 15px; background: url(img/comments.gif) 0 4px no-repeat;}
	
	.format img {background: #e0e8e8; padding: 10px; margin-bottom: 17px;}
	.format em {font-style: italic; color: #99aca8;}
	.format h1, .format h2, .format h3, .format h4, .format h5, .format h6 {font-family: Arial, Helvetica, Sans-Serif; font-size: 12px; font-style: normal; font-weight: bold; color: #444; }
	.format h5 {font-size: 11px; font-weight: normal; color: #888;}
	.format h6 {font-size: 11px;  font-weight: normal; color: #ccc;}
	.format ol {margin-bottom: 17px; list-style: decimal inside;}
	.format ul {margin-bottom: 17px; list-style: square inside;}


/************************* PAGES / TERMINE **************************/

.termine #right h2 {margin-top: 30px;}

.termine #side ul {
	margin-left: 30px;
}

.t-block {
	padding: 4px 0 0 120px;
	margin-top: 18px;
	height: 38px;
}

	.t-block .date {
		display: block;
		font-size: 38px;
		line-height: 38px;
		letter-spacing: -1px;
		color: #ccc;
		position: absolute;
		left: 0;
		top: 0;
	}
	
	.termine .featured .date {color: #fad390;}
	
		.t-block .date em {font-weight: bold; color: #99aca8; padding: 0 1px;}
		.termine .featured .date em {color: #f5a822;}
		
	.t-block h3 {color: #ccc;}
	.t-block h3 em {color: #444;}
	


/************************* PAGES / PROGRAMM **************************/

.p-block {
	padding: 20px 270px 30px 0px;
}

	.p-block img {
		position: absolute;
		top: 10px;
		right: 0px;
	}
	


/************************* PAGES / PORTRAIT **************************/

.portrait #main p {padding-left: 35px;}


/************************* PAGES / KOSTPROBEN **************************/

.kostproben #side h4 {
	margin-left: 15px;
	background: url(img/h4/bg-termine-1.png) no-repeat;
}

.kostproben #side ul {margin-left: 30px;}

.v-block {
	width: 460px;
	margin-bottom: 25px;
	background: url(img/line-x.gif) bottom repeat-x;
	padding-bottom: 25px;
}

	object {background: #444;}

/************************* PAGES / BUCH & CD **************************/


.bc-block {
	width: 590px;
	margin-bottom: 25px;
	background: url(img/line-x.gif) bottom repeat-x;
	padding: 20px 0 25px 0;
}

	.bc-block img {
		position: absolute;
		top: 10px;
		right: -20px;
	}


/************************* PAGES / PRESSE **************************/

.q-block {
	margin-bottom: 25px;
}
	.q-block blockquote {margin-bottom: 0px;}
	.q-block .sub {margin-top: 5px;}

.pressespiegel #main h2 {margin-left: 35px;}

.pressespiegel #side h4 {
	margin-left: 15px;
	background: url(img/h4/bg-termine-1.png) no-repeat;
}

.pressespiegel #side ul {margin-left: 30px;}
.pressespiegel #main p {margin-left: 35px;}


/************************* PAGES / QUERVERWEISE **************************/

.querverweise #side h4 {
	margin-left: 15px;
	background: url(img/h4/bg-termine-1.png) no-repeat;
}

.querverweise #side ul {margin-left: 30px;}

h3.link {
	margin-bottom: 10px;
	color: #ccc;
}

	h3.link em {color: #99aca8;}
	
	
/************************* PAGES / NEWSLETTER **************************/

iframe {
	width: 470px;
	margin: 0 0 20px 0;
	background: url(img/line-x.gif) bottom repeat-x;
	}
	
/************************* PAGES / PROMOKREMPEL **************************/

a.thumb {
	display: block;
	background: #eee;
	padding: 5px;
	width: 100px;
	height: 100px;
	float: left;
	margin: 0 5px 5px 0;
}
	a.thumb:hover {background: #d51c1c; color: #fff;}

	a.thumb img {
		display: block;
	}

/************************* PAGES / MARKDOWN **************************/

.markdown pre{
 		background: #f1f4f1;
		display: block;
		padding: 10px 10px;
		color: #444;
		border: 1px dashed #d8e1e3;
		margin-bottom: 10px;
	}
	
.markdown h4 {color: #3492a3; margin: 25px 0 15px 0;}
	
/************************* FOOTER **************************/

#footer {
	font-size: 11px;
	background: url(img/dashline-grey.gif) repeat-x;
	width: 580px;
	margin-left: 310px;
	padding: 10px 0;
}

	#footer .meta a { color: #99aca8;  padding: 0 1px;}
	#footer .meta a:hover {color: #fff;}
	#footer .metanav a { color: #d51c1c;}


/************************* ADMIN MENU **************************/

ul.admin-nav {
	position: absolute;
	left: 340px;
	top: 0px;
}

ul.admin-nav li {
	color: #f2d45a;
	float: left;
	margin-right: 1px;
}

	ul.admin-nav li a:hover, ul.admin-nav li.active a {background: #fff; color: #8b9a98;}
	
	ul.admin-nav li a {
 		background: #e0e8e8;
		display: block;
		padding: 2px 10px;
		color: #99abaa;
	}

/************************* FINAL **************************/

.last {
	background: none;
	padding-bottom: 0;
	margin-bottom: 0;
}

/* ----------------------------------------------------- JS enabled browsers */

.js div { }

/* ----------------------------------------------------- IE7 and below */

.ie7 div { }

/* ----------------------------------------------------- IE6 and below */

.ie6 div { }