body, div, p,h1, h2, h3, h4, h5, h6, span, form, input, ul, li, table, td, tr, dl, dd, dt, pre { margin: 0; padding:0; font-size: 12px; font-family: Arial }
    body { background: #D9D9D9 url(../css-img/background.png) repeat-y; position:absolute; height:100% }
    /*body { background: #bebfc1 url(../css-img/background.jpg) repeat-y; position:absolute; height:100% }*/
        
    p { word-wrap: break-word }

    .clear { clear:both }
    .full_content_width { width:600px; display:block }
    .event-info .datetime { text-align: left }
    .event-info .type { float:right; color:#ffffff; text-decoration:none }
        
    img { display:block }

    #container { width: 790px; background: #ffffff; position:absolute; height:100%; padding:10px 10px 10px 0px; }
    #header { height:118px; background:url('../css-img/header.png'); margin-left:10px; margin-bottom: 20px }
		#header h1 a span { display:none }
		#header h1 a { display:block; position:relative; width:180px; height:70px; top:30px; left:150px }
        #searchfield { font-size:12px; padding-top:1px; padding-left:4px; height:17px; width:103px; border-left:1px #bdbdbd solid; border-top:1px #bdbdbd solid; border-bottom:1px #bdbdbd solid; border-right:0px solid }
        #button_search { vertical-align:top }
    #subheader { position:absolute; top:128px;left:0px }
    #search { height:20px; float:left; width:148px; margin-left:10px }
    #topnav { height:20px; display:block; margin-left:158px; width:632px; background:url('../css-img/navigation_bg.png') }
        #topnav a { color:#000000; text-decoration:none }
        #topnav span { display:block; font-size: 12px; padding-top:2px; padding-left:4px }
        #topnav span span { padding-left:8px; padding-right:8px; padding-top:0px; display:inline }
    #faux { background: url(../css-img/faux_bg.png) repeat-y; overflow:auto; padding-bottom:20px; min-height:460px }
    #content-container {  }
        #content { width:602px; float:right; margin-top:17px; margin-right:10px }
        .frontpage { width:620px !important; margin-right:0px !important }
    #navigation { float:left; width:148px; padding-top:15px; margin-left:10px }
        #navigation a:hover { color:#ed1b24 !important }
        #navigation img { padding:0px !important; display: inline; border: none }
        #navigation ul { list-style:none !important }
        #navigation ul li { font-size:13px; padding-left:2px; line-height:20px; font-weight:bold } 
        #navigation ul li a { text-decoration:none; color:#000000 }
        #navigation ul li.active { position:relative; left:-10px } 
        #navigation ul li.active a { color:#ed1b24 }
        #navigation ul li.active ul { position:relative; background:#dadada; left:8px; border-top:#6f6f6f 1px solid; border-bottom:#ffffff 1px solid; width:148px } 
        #navigation ul li.active ul li { position:relative; left:2px; font-size:12px; color: #676767; padding-left:0px; line-height:18px; list-style:none } 
        #navigation ul li.active ul li a { color: #646464 } 
        #navigation ul li.active ul li.active { position:relative; left:2px } 
        #navigation ul li.active ul li.active a { color:#ed1b24 } 
        #navigation ul li.active ul li.active ul { position:relative; left:0px; border:none; width:146px } 
        #navigation ul li.active ul li.active ul li { position:relative; left:0px; font-size:12px; font-weight:normal; color: #000000; line-height:18px; list-style:none } 
        #navigation ul li.active ul li.active ul li a { color: #000000 } 
        #navigation ul li.active ul li.active ul li.active { position:relative; list-style:none } 
        #navigation ul li.active ul li.active ul li.active a { color:#ed1b24 } 
    #ad_nav { display:none }
	#social { margin-top:60px; margin-left:2px }
	#footer { margin-left:148px; color:#ffffff; height: 60px; background:url(../css-img/footer.png) no-repeat right top }
        #footer a { color:#ffffff; text-decoration:none }
        #footer span { display:block; padding-left:14px; padding-top:7px }
        #footer span span { display:inline; padding-left:8px; padding-right:8px }
    #ad_outer { position:absolute; left:820px; top:150px; width:120px }
    #ad_outer img { border:none }
    
    #welcome { margin-bottom:16px }
    #welcome p { line-height:20px }
    #welcome h2 { margin-bottom:0px; line-height:20px }
	#news { float:right; width:304px; margin-bottom:16px; border:#1389b9 solid 1px; background:#e5e7e4 }
        #news h2 { font-size:14px; margin-bottom:0px; border:#1389b9 solid 1px; background:#1389b9; color:#ffffff; padding-left:6px }
		#news ul { list-style:none;padding:5px }
        #news li { line-height:22px; text-indent:-24px; margin-left:24px }
        #news a { color:#1389b9; font-weight: bold; text-decoration: none }
	#banner_right { float:right; width:306px; height:134px; margin-bottom:16px }
	#banner_right img, #banner_left img { width:304px; height:132px }
	#banner_left { float:left;width:306px; height:134px; margin-bottom:16px }
	#banner_left2 { float:left; width:306px; margin-bottom:12px }
	#banner_left2 ul { list-style-type:none; margin:0px }
	#banner_left2 ul li { margin-bottom:4px; display:block; height:65px }
	#banner_left2 ul li img { width:304px; height:63px }
    #banner_bottom { float: left; margin-top: -12px; margin-bottom: 17px; width: 620px; clear:both }
    #banner_bottom ul { list-style-type:none; margin:0px }
    #banner_bottom ul li { display:block; float: left }
    #banner_bottom ul li.left { margin-right: 8px }
    #banner_bottom ul li img{ width:304px; height:63px }
    #weeks_program { float:left; width:306px; margin-bottom:0px }
	#weeks_program h2, #highlights_this_month h2 { margin-bottom:0px; border:#1389b9 solid 1px; background:#1389b9; color:#ffffff; font-size:14px; padding-left:6px }
	#weeks_program h2 img, #highlights_this_month h2 img { width:304px; border:none }
	#weeks_program li, #highlights_this_month li { list-style-type:none; clear:both }
	#weeks_program .event-info, #highlights_this_month .event-info { background:#999999; color:#ffffff; padding-left:6px; padding-right:6px; font-weight:bold }
	#weeks_program .event-info span.datetime span, #highlights_this_month .event-info span.datetime span { display:inline; margin-right:12px }
	#weeks_program .event-image, #highlights_this_month .event-image { margin-top:8px; float:left; margin-bottom:16px }
	#weeks_program .event-image img, #highlights_this_month .event-image img { border: 1px solid #1389b9; width:68px }
	#weeks_program .event-description, #highlights_this_month .event-description { margin-top:8px; margin-left:78px; margin-bottom:16px }
	#weeks_program .event-description a, #highlights_this_month .event-description a {  }
	#weeks_program .event-description h3, #highlights_this_month .event-description h3 { margin-top:3px; margin-bottom:0px }
	#weeks_program .event-description h3 a, #highlights_this_month .event-description h3 a { text-decoration:none }
	#weeks_program .event-description h4, #highlights_this_month .event-description h4 { margin-top:3px }
	#weeks_program .event-description p, #highlights_this_month .event-description p { margin-bottom:0px }
    #highlights_this_month { float:right; width:306px; margin-bottom:0px }
/*    #highlights_this_month { float:right; width:306px; margin-bottom:16px }
		#highlights_this_month h2 { margin-bottom:16px; border:#1389b9 solid 1px; background:#1389b9 }
		#highlights_this_month h2 span { padding-left:6px; color:#ffffff; font-size:14px }*/
    #guest_shows { float:left; width:600px; background:#ffffaa }
    
    #topics { margin-left:70px; margin-top:22px }
        #topics h2 { margin-bottom:26px }
        #topics ul { list-style:none }
        #topics ul li { margin-right:34px; margin-bottom:34px; float:left }
        #topics ul li a { width:108px; height:108px; display:block; border:1px solid #000000 }
        #topics ul li#t1 a { background:url(../css-img/themen/kulturgeistes.jpg) }
        #topics ul li#t1 a:hover, #topics ul li#t1 { background:url(../css-img/themen/kulturgeistes_over.jpg) }
        #topics ul li#t2 a { background:url(../css-img/themen/medizinpsycho.jpg) }
        #topics ul li#t2 a:hover, #topics ul li#t2 { background:url(../css-img/themen/medizinpsycho_over.jpg) }
        #topics ul li#t3 a { background:url(../css-img/themen/naturtechnik.jpg) }
        #topics ul li#t3 a:hover, #topics ul li#t3 { background:url(../css-img/themen/naturtechnik_over.jpg) }
        #topics ul li#t4 a { background:url(../css-img/themen/gesellschaft.jpg) }
        #topics ul li#t4 a:hover, #topics ul li#t4 { background:url(../css-img/themen/gesellschaft_over.jpg) }
        #topics ul li#t5 a { background:url(../css-img/themen/berlin.jpg) }
        #topics ul li#t5 a:hover, #topics ul li#t5 { background:url(../css-img/themen/berlin_over.jpg) }
        #topics ul li#t6 a { background:url(../css-img/themen/laender.jpg) }
        #topics ul li#t6 a:hover, #topics ul li#t6 { background:url(../css-img/themen/laender_over.jpg) }
        #topics ul li#t7 a { background:url(../css-img/themen/kinder.jpg) }
        #topics ul li#t7 a:hover, #topics ul li#t7 { background:url(../css-img/themen/kinder_over.jpg) }
        #topics ul li#t8 a { background:url(../css-img/themen/kino.jpg) }
        #topics ul li#t8 a:hover, #topics ul li#t8 { background:url(../css-img/themen/kino_over.jpg) }
        #topics ul li#t9 a { background:url(../css-img/themen/buehne.jpg) }
        #topics ul li#t9 a:hover, #topics ul li#t9 { background:url(../css-img/themen/buehne_over.jpg) }
    
    #calendar_sideinfo { width:150px; margin-bottom:18px }
        #calendar_sideinfo td { text-align:center }
        #calendar_sideinfo table { width:150px; table-layout:fixed }
        #calendar_sideinfo .calendar-nav { font-weight:bold; border:none; background:#1389b9; color:#ffffff; border-collapse: collapse; height:16px }
        #calendar_sideinfo .calendar-prev { width:20px }
        #calendar_sideinfo .calendar-month { width:100px; font-size:12px }
        #calendar_sideinfo .calendar-next { width:20px }
        #calendar_sideinfo .calendar-nav a { color:#ffffff; text-decoration:none }
        #calendar_sideinfo .calendar-weekdays { background:#999999; color:#ffffff; border:none; font-weight:bold; border-collapse: collapse; height:16px }
        #calendar_sideinfo .calendar-weekdays td { font-size:11px }
        #calendar_sideinfo .calendar-content td { border:0px solid #ffffff; border-top:1px solid #ffffff; border-bottom:1px solid #ffffff; height:20px; width:17px  }
        #calendar_sideinfo .calendar-content { border-left:1px solid #999999; border-right:1px solid #999999; border-bottom:1px solid #999999; border-collapse: seperate }
        #calendar_sideinfo .calendar-content a { color:#000000; text-decoration:none; font-size:11px }
        #calendar_sideinfo .today, #calendar_sideinfo .thisweek { background:#1389b9 }
        #calendar_sideinfo .today a, #calendar_sideinfo .thisweek a { color:#ffffff !important; font-weight:bold }
        #calendar_sideinfo .notthismonth a { color:#676767 }
    #ticketinfo { margin-left:170px; margin-bottom:18px }
    #ticketinfo img { float:left; margin-right:20px }
    #ticketinfo p { margin-bottom:0px }
    .detail_sideinfo { float:right; width:200px }
    .event_box { width:400px; display:block }
	#program_navigation { position:relative; margin-bottom:3px }
    .time_filter { clear:both; padding: 3px 0 18px 0; }
		.time_filter h3 { width:600px; background:#ebebeb; margin:0px; padding-left:2px; color:#676767; font-weight:normal; line-height:16px }
		.time_filter ul { list-style-type:none; line-height:16px; background:#a3a3a3; padding:0; margin-top: 1px; display:block; width:602px; float:left }
        .time_filter ul li { display:inline; background:none; text-align: center }
        .time_filter ul li a:hover { background:#666666 }
		.time_filter ul li.active a { background:#666666 }
        .time_filter ul li a { color:#ffffff; background:none; font-weight:bold; text-decoration: none; padding:0px 17px; float:left }
		.time_filter ul.week li a { padding:0px 15px; font-size:11px }
		.time_filter ul.day li a { padding:0px 19px; font-size:11px }
		.time_filter .kw { font-weight:normal; font-size:11px }
		.time_filter .current a { font-style:italic; }

    .other_filter { clear:both; padding-bottom: 18px; }
		.other_filter h3 { width:600px; background:#ddeef5; margin:0px; padding-left:2px; color:#108ab9; font-weight:normal; line-height:16px }
		.other_filter ul { list-style-type:none; line-height:16px; background:#71b8d4; padding:0; margin-top: 1px; display:block; width:602px; float:left }
        .other_filter ul li { display:inline; background:none; text-align: center }
        .other_filter ul li a:hover { background:#1389b9 }
		.other_filter ul li.active a { background:#1389b9 }
        .other_filter ul li a { color:#ffffff; background:none; font-weight:bold; text-decoration: none; padding:0px 18px 0px 17px; float:left }
        a.format_filter { padding-left:18px !important; padding-right:19px !important; }

	#programm_download { float:right; text-align:right; margin-right:2px; width:250px}
	
	h3#info_title { margin-bottom:13px; }
	h3#info_title span { color:#666666 }
	h3.event_tag, h3.event_type, div.spacer { color:#1389b9; font-size:14px; margin-bottom:0px; line-height:20px }
	h3.event_weekday { margin-bottom:10px; font-size:14px; color:#000000 }
	.is_over { background:#666666 !important }
	
	.article div, .longarticle div { line-height:15px; padding-top:1px }
	.article div.type_tag, .longarticle div.type_tag { background:#1389b9; color:#ffffff; font-weight:bold }
	.article div.type_tag span, .longarticle div.type_tag span, .article div.type_tag a, .longarticle div.type_tag a { padding: 0px 8px; display:inline; color:#ffffff; text-decoration:none }
	.article div.type_tag a.tag, .longarticle div.type_tag a.tag { padding: 0; }
	
	.article div.date, .longarticle div.date { background:#999999; color:#ffffff; font-weight:bold; margin-bottom:8px }
	.article div.date span, .longarticle div.date span { padding: 0px 8px; display:inline }
	
	.article div.event-image { float:left; width:70px; margin-bottom:16px }
	.article div.event-image img { border: 1px solid #1389b9 }
	
	.article div.event-content { float: right; width:523px; margin-bottom:16px }
	.article div.event-content h4, .article div.event-content h4 a, .longarticle div.event-content h4, .longarticle div.event-content h4 a { color:#ed1b24; text-decoration:none }
	.article div.event-content h5 { margin:0px; color:#000000 }
	.longarticle div.event-content ul.speakers .name { font-weight:bold }
	.longarticle div.event-content ul.speakers { list-style-type:none }
	.longarticle div.event-content ul.speakers li { margin-bottom:0px }
	.longarticle div.event-content ul.speakers li.last { margin-bottom:0px !important }
	.longarticle div.event-content h4 { margin-bottom:16px }
	.longarticle div.event-content h5 { color:#000000; margin-bottom:16px }
	/* .article div.event-content h5 span, .longarticle div.event-content h5 span { margin-right:8px } */
	.article div.event-content .event-text, .longarticle div.event-content .event-text { margin:0px; margin-bottom:16px }
	.article div.event-content .jump-to-reserve, .longarticle div.event-content .jump-to-reserve { margin:10px 0px }
	
	.longarticle div.event-image { float:left; margin-bottom:16px; margin-right:16px }
	.longarticle div.event-image div.event-img-source { color:#aaa; font-size:10px; }
	.longarticle .form { clear:both }
	.longarticle div.event-content { margin-bottom:16px }
	.longarticle div.event-content .form h5 { margin-bottom:16px }
	.longarticle div.event-content .form h5 a { color:#000000 }
	.longarticle div.event-partner { margin-bottom:16px }
	.longarticle div.event-partner img { border: none; }
	
	.form { width:510px; margin-left:40px; margin-bottom:16px }
	.form form { background:#e5e5e5; padding-left:20px; padding-top:10px; padding-right:20px  }
	.form table { width:470px; table-layout: fixed; border-collapse:collapse; margin-bottom:5px }
	.form .label { width:130px }
	.form .content { width:340px }
	.form td { clear:both; vertical-align:top; padding-top:2px }
	.form td.small input { width:170px; float:right }
	.form table input { width:336px }
	.form textarea { width:336px }
	.form input#button_submit { width:auto; float:right; margin-bottom:20px }
	.form table ul { list-style:none }
	.form table ul li { float:left; width:170px }
	.form table ul li input { width:auto }
	.form .errorlist { list-style:none; margin-bottom:5px }
	.form .errorlist li { color:#ed1b24 }
	
	ul.partner { list-style:none }
	ul.partner li { float:left; margin-bottom:12px; width:150px; height:90px }
	ul.partner li img { border:none }

	div.archive h3 a { color:#000000 }
	.archive h3 { margin-bottom:0px }
	ul.archive { list-style:none; margin-bottom:16px }
	
	.noborder { border: none }
	
	.newspage div#news { float:none; width:100% }
	.newspage div#news ul li { margin-bottom:0px }
	.newspage div.date { margin-bottom:16px }
	.newspage h3 { margin-bottom:0px }
	.newspage h3 a { color:#000000 }
	.newspage ul { list-style:none }
	.newspage ul li { margin-bottom:16px; clear:both }
	.newspage img { float:left; margin-right:20px; margin-bottom:20px }
	.newspage .newspage_footer { clear:both; margin-bottom:16px }
	
	ul.saal { list-style:none }
	ul.saal li { float:left; width:250px; margin-right:30px }
	
	ul.impressionen { list-style:none }
	ul.impressionen li { float:left; width:250px; margin-right:30px; height:230px }
	
	.navback { margin-bottom:16px }
	
	.filter { display:inline; line-height:20px }
	.toogle_link { font-weight:normal }
	
	.quelle { font-size:10px; color:#000000 }
	
	.results { list-style-type: none; margin-bottom:16px }
	
	.togglelink a { color: #666666 }
	
	.noheight { height: 0px; line-height:0px; overflow:hidden; margin:0px; padding:0px; clear:both }
	
	h5#reservieren, h5#price { margin-bottom:0px }
	
	#calendar_opener { background:url(../css-img/kalender_icon.gif); display:block; height:16px; width:17px; position:absolute; top:0px; left:584px; cursor:pointer }
	#calendar { position:absolute; top:0px; left:384px }
/* Thumbnail Viewer */

#thumbBox{ /*Outermost DIV for thumbnail viewer*/
position: absolute;
left: 0;
top: 0;
width: auto;
padding: 10px;
padding-bottom: 0;
background: #ffffff;
visibility: hidden;
z-index: 10;
cursor: hand;
cursor: pointer;
border: 1px solid #1389b9;
}

#thumbBox .footerbar{ /*Footer DIV of thumbbox that contains "close" link */
line-height: 1.1em;
color: #1389b9;
padding: 5px 0;
text-align: right;
}


#thumbBox #thumbImage{ /*DIV within thumbbox that holds the enlarged image */
background-color: white;
}

#thumbImage img {
	border: 1px solid #1389b9;
}

#thumbLoading{ /*DIV for showing "loading" status while thumbbox is being generated*/
position: absolute;
visibility: hidden;
border: 1px solid #1389b9;
background-color: #EFEFEF;
padding: 5px;
z-index: 5;
white-space:nowrap;
width:80px
}

#thumbLoading img { 
	border: none;
	float: left;
	margin-right:4px
}

/* special rules for "Zukunftsforum" pages */

ul.zukunftsforum-nav {
    list-style:none !important;
    margin-top: -30px;
    position: relative;
    background: #fff;
    margin-bottom:30px;
}
ul.zukunftsforum-nav li {
    color: #1389B9;
    padding-right:6px;
    padding-left: 6px;
    font-size: 13px;
    font-weight:bold;
    display: inline;
    background: #e7f4fa;
    margin-right: 13px;
    padding-top: 1px;
    padding-bottom: 1px;
} 
ul.zukunftsforum-nav li a {
    text-decoration:none;
    color: #646464;
    background: #e7e7e7;
    padding-right:6px;
    padding-left: 6px;
    margin-left: -6px;
    margin-right: -6px;
    padding-top: 1px;
    padding-bottom: 1px;
    margin-top: -1px;
    margin-bottom: -1px;
}
ul.zukunftsforum-nav li a:hover {
    color: #1389B9;
    background: #e7f4fa;
}
h3.zukunftsforum {
    font-size: 17px;
    line-height:22px;
}
div.event-partner {
	float:left;
	width:250px;
	margin-right:20px;
}

/* special rules for "Energie" page */

ul.energie-nav li {
    color: #fff;
    background: #98a5d4;
    margin-right:8px;
} 
ul.energie-nav li a {
    color: #fff;
    background: #98a5d4;
}
ul.energie-nav li a:hover {
    color: #fff;
    background: #3c308c;
}
h3.energie {
    font-size: 17px;
    line-height:22px;
    color: #3c308c;
}

/* special rules for "Gesundheitsforschung" page */

ul.gesundheitsforschung-nav {
    padding-top: 10px;
}

ul.gesundheitsforschung-nav li {
    color: #444733;
    background: #e5efac;
    margin-right: 7px;
    padding-right:3px;
    padding-left: 3px;
    font-size: 12px;
} 
ul.gesundheitsforschung-nav li a {
    color: #444733;
    background: #e5efac;
    border: 1px solid #bfd730;
    padding-right:3px;
    padding-left: 3px;
    margin-left: -3px;
    margin-right: -3px;
}
ul.gesundheitsforschung-nav li a:hover, ul.gesundheitsforschung-nav li a.active {
    color: #000;
    background: #bfd730;
    border: 1px solid #000;
}
h3.gesundheitsforschung {
    font-size: 17px;
    line-height:22px;
    color: #000;
}

/* special rules for "Zukunftsakademie" page */

ul.zukunftsakademie-nav {
    padding-top: 10px;
}

ul.zukunftsakademie {
    margin-left: 16px;
}

ul.zukunftsakademie-nav li {
    color: #4c4c4c;
    background: #fff;
    margin-right: 17px;
    padding-right:3px;
    padding-left: 3px;
    font-size: 12px;
} 
ul.zukunftsakademie-nav li a {
    color: #4c4c4c;
    background: #fff;
    border: 1px solid #4c4c4c;
    padding-right:3px;
    padding-left: 3px;
    margin-left: -3px;
    margin-right: -3px;
}
ul.zukunftsakademie-nav li a:hover, ul.zukunftsakademie-nav li a.active {
    color: #000;
    background: #e5e5e5;
    border: 1px solid #000;
}
img.zukunftsakademie {
	clear:left;
	float:left;
	border:0;
	margin-right:15px;
}
h3.zukunftsakademie {
    font-size: 17px;
    line-height:22px;
    color: #ed1c24;
	clear:none;
}
strong.zukunftsakademie {
	color:#000;
}

/* special rules for "Bublath" page */

ul.bublath-nav {
    padding-top: 10px;
}

ul.bublath {
    margin-left: 16px;
}

ul.bublath-nav li {
    color: #000;
    background: #fff;
    margin-right: 17px;
    padding-right:3px;
    padding-left: 3px;
    font-size: 12px;
} 
ul.bublath-nav li a {
    color: #000;
    background: #fff;
    border: 1px solid #000;
    padding-right:3px;
    padding-left: 3px;
    margin-left: -3px;
    margin-right: -3px;
}
ul.bublath-nav li a:hover, ul.bublath-nav li a.active {
    color: #fff;
    background: #ed1c24;
    border: 1px solid #000;
}
img.bublath {
	clear:left;
	float:left;
	border:0;
	margin-right:15px;
}
h3.bublath {
    font-size: 17px;
    line-height:22px;
    color: #ed1c24;
	clear:none;
}
strong.bublath {
	color:#000;
}