@import url('/css/common.css');

img {max-width: 100%; height: auto !important;}
iframe {max-width: 100% !important;}
body { margin:0; padding:0; background:#133383; }
.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 { background: #fff; }
.mainnavigation { padding-top:11px; padding-right: 10px;}
.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:#133383; padding:5px 0 3px;  font-family: 'MyriadProCondensed'; text-decoration: none;}
.mainnavigation ul li a:hover, .mainnavigation ul li a.selectednavi { border-bottom:2px solid #133383; padding-bottom:1px; text-decoration:none; color:#133383; }

.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 #133383; }
.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; }

.main_content { background:url('/layout/bg_maincontent.jpg') repeat-x #fff; border-top:1px solid #133383; }
.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; }
.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: #133383;}
.subpage_column_wide a {color: #133383;}

.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 {background: #133383; color: #fff;}
.footer .footer_column {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;}

.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; }
img {max-width: 100% !important; height: auto !important;}
table {table-layout: fixed;}
}
@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;} */
td {display: block; float: left; margin: 5px; max-width: 100%;}
tr, table {max-width: 100%;}
.bg_banner .banner_frontpage {display: none;}
.bg_banner {height: 20px !important;}
}
@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;} */
}