@font-face {
	font-family: 'BrandonGrotesque-Bold';
	src: url('css/BrandonGrotesque-Bold.eot');
	src: url('css/BrandonGrotesque-Bold.eot?#iefix') format('embedded-opentype'),
	     url('css/BrandonGrotesque-Bold.woff') format('woff'),
	     url('css/BrandonGrotesque-Bold.ttf') format('truetype'),
	     url('css/BrandonGrotesque-Bold.svg#wf') format('svg');
}
 
@font-face {
	font-family: 'BrandonGrotesque-RegularItalic';
	src: url('css/BrandonGrotesque-RegularItalic.eot');
	src: url('css/BrandonGrotesque-RegularItalic.eot?#iefix') format('embedded-opentype'),
	     url('css/BrandonGrotesque-RegularItalic.woff') format('woff'),
	     url('css/BrandonGrotesque-RegularItalic.ttf') format('truetype'),
	     url('css/BrandonGrotesque-RegularItalic.svg#wf') format('svg');
}
 
  
@font-face {
	font-family: 'BrandonGrotesque-Black';
	src: url('css/BrandonGrotesque-Black.eot');
	src: url('css/BrandonGrotesque-Black.eot?#iefix') format('embedded-opentype'),
	     url('css/BrandonGrotesque-Black.woff') format('woff'),
	     url('css/BrandonGrotesque-Black.ttf') format('truetype'),
	     url('css/BrandonGrotesque-Black.svg#wf') format('svg');
}
 
  
@font-face {
	font-family: 'BrandonGrotesque-Regular';
	src: url('css/BrandonGrotesque-Regular.eot');
	src: url('css/BrandonGrotesque-Regular.eot?#iefix') format('embedded-opentype'),
	     url('css/BrandonGrotesque-Regular.woff') format('woff'),
	     url('css/BrandonGrotesque-Regular.ttf') format('truetype'),
	     url('css/BrandonGrotesque-Regular.svg#wf') format('svg');
}

html,body {
	margin:0;
	padding:0;
	height:100%; /* needed for container min-height */

}


body  {
	font-family: "BrandonGrotesque-Regular", sans-serif; 
	font-size: 100%;
	line-height: 1.1em;
	background: #fff;
	color: #000;
	

}

a {
	color: #000;
}

a:hover {
	color: #0e91c7;
	
}

#container {

	width: 1300px;
	width: 975px;

	/* border: 1px dotted #ccc; */
	position: relative;
	margin: 0 auto;
	/* margin-top: 50px; */
	height:auto !important; /* real browsers */
	height:100%;		/* IE6: treaded as min-height*/
	min-height: 100%;	/* real browsers */
}

#above {
	display: inline-block;
	width: 1625px;
	height: 50px;
	position: fixed;
	top: 0;
	/* margin-bottom: 50px; */
	background-color: #fff;
	z-index: 1;
}

#scroller a.scroller {
	background-image: url('button_sprites.png');
	background-repeat: no-repeat;
	width: 27px;
	height: 27px;
	display: inline-block;
	background-color: #9fc520; 
	position: fixed;
	margin-left: 1305px;
	margin-left: 980px;
}

#scroller_top {
	background-position: -56px -12px;
	top: 50px;
}

#scroller_up {
	background-position: -107px -12px;
	top:82px;
}

#scroller_down {
	background-position: -153px -12px;
	top: 114px;
}

#sidebar {
	background-color: #f3f3ef;
	position: fixed;
	width: 325px;
	width: 232px;
	height: 645px;
	margin-top: 50px;
	padding-left: 46px;
	padding-right: 47px;
	text-align: center;
	z-index: 1;
	display: inline-block;
}

li.navi-weg {
	position: relative;
	display: inline-block !important;
	width: 325px;
	height: 645px;
	z-index: 0;
	float: left;
}

#sidebar h1 {
	/*text-indent: -999em; */
	/*background: url('stefan-froescher-logo.png') 32px 54px no-repeat; */
	/*display: block; */
	/* width 167 + 32px offest */
	width: 233px;
	/* height: 169 + 54px offset */
	height: 118px;
	/*padding-bottom: 120px; */
	/*padding-bottom: 80px; */
	/*padding-bottom: 34px; */
}

