@CHARSET "UTF-8";
/*************** Load Open Sans ****************/
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 600;
  src: local('Open Sans SemiBold Italic'), local('OpenSans-SemiBoldItalic'), url('/css/fonts/open_sans/OpenSans-SemiBoldItalic.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: italic;
  font-weight: 700;
  src: local('Open Sans Bold Italic'), local('OpenSans-BoldItalic'), url('/css/fonts/open_sans/OpenSans-BoldItalic.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 600;
  src: local('Open Sans SemiBold'), local('OpenSans-SemiBold'), url('/css/fonts/open_sans/OpenSans-SemiBold.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin */
@font-face {
  font-family: 'Open Sans';
  font-style: normal;
  font-weight: 700;
  src: local('Open Sans Bold'), local('OpenSans-Bold'), url('/css/fonts/open_sans/OpenSans-Bold.ttf');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/*************** CSS RESET ****************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.2 !important;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
button:focus {outline:0;}
input:focus {outline:0;}
/********************** Default **************************/

* {
 font-size: 100%;
 font-family: Open Sans;
 color: #333;
 -webkit-text-size-adjust: none;
 font-weight: normal;
 font-style: normal;
}

body {
	background-color: #fff;
	width: 100%;
	overflow-y: scroll;
}


p, span, div, label {
 font-family: Open Sans;
 font-size: 16px;
 font-style: normal;
 font-weight: 600;
 -webkit-text-size-adjust: none;
}

h1 {
 font-size: 20px;
 font-weight: bold;
	margin-bottom: 10px;
}

h2 {
 font-size: 18px;
 font-weight: bold;
	margin-bottom: 10px;
}

hr {
	margin: 0;
}

strong {
font-weight: bold; 
}

em {
 font-style: italic;
}
/***** elements ***/
a {
    color: #004400;
    font-family: Open Sans;
    font-size: 16px;
    font-weight: bold;
    text-decoration: none;
}

a:hover {
    text-decoration: underline;
}

.fontsize14 {
    font-size: 14px;
}

.itext {
/*    -moz-appearance: none;*/
    background-color: #FFFFFF;
 	border: 3px solid #C6C6C6;
    font-size: 18px;
    font-weight: bold;
    height: 31px; 
    padding: 0px 5px 1px 2px;
    vertical-align: middle;
}
input::-ms-clear {
    display: none;
}
input[type="text"], input[type="password"],  input[type="checkbox"], textarea {
	-webkit-appearance: none;
	-webkit-border-radius:0px;
    border: 3px solid #C6C6C6;
}
input[type="text"]:disabled , input:disabled , input[disabled] {
	-webkit-appearance: none;
	-webkit-border-radius:0px;
	color: #333;
	background-color: #ebebe4;
	border: 3px solid #c6c6c6;
}
textarea {
 cursor: text;
}
hr.grey {
    background-color: #999999;
    border: medium none;
    color: #999999;
    height: 1px;
    margin: 5px 2px;
}

hr.seite {
    background-color: #999999;
    border: medium none;
    color: #999999;
    height: 1px;
    margin: 10px 0;
}

.error {
    color: #bc0707;
}
input.error {
    background-color: #ffb3b3;
    border: 3px solid #bc0707;
    color: #000;
}
ol {
 list-style:  decimal outside none;
 margin: 0 0 10px 20px; 
}
ol li {
 margin: 0 0 5px 20px; 
 
}
/*************************** Check Box *****************/

input[type="checkbox"] {
   outline: 3px solid #BC0707;
   margin-top: 10px;
   display: none;
}

.regular-checkbox {
	display: none;
}
.regular-checkbox + label {
	background-color: #fafafa;
	border: 3px solid #a6a6a6;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
	padding: 9px;
	border-radius: 3px;
	display: inline-block;
	position: relative;
	margin-bottom:0;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
	background-color: #e9ecee;
	border: 3px solid #adb8c0;
	box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
	color: #99a1a7;
}
.regular-checkbox:checked + label:after {
	content: '\2714';
	font-size: 14px;
	position: absolute;
	top: -3px;
	left: 0;
	color: #004400;
}
.big-checkbox + label {
	padding: 12px;
}
.big-checkbox:checked + label:after {
	font-size: 28px;
	left: 0;
}


			
#stay_logged_label {
	display: inline-block;
	margin: 10px 10px 0 0;
}
/******************* Checkbox End *********************/




#search_web_input {
	width:94%;
}

@media screen and (max-width: 899px) {
	#search_web_input {
		width:88%;
	}
}

@media screen and (max-width: 499px) {
	#search_web_input {
		width:82%;
	}
}


