/* enziano Stylesheets, Patric Schmid, 09.03.2012 */

/* -------------------------------------------------- 
   Table of Contents
-----------------------------------------------------
:: Shared Styles
:: Header / Navigation
:: Page Name 1
:: Page Name 2
*/


/* -----------------------------------------
   Shared Styles
----------------------------------------- */
/*
@font-face {
    font-family: "SourceSansPro-Regular";
    src: url('fonts/SourceSansPro-Regular.ttf') format("truetype");
}
*/
/* p.customfont { font-family: "My Custom Font", Verdana, Tahoma; } */

.content-wrapper.row {
	/* width: auto !important; */
	/* float: right; */
}

html {
	font-size: 1rem; /* 16px = 1rem => px/16 calculates the rem value */
}

body {
	height: 100% !important;	
	
	background-repeat: repeat;
	
	background-color: #f7f7f7; /* almost white */
	
	color: #515151;
	
	/* font-family: "SourceSansPro-Regular", Verdana !important; */
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: 0.875rem;
    
    margin: 0 0 23px 0;
    line-height: 23px;
    
}

h1, h2, h3, h4, h5, h6 {
	color:#555555;
	/* font-family: "SourceSansPro-Regular", Helvetica, "Helvetica" !important; */
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
}

/* font definitions from http://www.mrmcguire.com/10-useful-google-font-combinations-for-your-next-site/ */
.heading-1 {
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    line-height: 46px;
    font-size: 40px;
    font-size: 2.5rem;
    margin: 20px 0 20px 0;
}
.heading-1-landing {
    font-family: 'Dosis', sans-serif;
    font-weight: 400;
    line-height: 56px;
    font-size: 52px;
    font-size: 3.25rem;
    margin: 20px 0 20px 0;
}


.heading-2 {
    font-family: 'Dosis', sans-serif;
    font-weight: 700;
    font-size: 18px;
    font-size: 1.125rem;
    line-height: 23px;
    margin: 0 0 20px 0;
}
.heading-2-landing {
    font-family: 'Dosis', sans-serif;
    font-weight: 500;
    font-size: 22px;
    font-size: 1.4rem;
    line-height: 1.6rem;
    margin: 0 0 20px 0;
}
.heading-2-margin-small {	
	margin-bottom: 5px;
}

.heading-2-small {	
	font-size: 13px;
	font-size: 0.812rem; 
	color: #1e1f1f;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
}

.heading-2-small-white {	
	font-size: 13px;
	font-size: 0.812rem; 
	color: #ffecd8;
	font-family: 'Open Sans', sans-serif;
	font-weight: normal;
	margin-bottom: 5px;
}


.heading-3 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 600;
	font-size: 22px;
	font-size: 1.375rem;
}

.heading-3-w400 {
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;
	font-size: 22px;
	font-size: 1.375rem;	
}

a.heading-3.text-white:hover {
	color: #f1f1f1;
}


a {
	color: #0083ca;
}

a:hover {
	color: #0077b7;
}


.tabs.pill a {
	font-size: 13px;
	font-size: 0.812rem; 
	line-height: 18px;
}

.text {
    font-family: 'Open Sans', sans-serif;
    font-size: 14px;
    font-size: 0.875rem; 
    margin: 0 0 0px 0;
    line-height: 23px;
}

/* text-small and h2-smaller depend on each other, so change font size together */
.text-small {
	font-size: 13px;
	font-size: 0.812rem; 
	line-height: 18px;
	color: #515151;
	font-weight: normal;
}

p.text-small {
	margin-bottom: 15px;
}

.text-small-white {
	font-size: 13px;
	font-size: 0.812rem; 
	line-height: 18px;
	color: #ffffff;
}
.text-small-white:hover {
	color: #ffffff;
}

.text-small-highlight {
	font-size: 13px;
	font-size: 0.812rem; 
	line-height: 18px;
	color: #8a715b;
}

.text-micro {
	font-size: 10.5px;
	font-size: 0.656rem; 
}

.text-dark {
	color: #1e1f1f;
}

.text-white {	
	color: #ffffff;
}


/* default form labels */
label {
	color: #1e1f1f;
	font-size: 13px;
	font-size: 0.812rem; 	
	font-weight: 400;
}

textarea {
	font-size: 13px;
	font-size: 0.812rem; 
}


ul, ol, dl {
    line-height: 1.2;
}

form {
	margin: 0px;
}

.columns,
.column {
	padding: 0 25px;	
}

.no-padding{
	padding: 0px 0px;
}

.margin-none {
	margin: 0px;	
}




.clearfix:after {
    content: "";
    display: table;
    clear: both;
}

.panel {
    background: none repeat scroll 0 0 #f7f7f7;
    border: 0px none; /*1px solid #E6E6E6; */
    -webkit-border-radius: 2px; -moz-border-radius: 2px; -ms-border-radius: 2px; -o-border-radius: 2px; border-radius: 2px;
    margin: 0 0 22px;
    padding: 15px;
}

.badge-round {
    width: 15px;
    height: 15px;
    border-radius: 7px;
    background: #8a715b;
    color: white;
    text-align: center;
    font-size: 10px;
    opacity: 0.8;
    display: inline-block;
    font-weight: normal;
    line-height: 15px;
    margin-left: 10px;
}

dd.active .badge-round {
	background: #ffffff;
	color: black;
}

.pos-right-bottom {
	right: 0px;
	bottom: 0px;
	position: absolute;
}

/* payment error */
.payment-errors {
	color: #FF0000;
}

.input-maxlength-status {
    text-align: right;
    margin: -10px 0 12px;
    color: #6F6F6F;
    font-size: 12px;
}

textarea.warning, input.warning {
    border-color: #FF0000 !important;
}

textarea.warning + .input-maxlength-status, input.warning + .input-maxlength-status {
    color: #FF0000;
}


.enz-icon {
	width: 32px;
	height: 32px;
}

.topoview-route-icon {
	width: 24px;
	height: 24px;
}





.text-poi-box-description {
	font-size: 13px;
	font-weight: normal;
	color: #ffffff;		
}

.detailpage-social-action {
	margin-top: 15px;
	margin-bottom: 10px;	
}	
	
.detailpage-social-action-text {
	font-size: 12px;
	font-weight: normal;
	color: #515151;	
}

.detailpage-social-action-text:hover {
	text-decoration: underline;
	cursor:pointer;
}







p.checkbox-label {
	font-size: 11px;
	font-weight: normal;
	color: #717171;
	
    margin-left: 30px;
    margin-top: -20px;
    margin-bottom: 5px;
}

p.checkbox-label:hover {
	color: #313131;
}

.landing-cite-image{
	width: 100px;
	height: 100px;
	border-radius: 50px;
}
.landing-cite-text {
	font-size: 12pt;
	font-weight: normal;
	color: #717171;
	margin-bottom: 10px;
}
.landing-cite-person {
	font-size: 12pt;
	color: #70a6c6;
}
.landing-cite-person-title {
	font-size: 12pt;
	color: #a5a5a5;	
}


.landing-panel-header-img {
	width: 80px;
	height: 80px;
	
	margin: 0 auto;
	margin-top: -55px !important;
	
	background-repeat: no-repeat;
	background-size: 80px, 80px;
	background-position: 0px 0px;	
}
.landing-panel-header-img-msg {
	background-image: url('img/landingpage/panel-head-mail.png');
}
.landing-panel-header-img-chat {
	background-image: url('img/landingpage/panel-head-chat.png');
}



/* field form fieldset*/

legend {
	background:transparent !important;
}


.opacity-90 { opacity: 0.9; }
.opacity-80 { opacity: 0.8; }
.opacity-70 { opacity: 0.7; }
.opacity-60 { opacity: 0.6; }
.opacity-50 { opacity: 0.5; }

.centered {
    margin: 0 auto;
    text-align: center;
}

/* reveal overwrites */

.reveal-modal-bg {
    background: rgba(0, 0, 0, 0.75);
}

.reveal-modal.image {
    top: 0;
    padding: 0;
    margin-left: 0;
    width: auto;
}


.close-reveal-modal {
	right: 11px;
	top: 11px;
}

/* tooltips */

.has-tip,
.has-tip:hover {
	border-bottom: 0px none;
}

/* tooltip have to be above the detail-panel */
.tooltip {
	z-index: 1000002 !important;
}	
	
	
	
.books-cover-img {
    display: block;
    max-width:90px;
    max-height:120px;
    width:90px;
    height:120px;
    margin: 5px;
}	
.books-transparency-hover {
	opacity: 0.9;
}

.books-transparency-hover:hover {
	opacity: 1.0;
}


/* main tabs */
.tabs.pill dd,
.tabs.pill dd.active {
	margin:10px;
}

.tabs.pill dd.active a {
	background-color: #0083ca;
}

.tabs dd {
	/* top rounded */
	-webkit-border-top-left-radius: 4px;
	-webkit-border-top-right-radius: 4px;
	
	-moz-border-radius-topleft: 4px;
	-moz-border-radius-topright: 4px;
	
	border-top-left-radius: 4px;
	border-top-right-radius: 4px;	
}

.tabs dd.active {
	border: 5px solid #f7f7f7;
	border-bottom: 0px solid #f7f7f7;
	
	margin-top: -5px; /* here one pixel change results in breadcrumbs positioning bug*/
}

.tabs dd.active a {
	background-color: #f7f7f7;
	border: none;
	cursor: pointer;
}

ul.tabs-content {
	/*background-color: #f7f7f7; /* almost white */
	-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px;
	
	/* we have the problem: if map is active we dont want the radius (else its a visible bug) but on active details tab a radius would be nice */
	-webkit-border-top-left-radius: 0px; -moz-border-radius-topleft: 0px; border-top-left-radius: 0px;
}


ul.frameless li {
	border: 0px none !important;
}


.tabs-map-tab-element {
	padding-top: 0px !important;
	padding-left: 0px !important;
	padding-right: 0px !important;
	padding-bottom: 0px !important;
}

.breadcrumbsHoverMap ul.breadcrumbs {
	margin-top: 0px;
}


ul.breadcrumbs {
	border: none;
	background: none;
	
	float:left;
	display: inline-block;
	
	/* padding: 0px; */
	
	/* margin: 5px; */	
}

ul.breadcrumbs li a,
ul.breadcrumbs li a span {
	text-transform: none;
	font-size: 0.875rem;
	padding-left: 5px;
	/*
	color: #000000;
	font-size:12px;
	*/
}

.breadcrumb-content {
	padding-left: 0px;
    padding-top: 0px;
    
    height: 35px;
    
    /* border-bottom: 1px solid #e9e9e9; */
}



.detail-page-share-icon  {
	background-color: #F7F7F7;
	
	border-top: 1px solid #e9e9e9;	
	border-left: 1px solid #e9e9e9;	
	border-bottom: 1px solid #e9e9e9;
	
	width: 55px; 
	height: 35px;
	
	float: right;
	
	background-repeat: no-repeat;
	background-size: 45px, 15px;
	background-position: 4px 7.5px;
	
	cursor:pointer;
}

.gallery-overlay-share-icon {
	
	width: 35px;
	height: 35px;
	
	margin-right: 10px;
	
	float: right;
	
	background-size: 35px, 35px;
	
	cursor:pointer;
}

.gallery-overlay-share-iconpopup {
	
	width: 30px;
	height: 30px;
	
	margin-right: 10px;
	
	float: right;
	
	background-size: 30px, 30px;
	
	cursor:pointer;
}

/* share-icons details-tab */
.icon-mail { background-image: url('img/social/mailshare.png'); }
.icon-gplus { background-image: url('img/social/google-plus1.png'); }
.icon-twitter { background-image: url('img/social/Tweet.png'); }
.icon-facebook { background-image: url('img/social/Like.png'); }
.icon-close { background-image: url('img/tools/close.png'); }

/* share-icons gallery-overlay */
.icon-gplus-circle { background-image: url('img/social/google-circle.png'); }
.icon-twitter-circle { background-image: url('img/social/twitter-circle.png'); }
.icon-facebook-circle { background-image: url('img/social/facebook-circle.png'); }

.icon {
    width: 32px;
    height: 32px;
    display: block;
}

.detail-page-share-icon:hover  {
	opacity: 0.8;	
	background-color: #e9e9e9;
}



.detail-page-li-wrapper {
	padding: 0px !important;
}

