body {
	background-color: #FDFFE3;
	margin: 0px;
	padding: 0px;
	font-family:'Trebuchet MS',Verdana,Arial,Helvetica,Sans-Serif;
	font-size:81.25%;
}

#main {
	background-image: url(/images/backgrounds/bg_main.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

body.home #main {
	background-image: url(/images/backgrounds/bg_home.jpg);
	background-repeat: repeat-y;
	background-position: left top;
}

#header {
	background-image: url(/images/backgrounds/bg_header.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	width:950px;
}

* {
	margin:0;
	padding:0;
}
a {text-decoration: none; color: #003366;}
img {border: none 0;display:block;}
.skip, .hideme, .print {
    position: absolute;
   	top: -1000em;
    left: -1000em;
    height: 1px;
    width: 1px;
}
#content {
	margin: 0px;
	padding: 0px;
	padding-top:120px;
	min-height: 800px;
	padding-left:120px;
}
#footer {
	background-image: url(/images/backgrounds/bg_footer.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:120px;
}
body.home #footer {
	background-image: url(/images/backgrounds/bg_footer_home.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:120px;
}
#mainnavigation {
	background-color: #990000;
	width: 240px;
	height: 120px;
	/*position:absolute;
	z-index:30;*/
overflow:hidden;
}
#mainnavigation ul {
	border:0 none;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
}
#mainnavigation ul li {
	color:#FFF;
	display:block;
	clear:both;
}
#mainnavigation ul li a {
	background:transparent url(/images/backgrounds/bg_mainnavigation.jpg) no-repeat scroll 0 top;
	font-size:115%;
	padding:5px 0 0 17px;
	color:#FFF;
	text-decoration:none;
	border-bottom: 1px solid #E49383;
	display:block;
	height:24px;
}
#mainnavigation ul li a:hover, #mainnavigation ul li.current a {
	background:transparent url(/images/backgrounds/bg_mainnavigation.jpg) no-repeat scroll -480px top;
	border-bottom: 1px solid #80ABD8;
}

#subnavigation {
	background-color: #C9C8A4;
	width: 240px;
	margin-top:30px;
}
#subnavigation ul {
	border:0 none;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding:0;
	width:100%;
	border-bottom: 1px solid #DBDABC;
}
#subnavigation ul li {
	color:#FFF;
	display:block;
	clear:both;
}
#subnavigation ul li a {
	background:transparent url(/images/backgrounds/bg_subnavigation.jpg) no-repeat scroll 0 top;
	font-size:115%;
	padding:5px 0 0 17px;
	color:#000;
	text-decoration:none;
	border-top: 1px solid #DBDABC;
	display:block;
	height:24px;
}
#subnavigation ul li a:hover, #subnavigation ul li.current a {
	background:transparent url(/images/backgrounds/bg_subnavigation.jpg) no-repeat scroll -480px top;
	border-bottom: none 0;
}
#subnavigation ul li.current a {
font-weight:bold;
}
#subnavigation ul li.current ul li a {
	background:transparent url(/images/backgrounds/bg_subnavigation.jpg) no-repeat scroll 10px -32px;
	font-size:100%;
	padding:5px 0 0 27px;
	height:24px;
	font-weight:normal;
}
#subnavigation ul li.current ul li a {
	border-top:none 0;
}
#subnavigation ul li.current ul li.current a {
	font-weight:bold;
	background:transparent url(/images/backgrounds/bg_subnavigation.jpg) no-repeat scroll -470px -32px;
}
#subnavigation ul li.current ul li a:hover {
	background:transparent url(/images/backgrounds/bg_subnavigation.jpg) no-repeat scroll -470px -32px;
}
#subnavigation ul li.current ul {
	border-bottom: 1px solid #DBDABC;
	border-bottom:none 0;
}
#col1 {
	width:240px;
	float:left;
height:0;
}
#col2 {
	margin:0 110px 0 240px;
	width:480px;
	position:relative;
	font-size:95%;
overflow:hidden;
}
#footer .inner {
	padding: 70px 0 20px 120px;
	}
#logo {
	position:absolute; 
	top:0; left:0; 
	height:120px; 
	overflow:hidden;
	}
h1,h2,h3,h4,h5,h6 {
  	font-weight:bold;
  	margin: 0 0 0.25em 0;
  }