.button_new {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
    -moz-appearance: none;
    background-color: #004400;
    background-image: linear-gradient(0deg, #002200, #004400);
    border: 1px solid #001100;
/*    border-radius: 4px; */
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
		
    color: #FFFFFF;
    display: inline-block;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 5px;
    vertical-align: middle;
    height: 38px;
    text-transform:uppercase;
}

.button_new:hover, .button_new:active {
  background-color: #005500;
  background-image: -moz-linear-gradient(0deg, #003300, #005500);
  background-image: -ms-linear-gradient(0deg, #003300, #005500);
  background-image: -o-linear-gradient(0deg, #003300, #005500);
  background-image: -webkit-linear-gradient(0deg, #003300, #005500);
  background-image: linear-gradient(0deg, #003300, #005500);
  text-decoration: none;
  cursor: pointer;
 }

.button_new_red {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
	
    -moz-appearance: none;
    background-color: #b90609;
    background-image: linear-gradient(0deg, #a90609, #b90609);
    border: 1px solid #001100;
/*    border-radius: 4px; */
    -webkit-appearance: none;
    -webkit-border-radius:0; 
    border-radius:0;
		
    color: #FFFFFF;
    display: inline-block;
    font-family: Open Sans;
    font-size: 18px;
    font-weight: bold;
    padding: 0px 5px;
    vertical-align: middle;
    height: 38px;
    text-transform:uppercase;
}

.button_new_red:hover, .button_new_red:active {
  background-color: #b90609;
  background-image: -moz-linear-gradient(0deg,  #b4070a, #c4070a);
  background-image: -ms-linear-gradient(0deg,  #b4070a, #c4070a);
  background-image: -o-linear-gradient(0deg,  #b4070a, #c4070a);
  background-image: -webkit-linear-gradient(0deg,  #b4070a, #c4070a);
  background-image: linear-gradient(0deg,  #b4070a, #c4070a);
  text-decoration: none;
  cursor: pointer;
 }
.bold {
	font-weight: bold !important;
}

.first {
	margin-left: 0 !important;
	padding-left: 0 !important;
}

.last {
	margin-right: 0 !important;
	padding-right: 0 !important;
}

.left10 {
	margin-left: 10px;
}

.right10 {
	margin-right: 10px;
}

.arrow-up {
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-bottom: 14px solid #004400;
}

.arrow-down {
	width: 0; 
	height: 0; 
	border-left: 14px solid transparent;
	border-right: 14px solid transparent;
	border-top: 14px solid #004400;
}

.arrow-right {
	width: 0; 
	height: 0; 
	border-top: 60px solid transparent;
	border-bottom: 60px solid transparent;
	border-left: 60px solid green;
}

.arrow-left {
	width: 0; 
	height: 0; 
	border-top: 10px solid transparent;
	border-bottom: 10px solid transparent; 
	border-right:10px solid blue; 
}

form::-webkit-input-placeholder {color:#c6c6c6; }
form::-moz-placeholder {color:#c6c6c6; } /* firefox 19+ */
form:-ms-input-placeholder {color:#c6c6c6; } /* ie */
form input:-moz-placeholder {color:#c6c6c6; }



/*************************** MSG-BOX *********************************/
.bs_msgbox, #confirmbox h2, #confirmbox2 h2  {
    background: none repeat scroll 0 0 #fff;
    color: #333;
    padding: 5px 10px;
    width: 518px;
    z-index: 9999;
/*    float: left; 
    margin-right:15px;
*/
	margin: 0 auto;
}

.bs_msgbox h2, #confirmbox h2, #confirmbox2 h2 {
    color: #333;
    font-size: 24px;
    font-weight: bold;
    text-align: left;
    margin-bottom: 2px;
}

.bs_msgbox-content {
margin-bottom: 15px;
}

.bs_msgbox-content a {
    color: #fff;
}

.bs_msgbox_close, #bs_msgbox_login_close , .mfp-close {
	right:10px; 
	top:10px;
	height: 24px;
	float: right;
}

#login_content , #login_content_mobile {
	width:100%;
	margin-top: 10px;
}
#login_content a  , #login_content_mobile a {
	color: #333;
	font-size:14px;
}

#login_content input[type="text"], #login_content input[type="password"], #login_content select, #login_content textarea ,
#login_content_mobile input[type="text"], #login_content_mobile input[type="password"], #login_content_mobile select, #login_content_mobile textarea 
{
	width: 93%;
}

#login_content input[type="submit"] , #login_content_mobile input[type="submit"]{
	margin-top: 5px;
}

#login_content label , #login_content_mobile label {
	margin-bottom: 0;
}

#login_message , #login_message_mobile {
	color: #BC0707;
    float: left;
    font-size: 14px;
    min-height: 30px;
	margin-bottom: 5px;
}

#login_form {
/*    border: 5px solid #004400;
    border-radius: 0;
*/		
}

/* @media only screen and (min-width:320px) and (max-width: 640px)  { */
@media only screen and (max-width: 660px)  {
	  .bs_msgbox, #confirmbox, #confirmbox2 {
	      width: 92%;
	  }
	  
	  .bs_msgbox-popup {
	      width: 80%;
	      left: 10%;
	      right: 10%
	  }
}

.overlay {
 position: fixed;
 top:50%;
 left:50%;
 z-index:9999;
 overflow:auto;
 width:60px;
 height:47px;
 margin-left:-50px;
 margin-top:0px;
 content: "";
 background-image: url('../images/loader.gif');
 background-position: center center;
}

/********************** MSG-BOX END **************************/

/******************************** Pagination *********************************/
.pagination {
	list-style: none;
	text-align: center;
	margin: 20px 0;
	padding: 0;
}

.pagination li {
	display: inline;
}

.pagination a,ol.pagination li.selected,.current {
	font-weight: bold;
	background-color: white;
	line-height: 14px;
	margin: 5px 5.5px 0 0;
	padding: 6.5px 5px;
	border: 1px solid #d8cdbf;
	text-decoration: none;
	font-family: Arial, Helvetica;
	font-size: 14px;
/*	
	border-radius: 7.5px;
	-o-border-radius: 7.5px;
	-moz-border-radius: 7.5px;
	-webkit-border-radius: 7.5px;
*/	
	-moz-box-shadow: 1px 1px 1px #999;
	-webkit-box-shadow: 1px 1px 1px #999;
	box-shadow: 1px 1px 1px #999;
	display: inline-block;
}

.pagination a:hover,ol.pagination a:focus {
	background-color: #004400;
	color: white;
}

.pagination li.selected {
	background-color: #95809f;
	color: white;
}

.pagination a[rel="precedent"]:before {
	content: "«";
}

.pagination a[rel="suivant"]:after {
	content: "»";
}

/** mobile activated for all ***/
#pagination {
 display: none;
}
#pagination_mobile {
 display: block;
}
/*
@media screen and (max-width: 750px) {
	#pagination {
	 display: none;
	}
	#pagination_mobile {
	 display: block;
	}
}
*/

/********************************************************************/
/*				 			Layout 									*/
/********************************************************************/

/********************** Navbar **************************/
@font-face { 
	font-family: 'Maiandra GD'; 
/*	src: url('maiandra_gd/maiandra_gd.eot'); 
	src: url('maiandra_gd/maiandra_gd.eot?#iefix') format('embedded-opentype'), 
*/	src:	
	url('maiandra_gd/Maiandb.woff') format('woff'), 
	url('maiandra_gd/Maiandb.ttf') format('truetype'); 
/*	font-weight: normal;
	font-style: normal;
*/	
}

.logo {
	display: block;
/*	background-image:url('/images/logo.png');
	width: 302px;*/
	height: 24px;
	margin:0;
/*	font-family: 'Maiandra GD' !important;*/
	font-family: 'open sans' !important;
	font-size: 18px;
	font-weight: bold;
	color: #004400;
	padding-left: 10px;
	text-transform: uppercase;
}

.logo span {
	font-size: 46px; 
	font-weight: bold;
	color: #004400;
	text-transform: uppercase;
}

.logo_mini , .logo_mini2 {
	font-family: 'Maiandra GD' !important;
	font-size: 28px;
	color: #FFFF00;
	padding-left: 10px;
	font-weight: bold;
}

.logo:hover {
	text-decoration: none;
}

#logo_mini , #logo_mini2 {
	display: none;
}

#logo_mini a, #logo_mini2 a  {
	font-size: 26px;
}


.logo2 {
	 min-width: 180px;
	 max-width: 180px;
	 width: 180px;
	 height: 123px;
	 border: 1px solid #efefef;
	 margin-left: 10px;
}
.logo3 , .logo4 {
	 min-width: 140px;
	 max-width: 140px;
	 width: 140px;
	 height: 95px;
	 border: 1px solid #efefef;
	 margin-left: 10px;
}

.greeting_long_table {
	table-layout: fixed;
	width: 100%;
	word-wrap: break-word
}

.greeting_long_table tr td {
	vertical-align: top;
}

.greeting_long_table a{
	font-size: 16px;
}

.greeting_long_table .greet_col1 {
	width: 300px;
}

.greeting_shopping_table_td1 {
 width: 140px;
}

@media screen and (max-width: 750px) {
 
	.greeting_shopping_table_td1 {
	 width: 90px;
	}
	
}


.greeting_long_table .greet_col2 {
	width: 110px;
}
/*
.greeting_long_table #col3 {
	width: 35%;
}
*/

.greeting_long_table .logo_greeting a {
font-size: 28px;
font-family: 'Maiandra GD' !important;
}

.greeting_long_table .logo_greeting_org {
  min-width: 140px;
  max-width: 140px;
  width: 140px;
  height: 95px;
  border: 1px solid #efefef;
}

#greeting_explain {
	float: right;
	margin-left:10px;
	font-style:italic;
}

	 .org_name_adress {
		 margin-left: 20px;
		 position: relative;
	 }

@media screen and (max-width: 750px) {
	#logo_full {
		display: none;
	}
	#logo_mini {
		display: block;
	}
	.logo {
		width: 30px;
	}