.detail-page-view-content {
	/*
	padding-left: 30px;
	padding-right: 30px;
	padding-bottom: 20px;
	*/
}

.detail-page-rating-box {
    width: 400px;
    margin-top: 20px
}

.detail-page-rating-label {
    line-height: 25px;
    margin-right: 15px;
    vertical-align: top;
}

.detail-page-rating-loading {
    position: relative;
    right: -25px;
    top: 3px;
}
#detail-page-rating-ajaxbox {
    width: 100%;
    text-align: right;
}



.detail-page-current-rating {
    cursor: pointer;
    margin-top: 24px;
}


/* override all list elements */
ul, li, ol {
	list-style-type: none;
}




/* -----------------------------------------
   Header / Navigation
----------------------------------------- */

.cm-headerbar-landing {
	z-index: 8881;
	position: absolute;
	top: 0px;
	width: 100%;	
	height: 70px;
	
	
}


.cm-header-landing .cm-header-links a {
	color: #ffffff;
}


.cm-headerbar {
	/* background-image: url('img/layout/headerbar-100x104.png'); */
	/* background-image: url('img/layout/headerbar-100x104-braun4d372C.png'); */
	/*background-image: url('img/layout/headerbar-100x104neu.png');*/
	/*background-repeat: repeat-x;*/
	
	background-color: #4b3421;
	background-position: -30px, 0px;
	
	height: 70px;
	
	width: 100%;
	
	
}

	
.cm-headerbar a {
	color: #ffecd8;
}
.cm-headerbar a:hover {
	color: #ffecd8;
}



.cm-header {
	/* background-color: #CAFCB8 !important; */
	padding: 0px !important;
	padding-right: 30px !important;
	margin-left: 10px;
}


.cm-header-logo {
	background-size: 200px, 75px;
	width: 200px;
	height: 65px;
	margin-top: 2px;
	margin-left: 15px;
}

.logo-white {
	/* background-image: url('img/logo-260-75-white-t-t.png'); */
	background-image: url('img/logo-200-75-white-t-t.png'); 
}

.cm-header-title {
	color: #3B57A3;
	margin-top: 20px;
	font-size: 100px;
}

.cm-header-links {
	margin-top: 5px;
	line-height: 80px;
	float: right;
	position: relative;
	right: 0px;
	
}

.cm-header-links a {
	font-size: 14px;
}
	
.spacefiller {
	margin-left: 99.25%;	 /* is calculated magically.. dont ask ;) maybe we should insert a fix size div anyway */
}

.page-body {
   margin:0;
   padding:0;
   height:100%;	
} 	

.page-wrapper {
   min-height:100%;
   position:relative;
} 	

.detail-page-li-wrapper .row {
    margin: 0;
}
 	
.page-footer {
   position:absolute;
   width:100%;
} 	 	



/* edit the style of the backend route-draggable-lists */
.absolutely-super-draggable,
.absolutely-super-draggable img {
	margin-top: auto !important;
	top: auto !important;
	width: auto !important;
	
	line-height: 1.4em !important;
	
	border-top: 0px transparent none !important;
	border-bottom: 0px transparent none !important;	
}
.absolutely-super-dragging-item {
	background: #E9E9E9 !important; /* grey while dragging*/
}

select:disabled {
	opacity: 0.3;
}


/* footer styles */



.cm-footerbar {
     background-color: #4B3421;

	
	/*
	position: relative;
	margin-top: -160px; 
	height: 160px;
	clear:both; 	
	*/

	width: 100%;	
	/* margin-top: 10px; */
}

.cm-footerbar-2 {
	margin-top: 0px;
	/* background-image: url('img/layout/Bild_footer.png'); */
	/* background-image: url('img/layout/Bild_footer_t10.png'); */
	background-repeat: repeat-x;
	/* opacity: 0.1; */
}


.cm-footer {
	padding-top: 10px;
	bottom: 0px;
}


.cm-footer li, 
.cm-footer li a {
	/* color: #ffecd8;
	 */   
	margin: 10px;
	margin-bottom:-5px;
}







/* main styling */
img.radius { -webkit-border-radius: 3px; -moz-border-radius: 3px; -ms-border-radius: 3px; -o-border-radius: 3px; border-radius: 3px; }









/* new integrated header tabs */
	
.headerButtonsArea {
	height: 50px;
    position: absolute;
    right: 20px;
    top: 10px;	
	
}

.headerButton {
	float:right;
	display:block;
	cursor:pointer;
	
	text-align: center;
	
	margin-left: 20px;
}

.headerButton .lbl.vertically-centered {
	vertical-align: middle;
	line-height: 50px;
}

.headerButton.moreSpace {
	margin-left: 20px;
	margin-right: 40px;
}

.headerButton.searchField {
	
}

.searchFieldWrapper {
    display:inline-block;
    position:relative;
    width: 250px;
    
    margin-top: 8px; 
}

.searchFieldWrapper .searchTabIcon {
    position: absolute;
    right: 0px;
    top: 0px;
}


.headerButton:hover .icon {
	opacity: 0.9; 
}

.headerButton .icon {
	width:35px;
	/* height:35px; */
	background-size:contain;
	background-repeat: no-repeat;
	
	margin-left: auto;
  	margin-right: auto;
  	
	opacity: 0.8;
}

.headerButtonsArea.tabs dd.active .icon {
	opacity: 1.0;
}

.headerButton.hike .icon {
	background-image: url('img/sports/climber.png'); /* not really needed as menu icon */
}

.headerButton.details .icon {
	background-image: url('img/menu/HeaderIconsBeschreibung2.png');
}

.headerButton.map .icon {
	background-image: url('img/menu/HeaderIconsKarte2.png');
}

.headerButton.tour .icon {
	background-image: url('img/menu/HeaderIconsTour3.png');
}






.headerButton .lbl {
    line-height: 13px;
    /* font-size: 13px; */
    text-align: center;	
    color: #FFFFFF;
}



/* override old tabs */

.headerButtonsArea.tabs {
	border:none;
	margin: 0px ;
}

.headerButtonsArea.tabs dd {
	border: 0px none;
	float: right;
}

.headerButtonsArea.tabs dd a:focus {
	font-weight: normal;
}

.headerButtonsArea.tabs dd.active {
	border: 0px none;
	margin: 0px;
	font-weight: normal;
}

.headerButtonsArea.tabs dd.active a {
	background-color: transparent;
	border: 0px none;
	font-weight: normal;
}

.headerButtonsArea.tabs dd a {
  	height: auto;
    line-height: auto;
    padding: 0px;
}


.headerButtonsArea.tabs dd .headerButtonSelected {
	width: 0; 
	height: 0; 
	border-left: 10px solid transparent;
	border-right: 10px solid transparent;
	border-bottom: 10px solid transparent;
	
	background-color: transparent;
   
   	margin-top: 8px;
    /* position: absolute; */
   
    	margin-left: auto;
  	margin-right: auto;	
}

.headerButtonsArea.tabs dd.active .headerButtonSelected {
	/* background-color:#FF0000; */
	border-bottom: 10px solid #FFFFFF;
}




.headerButtonsArea .headerButton.permButton {
	opacity: 0.2;	
}

.headerButtonsArea .headerButton.permButton {
	cursor:default;
} 

.headerButtonsArea .headerButton.permButton:hover .icon {
	opacity: 0.8; 
}




