@charset "UTF-8";
/* CSS Document */

/* =General background:uurl(../siteImages/background.jpg) repeat top left e2dfdc
--------------------------------------------------------------------------------------------------------*/
      
@font-face {
	font-family: 'netto';
	src: url('../webfont/NettoWeb.eot');
	src: local('netto'),
        url('../webfont/NettoWeb.woff') format('woff');            
	font-weight: normal;
	font-style: normal;
}      


body {	
	background-color:#706962;
	margin:0;
	padding:0;
	font-family:netto, sans-serif;
	height:100%;
	width:100%;
	
}

*{margin:0; padding:0}



p {font-size:13px; color:#000; padding:15px 38px 30px 38px;}
h1 {font-size:24px; color:#000; font-weight:normal; padding:48px 38px 5px 38px; line-height:26px; }
h2 {font-size:15px; font-weight:normal; padding:0 38px 15px 0;  margin:0 38px 0 38px; color:#777; line-height:20px;}
h3 {font-size:15px; color:#000; font-weight:normal; }
h4 {font-size:14px; color:#000; font-weight:normal; color:#000;}
a {text-decoration:none; font-size:13px;}


.stopper {
	height:0;
	font-size:0.1em;
	clear:both;
}

/* general end
--------------------------------------------------------------------------------------------------------*/

/* columns
--------------------------------------------------------------------------------------------------------*/


#center {
	position:relative;
	display:block;
	margin:110px 25px 0 25px;
	background:none;
}


.center_1470 {
	position:relative;
	display:block;
	width:1470px !important;
	margin:110px auto 0 auto !important;
}


.center_1225 {
	position:relative;
	display:block;
	width:1225px !important;
	margin:110px auto 0 auto !important;
}

.center_980 {
	position:relative;
	display:block;
	width:980px !important;
	margin:110px auto 0 auto !important;
}





/* columns end
--------------------------------------------------------------------------------------------------------*/

/* elements
--------------------------------------------------------------------------------------------------------*/

#branding {
	position:fixed;
	bottom:12px;
	left:50%;
	width:150px;
	height:75px;
	margin:0 0 0 250px;
	display:block;
	z-index:29;
}

#branding img {
	margin:0;
	
}

.shadow {
	-moz-box-shadow: 0 0 10px #000 !important;
	-webkit-box-shadow: 0 0 10px#000 !important;
	box-shadow: 0 0 10px #000 !important;

}

.subshadow {
	-moz-box-shadow: 0 0 10px #000 !important;
	-webkit-box-shadow: 0 0 10px#000 !important;
	box-shadow: 0 0 10px #000 !important;
	border:none !important;
}


/* elements end
--------------------------------------------------------------------------------------------------------*/

/* navigation
--------------------------------------------------------------------------------------------------------*/

#mainnavigation {
	position:fixed;
	width:950px;
	height:100px;
	bottom:0;
	left:50%;
	margin:0 0 0 -475px;
	z-index:10;
	background:url(../siteImages/mainnavbg.png) no-repeat center center;	
	
}

#mainnavigation ul {
	height:auto;
	float:left;
	margin:28px 0 0 25px;
}

#mainnavigation ul > li {		
	background:#fff;
	float:left;
	margin:0;
	height:45px;
	text-transform:uppercase;
}

#mainnavigation  ul > li a {
	background:url(../siteImages/navshadow.jpg) no-repeat top left;
	color:#000;
	padding:15px 0 8px 0;
	display:block;
	cursor:pointer;
	height:30px;
	width:125px;
	text-align:center !important;
}

#mainnavigation  ul > li a:hover {
	background:url(../siteImages/navbghover.jpg) no-repeat top left;
	color:#fff !important;
}

.first {
	background:none !important;
}

.first:hover {
	background:url(../siteImages/firstbghover.jpg) no-repeat top right !important;
	color:#fff !important;
}


.last {
	background:url(../siteImages/navbglast.jpg) no-repeat top right !important;
	width:125px !important;
	padding-right:5px !important;
}

.last:hover {
	background:url(../siteImages/navbglasthover.jpg) no-repeat top right !important;
	color:#fff !important;
}

#mainnavigation  ul > li a:hover {
	color:#000;
	text-shadow:none;
}


.social {
	position:fixed;
	right:0;
	top:5px;
	width:50px;
	height:150px;
	margin:0;
	float:right;
	z-index:29;
}