/*	
	 .logo2 {
		 min-width: 90px;
		 max-width: 90px;
		 width: 90px;
		 height: 62px;
	 }
*/
	 .logo2 , .logo3 , .logo4 {
		 min-width: 82px;
		 max-width: 82px;
		 width: 82px;
		 height: 56px;
	 }	 
	 .br_desktop {
	 	display: none;
	 }
	 #greeting_org_adress {
	 	display:none;
	 }
	 
	 .org_name_adress {
		 margin-left: 10px;
	 }
}

@media screen and (max-width: 520px) {
	#logo_full2 {
		display: none;
	}
	#logo_mini2 {
		display: block;
	}
}
/*
#navbar_wrapper {
  background-color: #333;  
  min-height: 40px;
  height: auto;  
position: fixed;
width: inherit;  
z-index:999;
}

@media screen and (max-width: 979px) {
  #navbar_wrapper {
    position: relative;
    z-index: initial;
  }
}

.navbar {
margin: 0 auto;
max-width: 980px;
}
.navbar-left {
    float: left !important;
    width: auto;
}
.navbar-right {
    float: right !important;
    width: auto;  
}

.navbar-right li {
  padding: 2px 5px;  
  float: left;  
}

@media screen and (max-width: 480px) {
	.navbar-right li {
		padding: 2px 0px;  
	}
}

.navbar-right a {
  display: block;
  text-decoration:none;
  color: #fff;
  font-size: 18px;
  padding: 0 5px;
  margin-top: 6px;
/*  vertical-align: middle;
}

.navbar .nav_spenden {
  background-color: #b90609; 
  min-height: 36px;
  height: auto;
}

.navbar .navbar_last {
  padding-right: 10px;
}
*/
#myaccount_long , #register_long, #register, #myaccount {
	display: block;	
}
#myaccount_short , #register_short {
	display: none;
}