/* -----------------------------------------
   Quick-Search Bar TAB (inherited from tabs styles)
----------------------------------------- */
    
    dl.tabs dd.searchTabDD { float:right; width: 250px; }

    dl.tabs dd.searchTabDD div.tabInnerLink { display: block; width: auto; height: 42px; padding: 0 9px; line-height: 42px; border: solid 1px #ddd; margin: 0px; color: #555; background: #eee; }
    dl.tabs dd.searchTabDD div.tabInnerLink.permactive { border-style: solid; border-width: 1px 1px 0 1px; height: 42px; }

		.nice.tabs dd.searchTabDD div.tabInnerLink  { padding: 5px 10px 5px; font-size: 15px; font-size: 1.5rem; color: #555555; border: none; }
		.nice.tabs dd.searchTabDD div.tabInnerLink.permactive { font-weight: bold; color: #333; border-left: 1px solid #eee; border-right: 1px solid #eee; border-top: 1px solid #eee; border-bottom: 0px solid #ffffff; margin: 0px 0px; position: relative; top: -5px; }



	dl.tabs dd.searchTabDD div.tabInnerLink { 
		-webkit-border-radius: 4px; -moz-border-radius: 4px; -ms-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; 
		background-color: #f7f7f7; /* almost white */
	}
	
	
	
	dd.searchTabDD {
		/* margin-top: -10px; */
	}

	.search-input-field {
		border: 0px none !important;
		margin: none !important;
	}
	.search-input-postfix {
		border: 0px none !important;
		background-color: transparent !important;
	}	
	

	.searchTabIcon {
		background-image: url('img/tools/search.png');
		background-repeat: no-repeat;
		
		/* der äußere container ist 30px hoch, 35px breit */
		background-position: 2px 1px;
		
		background-size: 32px; 
		height: 32px;
		width: 32px;	
		
		opacity:0.4;
		
		cursor: pointer;
	}



.breadcrumbsHoverMap {
	/* float:left; */
	right: 450px;
	position:absolute;
	z-index: 1000001 !important;
	
	background-color: rgba(202,202,202, 0.5); /* color bg with 50% opacity */
	
  	-webkit-border-bottom-right-radius: 4px;
  	-moz-border-radius-bottomright: 4px;
  	border-bottom-right-radius: 4px;
  	
  	/*
  	-webkit-border-bottom-left-radius: 4px;
  	-moz-border-radius-bottomleft: 4px;
  	border-bottom-left-radius: 4px;
  	*/	

}


.mainMapArea {
	left: 0px;
	bottom: 0px;
    position: absolute;
    right: 320px; /* needs to be the width of the filter box + any margins */	
    top: 70px; 
}

/* override foundation */
.row {
	width: 1079px;
}

.mainDetailsArea {
	width: 1079px;
	float: right;
}

.detailsMapArea {
	/* padding-bottom: 60%; */

    left: 7px;
	bottom: 7px;
	top: 77px; 
	right: 1079px; /* needs to be the width of the mainDetailsArea */
	
	position: absolute;
}

.detailsMapArea.bigimageThing {
	opacity: 0.8; 
	/*
-moz-box-shadow:0px 0px 7px #000000;
-webkit-box-shadow:0px 0px 7px #000000;
box-shadow:0px 0px 7px #000000;

-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
*/ 	
	
}



/* -----------------------------------------
   selfmade tabs for search-result-filter switcher
----------------------------------------- */


.sr-tab-column {
	padding: 5px;
	width: 300px;
	float:right;
	/*margin-right: 10px;*/
	min-height: 700px;
	
	margin-right: 15px;
	
	/* box-shadow: -10px 0px 5px 0 rgba(0, 0, 0, 0.3); */
	
	/*
	-moz-box-shadow:    3px 0px 5px 6px #ccc;
  	-webkit-box-shadow: 3px 0px 5px 6px #ccc;
  	box-shadow:         3px 0px 5px 6px #ccc;	
	z-index: 1000006 !important;
	*/
}

#sr-tab-wrapper {
    /* width:250px; */
}
#sr-tab-wrapper ul {
    margin-left: 0px !important;
}

.sr-tab-content {
    clear:both;
    /* border:1px solid #ddd; */
    border: 0px none;
    
    /* 
    padding:5px;
    
    background-color: #ffffff; */
    
    /*
  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
	border-radius: 4px;
	*/	
}




/* style for suggestion plugin results */
.ac_results {
	width: 205px !important;
}
.ac_results li.ad_odd { background: #cbe5f7 !important; }
.ac_results li.ac_even { background: #bbdef7 !important; }


.distance-center-me-icon {
	background-image: url('img/tools/target.png');
	background-repeat: no-repeat;
	
	/* der äußere container ist 30px hoch, 35px breit */
	background-position: 2.5px 3.5px;
	
	background-size: 25px; 
	height: 100%;
	width: 100%;	
	
	opacity:0.4;
	
	cursor: pointer;
}

.distance-center-me-icon:hover {
	opacity:0.8;	
}



/* deactivate-filter-close-link */
.search-filter-status-display {
	margin-top: 10px;
	margin-bottom: 10px;
}
#search-filter-status-display-deactivate {
	cursor: pointer;
	width: 100%;
}


/* for characteristic icons */
.not_checked {
	opacity: 0.5;
}

.not_checked:hover {
	opacity: 0.7;
}

hr.filtertitle {
	margin: -2px 0px 10px 0px !important;
}

.filter-style-of-climbing-text {
	font-size: 10px;
	text-align: middle;
}

.filter-style-of-climbing-text:hover {
	color: #333333;
}



/* FILTER style in search-results list  */
.sr-filter-element {
  	border: 1px solid #e2e2e2;
  	
  	-webkit-border-radius: 2px; 
  	-moz-border-radius: 2px; 
	border-radius: 2px;	
	
	margin-top: 0px;
	margin-bottom: 20px;
}
.sr-filter-element-head {
	background-color: #fbfbfb;
	
	/*
	color: #a1a1a1;
	font-size: 12px;	
		*/
	
	height: 40px;
	border-bottom: 1px solid #f0f0f0;
	
	cursor:pointer;
}
.sr-filter-element-head-content {
	/* font-size: 14px; */
	line-height: 40px;
	
	padding-left: 13px;
}
.sr-filter-element-head .sr-filter-element-value {
	float:right;
	/* color: #717171; */
}
.sr-filter-element-head .sr-filter-element-head-img {
	float:right;
	padding-left: 5px;
	
	margin-left: 6px;
	margin-right: 0px;
	border-left: 1px solid #e2e2e2;
	
	background-image: url('img/tools/arrow_down.png');
	background-repeat: no-repeat !important;
	background-position: center;
	background-size: 30px, 30px !important; 
	
	width: 40px;
	
	height: 100%;
	
	opacity:0.6;	
}
.sr-filter-element-head.expanded .sr-filter-element-head-img {
	background-image: url('img/tools/arrow_up.png');
}
.sr-filter-element-head:hover .sr-filter-element-head-img {
	opacity:1.0;
}


.sr-filter-element-body {
	background-color: #ffffff;
	
	padding: 15px 20px;
	
}



.sr-filter-element-body div.row div.columns {
	padding: 0px 5px;
}


.sr-filter-hidden {
	height: 0px;
	visibility: hidden;
	
	padding: 0px;
	
	/**
	 * 	changes by Christian Pichler
	 */
	display: none;
}

.sr-filter-element-value.sr-filter-active {
	/* color: #717171; */
	/*color:#007000;*/
	line-height: 40px;
	margin: 0px;
}

.sr-filter-element-value.sr-filter-active span {
	margin: 0px;
}

/* end filter style */



/* search result list */

.search-result-header {
	font-size: 12px;

    margin-bottom: 15px;
    margin-top: 23px;	
}

/* clear means the xbutton to delete results*/
.search-result-header-clear {
	float:right; 
	width: 15px;
	height:15px; 
	cursor:pointer;	
	opacity:0.8;
	
	margin-top: -35px;
	margin-right: 6px;
}
.search-result-header-clear:hover {
	opacity:1;
}
.icon-transparent {
	opacity:0.4;
}

.search-result-header span {
	color:#000088;
}

.search-result-location-list {
		margin-bottom: 10px;
}

.search-result-location-row {
	height: 60px;
	background-color: #ececec;
	border-bottom: 1px solid #dddddd;	
	/* padding-top: 5px; */
}

/* make the first search result start rounded */
.search-result-location-row:first-child {
  	border-top-left-radius: 4px;
	border-top-right-radius: 4px;
}


.search-result-location-text {
	margin-left: 0px;
	margin-top: 13px;
	float: left;
}

.search-result-items-text-name, 
.search-result-location-row-name {
/*
	font-weight: normal;
	font-size: 15px;
	color: #5e5e5e;
	*/
		
	/*
	/does not work, should have capped the string if its long like DAchsteingebirge
	white-space: nowrap;
	overflow: hidden;
	*/
}


.search-result-items-row-additional-info,
.search-result-location-row-parentlocation {
	/*
	font-size: 12px;
	color: #c0c0c0;
	*/
	
	margin-top: -10px;
}

.search-result-location-hideoverlap,
.search-result-location-endrow {
	background-color: #ececec;
	border-bottom: 1px solid #dddddd;
	
    padding-bottom: 5px;
    padding-top: 5px;	
	
  	-webkit-border-bottom-right-radius: 4px;
  	-moz-border-radius-bottomright: 4px;
  	border-bottom-right-radius: 4px;
  	
  	-webkit-border-bottom-left-radius: 4px;
  	-moz-border-radius-bottomleft: 4px;
  	border-bottom-left-radius: 4px;	
	
	text-align: center;
}

.search-result-items-row {
	height: 100px;
	
	background-color: #ececec;
	border: 1px solid #dddddd;

  	-webkit-border-radius: 4px;
  	-moz-border-radius: 4px;
  	border-radius: 4px;
  	
  	
	margin-bottom: 10px;
}

/**
 * Designer FONTS
 * ProximaNova Semibold
 * ProximaNova Regular
 */

.search-result-items-text {
	margin-left: 45px;
	padding-top: 12px;
	/* float:left; */
}


.search-result-items-row.route-item {
	height: 60px;
}

.search-result-items-row.route-item img.search-result-icon {
	background-size: 35px 40px !important;
}

.search-result-items-row-1 {
	height: 65px;
	border-bottom: 1px solid #dddddd;
	
	margin-top:0px;
}

.search-result-items-row-2 {
	height: 35px;
	
	margin-left: 0px; 
    margin-top: 10px;	
}


.search-result-items-row-2-rating {
	float:left;
	margin-left: 10px;
}

.search-result-items-row-2-grades {
	float:right;
	width: 50%;
	margin-right: 5px;
}

/* make the grade distry rounded too*/
.grade-distri-wrapper:first-child .count {
  	border-top-left-radius: 2px;
	border-bottom-left-radius: 2px;
}
.grade-distri-wrapper:last-child .count {
  	border-top-right-radius: 2px;
	border-bottom-right-radius: 2px;
}


.search-result-items-row:hover, 
.search-result-location-row:hover {
	background:#dddddd;
	
	cursor:pointer;
}

.search-result-location-arrow {
	float: right;
	background-color: #FF0000;
	
	background: url('img/tools/arrow_right.png');
	background-repeat: no-repeat !important;
	background-position: -15px, 0px !important;
	background-size: 38px, 38px !important; 
	width: 15px;
	height: 60px; /* 15px; */
	display: block;
	opacity:0.2;	
	
	margin-right: 5px;	
}



.search-result-location-endrow , 		/* more link */
.search-result-items-endrow ,			/* more link */
.search-result-location-hideoverlap ,	/* less link */
.search-result-items-hideoverlap  {		/* less link */
	
	cursor: pointer;
/*	
	
	color: #5f8aa2;
	font-size: smaller;
*/
}


.search-result-items-endrow  {
	padding-bottom: 20px;
	text-align: center;
}


.invisible-row {
	visibility: hidden !important;
	display: none !important;
}


/* result icon representations */


.search-result-icon {
	background: url('img/map_poi2/mountains.png');
	background-repeat: no-repeat !important;
	background-position: 0px, 0px !important;
	
	background-size: 48px, 48px !important; 
	
	width: 48px;
	height: 60px; /* 15px; */
	
	margin-left: 5px;
	margin-right: 5px;
	
	display: block;
	float:left;
	
	/* margin-right: 2px; */
	
	opacity:0.6;	
}

.search-result-icon-enziano {
	
	background-size: 40px, 40px !important; 
	
	width: 48px;
	height: 65px; /* 15px; */
	
	margin-left: 5px;
	margin-right: 5px;
	
	display: block;
	float:left;
	
	/* margin-right: 2px; */
	
	opacity:1.0;	
}


.icon-country { background: url('img/map_poi2/glacier3-2.png'); }
.icon-region { background: url('img/map_poi2/glacier3-2.png'); }
.icon-area { background: url('img/map_poi2/mountains3.png'); }

.icon-route { background: url('img/map_poi2/route3-dummy.png'); }
.icon-parking { background: url('img/map_poi2/parking2.png');  }
.icon-poi { background: url('img/tools/pin-48.png'); } /* icon for geocode poi */

.icon-spot { 
	background: url('img/sports/type_climber_flat.png');  
	background-size: 35px, 35px !important;  
	background-position: 6px, 6px !important;
}

/* changes by Christian Pichler to add different icons for new sport-types */
.icon-ski {
	background: url('img/sports/type_skitour_flat.png');  
	background-size: 35px, 35px !important;  
	background-position: 6px, 6px !important;
}

.icon-snowshoe {
	background: url('img/sports/type_snowshoe_flat.png');  
	background-size: 35px, 35px !important;  
	background-position: 6px, 6px !important;
}

.icon-hiking {
	background: url('img/sports/type_hiker_flat.png');  
	background-size: 35px, 35px !important;  
	background-position: 6px, 6px !important;
}


/* end location result list */









/* -------- local recommendation -------- */

.poi-list-recommendation-wrapper {
	background-color: #ffffff;
	border-radius: 4px;
}

.poi-item-heading-name {
	font-size: large;
    margin-bottom: 5px;
}

.poi-item-description-text {
	font-size: small;
}

.poi-item-rating-wrapper {
	display: inline-block;
	
	border-radius: 4px;
}

.poi-item-rating-1 {
	background-color: #EFEFEF;
	
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 5px;
	
	-webkit-border-top-right-radius: 3px;
	-moz-border-radius-topright: 3px;
	border-top-right-radius: 3px;
	
	-webkit-border-top-left-radius: 3px;
	-moz-border-radius-topleft: 3px;
	border-top-left-radius: 3px;
	
}

.poi-item-rating-2 {
	background-color: #DEDEDE;
	padding: 5px;
	
	-webkit-border-bottom-right-radius: 3px;
	-moz-border-radius-bottomright: 3px;
	border-bottom-right-radius: 3px;
	
	-webkit-border-bottom-left-radius: 3px;
	-moz-border-radius-bottomleft: 3px;
	border-bottom-left-radius: 3px;	
}












/* -----------------------------------------
   flexible Google-Maps canvas
   thanks to foundation flex-video element!
----------------------------------------- */

	.flex-gmap-container {
		position: relative;
		/*
		padding-top: 25px;
		padding-bottom: 60.5%;
		*/
		/* padding-bottom: 67.5%; */
		 
		/* height: 0; */
		
		height: 100%; /* fix px size would work*/
		
		/* margin-bottom: 16px; */
		 overflow: hidden; 
		 		
		/* border-radius: 3px; */
		/* margin-left: 8px; */
	}
	
	.flex-gmap-container div.gmap {
		position: absolute !important;
		top: 0;
		left: 0;
		width: 100%;
		height: 100%;
		z-index: 5;
	}


	/* google map object style, slight green to cover the reloading */
	.gm-style {
		background-color: #dae9d2;
	}


/* old deprecated weather style*/
	.cm-weather-table {
		
	}
	
	.cm-weather-table td {
		padding: 0px; 
		margin: 0px;
		text-align: center;
	}

	.cm-weather-table .cm-weather-table-temperature {
		text-align: right;
		padding-right: 10px;
	}
	
	.cm-weather-table .cm-weather-table-temperature p.cm-temp-max {
		font-size: 120%;
		font-weight: bold;
		margin-bottom: 5px;
	}
	
	.cm-weather-table .cm-weather-table-temperature p.cm-temp-min {
		font-size: 90%;
		font-weight: lighter;
		margin-bottom: 5px;
	}
	
	.cm-weather-table .cm-todaytemp {
		text-align: center;
		vertical-align: middle;
	}

	.cm-weather-table .cm-todaytemp p {
		font-size: 200%;
		margin-top: 0px;
		margin-left: 5px;
		margin-bottom: 0px;
	}

/* -----------------------------------------
   Wall / Route Information
----------------------------------------- */


	.columnblocks .columns, 
	.columnblocks .column {
		padding: 0px 0px;
	}

	.leftborder-vertical-line {

		height: 520px;
	    background-color: #D1D1D1;
	    /* background-image: -moz-linear-gradient(center top , #D9D9D9, #D1D1D1 76%, rgba(206, 206, 206, 0)); */
	    float: left;
	    margin-left: -1px;
	    width: 1px;		
		
	}
	.leftborder-vertical-line.half-size {
		height: 250px;	
	}	

	.cm-wallHeight-image {
		background-image: url("img/exposition/height.png");
		background-position: 0 0;
		height: 55px;
		width: 80px;
	}	
	.cm-wallHeight-label {
		font-size: 110%;
		font-weight: bold;
		float: right;
		position: absolute;
		margin-left: 35px;
		bottom: 8px;
		color:#FFFFFF;
	}
	
	.cm-wallHeight-label-new {
		bottom: auto;
		position: relative;
		font-weight: bold;
		font-size: 12px;
		padding-right: 13px;
		float: right;
		padding-top: 43px;
		color:#FFFFFF;

	}
	
	.cm-wallExposure-image {
		height: 70px;
		width: 70px;
	}	
	
	.cm-wallExposure-bg {
		width: 70px;
		height: 70px;
		background-size: 70px 70px;
		background-image: url("img/exposition/KompassGrund.png");
	}
	
	.cm-wallExposure-bg .cm-exposition {
		position: absolute;
		width: 70px;
		height: 70px;
		background-size: 70px 70px;
	}	
	
	.cm-wallExposure-bg .cm-exposition.ex-nord {
		background-image: url("img/exposition/KompassNord.png");
	}		
	.cm-wallExposure-bg .cm-exposition.ex-east {
		background-image: url("img/exposition/KompassOst.png");
	}		
	.cm-wallExposure-bg .cm-exposition.ex-south {
		background-image: url("img/exposition/KompassSued.png");
	}		
	.cm-wallExposure-bg .cm-exposition.ex-west {
		background-image: url("img/exposition/KompassWest.png");
	}				
	

	

.detail-topo-teaser {
	width: 100%;
	height: 160px;
	background-size: 100%; 
}	

.detail-topo-teaser-buy {
	background-image: url("img/topo-teaser-buy.png");
}
.detail-topo-teaser-owned {
	background-image: url("img/topo-teaser-buy.png");
}
	
	

/* -----------------------------------------
   NATURE BOX STYLE
----------------------------------------- */

.cm-naturebox-image {
	float:left; 
	padding: 5px 5px 5px 0px;
	
	width: 40px; 
	height: 40px;
	
	margin-top: 20px;
}



.detail-image-big-clickable {
	cursor: pointer !important;
}



/* -----------------------------------------
   COLLAPSABLE CONTENT
----------------------------------------- */

/* style of a "link" which expands a div */ 
.morelink {
	/* text-decoration: underline; */
	cursor: pointer;
}

/* style of a hidden div element (can be toggled by a morelink) */
.divHidden {
    visibility: collapse; /* visibility false and collapses with content */
   	display: none; /* !important; */ /* dont use important, else the jquery.actual plugin will not work properly */
    height: 0; /* removes height */
	margin: 0; /* removes margins */
}
.divToggleable {
	/* width: 96%; */  /* so right border does not fall over */
}
.hideDivImageButton {
	opacity: 0.5;
	cursor: pointer;
}
.hideDivImageButton:hover {
	opacity: 1.0;
}

/* use to fade out the short-info element */
.divFaded {
	opacity: 0.2;
}
.isFadable {
	/* just used to find the parent div of a morelink which may be faded */  
}






/* -----------------------------------------
   SEARCH FILTER Style
----------------------------------------- */




.search-filter-slider-wrapper { 
	/* padding: 10px !important; */ 
	/* float:right; */ 
	/* margin-right: 30px; */
	
	cursor: pointer;
}

.search-filter-slider-lbl {
/*
	border:0px; 
	font-weight: bold;	
	font-size: 14px !important;
	color: #F0AD46;
*/	
		
	line-height: 40px;	
	/* float:right; */ 
}


.search-filter-slider-wrapper a.filter-changelink {
	cursor: pointer;
}

.search-filter-slider-wrapper a.filter-changelink:hover {
	color: #F0AD46;
	text-decoration: underline;
}

/* the slider background */
.search-filter-slider { 
	border-color: #ededed; 
	border-top: 1px solid #d3d3d3;
	background: #eaeaea;
	height: 15px;
	border-radius: 2px; 
}
/* the slider selected-highlight-area */
.search-filter-slider .ui-slider-range { 
	background: #c5dbe7;
	height: 15px; 
	border-top: 1px solid #bed4e0;
	border-radius: 2px;
	top: -1px;
}

.search-filter-slider .ui-slider-handle { 
	 
	background-color: #4cafe2;
	background-image: url("img/layout/slider_handle_inner.png"); 
	cursor: pointer;
	height: 15px;
	top: -1px;
	
	border-color: #2e8ec0;
	border-radius: 2px;
}
/*
.search-filter-slider .ui-slider-handle.ui-state-default { border-color: #CC7D03; }
.search-filter-slider .ui-slider-handle.ui-state-active { border-color: #0000ff; }
.search-filter-slider .ui-slider-handle.ui-state-hover { border-color: #00ff00; }
*/

.floatright {
	float:right;
}



/*  END 
   SEARCH FILTER Style
----------------------------------------- */

/* flag dropdown for country/language selector */

	.flag_dropdown { margin-top: -3px; }

    .flag_dropdown dd, .flag_dropdown dt, .flag_dropdown ul { margin:0px; padding:0px; }
    .flag_dropdown dd { position:relative; }
    .flag_dropdown a, .flag_dropdown a:visited { color:#816c5b; text-decoration:none; outline:none;}
    .flag_dropdown a:hover { color:#5d4617;}
   	.flag_dropdown dt a:hover { color:#5d4617; border: 0px none #ff0000; }
    .flag_dropdown dt a { 
    				background: transparent url("img/flags/_arrow.png") no-repeat scroll right center; 
    				display:block; padding-right:20px;
                    border: 0px none #ff0000; 
                    /* width:150px; */
     }
    .flag_dropdown dt a span {cursor:pointer; display:block; padding:0px;}
    .flag_dropdown dd ul { background: #ffffff none repeat scroll 0 0; border:1px solid #d4ca9a; color:#C5C0B0; display:none;
                      left:0px; padding:5px 0px; position:absolute; top:2px; width:auto; min-width:170px; list-style:none;
                      z-index: 9999999; }
    .flag_dropdown span.value { display:none;}
    .flag_dropdown dd ul li a { padding:5px; display:block;}
    .flag_dropdown dd ul li a:hover { background-color:#d0c9af;}
    
    .flag_dropdown img.flag { border:none; vertical-align:middle; margin-left:10px; }
    .flagvisibility { display:none; }



.print-topo-button {
	/* margin-top: -35px; */
	margin-right: 5px;	
}


/* topo viewer styles */

    .topo-view-wrapper { 
    	background-color:#f5f5f5; 
    	border-top: 1px solid #777777;
    	border-bottom: 1px solid #777777;
    }
    

	.routeSelectorRow:hover td {
		background-color: #4DAF4A;
	}


/* route highlight styles for Topo */ 
	.routeHIGHLIGHT {
		fill: none !important;
		stroke: rgb(255, 0, 0) !important;
		stroke-width: 2 !important;
		stroke-linecap: round !important;
		stroke-linejoin: round !important;
		stroke-dasharray: 3, 2 !important;
	}


/* -----------------------------------------
   GRADE-SLIDER Style
----------------------------------------- */

.grade-slider-wrapper { 
	padding: 10px !important; 
	float:left; 
	margin-right: 0px;
	width: 260px;
}

.grade-slider-label-wrapper {
	margin-left: -10px;
}

.grade-slider-lbl {
	border:0px; 
}
.grade-slider-lbl * {
	
}

.grade-slider-lbl-easy {
	color:#377EB8;	
	font-weight:bold;		
}
.grade-slider-lbl-medium {
	color:#E41A1C;	
	font-weight:bold;		
}
.grade-slider-lbl-hard {
	color:#464242;	
	font-weight:bold;		
}


.buy-sector-button {
	margin-right: 20px;
}










/* all table styles */

.table-customstyle {
	border-spacing: 0px;	
}

.table-customstyle tbody tr td {
		
	background-color: #ffffff;
		
	border-top: 1px solid #ebebeb;
}

.table-customstyle thead tr th {
	background-color: #e6e6e6;
	border-bottom: 1px solid #dfdfdf;
	
	
	font-weight: normal;
	
	padding: 5px;
	padding-left: 10px;
}







/* route table styles */

.text-medium {
	font-size:small;
	
}



.row-no-padding-bottom td {
	padding-bottom: 1px;
}

.row-no-padding-top td {
	padding-top: 1px !important;
}


.route-table {
	border-spacing: 0px;
}

/*
.route-table tr th {
	background-color: #e6e6e6;
	border-bottom: 1px solid #dfdfdf;
	color: #939393;
	
	font-size: 12px;
	font-weight: bold;
	
	padding: 5px;
	padding-left: 10px;
}
*/

.route-table-equip-icon {
	width: 35px;
	vertical-align: middle
}

.route-table-equip-icon-lbl {
	/* line-height: 35px; */
	font-size: 12px;
}

.route-table-inrow-icon {
	width: 18px;
}

.equipcolumn {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 25%;
	float: left;
}

.route-table-topoview {
	border:none;
	background-color: transparent;
}

/* .route-table-topoview tbody tr, */
.route-table tbody tr, 
.route-table tbody tr:nth-child(2n) {
	background: none;
}


.route-table tbody tr td {
/*
	color: #595959;	
	background-color: #f7f7f7;
	
	font-size: 12px;
	font-weight: normal;	
	*/
	
	padding-left: 10px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	
}


.route-table .route-description {
	color: #939393;
	padding-top: 0px;
}

.route-description-empty {
	padding: 5px;
}

.next-route-row td {
	border-top: 1px solid #ebebeb;
}

.route-table-row-multipitch-morelink {
	cursor:pointer;
}


.route-grade-lbl-wrapper {
	margin-bottom: 0px;
}

li.route-grade-lbl {
	list-style-type: disc;	
	/* width: 100px; */
}

/* color schemes, sync with other classes .grade-slider-lbl-blue -grade-slider-lbl-easy */
/* easy: grade <= 11 */
li.route-grade-lbl.grade-0,
li.route-grade-lbl.grade-1,
li.route-grade-lbl.grade-2,
li.route-grade-lbl.grade-3,
li.route-grade-lbl.grade-4,
li.route-grade-lbl.grade-5,
li.route-grade-lbl.grade-6,
li.route-grade-lbl.grade-7,
li.route-grade-lbl.grade-8,
li.route-grade-lbl.grade-9,
li.route-grade-lbl.grade-10, 
li.route-grade-lbl.grade-11{
	color:#78b4e7;
}

/* medium: grade <= 20 */
li.route-grade-lbl.grade-12,
li.route-grade-lbl.grade-13,
li.route-grade-lbl.grade-14,
li.route-grade-lbl.grade-15,
li.route-grade-lbl.grade-16,
li.route-grade-lbl.grade-17,
li.route-grade-lbl.grade-18,
li.route-grade-lbl.grade-19,
li.route-grade-lbl.grade-20 {
	color:#d77062;
}

/* hard: grade > 20  (max in grade array is 33)*/
li.route-grade-lbl.grade-21,
li.route-grade-lbl.grade-22,
li.route-grade-lbl.grade-23,
li.route-grade-lbl.grade-24,
li.route-grade-lbl.grade-25,
li.route-grade-lbl.grade-26,
li.route-grade-lbl.grade-27,
li.route-grade-lbl.grade-28,
li.route-grade-lbl.grade-29,
li.route-grade-lbl.grade-30,
li.route-grade-lbl.grade-31,
li.route-grade-lbl.grade-32,
li.route-grade-lbl.grade-33 {
	color:#989898;
}

/* end route table styles */





/* comment succes flash style */

.textfieldFlashSuccess {
	background: #008800;
}

.textfieldFlashFailure {
	background: #FF0000;
}


.spot-comment-showall {
	cursor:pointer;
}	




/* best time of year for climbing spot */

.cm-best-time-of-year-table {
	font-weight: normal !important;
	padding-left: 8%; /* tries to center the row*/
	margin-top:10px;
}

.cm-best-time-of-year-table .aMonth {
	width: 40px;
	text-align: center;
} 

.cm-best-time-of-year-table .aMonth.lborder {
	border-left: 1px solid #cecece;
}

.cm-best-time-of-year-table .aMonth {
	color: #CECECE;
}

.cm-best-time-of-year-table .aMonth.btoy_active {
	color: #515151;
}

.cm-best-time-of-year-table .row {
	margin-bottom: 10px;
}











/* pricing plans
 * see https://www.moneymonk.nl/#wakosda
 * or https://de.erwaehnung.de/
 */
div.pricing {
  margin-left: -5px;
  *zoom: 1;
}
div.pricing:before,
div.pricing:after {
  display: table;
  content: "";
  line-height: 0;
}
div.pricing:after {
  clear: both;
}
div.pricing:before,
div.pricing:after {
  display: table;
  content: "";
  line-height: 0;
}
div.pricing:after {
  clear: both;
}
div.pricing:before,
div.pricing:after {
  display: table;
  content: "";
  line-height: 0;
}
div.pricing:after {
  clear: both;
}
/* TODO see above, double? */

div.pricing:before,
div.pricing:after {
  display: table;
  content: "";
  line-height: 0;
}
div.pricing:after {
  clear: both;
}
div.pricing .plan {
  float: left;
  margin-left: 5px;
  width: 327px;
}
div.pricing .plan .content {
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 16px;
  margin-right: 16px;
}
div.pricing .plan .content:hover {
  cursor: pointer;
  border: 1px solid #93ba1c;
}
div.pricing .plan .content:hover h3 {
  background: #93ba1c;
  color: #fefefe;
}
div.pricing .plan .content h3 {
  padding: 10px;
  margin: 0;
  background: #f5f5f5;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  text-align: center;
}
div.pricing .plan .content h3 .subheader {
	font-size: 18px;
	font-style: italic;
	text-align: center;
	background-color: transparent;
}
div.pricing .plan .content:hover h3 .subheader {
	color: #fefefe;
}
div.pricing .plan .content p {
  padding: 10px;
}
div.pricing .plan .content p.price {
  text-align: center;
  padding-top: 20px;
  font-size: 36px;
  
  margin-bottom: 0px;
  padding-bottom: 0px;
}
div.pricing .plan .content p.subprice {
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0 10px 15px 10px;
}
div.pricing .plan .content strong {
  font-size: 1.2em;
}
div.pricing .plan .content ul {
  list-style-type: none;
  padding: 0;
  /* margin: 0 10px 15px 10px; */
  margin: 0 0px 0px 0px; 
}
div.pricing .plan .content ul li {
  padding: 7px 15px 7px 50px;
  background: url("img/tools/check.png") no-repeat 12px 7px;
  border-top: 1px solid #cfcfcf;
}
div.pricing .plan .content .try {
  text-align: center;
  padding-bottom: 20px;
}




/* added pricing-single for single product page */

div.pricing-single:before,
div.pricing-single:after {
  display: table;
  content: "";
  line-height: 0;
}
div.pricing-single:after {
  clear: both;
}
div.pricing-single .plan {
  float: left;
  margin-left: 5px;
  width: 700px;
}
div.pricing-single .plan .content {
  border: 1px solid #cfcfcf;
  -webkit-border-radius: 5px;
  -moz-border-radius: 5px;
  border-radius: 5px;
  margin-left: 16px;
  margin-right: 16px;
}
div.pricing-single .plan .content h3 {
  padding: 10px;
  margin: 0;
  background: #f5f5f5;
  -webkit-border-top-right-radius: 3px;
  -moz-border-radius-topright: 3px;
  border-top-right-radius: 3px;
  -webkit-border-top-left-radius: 3px;
  -moz-border-radius-topleft: 3px;
  border-top-left-radius: 3px;
  text-align: left;
}
div.pricing-single .plan .content h3 .subheader {
	font-size: 18px;
	font-style: italic;
	text-align: left;
	background-color: transparent;
}
div.pricing-single .plan .content p {
  padding: 10px;
}
div.pricing-single .plan .content p.price {
  text-align: center;
  padding-top: 20px;
  font-size: 36px;
  
  margin-bottom: 0px;
  padding-bottom: 0px;
}
div.pricing-single .plan .content p.subprice {
  text-align: center;
  padding: 0 0 10px 0;
  margin: 0 10px 15px 10px;
}
div.pricing-single .plan .content strong {
  font-size: 1.2em;
}
div.pricing-single .plan .content ul {
  list-style-type: none;
  padding: 0;
  /* margin: 0 10px 15px 10px; */
  margin: 0 0px 0px 0px; 
}
div.pricing-single .plan .content ul li {
  padding: 7px 15px 7px 50px;
  background: url("img/tools/check.png") no-repeat 12px 7px;
  border-top: 1px solid #cfcfcf;
}
div.pricing-single .plan .content .try {
  text-align: center;
  padding-bottom: 20px;
}

.pricing-single .column, 
.pricing-single .columns {
	padding: 0 0 0 0 !important;
}

.pricing-single .left-pricing-border {
	border-left: 1px solid #cfcfcf;
}
.pricing-single .bottom-pricing-border {
	border-bottom: 1px solid #cfcfcf;
}


.pricing-single .center-image {
	text-align: center;
}




/* login and register form at pricing page */
#divLoginForm p,
#divRegisterForm p {
	padding: 0px 15px;
}

.register-smallprint {
	font-size: 10px !important;
}




.product-image-wrapper {
	
  	width: 150px; /* or whatever you want */
  	height: 150px; /* or whatever you want */
  	line-height: 150px; 
}

.publisher-image,
.product-image {

	vertical-align: middle;
	text-align: center;
	
	max-width: 100%;
	max-height: 100%;
	
	-webkit-border-radius: 1px;
	-moz-border-radius: 1px;
	border-radius: 1px;
}




.payment-block-hidden {
	height: 0px;
	visibility: hidden;
	
	display:none;
	
	padding: 0px;
}


.p_tab_finish {
	
}




/* LANDING PAGE STYLES */

.block-hidden {
	height: 0px;
	visibility: hidden;
	display:none;
	padding: 0px;
}

.landing-back-panel-flow {
	background: #8c6239;
}

.landing-page-dashboard-button {
	width:100%;
	height: 100px;
}

.landing-page-dashboard-button-inner {
	width: 100px;
	display: absolute;
	
	left: 50%;
	top: 50%;

	margin: 0 auto !important;

    color: #4B4B4B;
    font-size: 16px;
}

/* landing-page-image-slider and big panel bar */ 

.landing-back-panel-image {
    position: absolute;
    right: 0 !important;   /* to override from orbit = image rechtsbündig */
    left: auto !important; /* to override from orbit = image rechtsbündig */
    top: 0;
    border: 0 none;
    
    height: 380px;
   	max-width: none !important; /* to override max-width from orbit = image stretching */
}


#landing-page-image-big-wrapper {
    height: 380px;
    left: 50%;
    max-width: 970px;
    overflow: hidden;
    position: absolute;
    top: 0;
    width: 50%;
    z-index: 1;
}

.landing-page-panel-board {
    background: #8c6239;
    height: 380px;
    min-width: 960px;
    position: relative;
}

.landing-page-panel-board-inner {
    background: #4b3421;
    height: 380px;
    margin: 0 /* auto */; 
    position: relative;
    /* width: 600px; */
   width: 50%;
    
    z-index: 2;
}

.landing-page-panel-board-inner-wrapper {
	padding-right: 50px;
	padding-top: 20px;
	width: 500px;
	
	color: #FFFFFF;
}

.landing-page-panel-board-inner-wrapper-wrapper {
	margin-left: 18px;
}

.landing-page-form-wrapper {
	font-size: 12px !important;
}



/* fixing orbit img slider on landing page */
.landing-page-panel-board ul.orbit-bullets { 
	bottom: 0px;

    right: 20px;
    left: auto;    
}

.landing-page-panel-board .timer { 
	visibility:hidden;  
}

.landing-page-panel-board ul.orbit-bullets li {
    background: url("img/landingpage/bullets_t_white.png") no-repeat scroll 4px 0 transparent;
    color: #999999;
    cursor: pointer;
    float: left;
    height: 12px;
    margin-left: 5px;
    overflow: hidden;
    text-indent: -9999px;
    width: 13px;
}

.landing-page-panel-board ul.orbit-bullets li.active {
    background-position: -8px 0;
    color: #222222;
}



/* styles for uploading and viewing additional media files */

.additional-media-thumbnail {
	width: 100px;
	height:100px;
	
	cursor: pointer;
}

.additional-media-thumbnail img.thumb {
	width: 100px;
	height: 100px;
	border: 1px solid #014D68;
}

.additional-media-thumbnail .additional-media-toolbar {
	height: 20px;
	width: 100%;
	background: #CADCEB;
	color: #222222;
	visibility: hidden;
}

.additional-media-thumbnail:hover .additional-media-toolbar {
	visibility:visible;
}

.additional-media-thumbnail.additional-media-addnew {
	height:100px;
	background:#007000;
	color:#FFFFFF;
	text-align: center;
	vertical-align: middle;
	cursor:pointer;
}

.additional-media-thumbnail.additional-media-addnew:hover {
	background:#93BA1C;
}




/* the name or title of a element when creating needs to be larger */
input.crud-form-title {
	font-size: 36px;
    height: 46px;
    font-weight: 600;
}



.formRouteDescription {
	font-size: 10px !important;
} 


.rock-characteristics input {
	opacity: 0.4;
} 
.rock-characteristics td input:checked {
	opacity: 1.0;
}
.rock-characteristics td small {
	font-size: 70%;
}
.rock-characteristics td {
	background-repeat: no-repeat;
	background-position: 0 0;
	background-size: 50px, 50px;
	
	padding: 2px 2px;
	width: 70px;
}
.rock-characteristics td.bolt1 {
	background-image: url("img/route_safety/bolt1.png");
}
.rock-characteristics td.bolt2 {
	background-image: url("img/route_safety/bolt2.png");
}
.rock-characteristics td.bolt3 {
	background-image: url("img/route_safety/bolt3.png");
}
.rock-characteristics td.cam {
	background-image: url("img/route_safety/cam.png");
}
.rock-characteristics td.friend {
	background-image: url("img/route_safety/friend.png");
}
.rock-characteristics td.sling {
	background-image: url("img/route_safety/sling.png");
}
.rock-characteristics td.hook {
	background-image: url("img/route_safety/hook.png");
}

.rock-characteristics td.hill {
	background-image: url("img/route_character/hill.png");
}
.rock-characteristics td.vertical {
	background-image: url("img/route_character/vertical.png");
}
.rock-characteristics td.overhang {
	background-image: url("img/route_character/overhang.png");
}
.rock-characteristics td.crack {
	background-image: url("img/route_character/crack.png");
}
.rock-characteristics td.chimney {
	background-image: url("img/route_character/chimney.png");
}
.rock-characteristics td.cornerinner {
	background-image: url("img/route_character/cornerinner.png");
}
.rock-characteristics td.cornerouter {
	background-image: url("img/route_character/cornerouter.png");
}
.rock-characteristics td.ridge {
	background-image: url("img/route_character/ridge.png");
}
.rock-characteristics td.boulder {
	background-image: url("img/route_character/boulder.png");
}




/* ---- custom enziano form controls ---- */
form.custom span.custom { 
	background-image: url("img/controls/checkbox_grey.png");
	background-size: 20px, 20px;
	background-position: 0px, 0px;
	background-repeat: no-repeat;
	
	border: 0px none;
	
	width: 20px;
	height: 20px;
	
	margin-top: -7px; /* align with label */
}

/* CHECKBOX CONTROL */
form.custom span.custom.checkbox {
	background-image: url("img/controls/checkbox_grey.png");
	background-color: transparent;
	vertical-align: middle;
}
form.custom span.custom.checkbox:hover {
	background-image: url("img/controls/checkbox_white.png");
}
form.custom span.custom.checkbox.checked {
	background-image: url("img/controls/checkbox_checked.png");
}
form.custom span.custom.checkbox.checked:before {
	content: "";
}

/* RADIO CONTROL */
form.custom span.custom.radio { 
	background-image: url("img/controls/radio_grey.png");
	background-color: transparent;
	vertical-align: middle;
}
form.custom span.custom.radio:hover { 
	background-image: url("img/controls/radio_white.png");
}
form.custom span.custom.radio.checked { 
	background-image: url("img/controls/radio_checked.png");
}
form.custom span.custom.radio.checked:before {
	content: "";
	border-radius: none;
	background: none transparent;	
}


/**
 *	colors 	
 */

.bg-brown {
	background-color: #4b3421;
}
.bg-brown-light {
	background-color: #f0ece6;
}
.bg-green {
	background-color: #109c14;
}
.bg-green-light {
	background-color: #fafef6;
}
.bg-orange {
	background-color: #fc8006;
}
.bg-orange-light {
	background-color: #fdf7f1;
}
.bg-bluedark {
	background-color: #0a1db2;
}
.bg-bluedark-light {
	background-color: #ecf7fc;
}
.bg-blue {
	background-color: #0083ca;
}
.bg-blue-light {
	background-color: #0077b7;
}
.bg-blue-light-transparent {
	background-color: rgba(0, 119, 183, 0.1); /* is 0077b7 with 1% opacity*/
}

/* BUTTONS OVERRIDE  */

.radius.button {
	border-radius: 2px;
}

.button {
	font-weight: normal !important;
	font-family: 'Open Sans', sans-serif;
	font-weight: 400;	
}

.small.button {
	font-size: 13px;
}
.medium.button {
	font-size: 16px;
}
.large.button {
	font-size: 20px;
}


.orange.button {
	/*
	background: #FA811E;
	border: 1px solid #D15F02;
	*/
	background: #fc8006;
	border: 1px solid #fc8006;	
	box-shadow: 0 0px 0 transparent inset !important;
}
.orange.button:hover {
	/*
	background: #F5760F;
	border: 1px solid #D15F02;
	*/
	background: #eb7706;
	border: 1px solid #eb7706;		
	box-shadow: 0px none;
}


.brown.button {
	background: #8a715b;
	border: 1px solid #4b3421;
	box-shadow: 0 0px 0 transparent inset !important;
}
.brown.button:hover {
	background: #402c1c;
	border: 1px solid #402c1c;
	box-shadow: 0px none;
}

.blue.button {
	/*
	background: #0083ca;
	border: 1px solid #0083ca;
	*/
	background: #0083ca;
	border: 1px solid #0083ca;	
	box-shadow: 0 0px 0 transparent inset !important;
}
.blue.button:hover {
	background: #0077b7;
	border: 1px solid #0077b7;	
	box-shadow: 0px none;
}

.secondary.button {
	background: #E9E9E9;
	border: 1px solid #C3C3C3;
	box-shadow: 0 0px 0 transparent inset !important;
    color: #1D1D1D;	
}
.secondary.button:hover {
	background: #D0D0D0;
}


.success.button {
	/*
	background: #289c15;
	border: 1px solid #289c15;
	*/
	background: #109c14;
	border: 1px solid #109c14;	
	box-shadow: 0 0px 0 transparent inset !important;
}
.success.button:hover {
	/*
	background: #218212;
	border: 1px solid #218212;
	*/
	background: #0e8b12;
	border: 1px solid #0e8b12;	
	box-shadow: 0px none;
}

.error.button {
	/* alt: BC1909*/
	background: #A31621;
	border: 1px solid #A31621;
	box-shadow: 0 0px 0 transparent inset !important;
}
.error.button:hover {
	background: #8A121C;
	border: 1px solid #8A121C;
	box-shadow: 0px none;
}



.calltoaction.button {
	background: #109c14;
	border: 1px solid #109c14;
	box-shadow: 0 0px 0 transparent inset !important;
}
.calltoaction.button:hover {
	background: #109c14;
	border: 1px solid #109c14;
	box-shadow: 0px none;
}

.author-editPortal-button {
	width: 200px;
	display: absolute;
	
	/* 
	left: 50%; 
	top: 50%; 
	*/

	margin: 0 auto !important;

    color: #4B4B4B;
    font-size: 16px;
}




/* content creator stuff */

.content-stage-row td {
	text-align: center;
}	

.content-stage-row td.pub0 {
	background-color: #bf3a30;
}
.content-stage-row td.pub1 {
	background-color: #85a000;
}
.content-stage-row td.pub-1 {
	background-color: #ffc940;
}
.content-stage-row td.pub-2 {
	background-color: #ffc940;
}



.bullet-list li{
	padding-left: 10px;
	list-style-type: disc;
}

.bullet-list-wrapper{
	padding-left: 40px;
}



/* -----------------------------------------
   GALLERIFIC STYLES and OTHER GALLERY STYLES
----------------------------------------- */

#gallery-popover-headline {
	margin-left: 15px;
	color: #FFECD8;
	font-size: 16px;
}


.galleriffic-pagecontrol, .galleriffic-slidecontrol {
    display: block;
    height: 300px;
    width:78px;
	/*height: 46px;
    width: 31px;*/
    text-indent: -10000px;
    position: absolute;
}

.galleriffic-pagecontrol.prev {
    /* background: url("/enz_modules/cm/img/tools/arrow_left_white.png"); */
    background: url("/enz_modules/cm/img/tools/left-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    left: 10px;
    margin-top: 60px;
}

.galleriffic-pagecontrol.next {
    /* background: url("/enz_modules/cm/img/tools/arrow_right_white.png"); */
    background: url("/enz_modules/cm/img/tools/right-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    right: 10px;
    margin-top: 60px;
}

.galleriffic-slidecontrol.prev {
    /* background: url("/enz_modules/cm/img/tools/arrow_left_white.png"); */
    background: url("/enz_modules/cm/img/tools/left-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    left: 10px;
    top: 200px;
}

.galleriffic-slidecontrol.next {
    /* background: url("/enz_modules/cm/img/tools/arrow_right_white.png"); */
    background: url("/enz_modules/cm/img/tools/right-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    right: 10px;
    top: 200px;
}

#galleriffic-thumbs,
#gallery,
#gallery-modal-container,
.masonry-item-wrapper {
    position: relative;
}

#galleriffic-thumbs {
    margin-top: 25px;
}
#galleriffic-thumbs ul{
    margin: 0;
}



/* styles for the modular gallery, multiple galleries in one page (tour) */



.tabs-content .galleriffic-pagecontrol.prev {
    /* background: url("/enz_modules/cm/img/tools/arrow_left_white.png"); */
    background: url("/enz_modules/cm/img/tools/left-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
  /*  left: 70px;
    margin-top: 60px;*/
   margin-left: -60px;
   margin-top:0px;
   height:150px;
   background-size: 50px 150px;
}

.tabs-content .galleriffic-pagecontrol.next {
    /* background: url("/enz_modules/cm/img/tools/arrow_right_white.png"); */
    background: url("/enz_modules/cm/img/tools/right-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
  /*  left: 70px;
    margin-top: 60px;*/
   margin-right: -60px;
   margin-top:0px;
   height:150px;
   background-size: 50px 150px;
}

.tabs-content .galleriffic-slidecontrol.prev {
    /* background: url("/enz_modules/cm/img/tools/arrow_left_white.png"); */
    background: url("/enz_modules/cm/img/tools/left-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    left: 70px;
    top: 200px;
}

.tabs-content .galleriffic-slidecontrol.next {
    /* background: url("/enz_modules/cm/img/tools/arrow_right_white.png"); */
    background: url("/enz_modules/cm/img/tools/right-arrow_300_no_bg_grau.png");
    background-repeat: no-repeat;
    right: 70px;
    top: 200px;
}




.galleriffic-thumbs {
    margin-top: 25px;
}
.galleriffic-thumbs ul{
    margin: 0;
}






/* masonry styles for picture overview page */

.masonry-item {
    float: left;
    width: 221px;     /*defines the picture width*/
    margin-right: 12px;
    margin-bottom: 12px;
}

.masonry-item.upload {
    background-color: #4B3421;
    text-align: center;
}

.thumb-link-overlay, .gallery-modal-overlay {
    background-color: #4B3421;
    opacity: 0.8;
    bottom: 4px;

    position: absolute;
    width: 100%;
    text-align: left;

    padding: 10px 0;
    display: none;
}

.gallery-modal-overlay {
    bottom: 0;
    display: block;
}

.image-caption {
    display: block;
    min-height: 86px;
    position: absolute;
    width: 100%;
}

.gallery-modal-overlay-wrapper {
    position: relative;
}

.gallery-modal-overlay .icon {
    margin-right: 20px;
}

.gallery-modal-upload {
    margin-left: 20px;
    line-height: 30px;
}

.thumb-link-overlay a {
    display: block;
    color: #FFECD8;
    margin-left: 5px;
}

.thumb {
    cursor: pointer;
}

.thumb > img {
    border-radius: 3px;
}

.thumbs li.selected img {
    border: 2px solid #4B3421;
}

.thumbs li {
    display: block;
}

.slideshow img {
    height: 680px;
}

.slideshow span {
    display: block;
    overflow: hidden;
    max-height: 680px;
}

.detail-page-gallery-links {
    text-align: center;
    margin-top: 15px;
}

.detail-page-gallery-links > a {
    display: inline-block;
    margin: 0 5px;
}

.loader {
    position: absolute;
    background: url('/enz_modules/cm/img/tools/loader.gif') no-repeat center;
    width: 100%;
    height: 100%;
}

#status {
    display: none;
}

.progress > .bar {
    background-color: #2BA6CB;
    height: 100%;
    width: 0;
}

.gallery-upload-button {
    position: relative;
}

.gallery-upload-form > .progress, .gallery-upload-form > #processing, #closeButton  {
    display: none;
}

#processing > span {
    margin-left: 25px;
}

.gallery-upload-button input {
    position: absolute;
    top: 0;
    left: 0;
    width: 100%;
    margin: 0;
    opacity: 0;
    filter: alpha(opacity = 0);
    font-size: 23px;
    direction: ltr;
    cursor: pointer;
}

.gallery-upload-preview {
    float: left;
    width: 250px;
    height: 300px;
    margin-left: 15px;
    position: relative;
}

.gallery-upload-delete {
    position: absolute;
    /* text-indent: -99999px; */
    top: 135px;
    right: 0;
}

.gallery-upload-preview canvas {
    display: inline-block;
    margin-bottom: 10px;
}
 	

/* contract and agb contents */ 	
	.Contract_Content ul li {
		margin-bottom: 10px;
		list-style: circle outside none;
	}
  
	.Contract_Content ul {
		margin-top: 15px !important;
		margin-left: 15px !important;
	}
	
	.Contract_Content ol li {
		margin-top: 15px !important;
		margin-left: 15px !important;
		list-style: decimal;
	}	

	.Contract_Content ol li ul li{
		list-style: lower-latin;
	}	 	
/* end agb and contract content */ 	



/* -----------------------------------------
   STYLES Partner-/Supporter- and TeamPage
----------------------------------------- */

.partner_team_image {
	
	width= 200px;
	height= 200px;
	
	border-radius: 3px;
}

.founder_margin_top {
	
	margin-top: -6px;
}

.founder_margin_bottom {
	
	margin-bottom: 4px;
}

.founder_mailto_button {
	
	width: 40px;
	height: 40px;
}

.founder_xing_button {
	
	width: 85px;
	height: 23px;
}


/* -----------------------------------------
   STYLES added by Christian
----------------------------------------- */



/* -----------------------------------------
   STYLES for Landing-Page
----------------------------------------- */

.next-slide-text{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    -sand-transform: rotate(90deg);
    right: -90px;
    opacity: 0.5;
}

.prev-slide-text{
    -webkit-transform: rotate(270deg);
    -moz-transform: rotate(270deg);
    -o-transform: rotate(270deg);
    -ms-transform: rotate(270deg);
    -sand-transform: rotate(270deg);
    left: -90px;
    opacity: 0.5;
}

.prev-slide-text .active-hovered {
	opacity: 1.0;
}



.slider-nav-text {
	background-image: none;
    position: absolute;
    top: 50%;
    width: 300px;
    margin-top: -15px;
    text-align: center;
    color: #ffffff;
    font-weight: bold;
    font-size: 1.6em;
}


/*--------------------------------
 * copied from Landing-page
---------------------------------- */

#featured img {
				width: 100%;
				height: auto;
			    
}

/*
			.landing-slider .slider-text {
				position: absolute;
				bottom: 20px;
				z-index: 99999;
}

			.landing-slider h4 {
				padding: 5px 15px 5px 20px;				
				color: white;	
}

			.slider-text h4{
				margin: 0px;
				font-size: 3em;	
				padding-left: 100px;
}

			.landing-slider h5 {
				padding: 5px 15px 5px 20px;
				color: white;
			}
*/

			

.poi-detail:hover .poi-detail-cta-button-toggle {
	visibility: hidden;
} 
.poi-detail-cta-button-toggle {
	color: #FFFFFF;
	margin-top: -35px;
	margin-right: -35px;
	text-shadow: 1px 1px #333333;
	
	visibility: visible;
}

.poi-detail:hover .poi-detail-cta-button {
	visibility: visible;
}
.poi-detail-cta-button {
	color: #FFFFFF;
	margin-top: -35px;
	margin-right: -35px;
	text-shadow: 1px 1px #333333;
	visibility: hidden;
}
			.slider-text h5 {
				margin: 0px;
				font-size: 1.8em;
				padding-left: 100px;
			}

			.featured-tours {

				margin-top: 1.6em;
								
								  
					
			}
											
			.featured-tours h5 {
				top: 0px;
				position: absolute;
				float: left;
				font-size: 1.2em;
				background-color: rgba(0, 119, 183, 0.8);
			}
											 
			.featured-tours img {
				border: 0px none transparent;
				border-radius: 4px;
			}
											   
			#fullwidth-orbit-slider .orbit-wrapper .timer{
				left: -10000px;
				top: auto;
				height: 1px;
				overflow: hidden;
				position: absolute;
				width: 1px;
				display: none;
			}
							

									
			#fullwidth-orbit-slider {
				margin-bottom: 320px;
			}
																		
			.show-later {
				display: none;
			}
									
			.orbit-slide img {
				overflow: hidden;
			}
						
			.orbit, .orbit-wrapper {
				overflow: visible;
			}

			.orbit-wrapper .slider-nav span.left {
				background-image:url("/enz_modules/foundation-3.2.4/images/foundation/orbit/left-arrow_300_no_bg_50.png");
				background-color: rgba(0, 0, 0, 0);	 
				background-size: 100% auto;
				background-position: 0 0;
				background-attachment: scroll;
				background-repeat: repeat;				
			}
			
			.orbit-wrapper .slider-nav span.right {
				background-image:url("/enz_modules/foundation-3.2.4/images/foundation/orbit/right-arrow_300_no_bg_50.png");
				background-color: rgba(0, 0, 0, 0);	 
				background-size: 100% auto;
				background-position: 0 0;
				background-attachment: scroll;
				background-repeat: repeat;						
			}
			
			
			.orbit-wrapper .slider-nav span.left:hover {
				background-image:url("/enz_modules/foundation-3.2.4/images/foundation/orbit/left-arrow_300_no_bg.png");
				background-color: rgba(0, 0, 0, 0);	 
				background-size: 100% auto;
				background-position: 0 0;
				background-attachment: scroll;
				background-repeat: repeat;						
			}
			
			.orbit-wrapper .slider-nav span.right:hover {
				background-image:url("/enz_modules/foundation-3.2.4/images/foundation/orbit/right-arrow_300_no_bg.png");
				background-color: rgba(0, 0, 0, 0);	 
				background-size: 100% auto;
				background-position: 0 0;
				background-attachment: scroll;
				background-repeat: repeat;						
			}
			
			
			
			.orbit-wrapper .slider-nav span {
				height: 300px;
				margin-top: -150px;
				width: 78px;
			}


/*						
			#quick-link-bar {
				text-align:center;
				margin-top: -2px;
				border-top: 3px solid #8A715B;
				border-bottom: 3px solid #8A715B;	
				z-index: 100000;
				position: relative;
				vertical-align: center;
				text-align: center;
				line-height: 4em;
				
			}
				
			#quick-link-bar a {
				color: #4b3421;
				vertical-align: center;
				text-align: center
				font-size: 1.3em;
				font-weight: bold;
			}
				
			#quick-link-bar a:hover {
				text-decoration: underline;
			}
			
			
				

			

.cm-headerbar-landing .headerButton .icon {
	opacity: 0.6;
}

.cm-headerbar-landing .headerButton:hover .icon {
	opacity: 0.8;
}


.headerButtonDummy .headerButton .icon {
	opacity: 0.4;
}

.headerButtonDummy .headerButton:hover .icon {
	opacity: 0.4;
}

.headerButtonDummy .headerButton .lbl {
	opacity: 0.4;
}

.headerButtonDummy .headerButton:hover .lbl {
	opacity: 0.4;
}

.headerButtonDummy .headerButton:hover{
	cursor: default;
	
}

*/



.tour-detail-grade-distribution.big {
	width: 100%;
}
.tour-detail-grade-distribution.big .count {
   font-size: 12px;
   height: 24px;
   line-height: 24px;
}






/* -----------------------------------------
   STYLES for Map-Page
----------------------------------------- */

/* poi detail howers-up over the map --- */
.poi-detail {
	background: transparent;
	/* height: 110px; */
	width: 450px;
	height: 300px;
	min-width: 450px !important;
	z-index: 1000001 !important; /* because the google map items "logo and stuff" have z:1000000 */
	position: absolute; /*fixed for scrolling pages!*/ 
	left: 25px; 
	bottom: 10px;
	border: 5px solid rgba(255, 255, 255, 1.0);
	border-radius: 8px;
	overflow: hidden;
	cursor: pointer; /* because we can click it to get to the details page */
}



.poi-detail-inner {
	position: relative;
	top: 210px;
	
}

.poi-detail-inner-1{
	background-color: rgba(75, 52, 33, 0.7);
	padding: 10px;
	padding-top: 15px;
	opacity: 0.95;
}

.poi-detail-inner-2 {
	background-color: rgba(75, 52, 33, 0.7);

	position: relative;	

	padding: 0px;
	height: 50px; 
	width: 450px;
	top: 160px;
	display: none;
  	margin-left: 0px !important;	
  	
}

.poi-detail-inner-2 .aColumn {
	/*
	padding-left: 10px;
	padding-top: 10px;
	*/
}

.poi-detail-inner .itemTitleName {
	/*
	font-size: 22px;
	font-weight: normal;
	line-height: 1.2;
	color: #FFFFFF;
	font-family: 'Dosis', sans-serif;
	*/
}

.poi-detail-inner .itemTitleName span {
	margin-top: 5px;
}

.poi-detail-inner .itemCategory {
	/*
	color: #ffffff;	
	font-size: 11px;
	*/
}

.poi-detail-grade-distribution {
	width: 50%; 
	margin-top: 5px;
}

.poi-detail.type-hiking .poi-detail-grade-distribution {
	margin-top: 5px;
	margin-right: 10px;
	width: auto;
}

.poi-detail.type-hiking .poi-detail-grade-distribution .grade-distri-wrapper .count {
	padding-left: 10px;
	padding-right: 10px;
}

.poi-detail-close {
	float:right; 
    /* margin-right: 5px; */
    margin-top: 5px;
    margin-left: 0px;
    height: 20px;
    width: 20px;
	cursor:pointer;	
	opacity:0.99;
	z-index: 1000002 !important;
}
.poi-detail-close:hover {
}


.poi-detail-featured {
	
	position: absolute;
	bottom: 0px; /* grounds the image to the bottom, overflows on the top*/

	/* scales the image within the box, but makes sure it fits from image dimensions */	
    display: block;
    margin: auto;

    height: auto;
    min-height: 100%;

    width: auto;
    min-width: 100%;	
	
}




.poi-detail-icon-type {
	width: 40px;
	height: 40px;
	/*
	display: block;
	float:left;
	*/	
	/* background: url('img/map_poi2/mountains.png'); */
}

.poi-icon-type-spot {
	background: url('img/sports/type_climber_flat.png'); 
	background-size: 40px 40px;
	/* background-repeat: no-repeat; */
}

.poi-icon-type-hiking {
	background: url('img/sports/type_hiker_flat.png');
	background-size: 40px 40px;
	/* background-repeat: no-repeat; */
}

.poi-icon-type-ski {
	background: url('img/sports/type_skitour_flat.png');
	background-size: 40px 40px;
	/* background-repeat: no-repeat; */
}

.poi-icon-type-snowshoe {
	background: url('img/sports/type_snowshoe_flat.png');
	background-size: 40px 40px;
	/* background-repeat: no-repeat; */
}





/* -----------------------------------------
   flexible Google-Maps canvas
   thanks to foundation flex-video element!
----------------------------------------- */

	.flex-gmap-container {
		padding-left: 15px;
		padding-right: 30px;
		margin-left: -15px;
	}
	
	.flex-gmap-container div.gmap {
		left: 15px;
		padding-right: 30px;
	}


body {
	background-color: #ffffff;
	background-image: none;
}



/* backend and admin sport toggle buttons */
.sport-toggle-buttons img {
	opacity: 0.3;
	border: 0px transparent none;	
}

.sport-toggle-buttons img.notransparency {
	opacity: 1.0;
	border: 1px solid #0000de;
}


/* google map layer toggle element */
.gmnoprint {
	padding-right: 15px;	
}

.cm-header-logo-mobile {
	background-size: 300px, 95px;
	width: 300px;
	height: 85px;
	margin-top: 2px;
	margin-left: 15px;
	display:inline-block;
}

.photo-container-mobile {
	background-color: #4B3421;
}

.photo-mobile {
	display: inline-block;
	position: relative;
}

.photo-mobile img {
    height: 480px;
}

.button-buy-mobile {
	position: absolute;
	right: -22px;
	bottom: 5px;
	
}

.tab-button-mobile {
	display: none;
}

.tab-label-mobile {
  	display: inline-block;
  	padding: 15px 25px;
  	font-weight: 700;
  	text-align: center;
  	background-color: #e6e6e6;
  	border-radius: 1000px;
  	color: #666;
  	font-size: 18px;
  	font-size: 1.125rem;
}

.tab-section-mobile {
  	display: none;
  	padding: 20px 0 0;
}

.tab-button-mobile:checked + .tab-label-mobile {
  color: #fff;
  background-color: #0083ca;
}

#tabInfo:checked ~ #contentInfo,
#tabWeather:checked ~ #contentWeather,
#tabShare:checked ~ #contentShare {
  display: block;
}

.text-normal-mobile {
	font-size: 18px;
  	font-size: 1.125rem;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	max-height: 999999px;
}

.text-title-mobile {
	font-weight: bold;
}


.tour-detail-grade-distribution-mobile.big {
	width: 100%;
	margin-top: 5px;
	margin-bottom: 5px;
}

.tour-detail-grade-distribution-mobile.big .count {
   font-size: 18px;
   font-size: 1.125rem;
   height: 36px;
   line-height: 36px;
}

.attribute-icon-mobile {
	height: 48px;
	width: 48px;
	margin-top: 5px;
}

.windfinder-box-wrapper-mobile a {
	font-size: 18px !important;
  	font-size: 1.125rem !important;
  	margin-top: 5px;
  	margin-bottom: 5px;
  	max-height: 999999px !important;
}

.windfinder-box-wrapper-mobile table {
	background: transparent none;
	border: 0px none;
}

.windfinder-box-wrapper-mobile .parent_table {
	width: 50% !important;
}

.windfinder-box-wrapper-mobile .last-weathertable {
	width: 100% !important;
}

.windfinder-box-wrapper-mobile .weathertable .rowname {
	width: 50% !important;
}

.windfinder-box-wrapper-mobile th,
.windfinder-box-wrapper-mobile td {
	font-weight: normal;
	font-size: 18px;
	font-size: 1.125rem;
	line-height: 36px;	
	padding: 0px;
}

.windfinder-box-wrapper-mobile th {
	background-color: transparent !important;
}

.cm-wallExposure-image-mobile {
	height: 100px;
	width: 100px;
}	

.cm-wallExposure-bg-mobile {
	width: 100px;
	height: 100px;
	background-size: 100px 100px;
	background-image: url("img/exposition/KompassGrund.png");
}

.cm-wallExposure-bg-mobile .cm-exposition {
	position: absolute;
	width: 100px;
	height: 100px;
	background-size: 100px 100px;
}	

.cm-wallExposure-bg-mobile .cm-exposition.ex-nord {
	background-image: url("img/exposition/KompassNord.png");
}		
.cm-wallExposure-bg-mobile .cm-exposition.ex-east {
	background-image: url("img/exposition/KompassOst.png");
}		
.cm-wallExposure-bg-mobile .cm-exposition.ex-south {
	background-image: url("img/exposition/KompassSued.png");
}		
.cm-wallExposure-bg-mobile .cm-exposition.ex-west {
	background-image: url("img/exposition/KompassWest.png");
}

#tabSpotInfo:checked ~ #contentSpotInfo,
#tabSpotWeather:checked ~ #contentSpotWeather,
#tabSpotRoutes:checked ~ #contentSpotRoutes,
#tabSpotShare:checked ~ #contentSpotShare {
  display: block;
}

