@charset "UTF-8";
/* CSS Document */

/*Farben:
rot: #e60003
grau: #666
*/


/* Box-Sizing */
* {	
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	margin:0;
	padding:0;
}

/* General Styling */
html { 
	overflow-y:scroll; 
}/*verhindert das springen von kurzen Seiten wegen der Scrolleiste*/

body {
	background: rgb(255,255,255);
	background: -moz-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%, rgba(235,235,235,1) 100%);
	background: -webkit-radial-gradient(center, ellipse cover, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	background: radial-gradient(ellipse at center, rgba(255,255,255,1) 0%,rgba(235,235,235,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#ebebeb',GradientType=1 );
	color:#000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:19px;
}

h1, h2, h3 {
	color:#e60003;
    font-family: Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:15px;
}
h1 {
    font-size:24px;
    line-height:28px;
	font-weight:lighter;
	text-transform:uppercase;
}
h2, h3 {
    font-size:14px;
    line-height:22px;
    font-weight:bold;
}
h2.gross {
    font-size:18px;
}
p {
	padding-bottom:13px;
}
ul {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	padding-bottom:15px;
	margin-left:14px;
}
li {
	padding-bottom:6px;
}
fieldset {
	border:none;
}
ul.formular {
	list-style:none;
	margin-left:0;
}
ul.formular label {
	width: 126px;
    display: block;
    float: left;
	cursor:pointer;
}
ul.formular input, ul.formular textarea {
	width:350px;
}
ul.formular input:focus, ul.formular textarea:focus {
    background-color:#e7e7e7;
}
ul.formular input {
	height:26px;
}
ul.formular li {
	margin-bottom:14px;
}
ul.formular .button {
    font-family: Verdana,Arial,Helvetica,sans-serif;
	font-size:13px;
	color:#fff;
	background-color:#666666;
	padding:5px 8px;
	border-radius:6px;
	cursor:pointer;
	width: inherit;
	height: inherit;
	margin-left:126px;
}
td, tr {
	color:#000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size:14px;
    line-height:19px;
	padding-bottom:8px;
	font-size:12px;
}
tr {
	vertical-align:top;
}
table.partner tr {
	vertical-align:middle;
}
td {
	padding:6px 2px 8px 8px;
}
table.preise td, table.nachtwaechter-fuehrungen td {
	background:#f0f0f0;
}
table.partner td:first-child{
	text-align:center;
	width:85px;
}
table td.head {
	background:#CCC;
}
table.preise, table.nachtwaechter-fuehrungen {
	width:100%;
	margin-top:10px;
	margin-bottom:8px;
}
table.partner {
	margin-top:10px;
	margin-bottom:8px;
}

a, a:link, a:active, a:visited {
	color:#e60003;
}
a:hover {
	color:#666;
}


#wrapper {
	margin:0 auto;
	max-width:1200px;
	background-color:#fff;
}
#header {
	background:url(../images/panorama_luebeck.jpg) no-repeat;
	overflow:hidden;
	height:347px;
}
.logo {
	background:url(../images/logo_roter_balken.png) bottom center no-repeat;
	height:347px;
}
#navi {
	margin-top:-24px;
	margin-left: 10px;
}

/*content*/
#content {
	margin:80px auto 50px;
	width:80%;
	overflow:hidden;
}
#content-left {
	float:left;
	width:65%;
	margin-right:10%;
}
#content-right {
	float:right;
	width:25%;
}
.float-left-1-schmal {
	float:left;
	width:32%;
}
.float-left-1 {
	float:left;
	width:68%;
}
.float-left-2-breit {
	float:left;
	width:45%;
}
.float-left-2 {
	float:left;
	width:55%;
}
.img-schmal {
	width:93%;
	margin-bottom:16px;
}
.img-breit {
	width:93%;
}