.social a {
	position:relative;
	padding:15px 10px 0 0 !important;
	margin:0;
	display:block;
	font-size:12px;
	color:#ccc;
}

.social a img {
	margin-left:10px;
	margin-top:-15px;
}

.current {
	background:url(../siteImages/navbghover.jpg) no-repeat top left !important;
	color:#fff !important;
}

.currentfirst {
	background:url(../siteImages/firstbghover.jpg) no-repeat top right !important;
	color:#fff !important;
}

.currentlast {
	background:url(../siteImages/navbglasthover.jpg) no-repeat top right !important;
	color:#fff !important;
}



/*-----subnavi  -------*/


#subnavigation {
	position:fixed;
	width:500px;
	height:40px;
	top:-55px;
	left:50%;
	margin:0 0 0 -240px;
	z-index:21;
	
}

#subnavigation ul {
	height:auto;
	float:left;
	margin:0;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

#subnavigation ul > li {		
	background:#e12119;
	float:left;
	margin:0;
	text-transform:uppercase;
	
}

#subnavigation  ul > li a {
	color:#fff;
	padding:8px 20px 10px 20px;
	height:17px;
	display:block;
	cursor:pointer;
	text-align:left !important;
	background:url(../siteImages/opener.jpg) repeat-x top left;
}

#subnavigation  ul > li a:hover {
	color:#000;
	background:url(../siteImages/opener.jpg) repeat-x bottom left;
}


#opener {
	width:100px;
	height:35px;
	position:fixed;
	top:0;
	left:50%;
	margin-left:-50px;
	z-index:20;
	background:url(../siteImages/opener.jpg) no-repeat top left;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
	cursor:pointer;
	
}

#opener:hover {
	background:url(../siteImages/opener.jpg) no-repeat bottom left;
}

#opener:hover p {
	color:#000 !important;
}

#opener p {
	color:#fff;
	padding:10px 0 0 0;	
	text-align:center;
	font-size:13px;
	text-transform:uppercase;
}

/* navigation end
--------------------------------------------------------------------------------------------------------*/


/* boxes
--------------------------------------------------------------------------------------------------------*/

.smallbox {
	float:left;
	position:relative;
	width:225px;
	height:225px;
	margin:10px;
	background:#fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
	
}


.bigbox {
	float:left;
	position:relative;
	width:470px;
	height:470px !important;
	background:#fff;
	margin:10px;
	background:#fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
	
}



.bigbox a:hover, .smallbox a:hover, .longbox a:hover {
	cursor:pointer;
	
}

.bigbox:hover .info, .smallbox:hover .info {
	display:block;
}


.longbox {
	float:left;
	position:relative;
	width:470px;
	height:225px !important;
	background:#fff;
	margin:10px;
	background:#2d2923;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

.info {
	position:absolute;
	z-index:50000;
	top:10px;
	left:10px;
	height:100px;
	width:205px;
	background:#c90800;	
	display:none;
}

.info h1 {
	padding:10px !important;
	font-size:16px !important;
	line-height:16px !important;
	color:#fff !important
}

.longbox h1{
	font-size:24px !important;
	line-height:26px;
	color:#fff !important;
	padding-bottom:15px !important;
	
}



.longbox p {
	border-top:1px dotted #fff;
	color:#fff !important;
	margin:0 38px 0 38px;
	padding-left:0 !important
}

.smallbox h2{
	border-bottom:1px dotted #000;
	padding-bottom:15px !important;
	
}

.link {
	font-size:13px;
	display:block;
	padding:5px 0 25px 0 !important;
	color:#fff;
	border-top:1px dotted #fff !important;
	margin:0 10px 0 10px !important;
	cursor:pointer;
}

.link:hover {
	color:#000;
	text-decoration:underline;
}



.bigbox span, .smallbox span {
	width:30px;
	height:30px;
	display:block;
	background: url(../siteImages/clock.png) no-repeat left center;
}

.smallbox img {
	margin:0;
	top:0;
	left:0;
	width:225px;
	height:225px;
	z-index:20;
}


.bigbox a img, .bigbox img {
	margin:0;
	top:0;
	left:0;
	width:470px;
	height:470px;
	z-index:19;
	display:block;
}

.smallbox a img, .smallbox img {
	margin:0;
	top:0;
	left:0;
	width:225px;
	height:225px;
	z-index:18;
	display:block;
}



.sortkey {
	display:none;
}


.dark {
	background:#2d2923 !important;
}

.dark h1, .dark p {
	color:#fff !important;
}

.dark p a {
	color:#fff;
}

.dark p a:hover {
	color:#e12119;
	text-decoration:underline;
}

/*-------textboxen + refbox fŸr folgeseiten---------*/

#textbox {
	position:relative;
	margin:0 auto 0 auto;
	width:980px;
	background:#fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

#textboxkontakt {
	position:absolute;
	top:35px;
	left:50%;
	width:225px;
	margin-left:-112px;
	background:#fff;
	z-index:5;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

.line {
	height:3px;
	background:url(../siteImages/line_slider.png) repeat-x left center;
	margin:0 38px 0 38px;
}

.linelight {
	height:1px;
	border-bottom:1px solid #ccc;
	margin:0 38px 0 38px;
}


/*----loader ---
 --------------------------------------------------------------------------------------------------------*/
.load {
	position:absolute;
	top:0;
	left:0;
	z-index:9099;
	width: 100%;
	height: 100%;
	background: #fff url(../siteImages/loader.gif) no-repeat center center;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);

}

/*------*/
#gallerybox {
	min-width:202px;
	float:left;
	margin-left:5px;
}