.grade-slider-wrapper-mobile { 
	padding: 10px !important; 
	float:left; 
	margin-right: 0px;
	width: 45%;
}

.search-filter-slider-mobile { 
	border-color: #ededed; 
	border-top: 1px solid #d3d3d3;
	background: #eaeaea;
	height: 30px;
	border-radius: 2px; 
}

.search-filter-slider-mobile .ui-slider-range { 
	background: #c5dbe7;
	height: 30px; 
	border-top: 1px solid #bed4e0;
	border-radius: 2px;
	top: -1px;
}

.search-filter-slider-mobile .ui-slider-handle { 
	 
	background-color: #4cafe2;
	background-image: url("img/layout/slider_handle_inner.png"); 
	cursor: pointer;
	height: 30px;
	top: -1px;
	
	border-color: #2e8ec0;
	border-radius: 2px;
}

.equipcolumn-mobile {
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 10px;
	width: 33.33%;
	float: left;
}

.margin-t-10 {
	margin-top: 10px;
}

.margin-t-30 {
	margin-top: 30px;
}

.margin-b-10 {
	margin-bottom: 10px;
}

.margin-b-30 {
	margin-bottom: 30px;
}

.padding-t-b-20 {
	padding-top: 20px;
	padding-bottom: 20px;
}