/*class*/
.schwarz {
	color:#000;
}
p.lead {
	font-weight:bold;
}
.bold {
	font-weight:bold;
}
.rot {
	color:#e60003;
}
.p-klein, .p-klein-rot, .p-klein-weiss, .p-klein-versalien, .p-klein-rot-versalien, .p-klein-weiss-versalien {
    font-size:10px;
    line-height:14px;
}
.p-klein a, .p-klein-versalien a {
	color:#000;
}
.p-klein a:hover, .p-klein-versalien a:hover {
	color:#fff;
}
.p-klein-rot, .p-klein-rot-versalien {
	color:#e60003;
}
.p-klein-rot-versalien {
	text-transform:uppercase;
}
.p-klein-weiss, .p-klein-weiss a, .p-klein-weiss-versalien, .p-klein-weiss-versalien a {
	color:#fff;
}
.p-klein-weiss a:hover, .p-klein-weiss-versalien a:hover {
	color:#444;
}
.p-klein-weiss-versalien, .p-klein-weiss-versalien a {
	text-transform:uppercase;
}
.clear {
	clear:both;
}
.desktoponly {
}
.mobilonly {
	display:none;
}

/* Abstände */
.pt-20 {
	padding-top:20px;
}
.pt-30 {
	padding-top:30px;
}
.pt-50 {
	padding-top:50px;
}
.pb-0 {
	padding-bottom:0;
}
.pb-5 {
	padding-bottom:5px;
}
.pb-8 {
	padding-bottom:8px;
}
.pb-20 {
	padding-bottom:20px;
}
.pb-40 {
	padding-bottom:40px;
}
.mb0 {
	margin-bottom:0;
}

/*footer*/
#footer {
	background:#e60003;
	padding:20px 0 4px;
}
#footer-1 {
	margin:0 auto;
	width:80%;
	overflow:hidden;
	border-bottom: 1px solid #fff;
}
#footer-1 #content-left {
	float:left;
	width:55%;
	margin-right:10%;
}
#footer-1 #content-right {
    float: right;
    width: 35%;
}
#footer-2, #footer-2-mobil {
	margin:35px auto 10px;
	text-align:center;
}
#footer-2-mobil {
	display:none;
}

/*ajatix-menu*/
.AJXCSSMenuSDRXcHC {
	text-align:left;
}
.AJXCSSMenuSDRXcHC > ul > li > a {
	color:#e60003;
    font:13px/25px Verdana,Arial,Helvetica,sans-serif;
	border-right:1px solid #e60003;
	padding: 0 15px 0 6px !important;
}
.AJXCSSMenuSDRXcHC li li a {
	color:#e60003;
    font:13px/25px Verdana,Arial,Helvetica,sans-serif;
	border-bottom:1px solid #666666;
	padding:0 8px;
}
.AJXCSSMenuSDRXcHC > ul > li > a.ajxsub {
	padding-right:24px !important;
}
.AJXCSSMenuSDRXcHC ul {
	background:#fff;
}
.AJXCSSMenuSDRXcHC li li:hover > a, .AJXCSSMenuSDRXcHC li li.ajxover > a {
    background: #fff none repeat scroll 0 0;
    color: #666;
}
.AJXCSSMenuSDRXcHC > ul > li:hover > a.ajxsub,.AJXCSSMenuSDRXcHC > ul > li.ajxover > a.ajxsub {
	background-color:inherit;
}
.AJXCSSMenuSDRXcHC > ul > li > a:hover {
	color:#666;
	background-color:inherit;
}
.AJXCSSMenuSDRXcHC li ul, .AJXCSSMenuSDRXcHC li li {
	width:205px;
}
.AJXCSSMenuSDRXcHC li ul {
	padding:0;
}
.AJXCSSMenuSDRXcHC li ul {
	background:#fff;
}

/* tablet */
@media only screen and (max-width : 1024px) {
		#wrapper {
			max-width:100%;
		}
		#content {
			margin:70px auto 30px;
			width:95%;
		}
		#footer-1 {
			width:95%;
		}
		#footer-2, #footer-2-mobil {
			margin: 20px auto 10px;
		}
}


