@import url(http://fonts.googleapis.com/css?family=Signika:400,300,600,700);
*{
	padding: 0;
	margin: 0;
}

html, body{
	text-align: center;
	font-family: arial, helvetica, sans-serif;
	font-size:12px;
	color:#434D5A;
	background-image: url(img/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 98px;
}

#pagewrapper {
	background: url(img/pageBg.jpg) 0 232px repeat-x;
}

#page{
	text-align: left;
	margin-left: auto;
	margin-right: auto;
	width: 979px;
}

#header{
	height: 201px;
	width: 979px;
	background:url(img/muenchen-header.png) 0 0 no-repeat;
}
#headerinnen{padding: 60px 0 0 0;}
#headerinnen span, #headerinnen .spansub{
	font-family: 'Signika', sans-serif;
	color:#7EAA1F;
	padding: 0;
	margin: 0;
}

#headerinnen span{
	font-size:34px;
}

#headerinnen .spansub{
	font-size:20px;
}

#headerinnen span a{
	text-decoration: none;
	color:#002241;
}

#content{
	margin-top: 20px;
}
/************************************************/
#menu{
	width: 979px;
	height: 31px;
	background-repeat: no-repeat;
	background-position: left top;
}

#menu ul{height: 31px;}

#menu ul li{
	font-size: 12px;
	float: left;
	list-style-type: none;
	border-right: 1px solid #fff;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 0 10px 0 10px;
	height: 29px;
}

.first{border-left: 1px solid #fff;}

#menu ul li a{
	padding: 8px 0 0 0;
	text-decoration: none;
	color: #fff;
	height: 31px;
	display: block;
}

#menu ul li:hover, #menu ul li.active{
	background-color: #002241;
}
/************************************************/
#main{
	width: 603px;
	float: left;
}

#maininnen{
	font-size: 13px;
	line-height:130%;
	padding:0 16px 0 0;
}
#maininnen a{color: #00488A;}

#maininnen h1{
	font-family: 'Signika', sans-serif;
	color:#7EAA1F;
	margin: 0;
	padding: 0;
}
/************************************************/
#side{
	margin-bottom: 20px;
	float: right;
	width: 371px;
}

.sideinnen{padding: 20px; background-color:#EFF0F1; margin-bottom:10px;}
.sideinnen a{color: #00488A;}
#side h3{
	margin: 0;
	color: #7EAA1F;
    font-family: 'Signika',sans-serif;
    font-size: 14px;
	width: 331px;
}
/************************************************/

.clear{clear: both;}

a{
	color:#00488A;
	text-decoration: underline;
}

a:hover{
	text-decoration: none;
}

h1{
	margin:0;
	padding:0;
	font-family: 'Signika', sans-serif;
	font-size:20px;
	color:#7EAA1F;
}

h2{
	margin:0;
	padding:0;
	font-family: 'Signika', sans-serif;
	font-size:14px;
	color: #002241;
}

h3{
	margin:0;
	padding:0;
	font-family: 'Signika', sans-serif;
	font-size:16px;
	color: #002241;
}


#nav #active a{color: #ffffff;}

#content ul{
	margin:0;
	padding:0;
	color: #434D5A;
}

/**********************/
.top10hotel{
	margin: 10px 0;
	padding: 0 0 0 180px;
	position:relative;
	min-height:286px;
}

.hr {
	height:1px;
	clear:both;
	border-bottom:1px dotted #C8CBCE;
}

.top10hotel .rightColumn {
	width:170px;
	position:absolute;
	top:0;
	left:0;
	height:100%;
	background:#EFF0F1;
}

.top10hotel .rightColumn .hotelbild {
	width:170px;
	height:170px;
	position:absolute;
	top:0;
	left:0;
	text-align:center;
	overflow:hidden;
	background-position:center center;
	background-repeat:no-repeat;
}


.top10hotel .hoteldescription{
	margin: 0 0 10px 0;
}

.top10hotel .hotelinfo{
	position:absolute;
	top:170px;
	left:0;
	padding:8px;
	font-size:80%;
	font-weight:bold;
}

.top10hotel .hotelinfo input.uiButton, input.uiRequestButton {
	width:155px;
	display:block;
	color: #fff;
    cursor: pointer;
    text-align:center;
    background: #b0d06d; /* Old browsers */
	background: -moz-linear-gradient(top,  #b0d06d 0%, #7eaa1f 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#b0d06d), color-stop(100%,#7eaa1f)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #b0d06d 0%,#7eaa1f 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #b0d06d 0%,#7eaa1f 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #b0d06d 0%,#7eaa1f 100%); /* IE10+ */
	background: linear-gradient(top,  #b0d06d 0%,#7eaa1f 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#b0d06d', endColorstr='#7eaa1f',GradientType=0 ); /* IE6-9 */
    border:1px solid #fff;
    padding:3px;
	margin-top:5px;
}

.top10hotel .hotelinfo input:hover.uiButton, input:hover.uiRequestButton {
    background: #002241;
    filter:none;
}

.top10hotel h2{
	margin:0 0 8px 0;
	padding:0;
}

img {
	border: 0;
}

/********Anfrageformular***********/
.anfrageformular fieldset {
	background: url(img/hotelsucheBg.jpg) repeat-x scroll center bottom #002341; /* Old browsers */
    border: 0;
	padding:10px;
	margin:0 0 10px 0;
	display:block;
	color:#fff;
}

.anfrageformular fieldset h3 {
	color:#7EAA1F;
    font-family: 'Signika',sans-serif;
	font-size:14px;
	line-height:110%;
	padding-left:5px;
}

.anfrageformular fieldset table, .anfrageformular fieldset table td{
	background:transparent!important;
	border:none!important;
	margin:0!important;
	color:#fff;
}

.anfrageformular fieldset table.left {
	width:470px;
	float:left;
}

.anfrageformular td.label {
	width:150px;
	text-align:right;
}

.anfrageformular td.borderbottom {
	border-bottom: 1px dotted #fff!important;
}

.anfrageformular input.uiInput, .anfrageformular textarea.uiInput  {
	width:200px;
	border: 1px dotted #C9C9C9;
	background:#fff;
	margin:2px 0;
	padding:2px;
	font-family: Arial, Times New Roman;
	font-size:12px;
}

.anfrageformular textarea.uiInput  {
	height:150px;
}

.anfrageformular input:focus, .anfrageformular textarea:focus {
	background:#DEE9C7;
}

img.icon {
	position:relative;
	top:13px;
}
ul.vorteile {
    padding-left:3px!important;
}

ul.vorteile li {
    list-style-type:none!important;
    background:url(../img/checked.png) 0 2px no-repeat!important;
    padding:6px 0 3px 29px!important;
    margin:6px 0!important;
}