.margin-10 {
    margin: 0 10px;
    
}

.margin-0-25 {
	margin: 0 25px;
}

.border-radius-5 {
    border: 1px solid #ddd;
    border-radius: 5px;
}

.relative {
	position: relative;
}

.a-content-item {
	height: 480px;
    overflow-y: auto;
}

.a-content {
	text-align: center;
	margin-top: 60px;
}


.sponser-title-h6-style {
	/*font-family: "Dosis",sans-serif;
	font-size: 1.1rem;*/
	font-size: 15px;
	margin-top: 0px;
}

.sponser-fixed-part {
    margin: 30px 0;
    border-right: 2px solid #ddd;
    padding-right: 10px;
    min-height: 450px;
    overflow-y: auto;
}

.sponser-fixed-part-public {
    margin: 25px 0;
    border-right: 1px solid #ddd;
    padding-right: 10px;
    min-height: 490px;
    overflow-y: auto;
}

.product-block {
    margin: 30px 0;
    border-left: 2px solid #ddd;
    padding-left: 10px;
    height: 450px;
    overflow-y: auto;
}

.product-block-public {
    margin: 25px 0;
    /* border-left: 1px solid #ddd; */
    padding-left: 10px;
    height: 490px;
    overflow-y: auto;
}

.product-block .button, .product-block-public .button{
	width: 100%;
	margin-bottom: 15px;
}