@media screen and (max-width: 550px) {
	#myaccount_long , #register_long {
		display: none;
	}	

	#myaccount_short , #register_short, #myaccount {
		display: block;	
	}
}

.logout_short {
 display: none !important;
}

@media screen and (max-width: 400px) {
	.logout_long {
	 display: none !important;
	}
	.logout_short {
	 display: block !important;
	} 
}

/********************** body **************************/
#wrapper {
/*	margin: 0 auto;
	max-width: 960px; */
}

#greeting_wrapper {
 padding:  0;  
 top: 40px;  
 background-color: #fff;
 min-height: 24px;
 height: auto;
 margin-bottom: 16px;
}

#greeting {
 margin: 0 auto;
 max-width: 980px; 
/* 
 text-align: center; 
*/ 
 padding: 10px 0;
}

#greeting_content {
/*	width: 95%;	
	width: 100%;
*/    
    padding-left: 10px;
}

@media screen and (max-width: 750px) {

	
	#greeting_content {
		padding-top:10px;
	}
	 
}


#container2 {
 margin: 16px 10px 0;  
}

.tipp_wrapper {
 min-height: 20px;
 height: auto;
 margin-top: 16px;
/* background-color: #fff;*/
}

#tipp1 , #tipp2, #tipp3, #tipp1_mobile , #tipp2_mobile, #tipp3_mobile  {
 margin: 0 auto;
 max-width: 980px; 
 padding: 5px 0;
 background: none repeat scroll 0 0 #FFFFFF;
}

#tipp1 img, #tipp2 img, #tipp3 img, #tipp1_mobile  img, #tipp2_mobile img, #tipp3_mobile  img {
 border: 1px solid #efefef;
}

#tipp1 , #tipp1_mobile {
margin-bottom: 16px;
}

#tipp1 a, #tipp2 a, #tipp3 a, #tipp1_mobile a, #tipp2_mobile a, #tipp3_mobile a{
font-size:16px;
}

#tipp1_mobile , #tipp2_mobile , #tipp3_mobile {
 display:none;
}

@media screen and (max-width: 750px) {
	#tipp1 , #tipp2 , #tipp3 {
		display: none;
	}
	#tipp1_mobile , #tipp2_mobile , #tipp3_mobile  {
		display: block;
	}
}

#maincontainer {
/* margin: 16px auto 0; */
 margin: 0 auto; 
 max-width: 960px;
 background-color: #fff;
 padding: 0 10px 16px;
}

.container_full {
 margin: 0 auto; 
 max-width: 980px;
 background-color: #fff;
 padding: 0;  
}

.container {
 margin: 16px auto 0; 
 max-width: 960px;
 background-color: #fff;
 padding: 15px 10px 10px;
}

.shops_table {
	margin-top: 16px;
	font-size: 16px;
}

.shops_table tr td h3 {
	font-size: 18px;
	font-weight: bold;
}
/************** Menubar *****************/

.menubar_wrapper {
  margin-top: 16px;  
/*  background-color: #A4A4A4;  */
  min-height: 32px;
  height: auto;  
}

.menubar {
 margin: 0 auto;
 max-width: 980px; 
 color: #fff;
 background-color: #A4A4A4;
 height: 36px;
}

.menubar ul li {
  padding: 2px;  
  float: left;  
  min-height: 32px;
  height: auto;
}

.menubar ul li.first {
  padding-left: 0;  
}

.menubar ul li:hover, .menubar ul li.selected {
  background-color: #004400;  
}
.menubar ul li.menu_long_more ul li:hover {
  background-color: #fff;
}

.menubar a , .menubar span{
  display: block;
  text-decoration:none;
  color: #fff;
  font-size: 18px;
  padding: 0 10px;
  margin-top: 4px;
/*  vertical-align: middle;*/
}

.menubar a.first {
  padding-left: 0;  
}
#menu_long {
	display: block;
}
#menu_short {
	display: none;
}

@media screen and (max-width: 1000px) {
	#menu_long {
		display: none;
	}
	#menu_short {
		display: block;
		padding-top: 3px;
	}
}

#menu_short_content {
/*    background: #004400; */
    cursor: pointer;
    display: block;
    height: 26px;
    padding: 3px 4px;
    position: relative;
    width: 25px;
    float: left;
    margin-left: 7px;
}


#menu_short_content div {
    background-color: #FFFFFF;
    border: 1px solid #EEEEEE;
    border-radius: 2px;
    height: 2px;
    margin-top: 3px;
    width: 90%;
}

/************** welcome_shops *****************/
/* STRUCTURE */

#welcome_shops , #welcome_helpshops {
	width: 960px;
	margin: 5px 0;
}

.shops_table a {
	font-size: 18px;
}

.col1_3 , .col2_3  , .col3_3  {
	width: 310px;
	float: left;
	padding: 0px 10px 0 0;
}

.col1_2 , .col2_2 {
	display: none;
}

/************************************************************************************
MEDIA QUERIES
*************************************************************************************/
/* for 980px or less */
@media screen and (max-width: 980px) {
	.col1_3 , .col2_3  , .col3_3 {
		width: auto;
		float: none;
	}	
}