h1 { font-size: 200% }                        /* 24px */
h2 { font-size: 200%; color:#182E7A}          /* 24px */
h3 { font-size: 150% }                        /* 18px */
h4 { font-size: 133.33% }                     /* 16px */
h5 { font-size: 116.67% }                     /* 14px */
h6 { font-size: 116.67%; font-style:italic }  /* 14px */
#col2 h1 {
    font-size:180%;
    /*letter-spacing:-2px;*/
    /*line-height:65%;*/
    color:#990000;
    padding: 15px 10px 5px 10px;
  }
#col2 h2 {
font-size:120%;color:#990000;
}
#col2 h1 {
    font-size:180%;
    /*letter-spacing:-2px;*/
    /*line-height:65%;*/
    color:#990000;
    padding: 15px 10px 5px 10px;
  }
#col2 .event h2 {font-size:200%;}
#col2 .event h3 {font-size:100%;}
#col2 table.tickets h2 {font-size:100%;}
#col2 .detail h2 {color:#000;padding-left:10px;}
#col2 .detail h1 {padding-top:0;}
#col2 .kurse h2 {margin-bottom:0;}
#col2 .detail a.cal {
	color: #003366;
	background:transparent url(/images/icons/cal.png) no-repeat scroll left center;
	padding: 0 10px 0 24px;
	}
#col2 .detail a.cal:hover {text-decoration:underline; color:#990000;}
#col2 p {
	padding:10px 10px 10px 10px;
	line-height:140%;
	}
#col2 #gmap p {padding:0;}
#gmapDirHead {padding-top:10px;}
#topnav {
	top:8px;
	}
#header #topnav {
	position:absolute;
	top:7px;
	width:950px;
	}
#topnav {
	background:transparent none repeat scroll 0 0;
	color:#AAAAAA;
	}
#topnav {
	text-align:right;
	}
#topnav ul li {display:inline;}
#topnav ul li a {
	color: #003366;
	background:transparent url(/images/icons/arrow_990000.gif) no-repeat scroll left center;
	padding: 0 10px 0 9px;
	}
#topnav ul li a:hover {
	text-decoration:underline;color:#990000;
}
#topnav ul li.current a {
color:#990000;font-weight:bold;
}
#topnav ul li.current a:hover {
text-decoration:none;

}

#footer a {color: #003366;}
#footer a:hover {text-decoration:underline;}
#footer a.rss {background:transparent url(/images/icons/rss-icon.gif) no-repeat scroll left center; padding-left: 17px;}


/* Layout-dependent adjustments | Layout-abhängige Anpassungen --------------------------------------- */
@media screen, projection
{
  /*-----------------------------------------------------------------------------------------------------*/

  /**
   * Bugfix for IE 3-Pixel-Jog Bug
   *
   * @bugfix
   * @affected   IE 5.x/Win, IE6
   * @css-for    IE 5.x/Win, IE6
   * @valid      yes
   */

  * html #col2 { height: 1%; }
  * html #col1 { margin-right: -3px; }
  * html #col2 { margin-left: 200px; }
  * html .home_right { margin-right: -3px;}


  /*-----------------------------------------------------------------------------------------------------*/
}
#adresse {padding: 7px 10px 7px 15px; line-height: 140%;}
#zeiten {padding-top:5px; padding-bottom:5px;}




#col2 a.details, #col2 a.tickets, #col2 a .location, #col2 a.cal, #col1 a.ics {
	color: #003366;
	background:transparent url(/images/icons/arrow_990000.gif) no-repeat scroll left center;
	padding: 0 10px 0 7px;
	}

#col2 a.cal {
	color: #003366;
	background:transparent url(/images/icons/cal.png) no-repeat scroll left center;
	padding: 0 10px 0 25px;
}
#col1 a.cal_abo {
	color: #003366;
	background:transparent url(/images/icons/cal_abo.png) no-repeat scroll left center;
	padding: 0 10px 0 25px;
}
#col1 a.cal_plus {
	color: #003366;
	background:transparent url(/images/icons/cal_plus.png) no-repeat scroll left center;
	padding: 0 10px 0 25px;
	line-height:24px;
}
#col2 a.vcard {
	color: #003366;
	background:transparent url(/images/icons/vcard.png) no-repeat scroll left center;
	padding: 0 10px 0 25px;
}
#col1 a.cal_abo:hover, #col1 a.cal_plus:hover, #col2 a.cal:hover, #col2 a.vcard:hover {
text-decoration:underline; color:#990000;
}

