body
{
	background-attachment: fixed;
	background-repeat: no-repeat;
	background-position: left top;
	background-color: #dedede;
	/*font-family: Arial, sans-serif;*/
	font-family: 'Bitter', serif;
	font-size: 13px;
	line-height: 1.4em;
	/*color: #737373;*/
	color: #463f37;
	margin: 0;
	padding: 0;
}

.bx-wrapper .bx-viewport
{
	left: 0 !important;
}

/* Ueberschriften */
	h1
	{
		font-size: 15px;
		margin: 0 0 15px 0;
	}

	h1.artist_info
	{
		font-size: 20px;
		margin-bottom: 0;
		color: #423934;
	}

	/* Links */
	a
	{
		/*color: #f78620;*/
		color: #463f37;
		text-decoration: underline;
		/*font-weight: bold;*/
	}

	a.link_artist
	{
		color: #423934;
		font-weight: normal;
		text-decoration: none;
	}

	#language_switch_content a, #footer_content a
	{
		color: #ffffff;
		text-decoration: none;
	}

.orange
{
	color: #29878f;
}

.label-town
{
	font-size: 14px;
	font-style: italic;
	font-weight: normal;
	margin-bottom: 10px;
}

#language_switch
{
	width: 100%; 
	background-color: #29878f; 
	margin-bottom: 20px;
}

#footer
{
	width: 100%;
	background-color: #29878f; 
	margin-top: 20px;
}

#language_switch_content, #footer_content
{
	padding: 5px; 
	text-align: right; 
	color: #e9c42c;
}

.naver.enabled a
{
	width: 100%;
	background-color: #ffffff;
	line-height: 30px;
	height: 30px !important;
	margin-top: 0 !important;
	border-bottom: 1px solid #dbdbdb;
	display: block;
	text-decoration: none;
	padding-left: 20px;
}

.naver-handle
{
	margin-left: 10px;
}

.naver.enabled
{
	background-color: #ffffff;
	margin-top: 40px;
	margin-bottom: 20px;
	border-radius: 2px 2px 2px 2px;
	box-shadow: 2px 4px 6px #777777;
}

@media only screen and (min-width: 320px)
{
	body 
	{
		background-image: url(../img/bg_body_mobile.jpg);
	}

	#container_content
	{
		padding: 0 10px 10px 10px;
		height: auto;
		width: 95%;
		margin-top: 0;
		margin-left: auto;
		margin-right: auto;
	}

	#logo
	{
		width: 300px;
		height: 128px;
		left: 0;
		top: 10px;
	}

	#web20
	{
		width: 300px;
		height: 50px;
		left: 10px;
		top: 150px;
		text-align: left;
	}

	.container_text_1-1
	{
		position: relative;
		float: left;
		width: 100%;	
		height: auto;
		background-color: #dfe1df;
		border: 10px solid #ffffff;
		border-radius: 2px 2px 2px 2px;
	    box-shadow: 2px 4px 6px #777777;
	}
}