#sidebar h1 a {
	/* display: block; */
	position: relative;
	z-index: 3;
	/* see above */
	width: 233px;
	height: 118px;
}

#sidebar h2 {
	text-indent: -999em;
}

#sidebar span.nav_row {
	display: block;
	padding-top: 15px;
	padding-bottom: 15px;
	border-top: 1px dotted #000;
}
#sidebar span.nav_row a:hover{
	
	background-color:#9fc520;
}

#sidebar span.nav_row:last-child {
	border-bottom: 2px solid #000;
	margin-bottom: 100px;
	margin-bottom: 60px;
}

#sidebar a.english {
	font-family: "BrandonGrotesque-RegularItalic", sans-serif; 
}

#sidebar span#slogan {
	font-family: "BrandonGrotesque-Bold", sans-serif;
	font-size: 16pt;
	padding-bottom: 15px;
	display: block;
	margin-left: 12px;
}

.sonderseiten b, .sonderseite.special .fancybox-inner ul li b {
	font-weight: normal;
	font-family: "BrandonGrotesque-Bold", sans-serif;
	

}

#sidebar span#slogan strong {
	/* text-indent: -999em; */
	background: url('button_sprites.png') -14px -15px no-repeat;
	display: inline-block;
	width: 20px;
	height: 19px;
}


#sidebar_nav a {
	font-size: 14pt;
	text-decoration: none;
	color: #000;
	
}
#sidebar_nav a:hover {
	font-size: 14pt;
	text-decoration: none;
	color: #fff;
	background-color:9fc520;
	padding:4px 4px 4px 4px;
}

#images {
	background-color: #fff;
	/* position: absolute;
	position: relative; */
	top: 50px;
	left: 0;
	width: 1300px;
	width: 975px;
	height: auto !important;
	/* z-index: 1; */
}

#images a {
	/* z-index: 1; */
	/* display: inline-block; */
}

#images a img {
	float: left;
	/* z-index: 1; */
}

#images li {
	/* z-index: 4 !important; */
}

span.bold {
	font-family: "BrandonGrotesque-Bold", sans-serif;
}

.top {
	z-index: 100 !important;
}

/* scrollbar */


::-webkit-scrollbar-thumb:horizontal { height: 15px; background-color:#d2d2c5; }
::-webkit-scrollbar-thumb:vertical { width: 15px; background-color:#d2d2c5;
-webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
-moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
box-shadow: 1px 1px 4px rgba(0,0,0,0.16);
}

::-webkit-scrollbar { width: 15px; height: 15px; background: #fff;
-webkit-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13);
-moz-box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13);
box-shadow: inset 1px 1px 4px rgba(0,0,0,0.13); }


/*! fancyBox v2.0.6 fancyapps.com | fancyapps.com/fancybox/#license */
.fancybox-tmp iframe, .fancybox-tmp object {
	vertical-align: top;
	padding: 0;
	margin: 0;
}

.fancybox-wrap {
	position: absolute;
	top: 50%;
	z-index: 8020;
}

.sonderseite .fancybox-wrap {
	position: absolute;
	top: 50px !important;
	left: 0 !important;
	z-index: 8020;
}

.fancybox-skin {
	/* position: relative; */
	padding: 0;
	margin: 0;

	

	/* position: absolute;
	top: 20px; */

	/* background: url('images/black_70.png') 0 0 repeat; */
	/* display: inline-block; */

}

.sonderseite .fancybox-skin {
	/* width: 975px; */
	padding: 0;
	margin: 0;
	/* position: absolute; */
	/* top: 50px; */
	background: url('white_95.png') 0 0 repeat;
}

.sonderseite .content_row {
	display: inline-block;
	width: 100%;
}

.fancybox-opened {
	z-index: 8030;
}

.fancybox-opened .fancybox-skin {
	/* -webkit-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 10px 25px rgba(0, 0, 0, 0.5);
	*/
	
}

.fancybox-outer, .fancybox-inner {
	padding: 0;
	margin: 0;
	position: relative;
	outline: none;
}

.fancybox-inner {
	overflow: hidden;
}


.sonderseite .fancybox-inner {
	/* width: 800px; */
}