/* for 980px or less */
@media screen and (max-width: 980px) {
	
	#welcome_shops  , #welcome_helpshops {
		width: 94%;
	}
	.col1_3 {
		width: 41%;
		padding: 0% 4%;
		float: left;
		display: none;
	}
	.col2_3 {
		width: 41%;
		padding: 0% 4%;
		margin: 0px 0px 5px 5px;
		float: right;
		display: none;
	}
	
	.col3_3 {
		clear: both;
		padding: 0% 4%;
		width: auto;
		float: none;
		display: none;
	}
	
	.col1_2, .col2_2 {
		float: left;
		display: block;
		width: 45%;
		margin-right:5%;
	}	
	.col1_3, .col1_3, .col1_3  {
		display: none;
	}

}

/* for 600px or less */
@media screen and (max-width: 750px) {

	.col1_3 {
		width: auto;
		float: none;
	}
	
	.col2_3 {
		width: auto;
		float: none;
		margin-left: 0px;
	}
	
	.col3_3 {
		width: auto;
		float: none;
	}
	.col1_2, .col2_2 {
		float: left;
		display: block;
		width: 100%;
	}	

}

/* for 480px or less 
@media screen and (max-width: 480px) {
	.col3_3 {
		display: none;
	}

}
*/

.col1_3, .col2_3, .col3_3 {
/*	margin-bottom: 5px;*/
}

.col1_2 a, .col2_2 a, .col1_3 a , .col2_3 a , .col3_3 a {
	display: inline-block;
	margin-bottom: 5px;	
}

/************** Teaser *****************/
.teaser_wrapper {
	max-width: 960px;
	margin: 0 auto;
	padding: 0 10px;
}
	.teaser_container {
/*		margin:0 10px; */
	}

.teaser {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	float: left;
	display: block;
	background-color: #fff;
	padding: 10px;
	margin:  16px 0.93% 0;
	width: 24.3%;
	margin-left: 0;
	min-height: 267px;
	border: 1px solid #efefef;
}

.teaser_explain {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	display: block;
	background-color: #fff;
	padding: 10px;
	margin:  16px 0.93% 0;
	width: 24.3%;
	margin-left: 0;
	min-height: 267px;
}


.teaser.last_teaser {
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;	
	width: 24.3%;
	float:right;
}
.teaser_title {
	margin-bottom: 10px;
	font-weight: bold;
}
@media screen and (max-width: 840px) {
	.teaser_container {
/*		margin:0 10px; */
	}
	.teaser {
	    width: 49%;
		margin: 16px 0 0 !important ;
/*		min-height:424px; */
	}
	.teaser.second , .teaser.last_teaser {
		width: 49%;
		margin: 16px 0 0 !important ;
		float: right;
		padding: 10px;
	}	
}

@media screen and (max-width: 420px) {
	.teaser_container {
		margin:0;
	}	
	.teaser {
	    width: 100%;
		margin: 16px 0 0 !important ;
		padding: 10px;
	}
	.teaser.second , .teaser.last_teaser  {
		float: left;
	    width: 100%;
		margin: 16px 0 0 !important;
		padding: 10px;
	}
}


/************** shopbox *****************/
.shopbox_wrapper {
	max-width: 960px;
	margin: 0 auto;
	overflow: auto;
	padding: 0 10px;
}
	.shopbox_container {
/*		margin:0 10px; */
	}

.shopbox {
	-moz-box-sizing: border-box; -webkit-box-sizing: border-box; box-sizing: border-box;
	float: left;
	display: block;
	background-color: #fff;
	padding: 10px 0;
	margin:  16px 0.93% 0;
	width: 24.3%;
	margin-left: 0;
	min-height: 264px;
	min-width: 233px;
	border: 1px solid #efefef;
}

.shopbox.last_shopbox {
	margin-right: 0;
	padding-right: 0;
	padding-left: 0;	
	width: 24.3%;
	float: right;
}
.shopbox_title {
	margin-bottom: 10px;
	font-weight: bold;
}
/*
@media screen and (max-width: 1000px) {
	.shopbox_container {
/*		margin:0 10px; 
	}
	.shopbox {
	    width: 31%;
		margin: 16px 1% 0 !important ;
/*		min-height:424px; 
	}
	.shopbox.third {
	  width: 31%;
		margin: 16px 1% 0 !important ;
	}
	.shopbox.second , .shopbox.last_shopbox {
		width: 31%;
		margin: 16px 1% 0 !important ;
		padding: 10px;
	}	
}
*/
@media screen and (max-width: 1000px) {
	.shopbox_container {
/*		margin:0 10px; */
	}
	.shopbox /*, .shopbox.third */ {
	    width: 49%;
		margin: 16px 0 0 !important ;
/*		min-height:424px; */
	}
	.shopbox.second , .shopbox.last_shopbox {
		width: 49%;
		margin: 16px 0 0 !important ;
		float: right;
		padding: 10px;
	}	
}

@media screen and (max-width: 520px) {
	.shopbox_container {
		margin:0;
	}	
	.shopbox {
	    width: 100%;
		margin: 16px 0 0 !important ;
		padding: 10px;
	}
	.shopbox.second , .shopbox.last_shopbox  {
		float: left;
	    width: 100%;
		margin: 16px 0 0 !important;
		padding: 10px;
	}
}


/******** search page ******/
 #suchen_btn {
/*	margin-left:10px;*/
 } 
.search_title {
    font-family: Open Sans;
    font-size: 16px;
    margin-bottom: 2px;
	color: #0000ff; 
}
.search_description {
    font-family: Open Sans;
    font-size: 14px;
    margin-bottom: 2px;
}
.search_description a {
    font-family: Open Sans;
    font-size: 14px;
}