/* iPhone 6 and 6+ */
@media only screen 
    and (max-device-width: 640px), 
    only screen and (max-device-width: 667px), 
    only screen and (max-width: 480px)  {
		p {
			padding-bottom:10px;
			-ms-hyphens:auto;
			-webkit-hyphens:auto;
			hyphens:auto;
		}
		h1 {
			font-size:18px;
		}
		h2, h3 {
			margin-top:18px;
		}
		td {
			padding:6px 4px 8px 6px;
		}
		#wrapper {
			width:100%;
		}
		#header {
			background-image:url("../images/holstentor_luebeck-head-mobil.jpg");
			background-position:top center;
			height:420px;
		}
		.logo {
			background-image:url("../images/logo_roter_balken-mobil.png");
			height:409px;
		}
		#navi {
			margin-left:0;
		}
		#content, #footer-2-mobil, #footer-1 {
			width:90%;
		}
		#content-left, #content-right {
			width:100%;
		}
		#content {
			margin:0 auto 20px;
		}
		#content-left {
			float:none;
			margin-right:0;
		}
		#content-right {
			margin:0 auto;
			float:none;
		}
		.mobilonly {
			display:inherit;
		}
		.desktoponly {
			display:none;
		}
		.float-left-1, .float-left-1-schmal, .float-left-2, .float-left-2-breit {
			float:none;
			width:100%;
		}
		.float-left-1-schmal {
			margin-bottom:8px;
		}
		.float-left-1 {
			margin-bottom:24px;
		}
		.img-schmal {
			width:100%;
		}
		#footer-1 {
			border-bottom:none;
		}
		#footer-1 #content-left {
			float:none;
			width:100%;
			margin-right:0;
		}
		#footer-1 #content-right {
			float:none;
			width:100%;
		}
		#footer-2 {
			display:none;
		}
		#footer-2-mobil {
			display:inherit;
			margin:0 auto;
			text-align:left;
		}
		#navi {
			margin-top:0;
		}
		.AJXCSSMenuSDRXcHC_n .ajxover li {
			padding-bottom:0;
		}
		.AJXCSSMenuSDRXcHC_n > ul.ajxover {
			margin-top: 40px;
		}
		.AJXCSSMenuSDRXcHC_n {
			background:inherit;
			margin-top:-410px;
			position:absolute;
		}
		.AJXCSSMenuSDRXcHC_n::before {
			color:#fff;
			background-color:#e60003;
			font:normal 45px/29px Arial,Helvetica,sans-serif;
			right:28px;
			border-radius:100px;
			width:50px;
			padding:10px 0;
			text-align:center;
			border:2px solid #ca0002;
		}
		.AJXCSSMenuSDRXcHC_n > ul::before {
			color:#e60003;
			position: inherit;
			content:inherit;
		}
		.AJXCSSMenuSDRXcHC_n li a {
			color: #e60003;
			font: 12px/14px Verdana,Arial,Helvetica,sans-serif;
			padding: 7px 6px 8px;
		}
		.AJXCSSMenuSDRXcHC_n li > ul > li {
			margin-left:12px;
			border-bottom:1px solid #CCC;
		}
		.AJXCSSMenuSDRXcHC_n li > ul > li:last-child {
			border-bottom:none;
		}
		.AJXCSSMenuSDRXcHC_n li > ul {
			background-color:#fff;
		}
		.AJXCSSMenuSDRXcHC_n > ul.ajxover, .AJXCSSMenuSDRXcHC_n li ul {
			padding:0;
		}
		.AJXCSSMenuSDRXcHC_n li:hover > a,.AJXCSSMenuSDRXcHC_n li.ajxover > a, 
		.AJXCSSMenuSDRXcHC_n li:hover > a.ajxsub,.AJXCSSMenuSDRXcHC_n li.ajxover > a.ajxsub {
			background-color:#fff;
		}
		.AJXCSSMenuSDRXcHC_n ul {
			background:none;
		}
		.AJXCSSMenuSDRXcHC_n li {
			margin:0;
			border-bottom: 1px solid #666666;
		}
		ul.formular label {
			margin-bottom:4px;
		}
		ul.formular input, ul.formular textarea {
			width:98%;
		}
		ul.formular .button {
			margin-left:0;
		}
}