@import url('/css/common.css');
body { margin:0; padding:0; background:#202020; }
.mainwrap { position:relative; margin:0 auto; width:920px; }
.mainwrap_header { position:relative; margin:0 auto; max-width:1200px; }
.mainwrap_blog { position:relative; margin:0 auto; width:1100px; }

.header { }
.mainnavigation { padding-top:11px; }
.mainnavigation ul { list-style:none; margin:0; padding:0; }
.mainnavigation ul li { float:left; padding-left:30px; }
.mainnavigation ul li a { float:left; display:block; font-size:18px; line-height: 18px; color:#ff9600; padding:5px 0 3px;  font-family: 'MyriadProCondensed';}
.mainnavigation ul li a:hover, .mainnavigation ul li a.selectednavi { border-bottom:2px solid #fff; padding-bottom:1px; text-decoration:none; color:#ff9600; }

.subnavigation {}
.subnavigation ul {list-style: none;}
.subnavigation ul li {}
.subnavigation ul li a {color: #d0322b; font-size: 18px; text-decoration: none; font-family: 'MyriadProCondensed';}
.subnavigation ul li a:hover, .subnavigation ul li a.selectednavi {text-decoration: underline;}

.bg_banner { border-top:1px solid #fff; background:url('/layout/bg_banner.png') 50% 0 repeat-y, url('/layout/bg_banner.jpg') 0 0 #eee; }
.bg_banner .banner { position:relative; margin:0 auto; max-width:1200px; }
.bg_banner .banner_frontpage { height:485px; overflow:hidden; }
.bg_banner .banner .arrow_left a { position:absolute; z-index:100; height:100%; width:42px; top:0; left:0; background:url('/layout/arrow_left.png') 0 50% no-repeat; }
.bg_banner .banner .arrow_right a { position:absolute; z-index:100; height:100%; width:42px; top:0; right:0; background:url('/layout/arrow_right.png') 100% 50% no-repeat; }
.bg_banner .banner .tsi_bannerslot img { max-width:100%; }
.bg_banner .banner .webshop_link a { position:absolute; z-index:200; right:0; bottom:42px; padding:12px 20px; font-size:22px; background:rgb(25,124,77); background:rgba(25,124,77,0.9); color:#fff; }
.bg_banner .banner .slogan { position:absolute; bottom:41%; left:23%; z-index:200; color:#fff; font-size:34px; text-shadow:1px 1px 20px #777; }
.bg_banner .tsi_bannerslot .tsi_banner_text { font-size:16px; color:#fff; }
.bg_banner .tsi_bannerslot .tsi_banner_text_1 { font-size:20px; position:absolute; top:15px; right:15px; }
.bg_banner .tsi_bannerslot .tsi_banner_text_2 { position:absolute; top:55px; right:15px; }


.main_content { background:url('/layout/bg_maincontent.jpg') repeat-x #fff; border-top:1px solid #fff; }
.main_content .frontpage_column { margin-top:-25px; width:440px; min-height:320px; height:auto !important; height:320px; background:#fff; padding:5px; position:relative; z-index:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.main_content .frontpage_column .tsi_bannerslot { padding-bottom:10px; }
.main_content .frontpage_column .text { padding-left:20px; line-height:17px; }
.main_content .subnavigation { margin-top:-25px; width:290px; min-height:320px; height:auto !important; height:320px; background:#fff; padding:5px 5px 5px 15px; position:relative; z-index:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.main_content .subpage_column { margin-top:-25px; width:550px; min-height:320px; height:auto !important; height:320px; background:#fff; padding:5px 20px; position:relative; z-index:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.main_content .subpage_column_wide { margin-top:-25px; width:880px; min-height:320px; height:auto !important; height:320px; background:#fff; padding:5px 20px; position:relative; z-index:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }
.main_content .subpage_column_blog { margin-top:-25px; width:1060px; min-height:320px; height:auto !important; height:320px; background:#fff; padding:5px 20px; position:relative; z-index:100; -webkit-border-radius:3px; -moz-border-radius:3px; border-radius:3px; }

.subpage_column a {color: #ff9600;}
.subpage_column_wide a {color: #ff9600;}

.mobilemenu { display:none; color:#fff; background:#202529; }
.mobilemenu a { display:block; width:306px; height:25px; color:#fff; padding:10px 0 0 14px; background:url('/layout/bg_mobile_navi.jpg') 100% 50% no-repeat #373c3f; }
.mobilemenu ul { display:none; position:absolute; left:0; top:100%; list-style:none; margin:0; padding:0; }
.mobilemenu ul li a { display:block; width:261px; height:25px; color:#fff; padding:10px 0 0 14px; background:#373c3f; }
.mobilemenu .mainwrap { width:320px; z-index:300; }

.footer .footer_column { color:#ff9600; width:400px; padding:20px 25px 10px; line-height:17px; font-size: 16px; font-family: 'MyriadProCondensed';}

.form_fieldlabel { float:left; width: 140px; padding-right: 5px; }
.form_fieldinput { float:left; padding: 0; }
.form_fieldinput { width: auto; }
.form_inputtext { width: 220px; }
.form_fieldcontainer { clear:both; padding: 10px 0; }
.form_textarea { width: 220px; height: 100px; }
.form_errormessages, .form_confirmsubmit { color: #ff0000; font-weight: bold; font-size: 14px;}
.form_rule { border-bottom: 1px solid #000; margin-bottom: 10px; }
.form_fieldlabelerror { color: #f00; }
.form_inputtext, .form_textarea { font-size: 12px; font-family:arial,helvetica,sans-serif; }
.form_fieldcontainer.form_submit{float: left; }
.form_fieldcontainer.form_reset{float: left;clear: none;}
.form_fieldoption_radio{width: auto;}

.galimg{margin: 5px; width: 110px; height: 110px; text-align: center; float:left;}

.events_calendar_container { width:156px; border: 1px solid #ddd; background-color:#fff; }
.events_calendar_prev, .events_calendar_header, .events_calendar_next { float: left; }
.events_calendar_prev, .events_calendar_next { padding: 3px; }
.events_calendar_header { width:100px; text-align: center; padding-top: 4px; }
.events_calendar_week { background-color:#f8f8f8; }
.events_calendar_weekday { font-size:10px; font-weight:bold; }
.events_calendar_weekday, .events_calendar_week, .events_calendar_day { padding-top: 3px;width: 19px; height: 19px; text-align: center; float: left; }
.events_calendar_weekday a, .events_calendar_week a, .events_calendar_day a { text-decoration: none; color: #555; }
.events_calendar_weekday a:hover, .events_calendar_week a:hover, .events_calendar_day a:hover { text-decoration: underline; }
.events_calendar_day_past a,.events_calendar_week_past a { color:#eee; }
.events_calendar_day_now a { font-weight: bold; }
.events_calendar_day_holiday a { color: #c80000; }
.events_calendar_prev, .events_calendar_next { font-size: 14px; font-weight: bold; color: #ccc; width:22px; }
.events_calendar_prev a, .events_calendar_next a { color: #555; text-decoration: none; }

.calendar_title { padding-top:10px; }
.events_calendar_container { padding:10px 0; border:1px solid #d0322b; width:192px; background-color:#fff; }
.events_calendar_header { margin:0 16px; }
.events_calendar_header a { text-decoration:none; font-size:13px; }
.events_calendar_container { margin:10px auto 0 auto; text-align:center; }
.events_calendar_weekday, .events_calendar_day { border:1px solid #d0322b; width:20px; margin:1px; color:#d0322b; }
.events_calendar_weekday { border:1px solid #d0322b; width:19px; font-size:11px; }
.events_calendar_weekday a, .events_calendar_day a, .events_calendar_week a { color:#d0322b;}
.events_calendar_week { border:1px solid #d0322b; }
.events_calendar_day { background-color:#fff; }
.events_calendar_day a, .events_calendar_week a  { font-size:11px; }
.events_calendar_day_now { border:1px solid #91a786; background-color:#d0322b; color: #fff;}
.events_calendar_day_past { background-color:#e1e1e1; }
.events_calendar_day_past a { color:#a2a2a2; }
.events_calendar_day_selected { border:1px solid #91a786; background-color:#d0322b; color: #fff;}
.events_calendar_day_selected a { color:#fff; }
.events_calendar_day_hasentrys a { text-decoration:underline; }
.events_calendar_day_now a { color:#fff; font-weight:normal; }

.site_events_date { text-align:right; padding-bottom:5px; }
.site_events_ingres { font-style:italic; }
.site_events_body { padding:10px 0; }

.site_event_list_table { padding:10px 0; }
.site_event_list_table table { border-collapse:collapse; width:100%; }
.site_event_list_table table th, .site_event_list_table table td { text-align:left; vertical-align:top; padding:2px 0; }
.site_event_list_table table td { border-bottom:1px solid #ddd; }
.site_event_list_table table td.site_event_datepart { font-weight:bold; padding:5px 0; }

.events_list_month {font-weight: bold;}
.events_read_archive {margin-top: 20px;}
.events_read_date {font-weight: bold;}

.addthis {display: none;}

.float_left { float:left; }
.float_right { float:right; }
.clear { clear:both; }

@media screen and (max-width: 1200px) {
	.bg_banner .banner_frontpage { height:auto; }
}
@media screen and (max-width: 920px) {
	body { -webkit-text-size-adjust: 100%; }
	.mainwrap, .mainwrap_header, .mainwrap_blog { width:100%; }
	.main_content .frontpage_column { width:47.826086956%; padding:0.54347826%; }
	.main_content .frontpage_column img { max-width:100%; }
	.main_content .frontpage_column .text { padding-left:4.545454545%; }
	.bg_banner .banner .slogan { bottom:33%; left:20%; }
	.main_content .subnavigation { width:31.52173913%; padding:0.54347826%; padding-left:1.630434782%; }
	.main_content .subpage_column { width:61.956521739%; padding:0.54347826% 0.54347826% 1.630434782% 1.630434782%; }
	.main_content .subpage_column_wide {width: 90%; padding: 5px 5%;}
	.main_content .subpage_column_blog {width: 90%; padding: 5px 5%;}
	.footer .footer_column { width:43.478260869%; padding:20px 2.717391304% 10px; }
	.blog_iframe {width: 100%;}
}
@media screen and (max-width: 650px) {
	.mainnavigation { display:none; }
	.mobilemenu { display:block; }
	.bg_banner .banner .webshop_link a { bottom:20px; padding:10px 14px; }
	.main_content .frontpage_column { width:440px; padding:5px; float:none; margin:-17px auto 30px; min-height: 0px; }
	.main_content .subnavigation, .main_content .subpage_column { width:440px; float:none; margin:-17px auto 30px; min-height: 0px; }
	.footer .footer_column { padding-top:0px; }
	.bg_banner .banner .slogan { font-size:28px; bottom:32%; left:13%; }
	/* .main_content .subpage_column_wide {width: 450px;} */
}
@media screen and (max-width: 480px) {
	.main_content .frontpage_column, .main_content .subnavigation, .main_content .subpage_column { margin:0 0 10px; width:auto; }
	.bg_banner .banner .webshop_link a { bottom:2px; padding:6px 12px; }
	.bg_banner .banner .slogan { font-size: 22px; left:11%; }
	/* .main_content .subpage_column_wide {width: auto;} */
}