.search_link {
    font-family: Open Sans;
    font-size: 14px;
 	color: #004400; 
    margin-bottom: 2px;
}
.search_link a {
    font-family: Open Sans;
    font-size: 14px;
}

.title {
    font-family: Open Sans;
/*    font-size: 14px;*/
    font-weight: bold;
    margin-bottom: 5px;
}
.reducepx-spnshd {
	float: right;
	color: #BEC5D1;
	font-size: 12px;
	font-weight: normal;
}
.shop_title {
    font-family: Open Sans;
    font-size: 16px;
    margin-bottom: 5px;
}

.search_title strong  , .search_title b {
 color:blue;
}

.shop_title strong, .search_link strong {
 color: #004400;
}	

/************************ shopsearch ****************************/
.shopsearch_btn {
	margin-left:10px;
	width:130px;
	vertical-align: top;
}
.shopsearch_cat {
 width: 59.2%;
 height: 38px;
}

.search-box {
  width: 100%;
  position: relative;
/*  float: left; */
 display: inline-block;
}

.search-filters {
   height: auto;
/*   overflow: auto; */
}

.search-input {
  width:95%;
  padding: 0 5px 1px 12px;
}
/* fix placeholder padding for ios */
.search-input , #search_web_input, .itext , .gui-input {
  line-height:normal !important;
}

@media screen and (max-width: 780px) {
	.search-input {
		 width: 90%;
	} 
}

@media screen and (max-width: 520px) {
	.search-input {
		 width: 83%;
	} 
}
@media screen and (max-width: 420px) {
	.search-input {
		 width: 73%;
	} 
}

.search-filters {
  display: none;
  width: 98%;
  background: #fff;
  padding: 0 5px 1px 12px;
  border: 3px solid #c6c6c6;
/*  border-top: 0px;*/

     position: relative;
     margin: 13px 20px 0 0;
     padding: 0 1px 1px 1px;    
     background-color: #e2e2e2;
     border-radius: 1px;
     z-index: 1000;  
		 min-width: 400px;
}


@media screen and (max-width: 420px) {
	.search-filters {
		 min-width: 93%;
	} 
}

.search-filters_point
{
     position: absolute;
     margin-left: 20px;
     margin-top: -8px;
     width: 19px;
     height: 9px;
     background-image: url('../js/tipuedrop/tipuedrop/point.png');
     z-index: 1000;
}

.search-filters:after {
  content: "";
  display: table;
}
.search-filters span {
  margin: 7px 0 7px 5px;
  font-size: 13px;
  display: inline-block;
  width: 49%;
  float: left;
}

@media screen and (max-width: 750px) {
	.search-filters span {
  width: 49%;

	}
}

@media screen and (max-width: 680px) {
	.search-filters span {
  width: 99%;
	}
}

span.sb_up, span.sb_down , span.sb_up_mob, span.sb_down_mob {
    background-color: #F2F2F2;
    background-position: center center;
    background-repeat: no-repeat;
    border: 3px solid #c6c6c6;
    height: 32px;
    left: 0;
    position: absolute;
    width: 15px;
    z-index: 10;
    cursor: hand;
}

span.sb_down , span.sb_down_mob {
	background-image: url('../images/down.png');
}

span.sb_up , span.sb_down_up {
	background-image: url('../images/up.png');
}


#page_menu_container {
 margin-top: 0px;
 padding-top: 7px;
}

#page_menu_container p {
 margin-bottom: 10px;
}

/************************ vouchersearch ****************************/
.voucher_btn {
 padding:7px 0 0 15px;
}
.voucher_btn_td  {
 vertical-align:bottom;
}


@media screen and (max-width: 480px) {
	.voucher_btn  {
		display: none;
	}
	.voucher_btn_td  {
		display: none;
	}
}

/************************ organisationsearch ****************************/

.orgsearch_link {
  display:block;
}
.orgsearch_link:hover {
  text-decoration:none;
}


.orgsearch_link_long {
 display: inline;
}
.orgsearch_link_short {
 display:none;
}

@media screen and (max-width: 750px) {
  .orgsearch_link_long {
		display: none;
	}
  .orgsearch_link_short {
		display: table-row;
	}
}

.org_tr:hover {
 background-color: #efefef;
}

/************************ statistik and history ****************************/
#statistik_long {
 display: block;
}
#statistik_short {
 display: none;
}

@media screen and (max-width: 600px) {
	#statistik_long {
	 display: none;
	}
	#statistik_short {
	 display: block;
	}
}

.history_table {
border: 1px solid #a4a4a4;
}

.history_table th {
    background-color: #a4a4a4;
    color: rgb(255, 255, 255);
    height: 30px;
    font-weight: bold;
/*    font-size: 14px;*/
    text-align: left;
    padding-left: 5px;
    vertical-align: middle;
}

.history_table td {
/*    padding: 5px;*/
vertical-align: middle;
border-bottom: 1px solid #a4a4a4;
}

.history_table2 a {
    font-size: 14px;	
}

.history_table_date , .history_table_date2 {
	padding: 0 2px;
	border-right:1px solid #a4a4a4;
	width:85px;
}
.history_table_desc {
  text-align: left;
  padding:0 2px;
  border-right:1px solid #a4a4a4;
}
.history_table_status {
 width:40px;
 text-align: center;
 padding:0 2px;
 border-right:1px solid #a4a4a4;
}

