@charset "utf-8";

/* www.hotel-erfurtblick.com */

/* ----------------------------- | Body | ----------------------------- */

* {
	margin: 0;
	padding: 0;
}

body {
	background: #fffae7 url(../images/bg-body.jpg) repeat-x;
	font: 0.8em Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	line-height: 1.5em;
}

/* ----------------------------- | Tags | ----------------------------- */

p {
	margin: 0 0 15px 0;
}

hr {
	height: 1px;
	border: 0;
	color: #fff;
	background: #fff;
	margin: 20px auto;
	border-top: 1px solid #d7cebb;
	width: 100% !important;
}

a {
	color: #125f26;
	text-decoration: underline;
	outline: none;
}

a:hover {
	text-decoration: none;
}

/* ----------------------------- | Classes | ----------------------------- */

ul.liste {
	list-style-type: none;
	margin-bottom: 15px;
}

ul.liste li {
	background: url(../images/li-list.jpg) 0 5px no-repeat;
	padding-left: 20px;
}

.clear {
	float: none;
	clear: both;
}

.text-indent {
	text-indent: -5000px;
	font-size: 0.1em;
}

.highlight {
	color: #125f26;
}

.images {
	border: 1px solid #d7cebb;
	padding: 2px;
	margin: 0 15px 15px 0;
}

/* ----------------------------- | Branding | ----------------------------- */

h1 {
	overflow: hidden;
	font-size: 0.1em;
	text-indent: -5000px;
	width: 530px;
	height: 150px;
}

h1 a {
	width: 530px;
	height: 150px;
	display: block;
}

/* ----------------------------- | Headlines | ----------------------------- */

h2 {
	font-size: 1.8em;
	color: #125f26;
	font-style: italic;
	font-weight: normal;
	padding: 10px 0 30px 50px;
}

/* ----------------------------- | Container | ----------------------------- */

#container {
	background: url(../images/bg-container.jpg) repeat-y;
	width: 968px;
	margin: 0 auto;
}

/* ----------------------------- | Header | ----------------------------- */

#header {
	background: url(../images/bg-header.jpg) no-repeat;
	width: 968px;
	height: 448px;
}

/* ----------------------------- | Navigation | ----------------------------- */

#navigation {
	width: 600px;
	height: 30px;
	padding: 265px 0 0 350px;
}

#navigation ul {
	list-style: none;
}

#navigation li {
	float: left;
}

#navigation a {
	display: block;
	overflow: hidden;
	float: left;
	text-transform: uppercase;
	text-decoration: none;
	margin-right: 25px;
	color: #000;
}

#navigation a:hover,
#navigation a.active {
	color: #125f26;
	text-decoration: underline;
}

/* ----------------------------- | Navigation sub | ----------------------------- */
	
#navigation ul li ul {
	list-style: none;
	padding: 0;
	float: none;
	display: none;
}

#navigation ul ul li a {
	display: block;
	text-decoration: none;
	padding: 10px 0 0 10px;
}

#navigation ul ul li a:hover,
#navigation ul ul li.active a {
	display: block;
	border: 0;
	color: #125f26;
	text-decoration: none;
}

#navigation ul.sub_unser-haus {
	margin: 16px 0 0 -20px;
	position: absolute;
	background-color: #FFB22C;
	width: 130px;
}

#navigation ul.sub_unser-haus a {
	width: 130px;
	border-bottom: 1px solid #FFFAE7 !important;
	color: #000;
	font-size: 11px;
	background-color: #FFB22C;
}

li#navigation-unser-haus:hover ul {
	display: block;
}

#navigation li#preise ul.subnavi {
	margin: 0;
	position: absolute;
	background-color: #FFB22C;
	display:none;
	width:70px;
	left:60px;
}

#navigation ul.subnavi a {
	width:auto;
	padding:5px;
	width:70px;
	text-align:center;
}

li#preise:hover ul.subnavi {
	display: block!important;
}

/* ----------------------------- | Content | ----------------------------- */

#content {
	background: url(../images/bg-content.jpg) no-repeat;
	width: 968px;
	margin-bottom: 40px;
}

#content:after {
	clear: both;
	content: '.';
	display: block;
	height: 0;
	visibility: hidden;
}

.contentColumn {
	width: 430px;
	float: left;
	margin-right: 20px;
	margin-left: 50px;
}

.contentColumn p.highlight01 {
	width:410px;
	height:80px;
	background-color: #1d7433;
	color:#FFFFFF;
	padding:10px;
}

.contentColumn01 {
	width: 430px;
	float: left;
}

.contentColumn02 {
	width: 860px;
	float: left;
	margin-right: 20px;
	margin-left: 50px;
}

/* ----------------------------- | Footer | ----------------------------- */

#footer {
	border-top:1px solid #CCCCCC;
	clear:both;
	float:none;
	height:66px;
	margin:0 auto;
	padding:10px 0;
	position:relative;
	width:880px;
}

.trenner {
	color: #666;
	padding: 0 8px;
}

#footer p {
	background:none repeat scroll 0 0 #FEF5D4;
	height:176px;
	padding:5px;
	width:430px;
}

.float-right {
	float:right;
}

.logos {
	height:50px;
	margin:0;
	position:relative;
}

.logos a {
	text-indent:-9999px;
	background:url(../images/logos.png) 0 -50px no-repeat;
	display:inline-block;
	width:100px;
	height:50px;
}

.logos .logo-varta {
	background-position:-100px -50px;
}

.logos .logo-marcopolo {
	background-position: -200px -50px;
    position: absolute;
    right: 335px;
    top: 75px;
}

.logos .logo-michelin {
	background-position: -300px -50px;
    position: absolute;
    right: 238px;
    top: 71px;
}

.logos .logo-hotel {
	background:url(../images/hotel.de.png) 0 0 no-repeat;
	height:37px;
	position:relative;
	top:-5px;
}

.logos .logo-adac:hover {
	background-position:0 0;
}

.logos .logo-varta:hover {
	background-position:-100px 0;
}

.logos .logo-marcopolo:hover {
	background-position:-200px 0;
}

.logos .logo-michelin:hover {
	background-position:-300px 0;
}

.logos .logo-hotel:hover {
	background-position:0 -37px;
}
div.widget iframe {
    float: left;
    left: 445px;
    position: absolute;
    top: 97px;
    z-index: 10;
}
div.widget iframe {
      float: left;
    left: 658px;
    position: absolute;
    top: 23px;
    z-index: 10;
}

div.widget a{
   
    position: absolute;
    top: 97px;
  
}