.b-content {
	text-align: left;
	margin-top: 10px;
	height: 260px;
    /* overflow-y: auto; //scrollbar if text too long*/
}

.border-t-b {
	border-top: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}

.border-t {
	border-top: 1px solid #ddd;
}

.sponsor-content-logo {
	/* width: 170px;  --- we will just use 100% of the image/column width */
}

.center {
	text-align: center;
}

.table-cell-centered {
	display: table-cell;
	vertical-align: middle;
	text-align: center;
}

.tab2, .tab3, .tab2-bottom-text, .tab3-bottom-text {
	display: none;
}

.width-70p {
	width: 70% !important;
}

.width-100p {
	width: 100% !important;
}

.width-95 {
	width: 95px;
}

.target-country {
	width: 180px;
    text-align: left;
    margin-left: -15px;
    margin-bottom: 20px;
}

.target-country.dropdown.small:after {
	border-color: #A5A5A5 transparent transparent transparent !important;
}

.edit-part label, .a-content-item label {
	color: #BFBFBF;
    font-size: 17px;
}

.edit-part label.checked, .a-content-item label.checked {
	color: #2794CD;
}

.size-17 {
	font-size: 16px;
}

.no-resize {
	resize: none
}

.textarea {
	min-height: 100px;
}

.modal-btns .close-reveal-modal, .edit-btns .secondary {
	float: right;
	position: inherit;
	margin-left: 10px;
}