#col2 a.details:hover, #col2 a.tickets:hover, #col2 a.ics:hover {
text-decoration:underline; color:#990000;
}
#col2 a .location {
        margin-left: 5px;
}
#col2 .event {padding:7px 10px 0px 10px;}
#col2 .event h2 {padding-top:5px;}
#col2 a .summary {color:#003366;}
#col2 .cat1 .summary {font-size:70%;}
#col2 .cat2 .summary  {font-size: 95%; color:#333;}
#col2 .cat0 h2 .summary  {font-size: 60%; color:#000;}
#col2 a:hover .summary {text-decoration:underline;}
.hide {display:none;}
#col2 .vevent, #col2 .first .event {
	background-image: url(/images/backgrounds/bg_veranstaltungen.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#col2 .event .additional {padding-bottom:10px;}
#col2 .event a.cal img {vertical-align:text-top;}
#col2 .event .description {padding-bottom:7px;line-height:140%;}

#col2 abbr.dtstart, #col2 abbr.dtend {border-bottom:none 0;} 
#col2 .vevent.cat2, #col2 .first.cat2 .event {
	background-image: url(/images/backgrounds/bg_veranstaltungen_cat1.jpg);
	background-repeat: repeat-x;
	background-position: left top;
	background-color: #C0CB58;
}

#col2 .vevent.first {background:none 0;}
#event-links {padding: 10px 5px 0 10px;}


#col2 .searchnavigation {
background-image: url(/images/backgrounds/bg_veranstaltungen.jpg);
	background-repeat: repeat-x;
	background-position: left top;
height:50px;
}

#col2 .searchnavigation a.weiter {
	color: #003366;
	background:transparent url(/images/icons/arrow_990000.gif) no-repeat scroll left center;
	padding: 0 0 0 9px;
	}

#col2 .searchnavigation a.back:hover, #col2 .searchnavigation a.weiter:hover {
text-decoration: underline;
}

#col2 .searchnavigation a.back {
	color: #003366;
	background:transparent url(/images/icons/back_990000.gif) no-repeat scroll left center;
	padding: 0 0 0 9px;
	}





address {font-style:normal;}
address a.email {color:#000;}
address a.email:hover {text-decoration:underline;}

 
 #accordion {  
           margin: 20px 0;  
         }  
   
         h3.toggler {  
           cursor: pointer;  
           font-size: 1em;      
           margin: 0 0 4px 0;  
           padding: 3px 5px 1px 10px;  
         }  
   
         div.element {  
           margin: 0 0 6px 0;  
           padding: 6px 10px 6px 10px;  
         }  


#col2 .home_left {width:240px; float:left;}
#col2 .home_right {margin-left:240px;}
#col2 .home_row {margin:0; padding:0;}
#col2 .home_row h2 {font-size: 130%;}
#col2 .home_row h3 {font-size: 110%;}
#col2 .home_row .event {line-height:140%;}


.inhalt {padding: 0 15px 0 10px; line-height:140%;}

/* ---------- Inhalte ------------*/


ul {margin-left:14px;}




/* ---------- Tickets und Vorverkaufsstellen ------------*/


table.tickets {
margin-top:0px;	
}

table.tickets tr.dark {
	background-color: #CDCDA0;	
}

table.tickets h2 {
	font-size:110%;
}

table.tickets h2 a {
	color:#003366;
}

table.tickets td {
	vertical-align:top;
	padding: 2px 2px 2px 7px;
}


ul#vorverkaufsstellen {border:0 none;
	list-style-type:none;
	margin:0;
	overflow:hidden;
	padding: 0 10px 10px 10px;
	width:220px;
	border-bottom: 1px solid #DBDABC;}

ul#vorverkaufsstellen li {
	display:block;
	clear:both;
margin-top:10px;
}

