
body#start {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	font-family:  Verdana, Helvetica, sans-serif;
	background: url(../img/bg.gif) repeat-x #212121;
	text-align:center;
	color: #b6b6b6;
	font-size: 11px;
		}

body#video {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family:  Verdana, Helvetica, sans-serif;
	background-color: #212121;
		}

body {
	margin: 0px 0px 0px 0px;
	padding: 20px 0px 0px 0px;
	font-family:  Verdana, Helvetica, sans-serif;
	background: url(../img/bg2.gif) repeat-x #212121;
	text-align:center;
	color: #b6b6b6;
	font-size: 11px;
		}

/* generals */
a			{text-decoration: none; color: #ffcc2a;}
a:hover 	{text-decoration: underline;}
b,strong	{font-weight: bold; color: #b6b6b6;}
i,em		{font-style: italic;}
img 		{border: 0px;}
form		{display: inline;}
ul			{font-size: 11px; padding: 0px 6px 0px 15px; margin: 0px 0px 0px 0px; line-height: 14px;}
li			{color: ##b6b6b6; margin: 4px 0px 7px 0px; padding: 0px 0px 0px 0px;}
#nav2 .update li {font-size: 90%;}
#nav2 ul	{padding: 0px 6px 0px 0px; margin: 0px 0px 18px 0px; line-height: 14px; }
#nav2 li	{margin: 0px 0px 0px 0px; padding: 5px 0px 5px 0px; border-bottom: 1px solid #636363; background-image: none; list-style: none;}
#contentrefer ul	{height: 21px; padding: 0px 6px 0px 0px; margin: 0px 0px 18px 0px; line-height: 14px;}
#contentrefer li	{width: 121px; height: 17px; color: #000; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background-image: url(../img/reiter_2.gif); background-repeat:no-repeat; list-style:none; float: left; text-align: center;}
#contentrefer li.black	{width: 121px; height: 17px; color: #000; font-weight: bold; margin: 0px 0px 0px 0px; padding: 4px 0px 0px 0px; background-image: url(../img/reiter_1.gif); background-repeat:no-repeat; list-style:none; float: left; text-align: center;}
#nav2 li.noBorder  {border:none; background-image: none}
u			{text-decoration: underline;}
span.sa {padding-left: 138px;}
span.saen {padding-left: 190px;}
.banner {position: absolute; right: -50px; top: 50px;}
.banner img {position: fixed;}
.fb {margin-bottom: 20px; float: left;}


/* special divs */
#gesamt {width:800px; position: relative; overflow: visible; margin: auto; text-align:left; min-height: 100%; height: auto !important; height: 100%; padding-bottom: 40px; }
#headerstart {width:800px; height: 342px; margin: 0px; padding: 0px 0px 0px 0px;}
#header {width:800px; height: 180px; margin: 0px; padding: 0px 0px 0px 0px;}
#content {width:617px; padding: 18px 0px 2px 0px; margin: 0px 0px 0px 180px;}
.min-height { min-height: 865px;}
#contentrefer {width:620px; padding: 18px 0px 2px 0px; margin: 0px 0px 0px 180px;}
#footer {float: left; border-bottom: 1px solid #636363; border-top: 1px solid #636363; height: 20px; padding: 0px 0px 0px 0px; margin: 30px 0px 40px 0px;}
#footer p {font-size: 90%; padding-top: 1px; margin: 0 0 3px 0;}
#footer a {padding: 4px 0 0 0; color: #b6b6b6; margin: 0;}
#video {width: 560px; height: 348px;}
#tracker {display: none;}
.update {font-size: 90%; margin-bottom: 20px;}
.update p {margin: 10px 0 0 0;}
.update h3 {margin: 0px 0 10px 0; color: #ffcc2a; font-size: 18px;}
.bestellen {position: absolute; top: 1320px; left: 0;}
.line {border-bottom: 1px solid #636363; padding: 0; margin: 0;}
.line p {margin: 0 0 5px 0;; padding: 0;}

#startvideo {float: right; width: 300px; height: 260px; margin: 0 0 0 15px; background-color: #000;}
#startvideo p {font-size: 10px; padding: 2px 2px 2px 4px;}


/* menu */
#nav1 {width:800px; margin: 0px; padding: 0px 0px 7px 0px;}
#nav1en {width:800px; margin: 0px; padding: 0px 0px 7px 0px; border: 1px solid #636363;}
#nav1 div {width: 70px; margin: 0px; padding: 0px 0px 0px 0px; position: absolute; top: 5px; left: 750px;}
#nav1en div {width: 70px; margin: 0px; padding: 0px 0px 0px 0px; position: absolute; top: 5px; left: 750px;}
#nav2 {width: 150px; padding: 20px 0px 0px 0px;; margin: 0px 0px 0px 0px; float: left;}



/* images */
img.headerstart {width: 800px; height: 342px; padding: 0px 0px 0px 0px;}
img.header {width: 800px; height: 180px; padding: 0px 0px 0px 0px;}
img.logo {width: 96px; height: 123px; padding: 0px 0px 0px 0px;}
img.schrift {width: 243px; height: 42px; padding: 0px 240px 3px 0px;}
img.schriften {width: 243px; height: 42px; padding: 0px 308px 3px 0px;}
img.star {width: 10px; height: 10px;}
img.star2 {width: 10px; height: 10px; padding: 4px 0px 0px 0px;}
img.flagg {width: 19px; height: 11px;}
img.personal {width: 544px; height: 343px; display: block; padding-bottom: 20px;}
img.dienst {width: 344px; height: 230px; float: right;}
img.presse {width: 344px; height: 230px; float: right; padding-top: 50px;}
img.startpic {width: 344px; height: 230px; float: right; padding-left: 7px;}
img.reiter {width: 618px; height: 21px; padding: 0px 0px 10px 0px;}
img.foto {width: 105px; height: 73px; padding: 0px 13px 17px 0px;}
img.arrowtop {width: 6px; height: 5px; padding: 0px 0px 0px 5px;}
img.pressepic2 {width:500px; height: 382px; padding-bottom: 10px;}
img.pressepic3 {width:500px; height: 326px; padding-bottom: 10px;}
img.pressepic4 {width:500px; height: 469px; padding-bottom: 10px;}
img.pressepic11 {width:550px; height: 379px; padding-bottom: 10px;}
img.pressepic13 {width:550px; height: 566px; padding-bottom: 10px;}
img.kiss {width:76px; height: 78px; padding: 0px 0px 20px 25px;}
img.bd {width:76px; height: 78px; padding: 0px 0px 20px 25px;}
img.start {width: 800px; height: 342px; padding: 0px;}



/* content */
h1 {color: #3366ff; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 180%; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;}
h2 {color: #ffcc2a; padding: 0px 0px 0px 0px; margin: 0px 0px 20px 0px; font-size: 180%; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif; border-bottom: 1px solid #636363;}
h3 {color: #dedede; padding: 0px 0px 0px 0px; margin: 0px 0px 0px 0px; font-size: 140%; font-family: Trebuchet MS, Verdana, Helvetica, sans-serif;}
h4 {margin: 0px 0px 2px 0px; font-size: 120%; padding-top: 0px; color: #fff; background-color: #ff0000; padding: 5px; width: 300px;}
p {margin: 0px 0px 15px 0px;  font-size: 100%; line-height: 160%;}



/* form elements */
input.text, textarea.text {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 240px; background: #212121; color: #fff;}
input.text2 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 50px; background: #212121; color: #fff; margin-right: 10px;}
input.text3 {font-family: Verdana, Helvetica, sans-serif; height: 17px; font-size:100%; border: 1px #999 solid; width: 176px; background: #212121; color: #fff; margin-right: 10px;}
textarea.text {height: 120px; width: 380px; font-size:100%; overflow: auto;}
input.submit{text-align: center; margin-left: 130px;}
td { padding: 2px 0px 2px 0px; text-align: left; vertical-align: top; font-size: 100%; line-height: 155%; }
td.refer {border-top: 1px solid #444; }
table.refer td {border-bottom: 1px solid #636363; margin-right: 10px; width: 70%; }
table.kontakt {width: 500px;}
tr.kontakt {width: 400px;}
.iframe {background-color: #212121;}


/* links */
a.lvl1, a.lvl1a, a.lvl1:visited, a.lvl1a:visted {text-decoration: none; display: block;}

a.lvl1 {padding: 0px 0px 0px 18px; background: transparent url(../img/star2.gif) no-repeat; display: block; font-size: 110%; color: #b6b6b6;}
a.lvl1a {padding: 0px 0px 0px 18px; font-weight: bold; background: transparent url(../img/star2.gif) no-repeat right 0px; display: block; color: #ffcc2a;}
a.lvl2 {padding: 0px 0px 0px 0px; font-size: 90%; text-decoration: none; color: #b6b6b6;}
a.lvl2a {padding: 0px 0px 0px 0px; font-size: 90%; text-decoration: none; color: #ffcc2a;}
a.lvl3 {text-decoration: none; font-size: 100%; color: #fff; font-weight: normal; padding: 5px 0px 0px 0px;}
a.lvl3a {text-decoration: none; font-size: 100%; color: #000; font-weight: bold; margin: 0px 0px 0px 0px;}

a.lvl1:hover, a.lvl1a:hover {text-decoration: none; color: #ffcc2a;}
a.lvl1:hover {background-position: right 0px;}
a.lvl2:hover {color: #ffcc2a;}

a.lvl3:hover {color: #000;}



.clearfix:after {
 content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clearfix {
 display: inline-block;
}

/* Hides from IE-mac \*/
* HTML .clearfix {height: 1%; display: block;}
/* End hide from IE-mac */

.mask{
	position:relative;
	width:800px;
	height:342px;
	overflow:hidden;
}
.mask img{
	position:absolute;
	display:block;
	border:none;
}

#box1 {position:absolute;}

#cookies {
	display: none;
	background-color: #262626;
  width: 100%;
  padding: 15px 0px;
  position: fixed;
  color: #b6b6b6;
  top: 0;
  left: 0;
  z-index: 9999;
		a {
			color: white;
		}
	}


.cookie-content {
	width: 800px;
	position: relative;
}

	#cookies.display {
		display: flex;
	  justify-content: space-around;
	  align-items: center;
		box-shadow: 0px 0px 6px #524a4a94;

  /* Cross browser animation */
  -webkit-animation: cookies 1s 1; /* Chrome, Safari 5+ */
     -moz-animation: cookies 1s 1; /* Firefox 5-15 */
      -ms-animation: cookies 1s 1; /* IE9 */
       -o-animation: cookies 1s 1; /* Opera 12.00 */
          animation: cookies 1s 1; /* Chrome, Firefox 16+, IE 10+, Opera 12.10+ */}

@keyframes cookies {
  0%   {
    -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,-100px,0); /* Firefox */
        -ms-transform: translate3d(0,-100px,0); /* IE9 */
         -o-transform: translate3d(0,-100px,0); /* Opera */
            transform: translate3d(0,-100px,0);
  }
  100% {
    -webkit-transform: translate3d(0,0,0); /* Safari & Chrome */
       -moz-transform: translate3d(0,0,0); /* Firefox */
        -ms-transform: translate3d(0,0,0); /* IE9 */
         -o-transform: translate3d(0,0,0); /* Opera */
            transform: translate3d(0,0,0);
  }
}


.close-cookies {
	display: none;

  -webkit-transition: all 0.2s ease-out;
     -moz-transition: all 0.2s ease-out;
      -ms-transition: all 0.2s ease-out;
       -o-transition: all 0.2s ease-out;
          transition: all 0.2s ease-out;

  -webkit-transform: translate3d(0,-100px,0); /* Safari & Chrome */
     -moz-transform: translate3d(0,-100px,0); /* Firefox */
      -ms-transform: translate3d(0,-100px,0); /* IE9 */
       -o-transform: translate3d(0,-100px,0); /* Opera */
          transform: translate3d(0,-100px,0);
}


.fa-times-circle:before {
    color: #b6b6b6;
		position: absolute;
		right: -5%;
		top: 35%;
		font-size: 1.5em;
}

.btn-s {
	cursor: pointer;
  background: 0 0;
  border: 1px solid #3498DB;
  color: #3498DB;
  transition: all .5s;
  padding: 2px 7px;
  border-radius: 2px;
  margin: 5px;
  -webkit-tap-highlight-color: rgba(0, 0, 0, 0);
}

.btn-cancel {
  border-color:#7d7a7a;
  color: #b6b6b6;
}

.btn {
	position: absolute;
	right: -17%;
	top: -4px;
}