.sonderseite .fancybox-inner p {
	font-family: "BrandonGrotesque-Black", sans-serif;
	font-size: 18px;
	color: #A7A69A;
	
	margin-top: 1.5em;
	
}

.sonderseite.special .fancybox-inner p {
	margin-bottom: 1.5em;
}

.sonderseite .fancybox-inner ul li {
	font-family: "BrandonGrotesque-Regular", sans-serif; 
	font-size: 14px;
	color: #000;
	
}

.fancybox-type-iframe .fancybox-inner {
	-webkit-overflow-scrolling: touch;
}

.fancybox-error {
	color: #444;
	font: 14px/20px "Helvetica Neue",Helvetica,Arial,sans-serif;
	margin: 0;
	padding: 10px;
	
}

.fancybox-image, .fancybox-iframe {
	display: block;
	width: 100%;
	height: 100%;
	border: 0;
	padding: 0;
	margin: 0;
	vertical-align: top;
}

.fancybox-image {
	max-width: 100%;
	max-height: 100%;
}

#fancybox-loading, .fancybox-close {
	background-image: url('fancybox_sprite.png');
}

.fancybox-prev span, .fancybox-next span {
	background-image: url('button_sprites.png');
	width: 20px;
	width: 24px;
	height: 35px;
	height: 50px;
	opacity: 0.5;
	/* background-color: #d2d2c5; */
	display: block;
	position: relative;
	margin-top: -27px;
}

#fancybox-loading {
	position: fixed;
	top: 50%;
	left: 50%;
	margin-top: -22px;
	margin-left: -22px;
	background-position: 0 -108px;
	opacity: 0.8;
	cursor: pointer;
	z-index: 8020;
}

#fancybox-loading div {
	width: 44px;
	height: 44px;
	background: url('fancybox_loading.gif') center center no-repeat;
}



#fancybox-loading {display: none !important;}

.fancybox-close {
	position: absolute;
	margin-top: -18px;
	top: 0;
	/* top: -18px; */
	right: -18px;
	width: 39px;
	height: 39px;
	cursor: pointer;
	z-index: 8040;
	background-image: url('button_sprites.png');
	background-position: -390px -6px;
}

.fancybox-nav {
	position: absolute;
	top: 0;
	width: 40%;
	height: 100%;
	cursor: pointer;
	background: transparent url('blank.gif'); /* helps IE */
	-webkit-tap-highlight-color: rgba(0,0,0,0);
	z-index: 8040;
}

.fancybox-prev {
	left: 20px;
}

.fancybox-next {
	right: 30px;
	
}

.fancybox-nav span {
	position: absolute;
	top: 50%;
	/* width: 36px;
	height: 34px; */
	/* margin-top: -18px; */
	cursor: pointer;
	z-index: 8040;
	visibility: hidden;
}

.fancybox-prev span {
	left: 20px;
	background-position: 0px -36px;
	background-position: -230px -8px;
	background-position: -230px 0px;
}

.fancybox-next span {
	right: 10px;
	background-position: 0 -72px;
	background-position: -267px -8px;
	background-position: -267px 0px;
}

.fancybox-nav:hover span {
	visibility: visible;
}

.fancybox-tmp {
	position: absolute;
	top: -9999px;
	left: -9999px;
	padding: 0;
	overflow: visible;
	visibility: hidden;
}

/* Overlay helper */

#fancybox-overlay {
	position: absolute;
	position: fixed !important;
	top: 0;
	left: 0;
	overflow: hidden;
	display: none;
	z-index: 8010;
	background: #000;
	
}

.sonderseite #fancybox-overlay {
	/* background: transparent; */
}

#fancybox-overlay.overlay-fixed {
	position: fixed;
	position: fixed !important;
	bottom: 0;
	right: 0;
}

/* Title helper */

.fancybox-title {
	visibility: hidden;
	/* font: normal 13px/20px "Helvetica Neue",Helvetica,Arial,sans-serif; */
	position: relative;
	text-shadow: none;
	z-index: 8050;
}

.fancybox-opened .fancybox-title {
	visibility: visible;
}

