/*
// File written by Jochen "Khuri" Dippel <khuri@khuris.com>
// Copyright 2016
//
// File        : main_page.css
// Begin       : 2016.03.23 07:49:07
// Last Update : 2016.09.15 15:50:58
*/

#bodywrap {
	position: relative;
	width: 100%;
	height: auto;
	padding: 0;
	margin: 0 auto;
}
#headerwrap, #headerimgwrap, #mainmenuwrap {
	position: relative;
	width: 100%;
	height: auto;
	margin: 0;
	background-color: #ffed4d;
}
#mainmenuwrap {
	background-color: #003387;
	border: 1px solid #fff;
	border-width: 2px 0;
}
#headerimgwrap {
	background-color: #b3b7bd;
}
#headertopbox, #headerimgbox, #mainmenubox, #contentwrap, #footerwrap {
	position: relative;
	width: 1024px;
	height: auto;
	margin: 0 auto;
}
#headertopbox {
	background: url(../images/main/L-S.png) no-repeat #fbe62c 66% top scroll;
	height: 112px;
}
#logo1 {
	position: absolute;
	top: 20px;
	left: 36px;
	width: 150px;
	height: 73px;
	background: url(../images/main/Landwehr-Schultz-Logo.png) no-repeat center transparent scroll;
	background-size: contain;
}
#logo2 {
	position: absolute;
	top: 44px;
	left: 256px;
	background: url(../images/main/LSLW_Text_1024_Header.png) no-repeat center transparent scroll;
	width: 442px;
	height: 26px;
}
#emergencycall {display: none;}
#headerimgbox {
	height: 380px;
}
#contentwrap {
	background-color: #fff;
}
#footerwrap {
	margin-top: 15px;
}
#footeradress {
	padding: 15px 36px;
	background-color: #fdf547;
	line-height: 14px;
	font-size: 14px;
}
#footeradress span {
	margin: 0 10px;
}
#footeradress span:first-child {
	display: block;
	visibility: hidden;
}
#responsivemenumarker {display: none;}
#mobilemenu_nav {display: none;}
#mobilebuttons {display: none;}

/* top navigation */
#toplinks {
	position: absolute;
	top: 20px;
	right: 40px;
}
#toplinks > div {
	position: relative;
	margin-bottom: 10px;
}
#toplinks > div:last-child {
	margin-bottom: 0;
}
#toplinks a, #toplinks input {
	background-color: #fff8ba;
	border: 1px solid #84865f;
	color: #84865f;
	padding: 0 10px;
	text-decoration: none;
	line-height: 24px;
	height: 24px;
	font-size: 14px;
	display: inline-block;
	vertical-align: top;
}
#toplinks input.submit {
	color: transparent;
	background: url(../images/main/searcharrow.png) no-repeat center #ffe81a scroll;
	background-size: contain;
	border-color: #505553;
	margin: 0;
	width: 30px;
	height: 26px;
}

