/* include fonts */

	@font-face {
  		font-family: "Origo";
    	font-style: normal;
    	font-weight: bold;  
  		font-display: swap;

  		src: url("/lib/fonts/origo.eot");
  		src: url("/lib/fonts/origo.eot?#iefix") format("embedded-opentype");
  		src: url("/lib/fonts/origo.woff") format("woff");
	}

	
/* base settings */

	/* base page settings*/
	html, body {
		margin:0px; padding:0px; 
		box-sizing:border-box;
		-moz-box-sizing:border-box;
		background-color:#fff;

		font-family:"Open Sans";
		font-size:14px;
		line-height:1.5; 
		color:#333;

	}


	/* full page container */
	.main_container {
		width:90%;
		max-width:1200px;
		margin:auto;
	}

	@media (max-width: 650px) {
		.main_container {
			width:100%;
			padding-left:15px; padding-right:15px;
		}
	}

		
	/* headlines */
	h1 { font-family: 'Origo'; font-size:54px; color:#57afa5; font-weight:normal; line-height:1.5; margin:0px; margin-bottom:0px;  }
	h2 { font-family: 'Origo'; font-size:44px; color:#57afa5; font-weight:normal; line-height:1.5; margin:0px; margin-bottom:0px; }
	h3 { font-family: "Origo"; font-size:30px; font-weight:normal; }

	@media (max-width: 650px) {
		h1 { font-size:48px; }
		h1 { font-size:36px; }
	}



	/* buttons */
	.btn { display:inline-block; font-size:15px; width:auto; font-style: italic; padding:6px; padding-left:16px; padding-right:16px; background-color:#bdb6ae; border:none; border-radius:26px; -moz-border-radius:26px; color:#fff; text-shadow:none; text-decoration:none; }
	.btn { border-radius: 3px; -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; outline: none; }
	.btn:hover, .btn:active, .btn:focus { background-color:#97928b; color:#fff; }
	
	.btn-primary { background:none; background-color:rgba(79,180,155,0.8); }
	.btn-primary:hover, .btn:active, .btn:focus { background:none; background-color:rgba(79,180,155,1); }

	.btn-secondary { background: #bdb6ae; color: #fff; }
	.btn-secondary:hover, .btn-secondary:active, .btn-secondary:focus { background-color:#97928b; color:#fff; }

	.btn-outline-primary { background:transparent; border:1px solid rgba(79,180,155,0.8); color:rgba(79,180,155,0.8); }
	.btn-outline-primary:hover, .btn-outline-primary:active, .btn-outline-primary:focus {  background-color:rgba(79,180,155,1); color:#fff; }

	.btn-default { background:none; border:1px solid rgba(79,180,155,0.8); color:rgba(79,180,155,0.8); background-color:#fff; }
	.btn-default:hover, .btn-default:focus, .btn-default:active { background-color:rgba(79,180,155,1); color:#fff; }
	.btn-full-width { width: 100%; }

	@media (max-width: 650px) {
		.btn-hidden-mobile { display:none; }
	}
	
	/* forms */
	textarea,input[type=text],input[type=password] { width:100%; border:1px solid #ccc; border-radius:3px; -moz-border-radius:3px; height:auto; padding:5px; box-sizing:border-box; -moz-box-sizing:border-box; margin-bottom:10px; }
	textarea { height:200px; }

	/* upload button fix */
	@-moz-document url-prefix() {
	    input[type=file] { height: auto !important; }
	}


	/* pagination */
	.pagination > li > a,
	.pagination > li > span {
	  background-color: #f6f4ef;
	  border: 1px solid #fff;
	  color:#333;
	}

	.pagination > li > a:hover,
	.pagination > li > span:hover,
	.pagination > li > a:focus,
	.pagination > li > span:focus {
	  background-color: #57afa5;
	  color:#fff;
	}

	.pagination > .active > a,
	.pagination > .active > span,
	.pagination > .active > a:hover,
	.pagination > .active > span:hover,
	.pagination > .active > a:focus,
	.pagination > .active > span:focus {
	  z-index: 2;
	  color: #fff;
	  background-color: #57afa5;
	  border-color: #fff;
	}

	.pagination > .disabled > span,
	.pagination > .disabled > span:hover,
	.pagination > .disabled > span:focus,
	.pagination > .disabled > a,
	.pagination > .disabled > a:hover,
	.pagination > .disabled > a:focus {
	  color: #999999;
	  background-color: yellow;
	  border-color: #dddddd;
	}

	

/* page base layout */

	/* content container */
		.main_container_content { padding-top:25px; padding-bottom:25px;  }
		.main_container_content_background { background-color:#f8f6f4; } 

	/* header */
		#header { padding-top:25px; padding-bottom:15px; background-color:#fff; border-bottom:1px solid #e3e3e3;  }
		#header #logo_container { margin-bottom:10px; }
		#header #logo_container img { border:0px; } 

		#header #search_container { margin-top:5px; }
		#header #search_container { margin-top:5px; }
		#header #button_container { text-align:center; margin-top:8px; }
		#header #button_container a { color:#9b9b9b; font-size:15px; text-decoration:none; display:inline-block; background-color:transparent; padding-right:30px; }
		#header #button_container a:hover { text-decoration:none; color:#4fb59c; }
		#header #button_container img {	display: inline; vertical-align: -46%; }
			
		.header_rounded_search_box { width:100%; position:relative; height:40px; background-color:#f4f4f4; border:none; border-radius:22px; -moz-border-radius:22px; }
		.header_rounded_search_box input::-webkit-input-placeholder { color: #ccc; font-style:italic; }
		.header_rounded_search_box input::-moz-placeholder { color: #ccc; font-style:italic; }
		.header_rounded_search_box input:-ms-input-placeholder { color: #ccc; font-style:italic; }
		.header_rounded_search_box input:-moz-placeholder { color: #ccc; font-style:italic; }
		.header_rounded_search_box input { width:100%; height:100%; padding-left:20px; padding-right:55px; background-color:transparent; border:none; outline: none; }
		.header_rounded_search_box button { position:absolute; right:10px; padding-left:10px; top:0px; height:40px; border:0px; background-color:transparent; border-left:1px solid #fff; color:#4fb59c;  }
		.header_rounded_search_box_autocomplete { position:absolute; text-align:left; z-index:99999; display:none; top:60px; left:15px; right:45px; background-color:#f4f4f4; border: 1px solid #f4f4f4; border-radius:3px; -moz-border-radius:3px; opacity:0.99; box-shadow:0px 0px 25px rgba(0,0,0,0.4); }
		.header_rounded_search_box_autocomplete:after { bottom: 100%; left: 20px; border: solid transparent; content: " "; height: 0; width: 0; position: absolute; pointer-events: none; border-color: transparent; border-bottom-color: #f4f4f4; border-width: 10px; margin-left: -10px; }

		.autocomplete_suggest_link { display:block; color:#4fb59c; padding:10px; font-size:15px; border-bottom:1px solid #fff;  }
		.autocomplete_suggest_link_active, .autocomplete_suggest_link:hover { color:#fff; background-color:#4fb59c; text-decoration:none;}

		@media (max-width: 650px) {
			#header #logo_container  { text-align:center;  }
			#header #logo_container img { content:url(/gfx/logo_big.png); width:80%; margin-bottom:10px; }
		}

	/* navi bar */

		.header_navibar { position:relative; margin-top:10px; margin-bottom:-15px; background-color:#f9f9f9;  }
		.header_navibar_bar { width:100%; border-top:1px solid #e3e3e3; overflow:hidden; height:45px; }
		.header_navibar_item_home { }

		.header_navibar_subnavi { position:absolute; left:0px; top:44px; margin-left:-1px; }
		.header_navibar_item { border-bottom:5px solid transparent; padding:12px; padding-bottom:7px; padding-left:20px; padding-right:20px; float:left; cursor:pointer; font-weight:normal; }
		.header_navibar_item { color:#9b9b9b; font-size:13px; font-weight:normal; text-decoration:none; text-transform: uppercase; } 
		.header_navibar_item a { color:#9b9b9b; font-size:13px; font-weight:normal; text-decoration:none; text-transform: uppercase; } 
		.header_navibar_item_active a { color:#333; }
		.header_navibar_item_active { position:relative; color:#333; border-bottom:5px solid #4fb59c; }

		.header_navibar_subnavi_box { z-index:99999; margin-top:0px; width:600px;  display:none; position: relative; background: #ffffff; border: 1px solid #e3e3e3; box-shadow:0px 0px 5px rgba(0,0,0,0.2); }
		.header_navibar_subnavi_box_inlay { padding:18px; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-rule: 1px double #e3e3e3; -moz-column-rule: 1px double #e3e3e3; column-rule: 1px double #e3e3e3; }
		.header_navibar_subnavi_box_inlay a { display:block; text-decoration:none; margin-bottom:2px; padding:2px; color:#909294; font-size:13px; position:relative; }
		.header_navibar_subnavi_box_inlay a:hover { background-color:#efefef; }
		.header_navibar_subnavi_box_inlay a:hover:after { content:" \203a "; position:absolute; right:3px; }
		.header_navibar_subnavi_box_inlay .header_navibar_subnavi_box_headline { display:block; color: #4fb59c; text-decoration:none; margin-bottom:5px; margin-top:15px; font-size:14px; text-transform: uppercase; }
		.header_navibar_subnavi_box_inlay .header_navibar_subnavi_box_headline:first-child { margin-top:0px; }

		@media (max-width: 650px) {
			.header_navibar_bar { display:none; }
		}

		/* search navibar */
		.header_navibar_search { background-color:#fff !important; }
		.header_navibar_search_main_container { text-align:center; }
		.header_navibar_search_wrapper { display:inline-block; width:auto;  }
		
		
	/* footer */
		#footer {  width:100%; text-align:center; background-color:#fff; border-top:1px solid #e3e3e3; padding-top:35px; padding-bottom:15px; font-size:14px; color:#8e9092; line-height:25px; }
		#footer a { color:#8e9092; text-decoration:none; }
		#footer a:hover { color:#4fb59c; }
		#footer ul { margin:0px; padding:0px; }
		#footer ul li { list-style-type:none; display:inline-block;   }

		@media (max-width: 650px) {
			#footer ul li { margin:5px; }
		}