@charset "ISO-8859-1";

/* GENERAL SETTINGS */

/* Font-Awesom Light integration */
@font-face {
  font-family: 'FontAwesome';
  src: url('../fonts/fontawesome-webfont.eot?v=4.3.0');
  src: url('../fonts/fontawesome-webfont.eot?#iefix&v=4.3.0') format('embedded-opentype'), url('../fonts/fontawesome-webfont.woff2?v=4.3.0') format('woff2'), url('../fonts/fontawesome-webfont.woff?v=4.3.0') format('woff'), url('../fonts/fontawesome-webfont.ttf?v=4.3.0') format('truetype'), url('../fonts/fontawesome-webfont.svg?v=4.3.0#fontawesomeregular') format('svg');
  font-weight: normal;
  font-style: normal;
}

.fa {
  display: inline-block;
  font: normal normal normal 14px/1 FontAwesome;
  font-size: inherit;
  text-rendering: auto;
  -webkit-font-smoothing: antialiased;
  -moz-osx-font-smoothing: grayscale;
  transform: translate(0, 0);
}

.fa-sign-out:before {
  content: "\f08b";
}

body {
	padding: 0px;
	margin: 0px;
	background-image: url("/images/bg_body.png");
	background-position: center;
	background-repeat: repeat-y;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', 'Droid Sans', sans;
}

a {
	-webkit-transition-property: color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: color;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease;
	transition-property: color;
	transition-duration: .2s;
	transition-timing-function: ease;
}

/* OVERALL SETTINGS */

#header {
	width: 100%;
}

#header #logo {
	width: 100%;
	left: 0px;
	top: 0px;
	height: 81px;
	background-image: url("/images/bg_header_logo.png");
	background-repeat: repeat-x;
}

#header #logo #button_impressum {
/*	display: inline-block; */
	position: fixed;
	left: 0;
	top: 0;
	z-index: 55;
}
#header #logo .button_impressum-kontakt:link, 
#header #logo .button_impressum-kontakt:visited, 
#header #logo .button_impressum-kontakt:active 
{
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', 'Droid Sans', sans;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	line-height: 18px;
	position: static;
	padding-left: 6px;
	color: #7B7B7B;
	text-decoration: none;
	letter-spacing: 1px;
	vertical-align: middle;
}

#header #logo .button_impressum-kontakt:hover
{
	color: #ED1C24;
}
#header #logo .button_home {
	background-image: url("/images/button_home.png");
	background-repeat: no-repeat;
	background-position: center;
	width: 15px;
	height: 15px;
	line-height: 18px;
	display: inline-block;
	vertical-align: middle;
	margin-left: 11px;
}

#header #logo .button_home:hover {
	background-image: url("/images/button_home-hover.png");
}

#header #logo #img_logo {
	position: absolute;
	left: 50%;
	margin-left: -174px;
	top: 17px;
}

#header #menu {
	width: 100%;
	height: 39px;
	background-image: url("/images/bg_header_menu.png");
	background-repeat: repeat-x;
	text-align:center;
}

#header #menu .button_menu {
	-webkit-transition-property: color;
	-webkit-transition-duration: .2s;
	-webkit-transition-timing-function: ease;
	-moz-transition-property: color;
	-moz-transition-duration: .2s;
	-moz-transition-timing-function: ease;
	-o-transition-property: color;
	-o-transition-duration: .2s;
	-o-transition-timing-function: ease;
	transition-property: color;
	transition-duration: .2s;
	transition-timing-function: ease;
}

#header #menu .button_menu
{
	height: 39px;
	line-height: 39px;
	padding-left: 15px;
	padding-right: 15px;
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', 'Droid Sans', sans;
	font-size: 16px;
	color: #000000;
	letter-spacing: 2px;
	display: inline-block;
	text-decoration: none;
}

#header #menu .button_menu:hover {
	border-bottom-style: solid;
	border-bottom-color:#939393;
	border-bottom-width: 2px;
	color: #ED1C24;
}

#header #menu #mobile_menu_button
{
	display: none;
}

#content {
	max-width: 750px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 5px;
}

#content h2 {
	
}

#content .bold {
	font-weight: bold;
}

#content .red {
	color: #ED1C24;
}

/* 2018-06-02: added for normal content */
#content .smaller {
	font-size: smaller;
}

/* 2018-06-02: added for Impressum overhead */
#content .xlarge {
	font-size: x-large;
}

/* 2018-06-02: Changed Impressum from Table to Div's */
#content .leftspace30 {
	margin-left: 30px;
}

/* 2018-06-02: Changed Impressum from Table to Div's */
#content .bottomspace20 {
	margin-bottom: 20px;
}