/* ulslider */
ul.ulslider_list li {
	background-color: #fff !important;
	border: 0 none !important;
	margin: 2px 4px;
}
ul.ulslider_list li.marked {
	margin: 0 2px;
	background-color: #fbe62c !important;
	border: 2px solid #fbe62c !important;
}
div.ulslider_goleft::before, div.ulslider_goright::before {
	content: "" !important;
}
div.ulslider_goright, div.ulslider_goleft {
	background: url(../images/main/slider_arrow.png) no-repeat center transparent scroll;
	width: 23px;
	height: 47px;
	background-size: contain;
	top: 50%;
	margin-top: -23px;
}
div.ulslider_goright {
	-webkit-transform: scale(-1);
	-moz-transform: scale(-1);
	-o-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
}
div.ulslider_source li div.smbtext {display: none;}
div.ulslider_source li div.smbtext1, div.ulslider_source li div.smbtext2 {
	position: absolute;
	top: 200px;
	left: 50px;
	color: #fff;
	font-size: 18px;
	line-height: 50px;
	padding: 0 18px;
	background-color: rgba(0,0,0,0.8);
	-webkit-transform-origin: 50% 100%;
	-moz-transform-origin: 50% 100%;
	-o-transform-origin: 50% 100%;
	-ms-transform-origin: 50% 100%;
	transform-origin: 50% 100%;
	-webkit-transform: scale3d(1, 0, 1);
	-moz-transform: scale3d(1, 0, 1);
	-o-transform: scale3d(1, 0, 1);
	-ms-transform: scale3d(1, 0, 1);
	transform: scale3d(1, 0, 1);
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
div.ulslider_source li div.smbtext2 {
	top: 255px;
	color: #000;
	background-color: rgba(255,255,255,0.8);
}
div.ulslider_source li.act div.smbtext1, div.ulslider_source li.act div.smbtext2 {
	-webkit-transform: scale3d(1, 1, 1);
	-moz-transform: scale3d(1, 1, 1);
	-o-transform: scale3d(1, 1, 1);
	-ms-transform: scale3d(1, 1, 1);
	transform: scale3d(1, 1, 1);
}
div.ulslider_source li.act div.smbtext2 {
	-webkit-transition-delay: 0.5s;
	transition-delay: 0.5s;
}

/* menus */
#mainmenu_nav, #mainmenu_nav ul, #footermenu_nav, #bottommenu_nav, #bottommenu_nav ul, #bottommenu_navmobile, #bottommenu_navmobile ul {
	position: relative;
	margin: 0;
	padding: 0 16px;
	list-style-type: none;
	line-height: 0;
	font-size: 0;
}
#mainmenu_nav li, #footermenu_nav li {
	position: relative;
	display: inline-block;
}
#mainmenu_nav li {
	min-width: 18%;
}
#mainmenu_nav a {
	width: auto;
	padding: 0 20px;
	line-height: 36px;
	font-size: 14px;
	color: #fff;
	display: block;
}
#mainmenu_nav > li:first-child > a {
	width: 180px;
}
#mainmenu_nav a:hover, #mainmenu_nav a.active {
	color: #fff;
	background-color: #0833c2;
	text-decoration: none;
}
#mainmenu_nav ul {
	position: absolute;
	padding: 2px 0 0 0;
	display: none;
	z-index: 20;
	min-width: 250px;
	width: auto;
}
#mainmenu_nav li:hover ul {
	display: block;
}
#mainmenu_nav ul a {
	padding-top: 8px;
	padding-bottom: 8px;
	line-height: 20px;
}
#mainmenu_nav ul li {
	display: block;
	background-color: rgba(1,33,105,0.9);
}
#mainmenu_nav ul li:last-child {
	padding-bottom: 11px;
}

#footermenu_nav, #footermenu > div {
	padding: 18px 36px 14px;
}
#footermenu_nav li {
	margin-right: 16px;
	font-size: 14px;
}
#footermenu_nav a, #footermenu_navmobile > li > div, #footermenu > div {
	line-height: 14px;
	font-size: 14px;
	text-decoration: none;
}
#footermenu > div {
	padding-top: 0;
	padding-bottom: 10px;
}

li.home a {
	background: url(../images/main/house.png) no-repeat 20px center transparent scroll;
	background-size: 18px 18px;
	padding-left: 46px !important;
}
li.spaceline {
	line-height: 0;
	font-size: 0;
	width: auto;
}
li.spaceline div {
	position: relative;
	width: auto;
	height: 1px;
	margin: 0 20px;
	background-color: #fff;
}

/* right portlet */
#contact_icons {
	display: block;
	width: 190px;
	height: 58px;
	background: url(../images/main/contact_icons.jpg) no-repeat center transparent scroll;
	background-size: contain;
}
#rightportlet {
	position: relative;
	float: right;
	width: 214px;
	height: auto;
	margin: 4px;
	padding: 16px 8px;
	background-color: #edeeee;
}
#rightportlet div.header {
	position: relative;
	width: auto;
	display: block;
	padding: 8px 12px;
	background-color: #003387;
	color: #fff;
	font-weight: bold;
}
#rightportlet div.text {
	position: relative;
	width: auto;
	display: block;
	padding: 8px 12px;
	background-color: #fff;
	font-size: 13px;
}
#rightportlet div.text span {
	display: inline-block;
	width: 40%;
}
#rightportlet div.text .tel {
	font-size: 20px;
	font-weight: bold;
}
#rightportlet div.emergency {
	position: absolute;
	top: -6px;
	right: 0;
	width: 80px;
	height: 72px;
	background: url(../images/main/24-stunden-service-m.png) no-repeat center transparent scroll;
	background-size: contain;
}
#rightportlet div.headerwidget {
	font-weight: bold;
	display: block;
	margin: 10px 0 4px 0;
}