.history_table_date_th , .history_table_date2_th{
	width:85px;
}
@media screen and (max-width: 420px) {
	.statistikdate_year {
		display: none;
	}
	
.history_table_date {
	padding: 0 2px;
	border-right:1px solid #a4a4a4;
	width:50px;
}
.history_table_date_th {
	width:50px;
}
}

.history_long {
display: inline;
    background-color: #a4a4a4;
    color: rgb(255, 255, 255);
    font-weight: bold;
    height: 30px;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}

.history_short {
display: none;  
    background-color: #a4a4a4;
    color: rgb(255, 255, 255);
    font-weight: bold;
    height: 30px;
    padding-left: 5px;
    text-align: left;
    vertical-align: middle;
}

@media screen and (max-width: 460px) {
.history_long {
display: none; 
}

.history_short {
display: inline;  
}

	.historydate_year {
		display: none;
	}
 .history_table_date2 {
	padding: 0 2px;
	border-right:1px solid #a4a4a4;
	width:50px;
}
.history_table_date2_th {
	width:50px;
}
}

/************ my_organisation ***********/
.my_organisation_icons_long {
  vertical-align: middle;
	display: block;
}
.my_organisation_icons_short {
 margin-top:10px;
 display: none;
}

@media screen and (max-width: 560px) {
.my_organisation_icons_long {
	display: none;
}
.my_organisation_icons_short {
 display: block;
}
}

/************ org_donation ***********/
 .org_donation_table_long { 
	display: table-cell;
 }
 
.org_donation_spender {
 width:40%;
}

@media screen and (max-width: 560px) {
 .org_donation_table_long { 
	display: none;
 }
 .org_donation_spender {
	width:60%;
 }
}

 
/************* Foooter *********/
.footerbar {
 margin: 0 auto;
 max-width: 980px; 
 color: #fff;
 background-color: #A4A4A4;
}

#footer {
margin-top: 16px;
}

#footer_links {
	max-width:980px; 
	margin:16px auto 0;
	text-align:center;	
}

#footer_links a {
    color: #333;
    font-size: 16px;
}

#footer_menu_long {
    color: #333;
    font-size: 16px;
}

#footer_menu_short {
	display: none;
}

@media screen and (max-width: 600px) {
	#footer_menu_long {
		display: none;
	}
	
	#footer_menu_short {
		display: block;
	}
}

#footer_social {
	max-width:980px; 
	margin:16px auto;
	text-align:center;	
}

#social_short {
	display: none;
}

#social_long {
	width: 100%;
	display: table;
}

@media screen and (max-width: 600px) {
	#social_long {
		display: none;
	}
	#social_short {
		width: 100%;
		display: table;
	}
}

/****************************************** checkbox **********************************/
input[type=checkbox]:checked ~ div label{
    background: url(../images/checkbox.png);
    background-size: 100%;
}

label {
display: inline-block;
}
.regular-checkbox {
display: none;
}
.regular-checkbox + label {
background-color: #fafafa;
border: 3px solid #a6a6a6;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05);
padding: 9px;
border-radius: 3px;
display: inline-block;
position: relative;
margin-bottom:0;
}
.regular-checkbox + label:active, .regular-checkbox:checked + label:active {
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px 1px 3px rgba(0,0,0,0.1);
}
.regular-checkbox:checked + label {
background-color: #e9ecee;
border: 3px solid #adb8c0;
box-shadow: 0 1px 2px rgba(0,0,0,0.05), inset 0px -15px 10px -12px rgba(0,0,0,0.05), inset 15px 10px -12px rgba(255,255,255,0.1);
color: #99a1a7;
}
.regular-checkbox:checked + label:after {
content: '\2714';
font-size: 14px;
position: absolute;
top: 3px;
left: 0;
color: #004400;
}
.big-checkbox + label {
padding: 12px;
}
.big-checkbox:checked + label:after {
font-size: 28px;
left: 0;
}

input[type=radio].css-checkbox {
							display:none;
						}

						input[type=radio].css-checkbox + label.css-label {
							padding-left:25px;
							height:19px; 
							display:inline-block;
							line-height:19px;
							background-repeat:no-repeat;
							background-position: 0 0;
							font-size:16px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=radio].css-checkbox:checked + label.css-label {
							background-position: 0 -19px;
						}
						label.css-label {
				background-image:url(../images/radiobox.png);
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}

input[type=checkbox].css-checkbox2 {
							display:none;
						}

						input[type=checkbox].css-checkbox2 + label.css-label2 {
							padding-left:35px;
							display:inline-block;
							/*
							height:30px; 
							line-height:30px;
							*/
							min-height:33px;
							background-repeat:no-repeat;
				background-image:url(../images/checkbox_off.png);
							font-size:16px;
							vertical-align:middle;
							cursor:pointer;

						}

						input[type=checkbox].css-checkbox2:checked + label.css-label2 {
				background-image:url(../images/checkbox_on.png);
						}
						label.css-label2 {
				-webkit-touch-callout: none;
				-webkit-user-select: none;
				-khtml-user-select: none;
				-moz-user-select: none;
				-ms-user-select: none;
				user-select: none;
			}
			
/******************** scrolltop ***********************/

.scrollicon {
	text-align: center;
	text-decoration:none;
	width:50px;
	height:50px;
	background:#ccc;
	opacity:0.5;
	position:fixed;
	bottom:60px;
	right:16px;
	display:none;
	border:1px solid #333;
	z-index: 10000;
}