.fancybox-title-float-wrap {
	position: absolute;
	bottom: 0;
	right: 50%;
	margin-bottom: -35px;
	z-index: 8030;
	text-align: center;
}

.fancybox-title-float-wrap .child {
	display: inline-block;
	margin-right: -100%;
	padding: 2px 20px;
	background: transparent; /* Fallback for web browsers that doesn't support RGBa */
	background: rgba(0, 0, 0, 0.8);
	-webkit-border-radius: 15px;
	   -moz-border-radius: 15px;
	        border-radius: 15px;
	text-shadow: 0 1px 2px #222;
	color: #fff;
	/* font-weight: bold; */
	line-height: 24px;
	white-space: nowrap;
}

.fancybox-title-outside-wrap {
	position: relative;
	margin-top: 10px;
	color: #fff;
}

.fancybox-title-inside-wrap {
	margin-top: 10px;
}

.fancybox-title-over-wrap {

	position: absolute;
	display: block;

	height: 260px;


	color: #fff;

	background-color: #f8f8f5;
	bottom: 50%;
	color: #000;

	padding-left: 40px;
	padding-top: 40px;
	padding-bottom: 40px;

	width: 200px;

	line-height: 1.3em;

	text-transform: lowercase;
	/*
	-webkit-box-shadow:  0px 0px 50px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 5px 0px rgba(0, 0, 0, 0.2);
	*/
}


/*
 * was for jquery-mobile
div.ui-loader-default h1 { display: none; }
div.ui-page.ui-body-c.ui-page-active.fade out { display: none; }
*/


.filters .filter {
	float:left;
	clear:both;
}

#sidebar_selection {
	margin: 0 auto;
	/* border: 1px dotted #ccc; */
	padding-left: 24px;
	padding-left: 20px;
	width: 234px;
}

/* span#title_closer {
	display: inline-block;
	width: 52px;
	position: absolute;
	top: 0;
	float: left;
	height: 200px;
	height: 100%;

	background-image: url('button_sprites.png');
	background-repeat: no-repeat;
	background-position: -463px 50%;
}*/

span#title_closer a {
	width: 100%;
	height: 100%;
	display: block;
}

.filters .filter a {

	z-index: 1;
	float:left;
	display:block;
	padding: 4px;

	margin-left: 8px;

	margin-top: 5px;

	margin-bottom: 8px;

	font-size:11px;
	text-transform: lowercase;
	font-size: 11pt;
	outline: none;
	
	
	text-decoration: none;

	
	

	
	
	
}

.filters .filter a.car_class:hover {
	/* padding: 6px; */
}

.filters .filter .active {
	background: #d2d2c5;
	color:#111;

	/*
	-webkit-box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.3);
        box-shadow:  0px 0px 1px 0px rgba(0, 0, 0, 0.3);
	*/
}

.filters .filter .close {
	background: url('button_sprites.png') -202px -20px no-repeat;
	display: inline-block;
	position: relative;
	width: 10px;
	height: 10px;
	margin: 0;
	padding: 0;
	margin-left: -20px;
	margin-top: 1px;
	display: none;
	z-index: 99;
}

.filters .filter_images {
	float:left;
	clear:both;
	width:100%;
	position: relative;
}


.filters .filter_images ul,
.filters .filter_images ul li {
	display:block;
	list-style:none;
	padding:0;
	margin:0;
	position: relative;
}

.filters .filter_images ul li {
	float:left;
	font-size:0;
	line-height:0;
}



.filters .filter_images a {
	display:block;
	float:left;
	width: 325px;
	height: 215px;
	/* overflow: hidden; */
}


/* tipsy */
.tipsy { padding: 5px; margin-left: 5px; font-size: 10pt; background-repeat: no-repeat;  background-image: url(images/tipsy_grey.gif); }

/* text-transform: uppercase; */
.tipsy-inner { padding: 5px 8px 4px 8px; background-color: #BFBFBF; color: white; max-width: 200px; text-align: center; 
 }
.tipsy-inner,.tipsy_clone-inner { -moz-border-radius:5px; -webkit-border-radius:5px; border-radius:5px;
	-webkit-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);
	   -moz-box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);
	        box-shadow: 0 0px 25px rgba(0, 0, 0, 0.5);}