@media only screen and (min-width: 768px)
{
	body 
	{
		background-image: url(../img/bg_body.jpg);
	}

	#container_content
	{
		max-width: 630px;
		height: auto;
		margin: 0 0 0 60px;
	}

	#logo
	{
		width: 300px;
		height: 137px;
		margin-bottom: 10px;
		float: left;
	}

	#web20
	{
		width: 320px;
		height: 50px;
		float: right;
		text-align: right;
		margin-top: 10px;
	}

	#container_navigation
	{
		width: 610px;	
		height: 48px;
		background-color: #29878f;
		border: 10px solid #ffffff;
		border-radius: 2px 2px 2px 2px;
	    box-shadow: 2px 4px 6px #777777;
	}

	.navigation_item
	{
		display: block;
		float: left;
		height: 24px;
		width: auto;
		background-position: left top;
		background-repeat: no-repeat;
		padding: 26px 8px 0 8px;
		/*font-family: 'Bitter', serif;*/
		font-size: 13px;
		color: #ffffff;
		line-height: 22px;
		text-decoration: none;
		text-transform: uppercase;
		font-weight: normal;
	}

	.navigation_item_active
	{
		color: #e9c42c;
	}

	.navigation_item_1
	{
		background-image: url(../img/bg_navigation_1.png);
	}

	.navigation_item_2
	{
		background-image: url(../img/bg_navigation_2.png);
	}

	/* Textbloecke */
	.container_text_row
	{
		position: relative;
		float: left;
		width: 630px;
		margin-top: 20px;
	}


.info_overlay
{
	display: block;
	position: absolute;
	z-index: 500;
	left: 0;
	bottom: 0;
	width: 135px;
	height: auto;
	background-image: url(../img/bg_info_overlay.png);
	padding: 10px 35px 10px 10px;
	text-decoration: none;
	color: #737373;
	font-weight: bold;
}

.info_overlay:hover
{
	color: #ffffff;
	background-color: #737373;
	background-image: url(../img/space.png);
}

.info_overlay_corner
{
	position: absolute;
	z-index: 600;
	right: 0;
	bottom: 0;
	width: 46px;
	height: 46px;
	background-image: url(../img/corner_more_info.png);
}

.info_overlay a
{
	display: block;
	
}



.backlink
{
	/*font-size: 15px;
	color: #737373;
	text-decoration: none;*/
}

.clearfix 
{
	display: block;
	float: none;
	clear: both;	
}

.margin_container
{
	margin-top: 20px;
}

/* Timetable */
.timetable_container
{
	position: relative;
	width: 550px;
	float: left;
}

.timetable_row
{
	width: 550px;
	height: 19px;
	line-height: 19px;
	border-top: 1px solid;
	float: left;
}

.timetable_header_row
{
	width: 550px;
	height: 30px;
	line-height: 30px;
	float: left;
}

.floor_1
{
	position: absolute;
	left: 50px;
	top: 0;
	width: 150px;
	z-index: 100;
}

.floor_2
{
	position: absolute;
	left: 225px;
	top: 0;
	width: 150px;
	z-index: 100;
}

.floor_3
{
	position: absolute;
	left: 400px;
	top: 0;
	width: 150px;
	z-index: 100;
}

.act_1
{
	width: 140px;
	background-color: #666666;
	padding: 5px;
}

.act_2
{
	width: 140px;
	background-color: #323232;
	padding: 5px;
}

.timetable_header_field
{
	font-size: 14px;
	font-weight: bold;
	text-align: center;
}

#controls
{
	margin-bottom: 20px;
}

#controls .page
{
	padding: 5px;
	background-color: #ffffff;
	margin-right: 2px;
}

.sel
{
	background-color: #f68620 !important;
	color: #ffffff;
}

}

.item {
	background-color: #ffffff;
	border-radius: 2px 2px 2px 2px;
    box-shadow: 2px 4px 6px #777777;
}

#wrapper
{
	max-width: 60em; /* 960 px */
	margin: 0 auto;
}
			
#list, #header
{
	width: 103.125%; /* 990px */
	overflow: hidden;
	margin-left: -1.562%; /* 15px */
	margin-bottom: -1.875em; /* 30px */
}
				
.item
{
	width: 30.303%; /* 300px */
	float: left;
	margin: 0 1.515% 1.875em; /* 15px 30px */ 
}

.item.w2
{
	width: 63.6%;
	float: left;
	margin: 0 1.515% 1.875em; /* 15px 30px */
}

.item.w3
{
	width: 97%;
}

@media only screen and ( max-width: 40em ) /* 640px */
{
	.item, item.w2
	{
		width: 46.876%; /* 305px */
		margin-bottom: 0.938em; /* 15px */
	}
}

@media only screen and ( max-width: 20em ) /* 320px */
{
	#list
	{
		width: 100%;
		margin-left: 0;
	}
	
	.item, .item.w2, .item.w3
	{
		width: 100%;
		margin-left: 0;
		margin-right: 0;
	}
}

.item_content
{
	padding: 10px;
}

.item_name
{
	padding-top: 10px;
	font-weight: bold;
}

.item_text
{
	padding: 30px;
	/*background-color: #DFE1DF;*/
	background-color: #b6ced8;
}

.item_notext
{
	padding: 0;
}

/* Kalender */
.calender
{
	float: left; 
	width: 80px; 
	height: 85px; 
	background-color: #ffffff; 
	text-align: center; 
	margin: 0 15px 15px 0;
}

.calender_top
{
	width: 100%; 
	height: 15px; 
	background-color: #4d4c4a; 
	margin-bottom: 16px;
}

.calender_day
{
	font-size: 35px; 
	font-weight: bold;
}

.calender_month
{
	font-weight: bold;
}