/* bottom portlet */
#widgetlistbottom {
	position: relative;
	padding: 20px 40px 20px 48px;
	width: auto;
}
#widgetlistbottom.frontpage {
	width: 714px;
	padding-right: 0;
	padding-bottom: 0;
}
#widgetlistbottom div.widgetbox {
	width: 100%;
	height: 160px;
	overflow: hidden;
}
#widgetlistbottom ul {
	position: relative;
	top: 0;
	left: 0;
	list-style-type: none;
	padding: 0;
	height: 150px;
	font-size: 0;
	-webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;
}
#widgetlistbottom.frontpage ul {
	height: auto;
}
#widgetlistbottom ul li {
	position: relative;
	display: inline-table;
	width: 215px;
	height: 150px;
	padding: 0;
	margin: 0 22px 0 0;
	line-height: 0;
	font-size: 0;
	-webkit-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	-moz-box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
	box-shadow: 4px 4px 6px rgba(0, 0, 0, 0.5);
}
#widgetlistbottom ul li:last-child {
	margin-right: 0;
}
#widgetlistbottom.frontpage ul li {
	margin-bottom: 40px;
}
#widgetlistbottom div.goleft, #widgetlistbottom div.goright {
	position: absolute;
	left: 10px;
	background: url(../images/main/slider_arrow.png) no-repeat center transparent scroll;
	width: 23px;
	height: 47px;
	background-size: contain;
	top: 50%;
	margin-top: -23px;
	z-index: 10;
	cursor: pointer;
}
#widgetlistbottom div.goleft.active, #widgetlistbottom div.goright.active {
	background-image: url(../images/main/slider_arrow_act.png);
}
#widgetlistbottom div.goright {
	left: auto;
	right: 10px;
	-webkit-transform: scale(-1);
	-moz-transform: scale(-1);
	-o-transform: scale(-1);
	-ms-transform: scale(-1);
	transform: scale(-1);
}
#widgetlistbottom div.widgetinnerbox {
	position: relative;
	width: 215px;
	height: 150px;
}
#widgetlistbottom div.widgetinnerbox div.widgettext {
	position: absolute;
	bottom: 0;
	left: 0;
	background-color: #003387;
	color: #fff;
	padding: 4px 10px;
	line-height: 14px;
	font-size: 14px;
	-webkit-transition: all 0.2s ease-in-out;
	-moz-transition: all 0.2s ease-in-out;
	-o-transition: all 0.2s ease-in-out;
	transition: all 0.2s ease-in-out;
}
#widgetlistbottom a:hover div.widgetinnerbox div.widgettext {
	background-color: #ffe500;
	color: #000;
}


/* content */
#contentwrap article {
	padding: 44px 48px 0 48px;
	width: 694px;
	line-height: 1.5em;
}

fieldset.formular form > div {
	display: block;
	margin: 10px 20px;
}
fieldset.formular label {
	display: inline-block;
	width: 10%;
	margin-right: 20px;
}
fieldset.formular input {
	padding: 4px 10px;
	line-height: 24px;
	font-size: 14px;
}
fieldset.formular input.submit {
	margin-left: 20%;
}


/* references */
div.qrtitle {
	font-weight: bold;
	color: #505564;
	margin-bottom: 40px;
}
div.qrtitle a {
	color: #003387;
}
div.reference {
	position: relative;
	display: block;
	padding: 20px 0;
	border-bottom: 1px solid #000;
}
div.reference:last-child {
	border-bottom: 0 none;
}
div.reference div.tbox {
	position: relative;
	float: left;
	width: 230px;
}
div.reference div.tbox div.cats a {
	color: #000;
	font-weight: bold;
}
div.reference div.imgbox {
	position: relative;
	float: right;
	width: 440px;
}
div.reference div.imgbox img {
	width: 100%;
	height: auto;
}
div.reference div.imgbox div.qrtext {
	position: absolute;
	left: 0;
	bottom: 0;
	padding: 4px 10px;
	background-color: #fff;
}