/* 2018-06-02: Added for extra space in Impressum */
#content .bottomspace10 {
	margin-bottom: 10px;
}

#content td.bold {
	font-weight: bold;
}

#content td.smaller {
	font-size: smaller;
}

#content td.grey {
	color: #7B7B7B;
}

#content td.xsmall {
	font-size: x-small;
}

#content td.vtop {
	vertical-align: top;
}

#content .placeholder_1-40 {
	width: 1px;
	height: 40px;
}

#content div.error_message_wrapper {
	position: fixed;
	left: 50%;
	top: 10%;
	width: 500px;
	height: 150px;
	margin-left: -250px !important;
	margin: auto;
	border-style: solid;
	border-color: #7C7C7C;
	border-width: 2px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #C7C7C7, 0 0 0 5px #FFB8B8 inset;
	background-color: #FFEEEE;
	padding: 10px;
	padding-top: 20px !important;
	color: #C00000;
	font-weight: bold;
}

#content div.error_message_wrapper .icon_close {
	position: absolute;
	left: 50%;
	top: 135px;
	font-size: medium;
	margin-left: -50px;
	display: inline-block;
	text-align: center;
	width: 100px;
	color: #000000;
	height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #C7C7C7;
	border-radius: 5px;
	line-height: 30px;
	background: rgb(234,234,234);
	background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(188,188,188,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(188,188,188,1)));
	background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#bcbcbc',GradientType=0 );
}

#content div.error_message_wrapper .icon_close:hover {
	cursor: pointer;
	border-color:#818181;
}

#content div.error_message {
	width:99%;
	height:99%;
	margin:auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#content div.success_message_wrapper {
	position: fixed;
	left: 50%;
	top: 10%;
	width: 500px;
	height: 150px;
	margin-left: -250px !important;
	margin: auto;
	border-style: solid;
	border-color: #086800;
	border-width: 2px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #C7C7C7, 0 0 0 5px #B8FFBB inset;
	background-color: #EFFFEE;
	padding: 10px;
	padding-top: 20px !important;
	color: #00C008;
	font-weight: bold;
}

#content div.success_message_wrapper .icon_close {
	position: absolute;
	left: 50%;
	top: 135px;
	font-size: medium;
	margin-left: -50px;
	display: inline-block;
	text-align: center;
	width: 100px;
	color: #000000;
	height: 30px;
	border-style: solid;
	border-width: 1px;
	border-color: #C7C7C7;
	border-radius: 5px;
	line-height: 30px;
	background: rgb(234,234,234);
	background: -moz-linear-gradient(top, rgba(234,234,234,1) 0%, rgba(188,188,188,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(234,234,234,1)), color-stop(100%,rgba(188,188,188,1)));
	background: -webkit-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: -o-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: -ms-linear-gradient(top, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	background: linear-gradient(to bottom, rgba(234,234,234,1) 0%,rgba(188,188,188,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eaeaea', endColorstr='#bcbcbc',GradientType=0 );
}

#content div.success_message_wrapper .icon_close:hover {
	cursor: pointer;
	border-color:#818181;
}

#content div.success_message {
	width:99%;
	height:99%;
	margin:auto;
	overflow-y: auto;
	overflow-x: hidden;
}

#content div.hint_for_no_offers_wrapper {
	width: 90%;
	margin-top: 20px !important;
	height: 30px;
	margin: auto;
	border-style: solid;
	border-color: #FFCC00;
	border-width: 2px;
	border-radius: 10px;
	box-shadow: 5px 5px 10px #C7C7C7, 0 0 0 5px #FFE1A3 inset;
	background-color: #FFEDC8;
	padding: 10px;
	padding-top: 20px !important;
	color: #FF5200;
	font-weight: bold;
	text-align: center;
	line-height: 20px;
}

#content div.hint_for_no_offers {
	width:99%;
	height:99%;
	margin:auto;
}

#footer {
	position: fixed;
	left: 0px;
	bottom: 0px;
	width: 100%;
	height: 40px;
	background-image: url("/images/bg_footer.png");
	background-repeat: repeat-x;
}

#footer .address {
	font-family: 'Lucida Sans Unicode', 'Lucida Grande', 'Helvetica Neue', 'Droid Sans', sans;
	font-size: 11px;
	line-height: 24px;
	color: #7B7B7B;
	margin: 2pX;
	display: inline-block;
}

#footer .address .blackbold {
	color: #000000;
	font-weight: bold;
}

#footer .address .redbold {
	color: #ED1C24;
	font-weight: bolder;
}