.table-display {
	display: table;
}

.fix-height-text {
	height: 135px;
    overflow-y: auto;
}

.active-blue {
    color: #0083ca !important;
}

.active-blue:hover {
    color: #0077b7;
}
    
.content-image {
    width: 450px;
}

.cells li {
    display: none;
}

.cells li:nth-child(2) {
    display: block;
}

.fixed-height {
    overflow: hidden;
    overflow-y: auto;
}




/* START promo box on tour pages for upselling parent packages */

.buy-button-subtext-wrapper {
	margin-top: 5px;
}

.package-promo-box-wrapper {
	width:100%;
	height: 140px;
		
	overflow:hidden;
}

.package-promo-box {
	width:100%;
	height: 140px;	
	padding: 0px;	
	border-radius: 2px;

	/* background-image: url("../../../enz_uploads/images/dummy_cover_web.jpg"); */
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;	
    
	-moz-transition: all .5s;
    -webkit-transition: all .5s;
    transition: all .5s;    
        
}

.package-promo-text {
	color: white;
	text-shadow: 0 0 2px black;
	
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	
	/* max-width: 60%; */
	max-width: 100%;
	
	position:absolute;
	bottom: 40px;
	
	z-index: 800;
}

.package-promo-book-cover-wrapper {
	float:right;
	padding-right: 30px;
	padding-top: 10px;
	opacity: 0.8;
}