/* boxes end
--------------------------------------------------------------------------------------------------------*/
/* kontakt
--------------------------------------------------------------------------------------------------------*/


#closing {
	position:fixed;
	width:390px;
	height:35px;
	top:50%;
	margin-top:-257px;
	left:50%;
	margin-left:100px;
	z-index:30001;
}

#closing a {
	border:none !important;
	float:right;
	display:block;
	cursor:pointer;
	width:30px;
	height:30px;
	background:url(../siteImages/numbers.png) no-repeat top left;
	
}

#closing a:hover {
	background:url(../siteImages/numbers.png) no-repeat bottom left;
}


#decker {
	position:fixed;
	height:100%;
	width:100%;
	top:0;
	left:0;
	display:none;
	z-index:30;	
	background: #706962;
}

.textcontainer {
	position:fixed;
	width:390px;
	height:448px;
	top:50%;
	margin-top:-223px;
	left:50%;
	background:#fff;
	z-index:3000;
	margin-left:100px;
	border-top:1px solid #ccc;
	border-bottom:1px solid #fff;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}

#numbers {
	position:fixed;
	width:390px;
	height:30px;
	top:50%;
	margin-top:229px;
	left:50%;
	margin-left:100px;
	z-index:30000;
}

#numbers a {
	border:none !important;
	padding: 0 0 0 15px !important;
	font-size:16px;
	float:left;
	display:block;
	color:#fff;
	
}

#numbers a:hover {
	text-decoration:none !important;
	color:#000 !important;
}


#beschreibung {
	position:relative;
	width:335px;
	margin:30px 25px 0 25px;
}

#beschreibung h1, #kontakt h1 {
	padding:10px 0 5px 0;
	color:#000;
	
}

#beschreibung p, #kontakt p {
	color:#000;
	padding:15px 0 30px 0;
	border-bottom:1px dotted #000;
}

#beschreibung a {
	color:#e12119;
	padding:15px 0 15px 0;
	display:block;	
	border-bottom:1px dotted #000;
}

#beschreibung a:hover {
	color:#000;
	text-decoration:underline;
}

#refimage {
	position:absolute;
	top:50%;
	left:50%;
	display:block;
	margin-left:-460px;
	margin-top:-225px;
	width:544px;
	height:auto;
	z-index:3004;
	
}

#refimage img {
	position:relative;
	margin:2px 0 20px 0;
	display:block;
	height:450px;
	width:544px;
	box-shadow: 0 1px 4px rgba(0, 0, 0, 0.7);
}


iframe {
	width:100%;
	height:100%;
	display:block;
	margin:0;
}


/**** Isotope filtering ****/

.isotope-item {
  z-index: 2;
}

.isotope-hidden.isotope-item {
  pointer-events: none;
  z-index: 1;
}



/*=platzhalter
------------------------------------*/

div#qTip {
     padding: 5px;
     display: none;
     background: #2d2923;
     color: #FFF;
     text-align: right;
     position: fixed;
     top:20px;
     z-index: 10000;
     box-shadow: 0 0 3px rgba(0, 0, 0, 0.5);
     font-size:12px;
}