﻿/* Hauptstyles */

body {
  
 font-family:sans-serif;
  
 font-size:small;

 background-color:#3d3d3d;
}

#komplett {
 width:960px;
 margin:auto;
 background-color:white;
}

#header {
 background-image:url(bilder/navi.png);
 background-repeat:no-repeat;
 //width:960px;
 height:177px;
 
}

#navigation {
 list-style-type:none;
 text-align:center;
 position:relative;
 //left:420px;
 top:99px;
 float:right;
 margin-right:85px;
}

#content {
 //width:900px;
 padding:25px 50px;
 line-height:2em;
}

#paket {
  
 line-height:1.5em;
  
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
  
 color:#ffffff;
  
 border:1px dashed white;

 padding:40px;
  
 padding-left:200px;

 margin:20px;

 width:555px;
 height:80px;

 background-image:url(bilder/paket.png);
 background-repeat:no-repeat;   
 background-color:#a90303;
}

#zeiten {
  
 line-height:1.8em;
  
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
  
 color:#ffffff;
  
 border:1px dashed white;

 padding:40px;
  
 padding-left:200px;

 margin:20px;

 width:565px;
 height:80px;

 background-image:url(bilder/zeiten.png);
 background-repeat:no-repeat;   
 background-color:#a90303;
}

#anfahrt {
  
 line-height:1.5em;
  
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
  
 color:#ffffff;
  
 border:1px dashed white;

 padding:40px;
  
 padding-left:200px;

 margin:20px;

 width:555px;
 height:440px;

 background-image:url(bilder/anfahrt.png);
 background-repeat:no-repeat;   
 background-color:#a90303;
}

#kontakt {
  
 line-height:1.5em;
  
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
  
 color:#ffffff;
  
 border:1px dashed white;

 padding:40px;
  
 padding-left:200px;

 margin:20px;

 width:555px;
 height:80px;

 background-image:url(bilder/kontakt.png);
 background-repeat:no-repeat;   
 background-color:#a90303;
}

#impressum {
  
 line-height:1.5em;
  
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
  
 color:#ffffff;
  
 border:1px dashed white;

 padding:30px 40px 80px 200px ;
 
 //padding-top:30px;
 //padding-bottom:80px; 
 //padding-left:200px;

 margin:20px;

 width:555px;
 height:230px;

 background-image:url(bilder/impressum.png);
 background-repeat:no-repeat;   
 background-color:#a90303;
}

#galerie {
	margin:18px;
}

#fuss {
 font-style:italic;
  
 font-family:Georgia, "Times New Roman", Times, serif;
 text-align:center;
 color:white;
 font-size:0.9em;
 line-height:1.5em;
 height:60px;
 padding-top:20px;
 background:url(bilder/fuss.png);
 background-color:#a90303;
 background-repeat:no-repeat;
 background-position:0px;
}

.navi {
 //width:400px;
 float:left;
}

a:link {
  color:black;
  text-decoration:underline;
}

a:visited {
  color:black;
  text-decoration:underline;
}

a:hover.fuss {
  text-decoration:underline;
}

a.navi {
 font-size:1.2em;
 background:url(bilder/trennstrich.gif);
 background-repeat:no-repeat;
 background-position:right;
 display:block;
 //margin:10px;
 width:auto;
 height:39px;
 color:white;
 text-decoration:none;
 padding-right:12px;
 padding-left:12px;
 padding-top:15px;
}

a.cont {
	font-size:1.2em;
 	background:none;
 	display:block;
 	//margin:10px;
 	width:auto;
 	height:39px;
 	color:white;
 	text-decoration:none;
 	padding-right:12px;
 	padding-left:12px;
 	padding-top:15px;
	
}

a:hover.navi {
	background:none;
    background-color:#F3E500;
    color:#ad0302;
}

a:hover.cont {
    background-color:#F3E500;
    color:#ad0302;
}

a.fuss {
 color:white;
}

a.imprint {
	color:white;
}

a.times {
	color:white;
}

h1.rus {
 color:#a90303;
}

h1 {
 font-family:Georgia, "Times New Roman", Times, serif;
 font-style:italic;
}