.package-promo-box-wrapper:hover .package-promo-book-cover-wrapper {
	opacity: 1.0;
}

.package-promo-box-wrapper:hover .package-promo-box {
    -moz-transform: scale(1.05,1.05);
    -webkit-transform: scale(1.05,1.05);
    transform: scale(1.05,1.05)
}

.package-promo-box-wrapper:hover {
	cursor: pointer;
}


/* END promo box on tour pages for upselling parent packages */














/* START single content page */



.content-page-product-item-wrapper {
	width: 440px;
	height: 150px;

	overflow:hidden;
/*	
	float:left;
	padding-right: 30px;
	padding-top: 10px;
	opacity: 0.8;
*/
}

.content-page-product-item {
	width: 450px;
	height: 150px;
	padding: 0px;
	border-radius: 2px;

	/* background-image: url("../../../enz_uploads/images/dummy_cover_web.jpg"); */
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;	
}

.content-page-product-item-image-wrapper {
	float:right;
	padding-right: 20px;
	padding-top: 10px;
	opacity: 0.8;
}

.content-page-product-item-text {
	color: white;
	text-shadow: 0 0 2px black;
	
	float: left;
	padding-top: 20px;
	padding-left: 20px;
	
	max-width: 60%;
	
	/* position:absolute; */
	/* bottom: 40px; */
}

/* END single content page */



/* START single content page MOBILE */
.content-page-product-item-wrapper-mobile {
	/* width: 99%; */
	height: 300px;
	overflow:hidden;
}
.content-page-product-item-wrapper-mobile.single-item {
	height: 250px;
}

.content-page-product-item-mobile {
	/* width: 99%; */
	height: 300px;
	padding: 0px;
	border-radius: 2px;

	/* background-image: url("../../../enz_uploads/images/dummy_cover_web.jpg"); */
    background-size:     cover;                      
    background-repeat:   no-repeat;
    background-position: center center;	
}
.content-page-product-item-mobile.single-item {
	height: 250px;
}
.contentpage-info-block-mobile {
	max-width: 100% !important;
	margin-right: 15px !important;
	/* margin-left: 15px !important; */ 
}
/* END single content page MOBILE */



/*
* {
    background: #000 !important;
    color: #0f0 !important;
    outline: solid #f00 1px !important;
}
*/



/* tags */
.h3-tag-style{
    font-size: 0.8em;
    display: inline-block;
    margin-bottom: 2px;
    margin-top: 2px;
}
.h3-tag-style, .h3-tag-style {
    background-color: #a7a7a7;
    color: white;
    padding: 4px 10px;
    text-align: center;
    text-decoration: none;
    display: inline-block;
    font-weight: bold;
    -moz-border-radius: 2px;
    border-radius: 2px; /* standards-compliant: (IE) */
}

/*
.h3-tag-style a:hover, .h3-tag-style a:active {
    background-color: #424242;
}
*/



/* cookie header enziano styling */
.cc_container {
 padding: 5px 10px 5px 20px !important;
}
.cc_container .cc_message {
 margin-top: 0px !important;
 font-size: 0.9em !important;
 padding: 5px !important;
}
.cc_container .cc_btn {
 padding: 3px 15px !important;
 width: auto !important;
} 
.cc_banner-wrapper {
 height: 33px !important; 
}
.cc_container .cc_btn {
	background-color: #0083ca !important;
	color: white !important;
}

/* end cookie header enziano styling */




/* related-items */
.related-items {

}
.related-items li {
    float: left;
    margin-left: 0px;
    margin-right: 10px;
    margin-bottom: 10px;
}
.related-items ul {
    margin-left: 0px;
}

.related-items-img {
    width: 100%;
    height: 70px;
    max-height: 100%;
    background-size: 100%;
    background-repeat: no-repeat;
    color: #fff;
}

.related-items-img .label-txt {
	padding: 10px;
}

.page-attributes-name {
	background: #fbfbfb;
	/* height: 40px; */
	padding-right: 50px !important;
	border: 1px solid #e2e2e2;
	cursor: pointer;
}

.ui-accordion .ui-accordion-header {
	margin-top: 10px;
	
	min-width: 425px;
}


.page-attributes-value {
	padding: 0 20px 20px 80px;
	border: 1px solid #e2e2e2;
}


.ui-accordion .ui-accordion-content {   		
	padding: 0.6em 0.8em;
}    

.ui-accordion .ui-accordion-icons {
	padding: 0.8em; 
}

.ui-accordion .ui-accordion-header span.ui-accordion-header-icon.ui-icon {
	float: right;
	padding-left: 5px;
	margin-left: 6px;
	margin-right: 0px;
	border-left: 1px solid #e2e2e2;
	background-image: url('img/tools/arrow_down.png');
	background-repeat: no-repeat !important;
	background-position: center;
	background-size: 30px, 30px !important;
	width: 40px;
	height: 100%;
	right: 0;
	left: auto;
	top: auto;
	opacity: 0.6;
}

.ui-accordion .ui-accordion-header .ui-accordion-header-icon {
	margin-top: -10px;
	border-left: 1px solid #e2e2e2;
}

.ui-accordion .ui-accordion-header.ui-state-active span.ui-accordion-header-icon.ui-icon {
	background-image: url('img/tools/arrow_up.png');
}

.content-page-row .package {
	float: left !important;
}

.content-page-row .more-info {
	float: left !important;
}


.form-connected-attributes {
	position: relative;
}
.form-connected-attributes .delete {
	cursor: pointer;
	position: absolute;
	top: 10px;
	right: 10px;
}



/*
 * Responsiveness of Contentpage Elements -> accordeon element length
 * 1 Package:  < 953
 * 2 Package:  > 953px && < 1414
 * 3 Package:  > 1414	
 */


.package-size {
	max-width: 900px;
	width: 900px;
	
	padding-right: 0px;
}

.package-size.fullwidth-more-than-one-package {
	max-width: 1365px;
	width: 1365px;
} 


@media only screen and (max-width: 1414px) {
		
	.package-size {
		max-width: 450px;
		width: 450px;
		padding-right: 0px;
	}	
	
	.package-size.fullwidth-more-than-one-package {
		max-width: 915px;
		width: 915px;
	} 	

}


@media only screen and (max-width: 1360px) {		
	.content-page-row .twelve {
		width: 1000px;
	} 
}

@media only screen and (max-width: 954px) {		
	.content-page-row .twelve {
		width: 500px;
	} 
}





/* moves the scrollbar closer to the content */
.mCSB_outside + .mCSB_scrollTools {
	right: -20px !important; 
}