/* responsive changes */
@media (max-width: 1024px) {
#toplinks {display: none;}
#headertopbox, #headerimgbox, #mainmenubox, #contentwrap, #footerwrap {
	width: 100%;
}
#headerimgbox {
	width: 100%;
	height: 285px;
}
div.ulslider_source li div.smbtext1 {
	top: 100px;
}
div.ulslider_source li div.smbtext2 {
	top: 155px;
}
#mainmenu_nav > li {
	vertical-align: top;
}
#mainmenu_nav > li > a {
	max-width: 175px;
}
#mainmenu_nav > li:first-child > a {
	width: auto;
}
#mainmenu_nav > li:last-child > ul {
	right: 0;
}
#bottommenu_nav {
	padding: 0 10px;
	text-align: center;
}
#bottommenu_nav > li {
	width: 175px;
	margin-right: 16px !important;
	background-size: 175px 129px;
	padding-top: 129px;
}
#bottommenu_nav > li:last-child {
	margin-right: 0 !important;
}
#contentwrap article {
	width: 444px;
}
div.reference div.tbox {
	width: 25%;
}
div.reference div.imgbox {
	width: 70%;
}
}
@media (max-width: 1000px) {
#widgetlistbottom {
	width: 708px;
	padding-left: 40px;
	padding-right: 20px;
}
}
@media (max-width: 767px) {
#widgetlistbottom {display: none;}
#rightportlet {display: none;}
#logo2 {display: none;}
#logo1 {
	top: 10px;
	left: 10px;
	background-image: url(../images/main/LSLW_LogoText_iPhone6plus.png);
	width: 230px;
	height: 90px;
}
div.ulslider_source li div.smbtext1, div.ulslider_source li div.smbtext2 {
	display: none;
}
#headerimgbox {
	height: 200px;
}
#headertopbox {
	height: 172px;
}
#emergencycall {
	position: absolute;
	top: 0;
	right: 10px;
	background: url(../images/main/Notruf-plus-Telefon-54px.png) no-repeat center transparent scroll;
	background-size: contain;
	width: 130px;
	height: 90px;
	display: block;
}
#contentwrap article {
	width: auto;
	padding: 44px 10px 0;
}
#footerwrap {
	background-color: #012169;
}
#footeradress {
	display: none;
	background-color: transparent;
	color: #fff;
	float: left;
	padding: 15px 10px;
	width: 45%;
}
#footeradress a {
	color: #fff;
}
#footeradress span {
	display: block;
	visibility: hidden;
	line-height: 10px;
}
#footermenu {
	float: none;
	width: auto;
	position: relative;
}
#footermenu_nav {
	padding: 15px 0;
	display: flex;
	flex-direction: column-reverse;
}
#footermenu li {
	display: block;
	margin: 0 10px;
	padding: 0;
	font-size: 0;
	flex: 0 0 auto;
	border-bottom: 2px solid #8099c3;
}
#footermenu li:last-child {
	border-top: 2px solid #8099c3;
}
#footermenu li:nth-child(2n+0) {
	display: none;
}
#footermenu a {
	color: #fff;
	display: block;
	padding: 10px 0;
	text-align: center;
}
#footermenu > div {
	color: #fff;
	text-align: center;
	line-height: 20px;
}
#footermenu > div span {
	display: block;
}
#mobilebuttons {
	position: relative;
	top: 112px;
	left: 0;
	height: 56px;
	display: block;
	font-size: 0;
	line-height: 0;
	background-color: #012169;
	border: 2px solid #fff;
	border-width: 2px 0;
}
#mobilebuttons > div {
	position: relative;
	width: 33%;
	height: 100%;
	text-align: center;
	vertical-align: top;
	display: inline-block;
	background: url(../images/main/mobilemenu_seperator.png) no-repeat right center transparent scroll;
	background-size: 2px 30px;
}
#mobilebuttons > div > a {
	display: block;
	font-size: 20px;
	color: #fff;
	line-height: 56px;
	text-align: center;
}
#mobilebuttons > div:nth-child(2) {
	width: 34%;
	background-image: none;
}
#mobilebuttons > div:last-child {
	background-position: left center;
}
#responsivemenumarker {
	background: url(../images/main/mobilemenu_open.png) no-repeat center transparent scroll !important;
	background-size: contain !important;
	cursor: pointer;
}
#mainmenuwrap {
	border: 0 none;
}
#mainmenubox {
	position: absolute;
	display: none;
	top: 0;
	left: 0;
	width: 100%;
	height: auto;
}
#mainmenubox.open {
	display: block;
	background-color: #003387;
	z-index: 100;
}
#mainmenu_nav li {
	display: block;
}
#mainmenu_nav > li > a {
	width: auto;
	max-width: 100%;
}
#mainmenu_nav a {
	padding-right: 0;
	margin-right: 60px;
}
#mainmenu_nav a.hassub {
	background: url(../images/main/mobilemenu_seperator.png) no-repeat right center transparent scroll;
	background-size: 2px 20px;
}
#mainmenu_nav a.active, #mainmenu_nav a:hover {
	background-color: transparent;
}
#mainmenu_nav ul {
	position: relative;
	display: none;
}
#mainmenu_nav ul a {
	padding-left: 36px;
	margin-right: 0;
	word-break: break-all;
}
#mainmenu_nav li:hover ul {
	display: none;
}
#mainmenu_nav ul.open {
	display: block !important;
}
#mainmenu_nav ul li {
	background-color: transparent;
}
#mainmenu_nav li div {
	position: absolute;
	top: 10px;
	right: 0;
	height: 16px;
	width: 60px;
	display: block;
	background: url(../images/main/arrow.png) no-repeat center 2px transparent scroll;
	cursor: pointer;
}
#mainmenu_nav li div.open {
	background-position: center -17px;
}
div.reference div.tbox {
	float: none;
	width: 100%;
}
div.reference div.imgbox {
	float: none;
	width: 100%;
	margin-top: 20px;
}
}