/* @override 
	http://localhost:3000/stylesheets/reset.css?1199442872
	http://localhost:3000/stylesheets/reset.css?1199444791
	http://localhost:3000/stylesheets/reset.css?1199483964
	http://localhost:3000/stylesheets/reset.css?1200000514
	http://localhost:3000/stylesheets/reset.css?1200687709
	http://localhost:3000/stylesheets/reset.css?1200705352
*/

html, body, div, 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, textarea, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 1em;
  font-family: inherit;
  vertical-align: baseline; }

/*  GENERAL RULES  */

body {
  background: #000;
  color: #000;
	font: 12px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
}  
ul {list-style-type: none;}
li a {display: inline;}
strong {font-weight: bold;}
table {border-collapse: separate;border-spacing: 0; }
caption, th, td {text-align: left;font-weight: normal; }
.invisible {display: none;}
.full_width {width:100%;}

/*  LAYOUT  */


/* @override 
	http://sb.local/stylesheets/main.css?1271534573
*/

/***** Wrapper *****/

/* @group GLOBAL CLASSES */
 
.std-padding { padding: 12px; }
.std-padding-top { padding-top: 14px; }
.std-v-padding { padding-left: 12px; padding-right: 12px; }
.std-background {  background: #fff; }
.hi-background{	background: #f2c7e2;}
.std_margin {margin-bottom: 20px;}

.clear         { clear:both; }
.float-left    { float:left; }
.float-right   { float:right; }
 
.text-left     { text-align:left; }
.text-right    { text-align:right; }
.text-center   { text-align:center; }
.text-justify  { text-align:justify; }
 
.bold          { font-weight:bold; }
.italic        { font-style:italic; }
.underline     { border-bottom:1px solid; }
.highlight     { background:#ffc; }
 
.wrap          { width:996px;margin:0 auto;}
 
.nopadding     { padding:0; }
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.error_message { display: none; }
.deemph		   { font-weight: normal;}
/* @end */

a { color: #000; text-decoration: none;}
a:hover { color: #3d76f8; }
a:visited { color: #a253a5; }



/* @group GLOBAL GRID */
.grid_1x {width: 72px;}
.grid_2x {width: 156px;}
.grid_3x {width: 240px;}
.grid_4x {width: 324px; float: left;}
.grid_5x {width: 408px;}
.grid_6x {width: 492px;}
.grid_7x {width: 576px;}
.grid_8x {width: 660px;	float: left;}
.grid_9x {width: 744px;}
.grid_10x {width: 828px;}
.grid_11x {width: 912px;}
.grid_12x {width: 996px;}

/* Weiten innerhalb der Zellen ( - .std-padding *2) */

.inner_grid_8x {width: 636px;	float: left;}


/* @end */

/* @group WHITE CORNER BOX */

/* white corner box */
.wcBox {  background: #fff; 
margin-bottom: 6px;}
.wcBox .boxHeaderR
{height:6px;overflow:hidden;background:#f2c7e2 url(/images/corner/r_tr.gif) 100% 0 no-repeat;}
.wcBox .boxHeader
{height:6px;overflow:hidden;background:#fff url(/images/corner/s_tr.gif) 100% 0 no-repeat;}
.wcBox .boxHeaderR div
{width:6px;height:4px;overflow:hidden;background:#f2c7e2 url(/images/corner/r_tl.gif) 0 0 no-repeat;}
.wcBox .boxHeader div
{width:4px;height:4px;overflow:hidden;background:#fff url(/images/corner/s_tl.gif) 0 0 no-repeat;}
.wcBox .boxContent { background: #fff; overflow: hidden;}
.wcBox .boxFooter
{height:4px;overflow:hidden;background:#fff url(/images/corner/s_br.gif) 100% 0 no-repeat;}
.wcBox .boxFooter div
{height:4px;width:4px;overflow:hidden;background:#fff url(/images/corner/s_bl.gif) 0 0 no-repeat;}

/* @end */

/* Individual Settings */

/* @group NAVIGATION */

#navigation
{
	width: 890px;
	margin-top: 0;
	margin-right: auto;
	margin-left: auto;
}

#navigation ul
{
	height: 50px;
}

#navigation li
{
	overflow: hidden;
	height: 100%;
	display: block;
	position: relative;
	top: 0px;
	margin-left: auto;
	margin-right: 0;
	float: left;
	padding: 0;
}


/* #navi li.pt.selected a */
#navigation li a 
{
	background: url(/images/menu.png) no-repeat 0 0;
	position: relative;
	padding: 0px;
	margin: 0px;
	display: block;
	height: 50px;
	text-indent: -999em;
	overflow: hidden;
}

/* default */


#navigation li.termine a	{	width: 94px; background-position: 0 0;}
#navigation li.aktuell a	{	width: 97px; background-position: -94px 0;}
#navigation li.sciencefu a	{	width: 115px; background-position: -199px 0;}
#navigation li.programme a	{	width: 125px; background-position: -318px 0;}
#navigation li.downloads a	{	width: 126px; background-position: -447px 0;}
#navigation li.merch a	{	width: 80px; background-position: -577px 0;}
#navigation li.presse a	{	width: 155px; background-position: -658px 0;}
#navigation li.ueber a	{	width: 97px; background-position: -813px 0;}

/* hovering */

#navigation li.termine a:hover	{width: 94px; background-position: 0 -50px;}
#navigation li.aktuell a:hover	{width: 97px; background-position: -94px -50px;}
#navigation li.sciencefu a:hover{width: 115px; background-position: -199px -50px;}
#navigation li.programme a:hover{width: 125px; background-position: -318px -50px;}
#navigation li.downloads a:hover {width: 126px; background-position: -447px -50px;}
#navigation li.merch a:hover	{width: 80px; background-position: -577px -50px;}
#navigation li.presse a:hover	{width: 155px; background-position: -658px -50px;}
#navigation li.ueber a:hover	{width: 97px; background-position: -813px -50px;}

/* clicking */
#navigation li.termine a:active	{	width: 94px; background-position: 0 -150px;}
#navigation li.aktuell a:active	{	width: 97px; background-position: -94px -150px;}
#navigation li.sciencefu a:active	{	width: 115px; background-position: -199px -150px;}
#navigation li.programme a:active	{	width: 125px; background-position: -318px -150px;}
#navigation li.downloads a:active	{	width: 126px; background-position: -447px -150px;}
#navigation li.merch a:active	{	width: 80px; background-position: -577px -150px;}
#navigation li.presse a:active	{	width: 155px; background-position: -658px -150px;}
#navigation li.ueber a:active	{	width: 97px; background-position: -813px -150px;}

/* selected */

#navigation li.termine.selected a	{	width: 94px; background-position: 0 -100px;}
#navigation li.aktuell.selected a	{	width: 97px; background-position: -94px -100px;}
#navigation li.sciencefu.selected a	{	width: 115px; background-position: -199px -100px;}
#navigation li.programme.selected a	{	width: 125px; background-position: -318px -100px;}
#navigation li.downloads.selected a	{	width: 126px; background-position: -447px -100px;}
#navigation li.merch.selected a	{	width: 80px; background-position: -577px -100px;}
#navigation li.presse.selected a	{	width: 155px; background-position: -658px -100px;}
#navigation li.ueber.selected a	{	width: 97px; background-position: -813px -100px;}



#navigation li.selected a
{
}

/* @end */

/* PAGE SETTINGS */


body
{
	/* background: #fff url(/images/raster.png) scroll 0 1px; */
	background: #000 url(/images/bg_image.jpg) no-repeat scroll center 0;
	min-height: 800px;
}

#head
{
	border-top: 5px solid #f2c7e2;
	height: 50px;
}

#bigPicture
{
	height: 200px;
}

#wrap
{
	margin-top: 22px;
	overflow: hidden;
}

body #bigPicture h1
{
	position: absolute;
	top: 40px;
	text-align: left;
	width:496px;
	color: #fff;
	font: bold 2em "Helvetica Neue", Helvetica, Arial, Geneva, sans-serif;
	padding-left: 400px;
	padding-top: 40px;
}

iframe.venue_map
{
  height:10em;
}

#posts
{
	padding-right: 12px;
}

.post
{
	padding-top: 4px;
}

.post a, .shows a { color: #3d76f8; text-decoration: none;}
.post a:hover, .shows a:hover { color: #3d76f8; text-decoration: underline;}
.post a:visited, .shows a:visited { color: #a253a5; }


.post h1, 
.shows h1,
.venues h1, 
.widget h1
{
	text-decoration: none;
	font: bold 14px/26px 'Helvetica Neue', 'Helvetica Neue', helvetica, arial, sans-serif;
}

.post > h1
{
	position: relative;
	top: 3px;
}

.shows h1,
.venues h1, 
.widget h1
{
	font-weight: bold;
}

.post .post_head h1 a, 
.post .post_title,
.post .shortpost_head h1 a, 
.post .shortpost_title 
{
	font-weight: bold;
	color: #c9c;
	text-decoration: none;
}

.post .post_title,
.post .element_title
{
	margin-top: 4px;
	clear: none;
	margin-bottom:3px
}

.post img.avatar
{
	float: left;
	padding-right: 0;
	padding-left: 0px;
	padding: 0;
	margin-bottom: 0px;
	margin-left: 0;
	margin-right: 10px;
}


.post ul.entry_details
{
	vertical-align: baseline;
	font-size: 12px;
	font-family: 'Helvetica Neue', 'Helvetica Neue', helvetica, arial, sans-serif;
	line-height: 13px;
	float: left;
	margin-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding: 0;
	position: relative;
	top: -4px;
}

.post .entry_details .date, .post .entry_details .author
{
	margin: 0px 10px 0px 2px;
	padding: 0px;
	display: inline;
}


.post p,
.show p,
#contact_form
{
	overflow: hidden;
	margin-bottom: 20px;
}

.shortpost p a.view_more
{
  color: #000;
  text-decoration: none;
  display: inline;
  color: #3d76f8;
  font-weight: bold;
}

.post p, .post h1, .post table,
.shortpost p, .shortpost h1, .shortpost table,
.post li,
.shortpost li,
.post h2,
.shortpost h2,
.shows h1,
.shows table,
.shows p
{
	margin-left: 75px;
}


.post .showsListing,
.shortpost .showsListing{
	margin-bottom: 26px;
}

.shortpost p a.view_more:hover{
	text-decoration: underline;
}


.widget p
{
	overflow: hidden;
}

.post li 
{
	display: list-item;
	float: none;
	list-style-type: disc;
}

.post ul, .post ol
{
	margin-left: 24px;
	padding-bottom: 20px;
}

.post ul ul, .post ol ol
{
	padding-bottom: 0px;
}

.post ul ul li, div.post ol ol li
{
	padding-bottom: 0px;
	list-style-type: circle;
}

.post p img, .post p object
{
	display: block;
	margin-right: 12px;
	float: left;
	clear: left;
	padding-bottom: 20px;
}

.post .post_head.user,
.post .shortpost_head.user,
.post .element_head
{
	border-bottom: dotted 1px #f2c7e2;
}

.post .post_head, 
.post .shortpost_head.user,
.post .element_head
{
	overflow: hidden;
	margin-bottom: 20px;
}

.post .shortpost_head.userless,
.post .post_head.userless,
.post .element_head.userless
{
	overflow: hidden;
	margin-bottom: 13px;
}

.post .shortpost_head
{
	overflow: hidden;
}

.post .element_head h1
{
	font-weight: bold;
}


.shows > * > h1,
.venues > * > h1
{
	margin-top: 8px;
	margin-bottom: 16px;
}

.shows table,
.venues table
{
	padding-bottom: 1em;
}

.shows table tr,
.venues table tr
{
	line-height: 40px;
}

.shows table tr.odd,
.venues table tr.odd
{
	background-color: #e5e5e5;
}

.shows table td,
.venues table td
{
	padding-right: 10px;
	line-height: 16px;
	padding-top: 6px;
	padding-bottom: 6px;

}

.shows table td.rightmost,
.venues table td.rightmost
{
	padding-right: 5px;
	text-align: right;
}

.shows table td.rightmost, .shows table th.rightmost,
.venues table td.rightmost, .venues table th.rightmost
{
	text-align: right;
}

.shows thead th,
.venues thead th
{
	line-height: 20px;
	border-bottom: solid 1px #f2c7e2;
	font-weight: bold;
	padding-bottom: 9px;
}

.shows table{
	width: 560px;
}

.shows table td.date{ width: 60px;}
.shows table td.title{ width: 200px;}
.shows table td.venue{ width: auto;}
.shows table td.info{ width: 116px;}

.shows table tr.inactive{
}

.shows table tr.inactive td.title{
	text-decoration: line-through;
}

.widget
{
	padding-top: 4px;
	margin-bottom: 20px;
}

.widget.latest_news > h1
{
	margin-top: 4px;
	margin-bottom: 16px;
}

.widget.podcast > h1
{
	margin-top: 4px;
	margin-bottom: 6px;
}

.widget.latest_news dl dt
{
}

.widget.latest_news dl dd
{
  margin-left: 50px;
  margin-top:-20px;
  padding-bottom: 16px;
}


.podcast .episode
{
	padding:5px;
	line-height: 30px;
}

.podcast a.play_link
{
	float: right;
	overflow: hidden;
	position: relative;
	top: 6px;
	padding-right: 6px;
}

.podcast .episode.odd
{
}

.podcast.widget .description
{
	text-align: center;
	height: 40px;
	margin-top: 20px;
	font-size: 10px;
	line-height: 20px;
	vertical-align: baseline;
}

.text_field, .text_area
{
  display:block;
	border: 1px solid #b2b2b2;
	font: 12px/20px 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', Verdana, Arial, sans-serif;
}

label
{
	width: 100%;
	display: block;
}

.edit_contact_form
{
	overflow: hidden;
}

.edit_contact_form p
{
}

.edit_contact_form input,
.edit_contact_form textarea
{
	color: #777;
	width: 500px;
	float: right;
	margin-right: 10px;
}

.edit_contact_form .submit_button
{
	color: #000;
	width: 100px;
}

.edit_contact_form input.one_column
{
	display: inline;
}

div.pagination{
	padding: 5px;
	padding-left: 85px;
}

div.pagination span {
	color: #fff;
}

div.pagination span.disabled {
	display: none;
}

div.pagination a{ color: #3d76f8;}
div.pagination span.current {
	border: 1px solid #3d76f8;
	padding: 3px;
	font-size: 1.5em;
}


#footer
{
	border-top: 1px #222 solid;
	margin-top: 100px;
	background: url(../images/earth_footer.jpg) no-repeat scroll center bottom;
	padding-bottom: 80px;
}

.footer.content
{
	color: #999;
}

.footer.wrap
{
	font-size: 10px;
	padding-top: 20px;
	color: #444;	
}
.footer.wrap a
{
	color: #666;
}

.copyright
{
	text-align: center;
	margin-top: 20px;
	padding-top: 10px;
	border-top: #222 solid 1px;
}

#login_window
{
	display: block;
	width: 300px;

	margin-left: auto;
	margin-right: auto;
	border: 13px white solid;
	padding: 5px;
	padding-bottom: 20px;
	margin-top: 20px;
	text-align: center;
}

#login_window p{
	opacity: 1;
}

/*

 SoundManager 2: "page as playlist" example
 ------------------------------------------
 http://schillmania.com/projects/soundmanager2/

*/

.spectrum-container {
 display:none;
}

ul.use-spectrum li.sm2_playing .spectrum-container {
 position:absolute;
 left:0px;
 top:0px;
 margin-left:-266px;
 margin-top:-1px;
 display:block;
 background-color:#f2c7e2;
 border:1px solid #f2c7e2;
 -moz-border-radius:4px;
 -webkit-border-radius:4px;
 border-radius:4px;
}

ul.use-spectrum .spectrum-box {
 position:relative;
 width:255px;
 font-size:1em;
 padding:2px 0px;
 height:1.2em;
 overflow:hidden;
}

ul.use-spectrum .spectrum-box .spectrum {
 position:absolute;
 left:0px;
 top:-2px;
 margin-top:20px;
 display:block;
 font-size:1px;
 width:1px;
 height:1px; /* set to 50px for a thick line, 1px for a thin line, etc. */
 overflow:hidden;
 background-color:#fff;
}

ul.playlist {
 list-style-type:none;
 margin:0px;
 padding:0px;

}

ul.playlist li {
 /* assume all items will be sounds rather than wait for onload etc. in this example.. may differ for your uses. */
 position:relative;
 display:block;
 width:auto;
 color:#666;
 padding:0.25em 0.5em 0.25em 0.5em;
 border:none;
 background-color:#fef;
 -webkit-transition-property: hover;
 -webkit-transition: background-color 0.15s ease-in-out;
}

ul.playlist li a {
 display:inline;
 text-decoration:none;
 color:#000;
 outline:none;
 position:relative;
 z-index:2;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_paused,
ul.playlist li.sm2_playing a {
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
}

ul.playlist li:hover {
 border-radius:5px;
 -webkit-border-radius:5px;
 -moz-border-radius:5px;
 background-color:#f2c7e2;
}

ul.playlist li:hover a {
 color:#000;
}

ul.playlist li.sm2_playing,
ul.playlist li.sm2_playing:hover {
 background-color:#f2c7e2;
}

ul.playlist li.sm2_paused {
 background-color:#999;
}

ul.playlist li.sm2_playing:hover a,
ul.playlist li.sm2_paused a {
}

ul.playlist li .controls {
 display:none;
}

ul.playlist li .peak,
ul.playlist.use-peak li .peak {
 display:none;
 position:absolute;
 top:0.55em;
 right:0.5em;
}

ul.playlist li.sm2_playing .controls,
ul.playlist li.sm2_paused .controls {
 position:relative;
 display:block;
}

ul.playlist.use-peak li.sm2_playing .peak,
ul.playlist.use-peak li.sm2_paused .peak {
 display:inline;
 display:inline-block;
}

ul.playlist.use-peak li .peak {
 display:none; /* IE 7 */
}

ul.playlist li.sm2_paused .controls {
 background-color:#666;
}

ul.playlist li:hover .controls .statusbar {
 position:relative;
 cursor:ew-resize;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li.sm2_paused .controls .statusbar {
 background-color:#ccc;
}

ul.playlist li .controls {
 position:relative;
 margin-top:0.25em;
 margin-bottom:0.25em;
 background-color: #f2c7e2;
}

ul.playlist li .controls .statusbar {
 position:relative;
 height:0.5em;
 background-color:#f2c7e2;
 border:1px solid #fff;
 border-radius:2px;
 -moz-border-radius:2px;
 -webkit-border-radius:2px;
 overflow:hidden;
 cursor:-moz-grab;
 cursor:grab;
}

ul.playlist li .controls.dragging .statusbar {
 cursor:-moz-grabbing;
 cursor:grabbing;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading,
ul.playlist li .controls .statusbar .annotation {
 position:absolute;
 left:0px;
 top:0px;
 height:0.5em;
}

ul.playlist li .controls .statusbar .position {
 background-color: #f2c7e2;
 border-right:3px solid #f2c7e2;
 border-radius:3px;
 -moz-border-radius:3px;
 -webkit-border-radius:3px;
}

ul.playlist li.sm2_paused .controls .statusbar .position {
 background-color:#666;
 border-color:#666;
}

ul.playlist li .controls .statusbar .loading {
 background-color:#eee;
}

ul.playlist li .controls .statusbar .position,
ul.playlist li .controls .statusbar .loading {
 width:0px;
}

ul.playlist li.sm2_playing a.sm2_link,
ul.playlist li.sm2_paused a.sm2_link {
}

ul.playlist li .timing {
 position:absolute;
 display:none;
 text-align:right;
 right:0px;
 width:auto;
 height:1em;
 top: -2.4em;
 padding:3px 5px;
 background-color:#f2c7e2;
 border:1px solid #eee;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 letter-spacing:0px;
 line-height:1em;
 vertical-align:middle;
}

ul.playlist.use-peak li .timing {
 right:4.25em;
}

ul.playlist li:hover .timing {
 z-index:2;
}

ul.playlist li .timing div.sm2_timing {
 margin:0px;
 padding:0px;
 margin-top:-1em;
}

ul.playlist li.sm2_playing .timing,
ul.playlist li.sm2_paused .timing {
 display:block;
}

ul.playlist li.sm2_paused .timing .sm2_position {
 text-decoration:blink; /* hee hee. first actual appropriate use? :D */
}

ul.playlist li.sm2_paused .timing,
ul.playlist.use-peak li.sm2_paused .peak {
 background-color:#888;
 border-color:#ccc;
}

/* peak data */

/* ul.playlist ... */

ul.playlist.use-peak li .peak {
 display:none;
 zoom:1;
 border:1px solid #99ccff;
 padding:2px;
 height:0.55em;
 -moz-border-radius:4px;
 -khtml-border-radius:4px;
 border-radius:4px;
 background-color:#f2c7e2;
 width:0.8em;
 height:0.55em;
 margin-top:-3px;
}

ul.playlist.use-peak li .peak-box {
 position:relative;
 width:100%;
 height:0.55em;
 overflow:hidden;
}

ul.playlist li .peak .l,
ul.playlist li .peak .r {
 position:absolute;
 left:0px;
 top:0px;
 width:7px;
 height:50px;
 background:#fff;
 border:1px solid #fff;
 -moz-border-radius:1px;
 -khtml-border-radius:1px;
 margin-top:1em;
}

ul.playlist li .peak .l {
 margin-right:1px;
}

ul.playlist li .peak .r {
 left:10px;
}

#control-template {
 display:none;
}