.lager {
 margin:20px;
}

span.bold {
 font-weight:bold;
}

/* LIGHTBOX by Lokesh Dhakar (http://www.lokeshdhakar.com/projects/lightbox2/) Lightbox2 is licensed under The MIT License (https://raw.githubusercontent.com/lokesh/lightbox2/master/LICENSE) */

/* Preload images */
body:after {
  content: url(/bilder/close.png) url(bilder/loading.gif) url(bilder/prev.png) url(bilder/next.png);
  display: none;
}

body.lb-disable-scrolling {
  overflow: hidden;
}

.lightboxOverlay {
  position: absolute;
  top: 0;
  left: 0;
  z-index: 9999;
  background-color: black;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
  opacity: 0.8;
  display: none;
}

.lightbox {
  position: absolute;
  left: 0;
  width: 100%;
  z-index: 10000;
  text-align: center;
  line-height: 0;
  font-weight: normal;
}

.lightbox .lb-image {
  display: block;
  height: auto;
  max-width: inherit;
  border-radius: 3px;
}

.lightbox a img {
  border: none;
}

.lb-outerContainer {
  position: relative;
  background-color: white;
  *zoom: 1;
  width: 250px;
  height: 250px;
  margin: 0 auto;
  border-radius: 4px;
}

.lb-outerContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-container {
  padding: 4px;
}

.lb-loader {
  position: absolute;
  top: 43%;
  left: 0;
  height: 25%;
  width: 100%;
  text-align: center;
  line-height: 0;
}

.lb-cancel {
  display: block;
  width: 32px;
  height: 32px;
  margin: 0 auto;
  background: url(bilder/loading.gif) no-repeat;
}

.lb-nav {
  position: absolute;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  z-index: 10;
}

.lb-container > .nav {
  left: 0;
}

.lb-nav a {
  outline: none;
  background-image: url('data:image/gif;base64,R0lGODlhAQABAPAAAP///wAAACH5BAEAAAAALAAAAAABAAEAAAICRAEAOw==');
}

.lb-prev, .lb-next {
  height: 100%;
  cursor: pointer;
  display: block;
}

.lb-nav a.lb-prev {
  width: 34%;
  left: 0;
  float: left;
  background: url(bilder/prev.png) left 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-prev:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-nav a.lb-next {
  width: 64%;
  right: 0;
  float: right;
  background: url(bilder/next.png) right 48% no-repeat;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: opacity 0.6s;
  -moz-transition: opacity 0.6s;
  -o-transition: opacity 0.6s;
  transition: opacity 0.6s;
}

.lb-nav a.lb-next:hover {
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

.lb-dataContainer {
  margin: 0 auto;
  padding-top: 5px;
  *zoom: 1;
  width: 100%;
  -moz-border-radius-bottomleft: 4px;
  -webkit-border-bottom-left-radius: 4px;
  border-bottom-left-radius: 4px;
  -moz-border-radius-bottomright: 4px;
  -webkit-border-bottom-right-radius: 4px;
  border-bottom-right-radius: 4px;
}

.lb-dataContainer:after {
  content: "";
  display: table;
  clear: both;
}

.lb-data {
  padding: 0 4px;
  color: #ccc;
}

.lb-data .lb-details {
  width: 85%;
  float: left;
  text-align: left;
  line-height: 1.1em;
}

.lb-data .lb-caption {
  font-size: 13px;
  font-weight: bold;
  line-height: 1em;
}

.lb-data .lb-number {
  display: block;
  clear: left;
  padding-bottom: 1em;
  font-size: 12px;
  color: #999999;
}

.lb-data .lb-close {
  display: block;
  float: right;
  width: 30px;
  height: 30px;
  background: url(bilder/close.png) top right no-repeat;
  text-align: right;
  outline: none;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=70);
  opacity: 0.7;
  -webkit-transition: opacity 0.2s;
  -moz-transition: opacity 0.2s;
  -o-transition: opacity 0.2s;
  transition: opacity 0.2s;
}

.lb-data .lb-close:hover {
  cursor: pointer;
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}
