/* @group Structure */

html * {
  margin: 0;
  padding: 0;
}

html {
  overflow: hidden;
}

body {
	text-align: center;
	background: url(../shared/bg-body-estrich.jpg) no-repeat fixed center center black;
	-webkit-background-size: cover;
	-moz-background-size: cover;
	-o-background-size: cover;
	background-size: cover;
}

div#outer {
  background-color: black;
  text-align: left;
  position: absolute;
  z-index: 2;
  top: 50%;
  left: 50%;
  width: 960px;
  height: 560px;
  margin-top: -280px;
  margin-left: -480px;
  -moz-box-shadow: 0 0 25px #000000;
  -webkit-box-shadow: 0 0 25px #000000;
  box-shadow: 0 0 25px #000000;
}

div#bgimage {
  position: absolute;
  top: 0px;
  right: 0px;
  width: 660px;
  height: 560px;
  z-index: 2;
  overflow: hidden;
  background-color: white;
}

div#headline {
  background-color: #c2e10d;
  position: absolute;
  left: 300px;
  bottom: 280px;
  width: 580px;
  z-index: 230;
}

div#inner {
  
}

div#logo {
  position: absolute;
  top: 30px;
  z-index: 9999999;
  width: 270px;
  left: 15px;
}

div#fbfan {
  position: absolute;
  right: 95px;
  bottom: 55px;
  z-index: 99;
}

div#info {
  text-align: left;
  vertical-align: bottom;
  position: absolute;
  left: 0px;
  bottom: 0px;
  width: 300px;
  z-index: 5;
  display: table-cell;
  color: #414141;
  background-color: white;
  height: 560px;
}

div#adresse {
	padding: 15px;
	position: absolute;
	bottom: 0;
}

div#background {
  z-index: 1;
  position: absolute;
  width: 100%;
  height: 100%;
}

div#background img {
  position: absolute;
  min-height: 100%;
  height: auto !important;
  height: 100%;
  min-width: 100%;
  width: auto !important;
  width: 100%;
  z-index: 2;
  margin: 0 auto;
  display: block;
}

div#bgtransparenz {
  background-image: url(../shared/opaque_70.png);
  background-repeat: repeat;
  position: absolute;
  width: 100%;
  height: 100%;
  z-index: 3;
}

/*
div#background img {
position:absolute;
width:100%;
margin:0 auto;
display:block;
}*/

/* @end */


/* @group Typo */

html * {
  font-size: 100.01%;
  list-style-type: none;
}

body {
  color: #424246;
  font-size: 76%;
  font-family: "Droid Sans", verdana, helvetica, arial, sans-serif;
}

/*----- Überschriften -----*/

h1, h2, h3, h4, h5, h6 {
  margin-top: 1em;
}

h1 {
  color: #424246;
  font-size: 200%;
  font-weight: normal;
  line-height: 1.2em;
  margin: 0.5em 0;
  padding: 0;
}

h2 {
  font-size: 100%;
  line-height: 1.4em;
  margin-top: 1em;
  margin-bottom: 0.3em;
}

h3 {
  font-size: 100%;
  line-height: 1.2em;
}

/*----- Listen -----*/

ul, ol, dl {
  margin-top: 0.5em;
  margin-bottom: 1em;
  padding-left: 0;
  list-style-type: none;
}

ul li {
  line-height: 1.4em;
  background-image: url(../shared/listbullet.png);
  background-repeat: no-repeat;
  background-position: 0 4px;
  margin: 0 0 0.25em;
  padding: 0 0 0 15px;
  list-style-type: none;
  display: block;
}

/*----- Allgemeine Textauszeichnungen -----*/

abbr, acronym {
  border-bottom: 1px dotted #174a89;
  cursor: help;
}

p {
  font-size: 100%;
  line-height: 1.4em;
  margin-bottom: 8px;
}

.strong {
	font-weight: bold;
}

.zeit {
width: 25px;
float: left;
display: inline;
}

/*----- Bilder -----*/


/*----- Links -----*/

a {
  color: #b06110;
  text-decoration: none;
}

a:visited {
  
}

a:focus, a:hover {
  text-decoration: underline;
  border-top-style: none;
  border-right-style: none;
  border-left-style: none;
  outline-style: none;
}

/* @end */