#vorverkaufsstellen a.tickets_1 {
background:transparent url(/images/icons/tickets_1.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_2 {
background:transparent url(/images/icons/tickets_2.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_3 {
background:transparent url(/images/icons/tickets_3.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_4 {
background:transparent url(/images/icons/tickets_4.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_5 {
background:transparent url(/images/icons/tickets_5.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_6 {
background:transparent url(/images/icons/tickets_6.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a.tickets_7 {
background:transparent url(/images/icons/tickets_7.gif) no-repeat scroll left center;
}
#vorverkaufsstellen a {
font-weight:bold;
padding-left:19px;
}

#vorverkaufsstellen a:hover {
text-decoration: underline;
}


/* ---------- Kontaktformular ------------*/

select.Anrede, textarea.DefaultInput, input.DefaultInput, input.RowInput {border: 1px solid #CCC;}
select.Anrede {width:80px;height:18px;}
input.ErrorInput {border: 1px solid #990000;width:210px;height:18px;padding:3px 3px 0 2px;}
input.ErrorRowInput {border: 1px solid #990000;width:434px;height:18px;padding:3px 3px 0 2px;}
#col2 p.ErrorText {padding:0;padding-top:5px;}
.ErrorText, .ErrorRowText {color: #990000;}
input.DefaultInput {width:210px;height:18px;padding:3px 3px 0 2px;}
input.RowInput {width:434px;height:18px;padding:3px 3px 0 2px;}
textarea.DefaultInput {width:440px;}
table#kontaktUl {margin-top:10px;}
table#kontaktUl td {padding:0 0.3em 0.5em 0; margin: 0;}



/* ---------- Suche ------------*/

#search {padding: 7px 7px 7px 14px;margin-top:10px;}
#search input.searchterm {border: 1px solid #000; height: 16px; width:180px; font-size:100%;padding: 1px 5px 1px 2px;}
#search input#find {vertical-align:top;}
#suchergebnisse h3{padding-left: 14px;}
#suchergebnisse h3 {font-size: 120%;}
#suchergebnisse h3 a:hover {text-decoration:underline;}
#suchergebnisse p {padding:0 7px 7px 14px;}


/* ---------- Datumsabfrage Kalender ------------*/

#datumsabfrage {padding: 7px 7px 7px 14px; margin-top:8px; line-height: 120%;border-top: 1px solid #DBDABC;border-bottom: 1px solid #DBDABC;}
#datumsabfrage input.date {border: 1px solid #000; height: 16px; width:178px; font-size:100%;padding: 1px 5px 1px 5px;margin-right:0px;}
#datumsabfrage input#datumabfragen {vertical-align:top;}

/* ---------- Fotogalerie ------------*/


       ul.ImageGallery {  
         margin: 0;  
         padding: 0;
width:456px;
       }  
   
       ul.ImageGallery li {  
         list-style: none;  
         float: left;  
         margin: 0 10px 10px 0;  
         width: 140px;  
         height: 140px;  
       }  


ul.ImageGallery li a {
         cursor:pointer;
         } 

   
       .cb {  
         clear: both;  
       }  

a.link {
	color: #003366;
	background:transparent url(/images/icons/arrow_990000.gif) no-repeat scroll left center;
	padding: 0 0 0 7px;
	}
a.link:hover {
text-decoration: underline; color:#990000;
}
a.pdf {
	color: #003366;
	background:transparent url(/images/icons/pdf.gif) no-repeat scroll left center;
	padding: 0 0 0 19px;
	}
a.pdf:hover {
text-decoration: underline; color:#990000;
}


#fotogalerie img {float:left; padding-right:10px;margin-bottom:10px;}



div.infoline {
border-top: dotted #990000 1px;
height: 0px;
margin: 10px 0 10px 0;
}





/* ---------- Mieten ------------*/

table.mieten {
border: 1px solid #999;
margin-top:10px;
}

table.mieten th {
	text-align: left;
	font-weight:bold;
	background-color:#999;
}
table.mieten td, table.mieten th {
	padding: 3px 7px 3px 7px;
}
table.mieten td {
	background-color:#EAEAEA;
}
table.mieten tr.dark td {
	background-color:#CCC;
}

/* ---------- GoogleMaps ------------*/

.gmapTextBox {border: 1px solid #990000;margin-right:10px;}
.gmapDirButton

/* ---------- DateChooser ------------*/

#calendar{
			min-height:170px;
		}
		#calendar table{
			border-collapse:collapse;
			width:15em;
		}
		#calendar table td{
			border:1px solid #666666;
			padding:5px;
			text-align:center;
			cursor:pointer;
			
		}
		#calendar table td.active{
			background-color:#666;
			color:#fff;
		}
		#calendar table .dow td{
			color:#AAA;
			background-color:#444;
		}
		#calendar table .header td{
			color:#AAA;
			background-color:#333333;
		}
		#dateInput{
			width:20em;
		}
		.quickBorder{
			border-collapse:collapse;
			width:100%;
		}
		.quickBorder td{
			border-bottom:1px solid #999999;
			border-top:1px solid #999999;		
			vertical-align:top;
			padding:5px;
		}
		.quickBorder input{
			width:100%;
		}


/* ---------- Locations Lightboxes ------------*/

#sbox-window {background-color: #FCFFE2!important;}
#sbox-content {background-color: #FCFFE2!important;}
#sbox-window h1 {color:#990000;margin-top:10px;}