@charset "UTF-8";
/* CSS Document */

/* Reset @import "reset.css"; */
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, 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;
}
/* remember to define focus styles! */
:focus {
	outline: 0;
}
body {
	line-height: 1;
	color: black;
	background: white;
}
ol, ul {
	list-style: none;
}
/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: separate;
	border-spacing: 0;
}
caption, th, td {
	text-align: left;
	font-weight: normal;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: "";
}
blockquote, q {
	quotes: "" "";
}


/* Styling */

body {
	background: #DB4D01 url('../images/bg_verlauf.jpg') no-repeat left top;;
	font-size:12px;
	line-height: 16px;
	font-family:Arial,Helvetica,sans-serif;
}

a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	color: #DB4D00;
	cursor: pointer;
}

a:hover {color: #9DBDE6;}

a.button {
	color: #ffffff;
	float:left;
	margin:5px 0 5px 55px;
	padding:3px 10px;
	background: #DB4D01;
	border:1px solid #000000;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
}

a.button:hover {background:#9FC0E6;color: #000000;}


p {
	display:block;
	padding: 0 0 5px 0;
	line-height:15px;
}

strong {font-weight:bold;}

table {padding: 10px 0;}

table tr {}

table tr td {padding:3px 3px 3px 0;vertical-align:top;}

img {
	float:left;
}

.float_right {
	float:right;
}

label {font-weight:bold;}

input, textarea {
	margin-bottom:10px;
	padding: 3px;
	background: #FFE9D2 !important;
	border: 1px solid #000000;
	width:300px;
	font-family: Helvetica, Arial,sans-serif;
	font-size: 12px;
}

textarea {
	overflow: auto;
}

input.button {
	color:#ffffff;
	float:left;
	padding:3px 10px;
	background: #DB4D01 !important;
	border:1px solid #000000;
	-moz-border-radius:7px;
	-webkit-border-radius: 7px;
	border-radius: 7px;
	width:100px;
	font-weight:bold;
	font-size:12px;
}

input.button:hover {background:#9FC0E6 !important;color: #000000;}

label, input[type=button], input[type=submit], button { cursor: pointer; }


/*------------------------------*/

.error {
	color: #8E0000;
	font-weight: bold;
}

.subsection {
	color: #000000;
	font-weight: bold;
}

.subsection2 {
	font-size: 13px;
	color: #DB4D00;
	font-weight: bold;
}

.white {
	color: #FFFFFF;
}
.red {
	color: #FF0000;
}

.previewtitle a {	
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0;
	float:left;
	width: 100%;
}
.small_blue {
	font-size: 10px;
	color: #339900;
}
.status {
	font-size: 12px;
	font-weight: bold;
	color: #0066CC;
}
.eventtype {
	color: #0066CC;
}

table.userentries {
	table-layout:fixed;
	overflow: hidden;
}

div.calendar_current {
	background:#AAAAAA;display:block;text-align:center;padding: 5px 0;margin:0 auto 10px auto;width:177px;
}

.calendar {
	color: #FFFFFF;
	background-color: #AAAAAA;
	padding: 0px;
	border-spacing: 0px;
	margin: 0 auto 0 auto;	
	border:1px solid #aaaaaa;

}


.calendar td {
border:1px solid #AAAAAA;
height:19px;
padding:0;
text-align:center;
vertical-align:middle;
width:23px;
}

.heading_previous_cell,
.heading_title_cell,
.heading_next_cell {
	padding-top: 3px;
	font-weight:bold;
	text-align:center;
}

.day {
	color: #000000;
	background-color: #FFFFFF;
}
.dayHasEvent {
	background-color: #FFCC99;
}
.dayNoEvent {
	background-color: #FFFFFF;
}
.dayInactive {
	background-color: #EEEEEE;
}
a.whitesmall {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	text-decoration: none;
	text-align:left;
}
a.whitesmall:hover {
	color: c65d7d;
}

/*-------------------------*/

#wrapper {display:block;float:left;width:1012px;background:url('../images/bg_test1.jpg') left bottom no-repeat;}

#left_sidebar {float:left;width:170px;display:block;background: transparent url('../images/bg_verlauf.jpg') no-repeat left top;}
	
	#logo {}
	
	#left_navigation {}
		
		#left_navigation ul li a {color:#F1BC9E;float:left;font-size:16px;padding:2px 0 2px 20px;width:110px;background: url('../images/smallhole_normal.gif') no-repeat left top;
			text-shadow: 1px 1px 2px #111111; 
			letter-spacing: +0.5px;
			}
		#left_navigation ul li a:hover {background-image:url('../images/smallhole_active.gif');color:#9FC0E6;}
		
		#left_navigation ul li a.active {background-image:url('../images/smallhole_active.gif');color:#ffffff;}
		
		#left_navigation ul li a.big {background-image:url('../images/bighole_normal.gif');}
		#left_navigation ul li a.big:hover {background-image:url('../images/bighole_active.gif');}
		#left_navigation ul li a.big_active {background-image:url('../images/bighole_active.gif') !important;color:#ffffff;}
		
		#left_navigation ul li a.space_1 {margin-left:8px;}
		#left_navigation ul li a.space_2 {margin-left:16px;}
		
#center {float:left;display:block;width:620px;}

	#location_pics {}
		#location_pics ul {displa:block;float:left;padding:5px 0 5px 40px;margin:0;}
		#location_pics ul li {display:inline-block; list-style-type:none;padding:0 5px 0 0;margin:0;}
		#location_pics ul li img {padding: 0 7px 2px 0;}
	
	#main_content {float:left;display:block;width:600px;min-height:610px;background:#ffffff url('http://die-stadtmitte.de/images/main_top.gif') repeat-x;
			border:1px solid #111;
			-moz-border-radius-topleft:15px;
			-webkit-border-top-left-radius:15px;
			border-top-left-radius:15px;
			padding: 0 10px 10px 10px;
			}
		#main_content h2, .right_box h2 {text-align:right;font-size:18px;font-weight:bold;padding:5px 0 10px 0;margin:0 -5px 0 0;height:15px;}
		#main_content h2 span, .right_box h2 span {display: block;height: 0;overflow: hidden;width: 0;}
		#main_content h3 {	color:#DB4D00;font-size:13px;font-weight:bold;padding:10px 0 15px 0;}
		#main_content h3.black {color:#000000;}
		#main_content h4 {font-weight:bold;color:#000000;}
		#main_content img {padding: 0 5px 5px 0;}
		
		.column_600 {float:left;display:block;width:600px;margin:0 0 10px 0;}
		.column_400 {float:left;display:block;width:380px;margin:0 20px 10px 0}
		.column_200 {float:left;display:block;width:200px;margin:0 0 10px 0;}
		.line_bottom{background: url('../images/line.gif') left bottom no-repeat;padding-bottom:5px;}
		
		.event_column {width:187px;padding: 0 5px 0 0;margin: 0 5px 0 0;}
			.event_column .event_start_time {font-weight:normal;}
			.event_column img {float:left;padding: 0 5px 0 0 !important;}
			.event_column hr {border:none;border-bottom:1px solid #dddddd;clear:both;
padding:0 0 5px 0;}
		
		.odd {background:#eeeeee;}
		.event_day {margin:0;width:595px;padding:5px 0 0 5px;}
		
		.front_event {padding: 0 0 5px 25px;margin:0 0 10px 0;border-bottom:1px solid #eee;float:left;clear:both;}
			.front_event img {float:left;padding: 0 5px 3px 0;}
			.front_event p {clear:both;}
			.event_start_time {font-weight:bold;}
			.event_type {color: #0066CC;}
			.event_title {font-weight:bold;}
			.event_location {font-weight:bold;}
			.event_excerpt {display:block;padding:0 0 10px 0;font-weight:bold;}
			.front_event p.event_excerpt,
			.event_column p.event_excerpt {display:block;padding:0 0 10px 0;font-weight:normal;}
			.event_none {color:#999999;}	
			
		.with_tickets {width:570px;}
			span.tickets {display:inline;padding:0 0 0 15px;}		
			span.tickets a {padding: 2px 8px;margin:0 5px 0 0;background:#fff;border:1px solid #999;-moz-border-radius:4px;-webkit-border-radius: 4px;border-radius:4px;}
			span.tickets a:hover {color: #0066CC;}
			#main_content h3.ticket_event_title {margin:0;padding:0 0 10px 0;font-size:18px;line-height:24px;}
			#main_content h3.ticket_event_title a {font-size:18px;line-height:24px;font-weight:normal;}
			
			
		.front_event_small {padding: 0 0 10px 0;}
			.front_event_small p {padding:0;}
			.front_event_small .event_location {font-weight:bold;}
			.front_event_small .event_start_time {font-weight:normal;clear:both;}
			.front_event_small .event_title {font-weight:normal;}
		
		div.event_description {display:block;float:left;padding: 10px 0 0 0;}
			div.event_description object {display:block;float:left;padding:0 0 20px 50px;}
			
		.program_preview {display:block;background:#990000;float:left;padding:10px;text-align:left;width:274px;color:#ffffff;}
			.first_preview {margin:0 10px 0 0;background:#660033;}
			.program_preview a {color:#ffffff;}
			.program_preview a:hover {color: #9DBDE6;}
			.preview_date {padding: 5px;background:#ffffff;color:#000000;border:1px solid #000000;font-weight:bold;text-align:center;}
			
		.comment{line-height:16px;}
			.comment_author{font-weight:bold;padding:0;}
			.comment_author a img {float:none;padding:0 2px 0 2px !important;vertical-align:bottom;}
			.comment_url img {padding: 0;vertical-align:middle;}
			.comment_meta{font-size:10px;color:#339900;}
			.lostlove_intro{color:#0066CC;font-weight:bold;padding:0;}
			.lostlove_label{font-weight:bold;color:#000000;width:150px;}
			.lostlove_message{padding:0;}
			.lostlove_contact{text-align:right;float:right;padding: 5px 0 0 0;}
			.lostlove_contact img {float:left;margin:0;padding:0 5px 0 0 !important;vertical-align:middle;}		
			
		#comment_pagination li {display:inline;float:left;padding:0 5px 0 0;}
		
		.saal {background:url('../images/location_2.gif') no-repeat left top;min-height:50px;}
		
		.club {background:url('../images/location_1.gif') no-repeat left top;min-height:50px;}
		
		.biergarten {background:url('../images/location_3.gif') no-repeat left top;min-height:85px;}

#right_sidebar {float:left;display:block;margin:90px 0 0 10px;width:210px;}

	.right_box {float:left;display:block;width:190px;margin: 0 0 10px 0;background:#ffffff url('../images/main_top.gif') repeat-x;
		border:1px solid #111;
		-moz-border-radius-topleft:15px;
		-moz-border-radius-bottomright:15px;
		-webkit-border-top-left-radius:15px;
		-webkit-border-bottom-right-radius:15px;
		border-top-left-radius:15px;
		border-bottom-right-radius:15px;
		padding:0 5px 5px 5px;
	}
	
	div#calendar_small{width:190px;min-height:165px;}
	table#openingtimes {width:100%;padding: 0 5px;}
	table#openingtimes td {line-heigth:12px;padding: 0;}
	
	.facebook {}
	
#footer {float:left;display:block;width:1012px;padding:20px 0;text-align:center;color:#ffffff;}
	#footer a {color:#ffffff;font-weight:normal;}
	
#title_information{background:url('../images/title_info.jpg') right top no-repeat;}
#title_home{background:url('../images/title_home.jpg') right top no-repeat;}
#title_calendar{background:url('../images/title_calendar.jpg') right top no-repeat;}
#title_newsletter{background:url('../images/title_newsletter.jpg') right top no-repeat;}
#title_programm{background:url('../images/title_programm.jpg') right top no-repeat;}
#title_guestbook{background:url('../images/title_guestbook.jpg') right top no-repeat;}
#title_impressum{background:url('../images/title_impressum.jpg') right top no-repeat;}
#title_specials{background:url('../images/title_specials.jpg') right top no-repeat;}
#title_location{background:url('../images/title_location.jpg') right top no-repeat;}
#title_partner{background:url('../images/title_partner.jpg') right top no-repeat;}
#title_galerie{background:url('../images/title_galerie.jpg') right top no-repeat;}
#title_lostlove{background:url('../images/title_lostlove.jpg') right top no-repeat;}
#title_email_formular{background:url('../images/title_mailform.jpg') right top no-repeat;}
#title_werbung{background:url('../images/title_werbung.jpg') right top no-repeat;}
#title_concerts{background:url('../images/title_concerts.jpg') right top no-repeat;}
#title_tickets{background:url('../images/title_tickets.jpg') right top no-repeat;}

.fan_box .full_widget {border:none !important;-moz-border-radius-bottomright:8px !important;}
.connect_widget .connect_widget_facebook_logo_menubar {-moz-border-radius-topleft:8px !important;}
.fan_box .connections .connections_grid {width:170px !important;}
.fan_box .connections {border:none;min-height:150px;padding:10px 11px 4px 11px !important;}

/* for Internet Explorer 6 */
.ie6 .front_event {display: block;width:355px !important;}
.ie6 .with_tickets {display:block;width:570px !important;}
.ie6 .calendar, .ie6 .calendar td {border: 0px solid #AAAAAA;}

/* for Internet Explorer 7 */
.ie7 .front_event {width:355px;}
.ie7 .with_tickets {width:570px;}
.ie7 .calendar, .ie7 .calendar td {border: 0px solid #AAAAAA;}
.ie7 img { -ms-interpolation-mode: bicubic; }