/* /////////////////////////////
/                              /
/  Stylesheet layout-> mobile  /
/                              /
//////////////////////////////*/

/*======= CSS Document =======*/
body { color: #333; font-family: Arial,Helvetica,sans-serif; margin: 0; padding: 0; font-size: 100.01%; position: relative; text-align: left; background: #FFF !important; }
html, input, textarea { font-family: Arial,Helvetica,sans-serif; }
#main { background: #FFF !important; }

h1 { margin: 0 0 18px 0; font-size: 1.5em; color: #2d5e90; }
h2 { margin: 0 0 12px 0; font-size: 1.25em; color: #333; font-style: normal; }
h3 { margin: 0 0 10px 0; font-size: 16px; color: #333; font-style: normal; font-weight: bold; }
h4 { margin: 0 0 10px 0; font-size: 14px; color: #333; font-style: normal; font-weight: bold; }
h5 { margin: 0 0 18px 0; font-size: 13px; color: #333; }
h6 { margin: 0 0 18px 0; font-size: 12px; color: #333; }
hr { clear: both; margin: 10px 0; border: 0; border-top: 1px dotted #224652; height: 0; }
hr.line { clear: both; margin: 27px 0 34px 0; border: 0; border-top: 1px solid #CFD1D2; height: 0; }
hr.dashed { clear: both; margin: 10px 0; border: 0; border-top: 1px dashed #AAA; height: 0; }
img { border: 0; }
ul, ol, dl { margin: 0 0 18px 10px; }
ul.check { padding: 0; margin: 0 0 18px 0px; }
ul.check li { list-style: none; padding: 4px 0 4px 22px; background: url(../../uploads/layout/bullet-check.png) no-repeat 0 8px; }
p { margin: 0 0 20px 0; }
a { text-decoration: none; }
a:link { text-decoration: none; }
a:visited { text-decoration: none; }
a:hover { text-decoration: none; }
a:active, a:focus { text-decoration: none; }
a:focus { outline: none; }

.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }
* html .clearfix { height: 1%; }
:first-child + html .clearfix { min-height: 1%; }
.clear { clear: both; display:block; overflow: hidden; visibility: hidden; width: 0; height: 0; }
.raquo { color: #003591; font-family: Verdana,Geneva,Arial,Helvetica,sans-serif; font-size: 12px; font-weight: bold; }

.ui-btn-hover-c { text-decoration: none !important; }

/*======= Pages =======*/
#header, #content, #footer, #logo, #tel { overflow: hidden; }
.mobileStart #header { height: 90px; }

#logo { position: relative; top: 10px; text-align: center; }
#logo img { margin: 0 auto; }
.mobileSub .logo { float: left; display: block; margin: 7px 0 0 0; background: url(../../uploads/layout/logo.png); }
.mobileSub .logo { width: 182px; height: 45px; background-size: 182px 45px; }

#MobileMenu { padding: 0 1em; margin-top: -180px; margin-bottom: 5px; position: relative; z-index: 3; }
#content { position: relative; z-index: 2; }
.mobileStart #content { text-align: center;
	/*background: #ffffff url(../../uploads/layout/content-bg.png) repeat-x center bottom;*/
	background: #ffffff; /* Old browsers */
	background: -moz-linear-gradient(top, #ffffff 75%, #368db2 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(25%,#ffffff), color-stop(100%,#368db2)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #ffffff 25%,#368db2 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #ffffff 25%,#368db2 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #ffffff 25%,#368db2 100%); /* IE10+ */
	background: linear-gradient(to bottom, #ffffff 25%,#368db2 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#368db2',GradientType=0 ); /* IE6-9 */
}
.mobileSub #contentContainer { margin-top: -320px; padding: 0 0.8em; }
.mobileSub #content { min-height: 300px; height: auto; background: rgba(255,255,255,0.9); -moz-border-radius:6px; -webkit-border-radius:6px; border-radius:6px; /*-webkit-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); -moz-box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4); box-shadow: 0px 0px 6px rgba(0, 0, 0, 0.4);*/ }

#tel { height: 53px; line-height: 53px; text-align: center; background: #EEE; -webkit-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); -moz-box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); box-shadow: inset 0px 2px 2px rgba(0,0,0,0.3); }
#tel span { width: 160px; display: block; margin: 0 auto; padding-left: 35px; line-height: 53px; text-align: left; font-size: 20px; color: #666; font-weight: bold; background: url(../../uploads/layout/tel-icon.png) no-repeat 0 50%; }
.ui-icon-tel { background: url(../../uploads/layout/ui-icon-phone.png) no-repeat 0 0 !important; background-color: rgba(231, 107, 1, 0.8) !important; }
.ui-icon-tel.ui-icon-shadow { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }
.ui-icon-mail { background: url(../../uploads/layout/ui-icon-mail.png) no-repeat 0 0 !important; background-color: rgba(231, 107, 1, 0.8) !important; }
.ui-icon-mail.ui-icon-shadow { box-shadow: 0 1px 0 rgba(255, 255, 255, 0.4); }

#imprint .ui-btn-up-c .ui-btn-text, #imprint .ui-btn-hover-c .ui-btn-text { font-weight: bold !important; text-decoration: none !important; }
#imprint-toggle .ui-btn-up-c .ui-btn-text, #imprint-toggle .ui-btn-hover-c .ui-btn-text { font-weight: normal !important; color: #333 !important; }
#ContactLinkButton .ui-btn-up-c .ui-btn-text, #ContactLinkButton .ui-btn-hover-c .ui-btn-text { font-weight: bold; }

#footer { text-align: center; }
#footer .footernav { display: inline-block !important; margin: 1em auto 0 !important; }
#footer .footercontent{ clear: both; width: 100%; color: #BBBBBB; display: block; font-size: 0.6em; padding: 1.3em 0 !important; text-align: center; }

.backContainer { float: right; /*width: 20%;*/ padding: 5px 0 0 0; }
.backContainer a { float: right !important; margin: 0.5em !important; color: #FFF; font-weight: normal; }
.backContainer a:hover, .backContainerFooter a:hover { text-decoration: none; }
.backContainerFooter a.top { float: left !important; margin: 0.5em !important; color: #FFF; font-weight: normal; }
.backContainerFooter a.back { float: right !important; margin: 0.5em !important; color: #FFF; font-weight: normal; }

/* nav */
.ui-btn-up-c, .ui-btn-up-c:visited, .ui-btn-hover-c,
.ui-btn-up-c a.ui-link-inherit, .ui-btn-hover-c:visited,
ui-btn-hover-c:hover, ui-btn-hover-c a.ui-link-inherit { color: #002476 !important; font-weight: normal !important;  }
#MobileMenu .ui-icon, #popupMenu .ui-icon { background-color: rgba(231, 107, 1, 0.8) !important; }

/* content */
#content .title, #content .subtitle { display: block; }
#content .title { font-size: 20px; font-weight: bold; }

.grid_content:after { clear: both }
.cell { height: 54px; width: 48.8%; display: inline-block; margin-bottom: 8px; position: relative; text-decoration: none; border: 1px solid #dedede; -moz-border-radius:3px; -webkit-border-radius:3px; border-radius:3px; /*  letter-spacing: -0.31em;  *letter-spacing: normal;  word-spacing: -0.43em;  */ box-sizing: border-box; -moz-box-sizing: border-box; -webkit-box-sizing: border-box; -webkit-tap-highlight-color:rgba(0,0,0,0);  }
.cell_i { background: #FFF; -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.4); }
.cell_i:hover { cursor:pointer;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #EEEEEE 50%, #D9D6D6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#D9D6D6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #EEEEEE 0%,#D9D6D6 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#EEEEEE', endColorstr='#D9D6D6',GradientType=0 ); /* IE6-9 */
	-webkit-box-shadow: inset 0px 2px 2px #cccccc;
	-moz-box-shadow: inset 0px 2px 2px #cccccc;
	box-shadow: inset 0px 2px 2px #cccccc;
}
.cell > span { text-align: left; height: 100%; display: block; padding-left: 35px; background: url(../../uploads/layout/bullet-check.png) no-repeat 10px 50%; }
.cell_left { float: left;  margin-right: 3px; }
.cell_right { float: right;  margin-left: 3px; }
.cell_text { color: #333333; display: block; }
.cell_text.ct1, .cell_text.ct4 { padding-top: 7px; }
.cell_text.ct2, .cell_text.ct3 { padding-top: 18px; }

/* slider */
#slider { position: relative; }
.rslides { /*height: 470px;*/  width: 100%; margin: 0; padding: 0; overflow: hidden; position: relative; list-style: none outside none; z-index: 1; }
.rslides li { position: absolute; display: none; width: 100%; left: 0; top: 0; }
.rslides li:first-child { position: relative; display: block; float: left; }
.rslides img { display: block; height: auto; float: left; width: 100%; border: 0; }

/* Contact */
.contactSite .submit { margin-top: 25px; }
.contactSite .submit .ui-btn { margin: 0.5em 0; }
.contactSite .submit .input-submit, .contactSite .submit .ui-btn-text { font-weight: bold; color: #222; /*text-shadow: 0 1px 0 rgba(0, 0, 0, 0.3);*/ }
.contactSite .submit .ui-btn-corner-all { border-radius: 0.6em 0.6em 0.6em 0.6em; }
.contactSite .submit .ui-btn-up-c { border-radius: 0.6em 0.6em 0.6em 0.6em;
	background: #eeeeee; /* Old browsers */
	background: -moz-linear-gradient(top, #EEEEEE 50%, #D9D6D6 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#EEEEEE), color-stop(100%,#D9D6D6)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #EEEEEE 0%,#D9D6D6 100%); /* IE10+ */
	background: linear-gradient(to bottom, #EEEEEE 0%,#D9D6D6 100%); /* W3C */
}

/* //////////////////////////////////////////////////////////////////////
////// MEDIA QUERIES ///////////////////////////////////////////////// */

/* Phone (portrait) - to Mobile Landscape Size */
@media only screen and (max-width: 479px) {
    a#SubMenuLink, #popupMenu { display: none !important; }
	.mobileSub #header { height: 60px; }
	.rslides { min-height: 340px; }
	#MobileMenu { margin-top: -240px; }
	.cell_text { font-size: 12px; }
	.cell > span { padding-left: 32px; }
	.cell_text.ct1, .cell_text.ct4 { padding-top: 10px; }
	#content .title { font-size: 20px; }
	.contactSite .submit .ui-btn-up-c { padding: 0 0.4em; width: 97%; }
    #ContactLinkButton .ui-btn-up-c .ui-btn-text, #ContactLinkButton .ui-btn-hover-c .ui-btn-text { font-weight: normal !important; }
}
/* Phone (landscape) */
@media screen and (min-width: 321px) and (max-width: 480px) {
    .mobileSub #contentContainer { margin-top: -300px; }
    #ContactLinkButton .ui-btn-up-c .ui-btn-text, #ContactLinkButton .ui-btn-hover-c .ui-btn-text { font-weight: normal !important; }
}

/* Tablet Small (portrait) - to Mobile Landscape Size */
@media only screen and (min-width: 480px) and (max-width: 767px) {
	.mobileSub #header { height: 80px; }
    .mobileSub .logo { width: 261px; height: 63px; background-size: 261px 63px; }
	.backContainer { padding: 9px 0 0 0; }
	.backContainer .ui-btn-inner { font-size: 16px !important; padding-top: 0.50em !important; }
	.rslides { max-height: 390px;}
	.cell { height: 64px; }
    #MobileMenu { margin-top: -200px; }
	#MobileMenu .ui-btn-inner, #content, .cell_text, #popupMenu .ui-btn-inner { font-size: 20px !important; }
	#content .title { font-size: 26px; }
	#tel { height: 68px; }
	#tel span { line-height: 68px; width: 210px; font-size: 26px; padding-left: 42px; background: url(../../uploads/layout/tel-icon-36.png) no-repeat 0 50%; }
	#ContactLinkButton .ui-btn-up-c .ui-btn-text, #ContactLinkButton .ui-btn-hover-c .ui-btn-text { font-size: 18px !important; }
}

/* Tablet Large (portrait) Tablet (landscape) - to standard 960 */
@media only screen and (min-width: 768px) and (max-width: 980px) {
	.mobileSub #header { height: 80px; }
    .mobileSub .logo { width: 261px; height: 63px; background-size: 261px 63px; }
	.backContainer .ui-btn-inner { font-size: 16px !important; padding-top: 0.50em !important; }
	.backContainer { padding: 9px 0 0 0; }
	.rslides { max-height: 460px;}
	.cell { width: 23.8%; height: 64px; }
	.cell_left { margin-right: 10px; }
	.cell_right { margin-left: 10px; }
	#MobileMenu { margin-top: -200px; }
	#MobileMenu .ui-btn-inner, #content, .cell_text { font-size: 20px !important; }
    .mobileSub #content { min-height: 320px; height: auto; }
	#content .title { font-size: 28px; }
	#tel { height: 68px; }
	#tel span { line-height: 68px; width: 220px; font-size: 28px; padding-left: 42px; background: url(../../uploads/layout/tel-icon-36.png) no-repeat 0 50%; }
    #ContactLinkButton .ui-btn-up-c .ui-btn-text, #ContactLinkButton .ui-btn-hover-c .ui-btn-text { font-size: 20px !important; }
}

/* Desktop */
@media only screen and (min-width: 981px) {
	#main { width: 767px; }
}