#footer #facebook {
	position: fixed;
	right: 5px;
	bottom: 1px;
	width: 36px;
	height: 36px;
	background-image: url("/images/button_facebook.png");
	background-repeat: no-repeat;
}

#footer .footer_fullscreen
{
	display: inline;
}

#footer .footer_mobile
{
	display: none;
}

.imagezoom
{
	position: absolute;
	background-color: #e5e5e5;
	border-width: 0px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-color: #7b7b7b;
	border-style: solid;
	width: 100%;
	left: 0px;
	padding-top: 10px;
	padding-bottom: 10px;
	margin: 0;
}


@media only screen
and (min-width : 320px)
and (max-width : 827px)
{
	/* STYLESHEET FOR 320px portrait */
	#header #logo
	{
		height: 40px;
	}
	
	#header #logo #img_logo
	{
		left: auto !important;
		right: 4px;
		top: 4px;
		height: auto;
		width: 200px;
	}
	
	#header #menu #submenu
	{
		display: none;
	}
	
	#header #menu #submenu.submenu_active
	{
		display: inline-block;
		border-top-color: #7b7b7b;
		border-top-style: solid;
		border-top-width: 2px;
		width: 100%;
		position: relative;
		z-index: 500;
	}
	
	#header #menu #submenu.submenu_active a 
	{
		text-decoration: none;
	}
	
	#header #menu #submenu.submenu_active .button_menu
	{
		display: block;
		position: relative;
		z-index: 510;
		width: 100%;
		background-color: #dbdbdb;
		text-decoration: none;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #7B7B7B;
	}
	
	#header #menu #submenu.submenu_active .button_menu:hover
	{
		color: #ED1C24;
		border-bottom-style: solid;
		border-bottom-width: 1px;
		border-bottom-color: #7B7B7B;
	}
	
	#header #logo #button_impressum
	{
		top: 45px;
	}
	
	#header #menu #mobile_menu_button
	{
		-webkit-transition-property: border background color;
		-webkit-transition-duration: .2s;
		-webkit-transition-timing-function: ease;
		-moz-transition-property: border background color;
		-moz-transition-duration: .2s;
		-moz-transition-timing-function: ease;
		-o-transition-property: border background color;
		-o-transition-duration: .2s;
		-o-transition-timing-function: ease;
		transition-property: border background color;
		transition-duration: .2s;
		transition-timing-function: ease;
		display: block;
		position: relative;
		width: 40px;
		height: 39px;
		font-size: 32px;
		margin-right: 8px;
		margin-left: auto;
	}
	
	#header #menu #mobile_menu_button::before
	{
		content: "";
		position: absolute;
		top: 10px;
		left: 4px;
		width: 32px;
		height: 4px;
		color: #fff;
		border-top: 12px double #000000;
		border-bottom: 4px solid #000000;
		box-sizing: content-box;
	}
	
	#header #menu #mobile_menu_button.mobile_menu_button_active
	{
		background-color: #7B7B7B;
		border-radius: 3px 3px 0 0;
	}
	
	#header #menu #mobile_menu_button.mobile_menu_button_active::before
	{
		border-bottom: 4px solid #ED1C24;
	}
	
	#content
	{
		font-size: smaller;
	}
	
	#footer .address
	{
		line-height: 16px;
	}
	
	#footer .footer_fullscreen
	{
		display: none;
	}
	
	#footer .footer_mobile
	{
		display: inline;
	}
	
	#content div.hint_for_no_offers_wrapper
	{
		line-height: 16px;
		padding-top: 12px !important;
		font-size: 14px;
		width: 82%;
	}
	
	#content
	{
		max-width: 94%;
	}
}

 

@media only screen
and (min-width : 320px)
and (max-width : 827px)
and (orientation : landscape)
{
	/* STYLESHEET FOR 320px landscape */

}

@media only screen
and (min-width : 828px)
and (max-width : 957px)
{
	/* STYLESHEET FOR MIDDLE SIZE WEBSITE */
	#header #menu .button_menu
	{
		font-size: 10px;
		padding-top: 8px;
		height: 31px;
	}
	
	#header #logo #button_impressum a.button_impressum-kontakt
	{
		font-size: 10px;
	}
}

@media only screen
and (min-width : 958px)
and (max-width : 1026px)
{
	/* STYLESHEET FOR MIDDLE SIZE WEBSITE */
	#header #menu .button_menu
	{
		font-size: 12px;
		padding-top: 8px;
		height: 31px;
	}
}


@media only screen
and (min-width : 1027px)
and (max-width : 1100px)
{
	/* STYLESHEET FOR MIDDLE SIZE WEBSITE */
	#header #menu .button_menu
	{
		font-size: 14px;
	}
}