.tipsy-north,.tipsy_clone-north { background-position: top center; }
.tipsy-south,.tipsy_clone-south { background-position: bottom center; }
.tipsy-east,.tipsy_clone-east { background-position: right center; }
.tipsy-west,.tipsy_clone-west { background-position: left center; }


.tipsy_clone { padding: 5px; margin-left: -5px; font-size: 10pt; background-repeat: no-repeat;  background-image: url(images/tipsy.gif); }
.tipsy_clone-inner { padding: 5px 8px 4px 8px; background-color: #000; color: white; max-width: 200px; text-align: left; }


/* new*/
/* font-size: 10px; */
.tipsy { position: absolute; padding: 5px; z-index: 100000; }
  .tipsy-inner { background-color: #000; color: #FFF; max-width: 200px; padding: 5px 8px 4px 8px; text-align: center; }

  /* Rounded corners */
  .tipsy-inner { border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; }
  
  /* Uncomment for shadow */
  /* .tipsy-inner { box-shadow: 0 0 3px #000000; -webkit-box-shadow: 0 0 3px #000000; -moz-box-shadow: 0 0 3px #000000; } */
  
  .tipsy-arrow { position: absolute; width: 0; height: 0; line-height: 0; border: 5px dashed #000; }
  
  /* Rules to colour arrows */
  .tipsy-arrow-n { border-bottom-color: #000; }
  .tipsy-arrow-s { border-top-color: #000; }
  .tipsy-arrow-e { border-left-color: #000; }
  .tipsy-arrow-w { border-right-color: #000; }
  
	.tipsy-n .tipsy-arrow { top: 0px; left: 50%; margin-left: -5px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent; }
    .tipsy-nw .tipsy-arrow { top: 0; left: 10px; border-bottom-style: solid; border-top: none; border-left-color: transparent; border-right-color: transparent;}
    .tipsy-ne .tipsy-arrow { top: 0; right: 10px; border-bottom-style: solid; border-top: none;  border-left-color: transparent; border-right-color: transparent;}
  .tipsy-s .tipsy-arrow { bottom: 0; left: 50%; margin-left: -5px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-sw .tipsy-arrow { bottom: 0; left: 10px; border-top-style: solid; border-bottom: none;  border-left-color: transparent; border-right-color: transparent; }
    .tipsy-se .tipsy-arrow { bottom: 0; right: 10px; border-top-style: solid; border-bottom: none; border-left-color: transparent; border-right-color: transparent; }
  .tipsy-e .tipsy-arrow { right: 0; top: 50%; margin-top: -5px; border-left-style: solid; border-right: none; border-top-color: transparent; border-bottom-color: transparent; }
  .tipsy-w .tipsy-arrow { left: 0; top: 50%; margin-top: -5px; border-right-style: solid; border-left: none; border-top-color: transparent; border-bottom-color: transparent; }


.tipsy-inner { text-align: left; }



#largeImage {
	/* position: absolute; */
	/* padding: 8px;
	background-color: #e3e3e3;
	border: 1px solid #bfbfbf; */

	background-color: #fff;
	padding: 10px;
	
	-webkit-box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.2);
        box-shadow:  0px 0px 30px 0px rgba(0, 0, 0, 0.2);

	z-index: 100 !important;


	/* z-index: 15;
	display: none; */
}

.float_left {
	float: left;
}


.sonderseite .block {
	display: block;
	display: inline-block;
	float: left;
}

.sonderseite .content_elem.block {
	width: 245px;
	padding-left: 20px;
	padding-right: 20px;
}

span#startbild {
	display: inline-block;
	/* width: 780px; */
	margin: 0 auto;
	text-align: center;
	float: left;
}

.sonderseite .float_left ul li {
	list-style-position: outside;
}

.sonderseite .float_left ul li {
	background: url(button_sprites.png) no-repeat;
	background-position: -597px -16px;
	padding-left: 10px;
	line-height: 20px;
}

.sonderseite .fancybox-inner img {
	margin-top: 5px;
}

.sonderseite.special .float_left ul li {
	padding-left: 0px;
	background: none;
}

#sidebar_nav a.stefan_froescher_switch {
	font-size: 11pt;
}