/*---------------------------------- reset -------------------------------------*/
html, body, div, section, article, aside, header, footer, nav, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline; background: transparent; }
:focus { outline: 0; }
body { line-height: 1.1; color: black; background: white; }
ol, ul { list-style: none; }
table { border-collapse: collapse; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }
section, article, aside, header, footer, nav { display: block; }

/*---------------------------------- globals --------------------------------------*/
html { background: #222 url(/img/html.png) repeat-x; min-width: 860px; position: relative; }
body { background: none; width: 90%; max-width: 1200px; margin: 0 auto; color: #eee; font-size: .9em; font-family: helvetica, verdana, sans-serif; }

.left { float: left; }
.right { float: right; }
.clear { clear: both; }

a { color: #18508c; text-decoration: none; padding: 0 0 .1em 0; border-bottom: .1em solid #89b2ce; }
a:hover { color: #236ea1; border-color: #bbb; }

div.p { padding: 20px; line-height: 1.55em; }

pre { font-family: monaco; margin: 20px; padding: 10px; background: #111; border: 1px solid #888; }


a.button { border: 1px solid #37362e; background: #111; display: inline-block; line-height: 1em; }
a.button span { display: block; padding: .25em .8em; border: 1px solid #111; background: #111 url(/img/buttonbg.png) repeat-x; }
a:hover.button { border-color: #444; }
a:hover.button span { background-position: 0 -100px; color: #fff; }
a:active.button { background: #111; }


/*---------------------------------- basic form ----------------------------------*/
form {  }
fieldset { clear: both; padding: 0 0 1em 0; }
fieldset input, fieldset textarea { display: block; }


/*---------------------------------- header --------------------------------------*/
#header { padding: 50px 20px 30px 20px; position: relative; }
	#header h1 {  }
		#header h1 a { display: block; width: 325px; height: 80px; padding: 0; background: url(/img/frequenzen.png) no-repeat; border: none; }
		#header h1 a:hover { opacity: .5; }
		#header h1 a span { display: none; }


/*---------------------------------- menu ----------------------------------------*/
#menuContainer { display: block; height: 3.2em; border: .1em solid #444; margin: 0 0 30px 0; }
	#menu { display: block; height: 3.09em; background: #111 url(/img/menubg.png) repeat-x 0 100%; border: .1em solid #000; font-weight: bold; }
		#menu li { float: left; }
			#menu li a { color: #89b2ce; display: block; line-height: 3.1em; padding: 0 20px 0 20px; border: 0; text-shadow: .1em .1em .2em #000; }
			#menu li a:hover { color: #ebdf9e; }
			#menu li strong { display: block; background: #111 url(/img/buttonbg.png) repeat-x 0 -100px; }
				#menu li strong a, #menu li strong a:hover { color: #fff; }
				#menu li ul { display: none; }


/*---------------------------------- main content --------------------------------*/
#wrapper { position: relative; margin: 0; }
#wrapper.min { min-height: 450px; }
#wrapper #main { width: 67%; display: block; float: left; background: url(/img/whitebg.jpg); color: #444; -webkit-border-top-left-radius: .5em; -webkit-border-top-right-radius: .5em; }
#wrapper #main.full { width: 100%; }
#wrapper #main div.p { background: url(/img/whitebottombg.jpg) no-repeat 0 100%; padding: 20px 20px 100px 20px; }
	/*	main content styles	*/
	#main h2 { font-size: 2em; font-family: georgia, times, serif; color: #fff; padding: 20px; margin: -20px -20px 20px -20px; background: #333 url(/img/headlinebg.jpg); text-shadow: .1em .1em .1em #000; -webkit-border-top-left-radius: .25em; -webkit-border-top-right-radius: .25em; }
	#main h2 strong { display: block; font-size: .7em; line-height: 1em; color: #ebdf9e; padding: .5em 0 0 0; font-weight: normal; }
	#main h2 strong em { color: #868169; }
	#main h2 a { color: #fff; border: none; }
	#main h3 { font-size: 1.25em; font-family: georgia, times, serif; color: #222; padding: 1em 10px .5em 10px; margin: 0 -10px .5em -10px; background: url(/img/line.png) no-repeat 0 100%; }
	#main h4,#main h5,#main h6 { font-size: 1.25em; font-family: georgia, times, serif; color: #222; }
	#main p { padding: 0 0 1em 0; }
	#main ul { list-style: disc outside; padding: 0 0 1em 2em; }
		#main ul li { padding: 0 0 .5em 0; }

	#main a.button.special { color: #222; margin: 2em 0 0 0; float: right; display: block; background: url(/img/button.png) no-repeat; border:0; padding: 13px 0; text-align: center; width: 121px; font-weight: bold; }
		#main a.button.special span { background: none; border:0; }
	#main a.button.special:hover span { color: #18508c; }

	/* article list */
	#main dl dt { font-size: 1.2em; font-family: georgia, times, serif; padding: 0 0 .5em 0; }
	#main dl dt a {  }
	#main dl dt span.date { color: #666; float: right; }
	#main dl dt span.date span { padding: 0 .25em 0 0; }
	#main dl dt span.date span.day {  }
	#main dl dd { background: url(/img/subline.png) no-repeat 0 100%; padding: 0 .5em 1.5em .5em; margin: 0 -.5em 1em -.5em; }


	/* artist list */
	ul#artists { list-style-type: none; overflow: hidden; padding: 0; }
		#artists li { display: block; float: left; width: 33%; height: 13em; }
			#artists li strong { display: block; padding: 0 0 .5em 0; font-size: .8em; line-height: 1.25em; }
				#artists li strong a { display: block; border: 0; font-size: 1.2em; }
			#artists li a.button { padding: 0; }
				#artists li a img { display: block; border: 1px solid #666; margin: 1px; width: 100px; height: 100px; }
				#artists li a:hover img { border-color: #000; }


	/*artist view*/
	#portrait { width: 100%; }


	/*picture view*/
	#galleryImage { width: 100%; }


	/* paging */
	#main p.paging { margin: 2.5em 0; }
	#main p.paging a.button.left { float: left; display: block; width: 205px; height: 80px; background: url(/img/previousarrow.png) no-repeat; border: 0; }
	#main p.paging a.button.right { float: right; display: block; width: 145px; height: 80px; background: url(/img/nextarrow.png) no-repeat; border: 0; }
	#main p.paging a.button:hover { background-position: 0 -80px; }
	#main p.paging a.button span { display: none; }

	/* contact form */
	form.contact { width: 66%; }
		form.contact input, form.contact textarea { border: 1px inset #eee; background: #fff; padding: .5em 1.5%; width: 97%; }
		form.contact textarea { height: 10em; }
		form.contact label span { display: block; color: #cc0000; }
		form.contact input[type=submit] { width: auto; float: right; padding: .5em 1.5em; color: #aaa; cursor: pointer; border: 1px outset #444; background: #111 url(/img/buttonbg.png) repeat-x; }
		form.contact input[type=submit]:hover { color: #fff; }


#wrapper #side { width: 33%; display: block; background: url(/img/sidebgb.png) no-repeat left bottom; position: absolute; top: -5px; right: -5px; }
#wrapper.wide #main { width: 55%; }
#wrapper.wide #side { width: 45%; }

#wrapper #side div.p { background: url(/img/sidebgt.png) no-repeat right top; padding: 25px 25px 20px 20px; }
	#side a { color: #89b2ce; }
	#side a:hover { color: #fff; border-color: #bcdbf0; }
	#side h3 { font-size: 1.5em; font-family: georgia, times, serif; color: #fff; padding: 0 0 .5em 0; text-shadow: .05em .05em .2em #000; }
	#side h3 strong { display: block; font-size: .7em; color: #ebdf9e; padding: .1em 0 0 0; font-weight: normal; }
	#side h3 a { color: #ebdf9e; border-color: #8c8560; }
	#side h3 a:hover { color: #fff; border-color: #ebdf9e; }
	#side p a.button { margin: .5em .5em 0 0; }
	#side p { clear: both; }
	#side strong { font-weight: bold; }
	#side p.statement { position: absolute; top: 6em; left: 20px; right: 20px; padding: 1em 0 23px 0; font-size: .8em; color: #666; background: url(/img/cite.png) no-repeat 50px bottom; z-index: 50; }
	#side cite { display: block; background: #ccc; color: #444; text-shadow: .1em .1em .1em #aaa; padding: .5em .8em; -webkit-border-radius: .5em; -moz-border-radius: .5em; border-radius: .5em; }
	#side a.artist { clear: both; margin: 6em 0 0 0; width: 100%; height: 4.5em; display: block; float: none; color: #ebdf9e; font-family: georgia, times, serif; }
	#side a.artist span { position: relative; padding: 0 0 0 75px; height: 61px; }
	#side a.artist img { position: absolute; top: 0; left: 0; border: 1px solid #666; width: 60px; height: 60px; }
	#side a.artist strong { display: block; font-weight: normal; color: #fff; font-size: 1.25em; padding: 13px 0 .35em 0; }
	#side a.artist:hover { -webkit-box-shadow: 0 0 .5em #bcdbf0; }


	#side ul.dates {  }
	#side ul.dates li ul { padding: 0 0 1em 1em; }

	#side ul.links li a span { color: #666; border-bottom: 1px solid #666; padding: 0 0 .1em 0; margin: 0 0 0 .5em; }
	#side ul.links li a:hover span { color: #ccc; border-color: #fff; }


/*---------------------------------- sub content ---------------------------------*/
#subwrapper { clear: both; font-size: .9em; padding: 40px 0; }
#sub1, #sub2 { width: 50%; float: left; position: relative; }
#sub2 { background: url(/img/whitebg.jpg); color: #444; }
#sub1 div.p, #sub2 div.p { background: url(/img/subbgt.png) no-repeat 100% 0; }
#sub2 div.p { background: url(/img/whitetopbg.jpg) no-repeat 100% 0; padding: 40px 20px 20px 20px; }
#sub1 div.p { background: url(/img/darktopbg2.jpg) no-repeat 0 -5px; padding: 40px 20px 20px 20px; }
#subwrapper h3 { font-size: 1.65em; font-family: georgia, times, serif; color: #222; padding: 0 10px .8em 10px; margin: 0 -10px .5em -10px; background: url(/img/subline.png) no-repeat 0 100%; }
#subwrapper #sub1 h3 { color: #fff; }
#subwrapper h3 strong { color: #ebdf9e; display: block; font-size: .7em; }
#subwrapper h3 a { color: #ebdf9e; border-color: #8c8560; }
#subwrapper h3 a:hover { color: #fff; border-color: #ebdf9e; }

#sub2 h3 strong { color: #888; }
#sub2 h3 strong a { color: #666; border-color: #ccc; }
#sub2 h3 strong a:hover { color: #444; border-color: #666; }


#subwrapper dl.newslist {  }
#subwrapper dl.newslist dt { clear: both; color: #666; font-family: georgia, times, serif; padding: 1em 0 0 0;font-weight: bold; }
#subwrapper dl.newslist dt span.date { float: right; line-height: 1.2em; }
#subwrapper dl.newslist dt span.date span { padding: 0 .25em 0 0; }
#subwrapper dl.newslist dt strong { font-size: 1.1em; }
#subwrapper dl.newslist dd { clear: both; background: url(/img/subline.png) no-repeat 0 100%; padding: 0 .5em 1em .5em; margin: 0 -.5em; position: relative; }
#subwrapper dl.newslist dd p { padding: 0.5em 0 .5em 0; }
#subwrapper dl.newslist dd p a.more {  }

#galleryImages { padding: 0; }
#main #galleryImages { list-style: none; padding: 0; }
	#galleryImages li { width: 33%; float: left; padding: 0 0 1% 0; }
	#galleryImages:hover li { opacity: .4; }
	#galleryImages:hover li:hover { opacity: 1.0; }
	#main #galleryImages li { width: 16.5%; }
	#galleryImages li a.button { width: 95%; padding: 1px 0 0 1px; margin: 0 .5em; position: relative; }
	#galleryImages li a span { padding: 4px; border: 0; }
	#galleryImages li a span.info { display: none; position: absolute; top: 100%; left: 0; right: 0; color: #ccc; background: url(/img/transparent.png); }
	#galleryImages li span.artist { display: none; }
	#galleryImages li a span.info strong { color: #fff; display: block; font-weight: bold; }
	#galleryImages li a span.info span { display: block; background: none; padding: .5em 0 0 0; }
	#galleryImages li img { width: 98%; border: 1px solid #666; }
	#galleryImages li a:hover { -webkit-box-shadow: 0 0 .5em #bcdbf0; border-color: #bcdbf0; }
	#galleryImages li a:hover img { border-color: #ccc; }
	#galleryImages li a:hover span.info { /*display: block; z-index: 999;*/ }
	#galleryImages:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }

#subwrapper p.footer { height: 120px; padding: 0; margin: 0 -20px -20px -20px; text-align: center; }
#subwrapper p.footer a.button { margin: 2.5em 0 0 0; }
#sub2 p.footer { background: url(/img/whitebottombg.jpg) no-repeat 0 100%; }

#subwrapper p.footer a.button { color: #222; margin: 2em auto 0 auto; display: block; background: url(/img/smallbutton.png) no-repeat; border:0; padding: 12px 0; text-align: center; width: 121px; font-weight: bold; text-shadow: .1em .1em .1em #ccc; }
#subwrapper #sub1 p.footer a.button { background-image: url(/img/smallbuttonwhite.png); color: #eee; text-shadow: .1em .1em .1em #222; }
	#subwrapper p.footer a.button span { background: none; border:0; }
#subwrapper p.footer a.button:hover { background-position: 0 -40px; }
	#subwrapper #sub1 p.footer a.button:hover span { color: #89b2ce; }
	#subwrapper #sub2 p.footer a.button:hover span { color: #18508c; }


#subwrapper a#bigImage { padding: 1em 0 0 0; display: block; position: relative; }
#subwrapper a#bigImage img { width: 100%; z-index: 999; }


/*---------------------------------- footer --------------------------------------*/
#footer { display: block; clear: both; font-size: .9em; padding: 20px; background: #111; border-top: 20px solid #222; }
	#footer p {  }
	#footer a { color: #89b2ce; border-color: #444; margin: 0 0 0 1em; }
	#footer a:hover { border-color: #ccc; }



/*---------------------------------- map_canvas ----------------------------------*/
#map_canvas { width: 100%; height: 400px; }
#map_canvas a span { display: block; }

#map_canvas.js { color: #222; }
	#map_canvas.js a { border: 0; }
	#map_canvas.js h4 { font-weight: bold; font-size: 1.1em; }
	#map_canvas.js p.address { font-size: .8em; color: #666; border-top: 1px solid #ccc; margin: .5em 0 0 0; }




/*---------------------------------- lightbox --------------------------------------*/
#jquery-overlay { position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; }
#jquery-lightbox { position: absolute; top: 0; left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0; }
#jquery-lightbox a { border: 0; }
#jquery-lightbox a img { border: none; }
#lightbox-container-image-box { position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#lightbox-container-image { padding: 10px; }
#lightbox-loading { position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#lightbox-nav { position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#lightbox-container-image-box > #lightbox-nav { left: 0; }
#lightbox-nav a { outline: }
#lightbox-nav-btnPrev, #lightbox-nav-btnNext { width: 49%; height: 100%; zoom: 1; display: block; }
#lightbox-nav-btnPrev { left: 0; float: left; }
#lightbox-nav-btnNext { right: 0; float: right; }
#lightbox-container-image-data-box { font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%; padding: 0 10px 0; }
#lightbox-container-image-data { padding: 0 10px; color: #666; }
#lightbox-container-image-data #lightbox-image-details { width: 70%; float: left; text-align: left; }
#lightbox-image-details-caption { font-weight: bold; }
#lightbox-image-details-currentNumber { display: block; clear: left; padding-bottom: 1.0em; }
#lightbox-secNav-btnClose { width: 66px; float: right; padding-bottom: 0.7em; }