.scrollicon:hover {
	text-decoration:none;
}

.scrollicon div {
	font-weight:bold;
	font-size:28px;
	color:#333;
	padding-top:12px;
}


/*********************** Shopping ************************************/
.shopping_gutscheine {
    background-color: #FFFFFF;
    background-image: url("../images/gutschein_schere.png");
    background-position: right top;
    background-repeat: no-repeat;
    color: #004400;
    font-size: 14px;
    font-weight: bold;
    height: 50px;
    min-height: 100%;
    position: relative;
    text-align: left;
    width: 250px;
    padding-top: 15px;
}

.shopping_gutscheine a {
    color: #004400;
    display: block;
    font-family: Open Sans;
    font-size: 14px;
    font-weight: bold;
    text-align: left;
    width: 250px;
}

/*********************** register_user ************************************/
.indicateur_name {
font-size:13px; 
}

@media screen and (max-width: 420px) {
	.indicateur_name {
		display:none;
	}	
}
/******** elastik videos ****/

.elastic-video {
	position: relative;
	padding-bottom: 55%;
	padding-top: 15px;
	height: 0;
	overflow: hidden;
}
.elastic-video iframe {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

/******************** help clsses ***********************/
.desktop_only {
		display: block;
}
.tablet_only {
		display: none;
}
.desktop_only_table , .desktop_only_table_greeting {
		display: table;
}
.tablet_only_table {
		display: none;
}

.tablet_only_table_greeting {
		display: none;
}
@media screen and (max-width: 600px) {
	.desktop_only_table_greeting {
			display: none;
	}
	.tablet_only_table_greeting {
			display: table;
	}
	
}

@media screen and (max-width: 750px) {
  .desktop_only {
		display: none;
	}
	.tablet_only {
			display: block;
	}
  .desktop_only_table {
		display: none;
	}
	.tablet_only_table {
			display: table;
	}
}

.mobile_only {
	display: none;
}

@media screen and (max-width: 420px) {
	.history_table_desc p {
		text-overflow: ellipsis;
		overflow: hidden;
		max-width: 100%;
		line-height: 21px;
	}
	.history_table_date_th , .history_table_date {
		width: 50px;
	}
	.mobile_only {
		display: inline;
	}
	.desktop_only_inline {
		display: none;
	}
}
@media screen and (max-width: 450px) {
	.desktop_only_450 {
		display: none;
	}
}

@media screen and (max-width: 500px) {
	.desktop_only_500 {
		display: none;
	}
}
@media screen and (max-width: 550px) {
	.desktop_only_grid {
		display: none;
	}
}

.visible_pc {
 display: inline-block; 
}

.visible_sp {
 display: none;
}

@media screen and (max-width: 500px) {
	.visible_pc {
	 display: none; 
	}

	.visible_sp {
	 display: inline-block !important; 
	}
}
/************** booklist ***************/
.booklist_img {
	 min-width: 110px;
	 max-width: 110px;
	 width: 110px;
	 height: 95px;
	border:none;
	margin-left:0;
}

@media screen and (max-width: 750px) {
	 .booklist_img {
		 min-width: 110px;
		 max-width: 110px;
		 width: 110px;
		 height: 95px;
	 }
	 #greeting {
        padding-top: 0;
     }
}

@media screen and (min-width: 751px) and (max-width: 979px) {
  /*
	 #greeting_wrapper {
        padding-top: 0; /* 5px 
     }
*/     
}	 

@media screen and (max-width: 750px) {
  /*
	 #greeting_wrapper {
      padding: 0;
     }
*/     
     #greeting {
      padding-top: 0;
    }
}	 


.limit_400 {
/*
  border: 1px solid blue ;
*/  
white-space: nowrap;
text-overflow: ellipsis;
max-width: 400px;
display: block;
overflow: hidden;
}

.limit_570 {
/*
  border: 1px solid blue ;
*/  
white-space: nowrap;
text-overflow: ellipsis;
max-width: 570px;
display: block;
overflow: hidden;
}

.limit_540 {
/*
  border: 1px solid blue ;
*/  
white-space: nowrap;
text-overflow: ellipsis;
max-width: 540px;
display: block;
overflow: hidden;
}

.logo_greet {
	display: block;
/*	background-image:url('/images/logo.png');
	width: 302px;*/
	margin:0;
/*	font-family: 'Maiandra GD' !important;*/
	font-family: 'open sans' !important;
	font-size: 18px;
	font-weight: bold;
	color: #004400;
/*	padding-left: 10px; */
	text-transform: uppercase;
}

.logo_greet span {
	font-size: 46px; 
	font-weight: bold;
	color: #004400;
	text-transform: uppercase;
}


.logo_greet {
  text-decoration: none;
}

.logo_greet:hover {
  text-decoration: none;
}

.ls-slide a:hover {
  text-decoration: none;
}

@media screen and (max-width: 500px) {
  
  .ls-bottom-nav-wrapper {
    display: none;
    visibility: hidden;
  }

}	 
  
 .limit_270 {
/*
  border: 1px solid blue ;
*/  
white-space: nowrap;
text-overflow: ellipsis;
max-width: 270px;
display: block;
overflow: hidden;
}

.limit_230 {
/*
  border: 1px solid blue ;
*/  
white-space: nowrap;
text-overflow: ellipsis;
max-width: 230px;
display: block;
overflow: hidden;
}

.list-group-item {
color: #333;	
}

#navigation a {
	color: #fff;
}