@charset "utf-8";

body,td,th {
	font-family: Helvetica, Arial, "Gill Sans", "Gill Sans MT", "Myriad Pro", "DejaVu Sans Condensed", sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 18px;
	color: #5a5a5a;
}

body {
	background-color: #FFF;
	background-image: url(../img/riepe_bg-main.png);
}

a:link {
	color: #5a5a5a;
	text-decoration: none;
}

a:visited {
	text-decoration: none;
	color: #5a5a5a;
}

a:hover {
	text-decoration: underline;
	color: #41792e;
}

a:active {
	text-decoration: none;
	color: #999;
}

h1 {
	font-size: 36px;
	line-height: 40px;
	color: #FFF;
	text-transform: uppercase;
}

h2 {
	font-size: 24px;
	color: #FFF;
	font-weight: normal;
}

h3 {
	font-size: 18px;
	line-height: 36px;
	color: #000;
}

sup {
	vertical-align: 4px;
	font-size: 9px;
}

table, tr, td, th {
	border: 1px dotted;
	background: #fff;
	font-size: 14px;
	font-weight: normal;
	padding: 8px 4px 8px 4px;
}

td.trenn {
	background: #f0f0f0;
}

th {
	font-weight: bold;
}

td.button {
	padding: 4px;
}

td.hotel {
	padding: 8px 1px;
}

.hotel-button-do {
	width: 136px;
	height: 131px;
	background: url(../img/riepe-button-dortmund.png) 0 0 no-repeat;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
	text-indent: -9000px;
}

.hotel-button-do:hover {
	background: url(../img/riepe-button-dortmund.png) 0 -134px no-repeat;
	display: block;
}

.hotel-button-he {
	width: 136px;
	height: 131px;
	background: url(../img/riepe-button-herdecke.png) 0 0 no-repeat;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.hotel-button-he:hover {
	background: url(../img/riepe-button-herdecke.png) 0 -134px no-repeat;
	display: block;
}

.hotel-button-lu {
	width: 136px;
	height: 131px;
	background: url(../img/riepe-button-luenen.png) 0 0 no-repeat;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.hotel-button-lu:hover {
	background: url(../img/riepe-button-luenen.png) 0 -134px no-repeat;
	display: block;
}

.hotel-button-un {
	width: 136px;
	height: 131px;
	background: url(../img/riepe-button-unna.png) 0 0 no-repeat;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.hotel-button-un:hover {
	background: url(../img/riepe-button-unna.png) 0 -134px no-repeat;
	display: block;
}

.hotel-button-wi {
	width: 136px;
	height: 131px;
	background: url(../img/riepe-button-witten.png) 0 0 no-repeat;
	display: block;
	color: #fff;
	text-align: center;
	font-weight: bold;
}

.hotel-button-wi:hover {
	background: url(../img/riepe-button-witten.png) 0 -134px no-repeat;
	display: block;
}


.mehr-infos {
	padding-top: 20px;
}
	

.hotelname {
	padding-top: 30px;
	color: #3e772b;
}

.clearboth {
	clear: both;
}

#boxwrap {
	position: relative;
	background-color: #FFF;
	min-width: 960px;
	max-width: 1082px;
	-webkit-box-shadow: 0px 2px 3px #999999;
	box-shadow: 0px 2px 3px #999999;
	margin: 0 auto;
}

.logo-bg {
	width: 100%;
	background: url(../img/riepe-head-logo-bg.gif) 20px repeat-x;
	height: 162px;
}

#contentwrap  {
	position: relative;
	width: 920px;
	padding-top: 20px;
	margin: 0 auto;
}

.logo {
	width: 239px;
	height: 162px;
	margin: 0 auto;
}

.keyvisualwrap {
	margin-top: 20px;
	width: 920px;
	height: 258px;
}

.keymsg {
	position: relative;	
	width: 328px;
	height: 258px;
	background: #ffc700;
	background: url(../img/riepe-keymsg-bg.jpg) no-repeat;
	float: left;
}

.keymsg-txt {
	position: relative;
	width: 310px;
	height: 240px;
	margin: 60px auto 0px auto;
}

.keyslide {
	position: relative;
	width: 592px;
	height: 258px;
	background: #006;
	float: right;
}

.keyvisual-schatten {
	position: relative;
	width: 920px;
	height: 52px;
	background: url(../img/riepe-key-slide-schatten.jpg) no-repeat center top;
	margin: 0 auto;
	clear: both;
}

.begruessung {
	position: relative;
	width: 920px;
	margin: 30px auto 0px auto;
}

.pinselstrich {
	position: relative;
	widows: 920px;
	height: 10px;
	padding-top: 15px;
	margin: 0 auto;
}

.standorte-wrapper {
	position: relative;
	width: 920px;
	margin-top: 40px;
	float: left;
}

.footer {
	position: relative;
	margin-top: 30px;
	float: left;
	width: 920px;
	height: 100px;
	background: url(../img/riepe-wo-gaeste-zu-freunden-werden.png) right 20px no-repeat;
	display: block;
}

.rechtliches {
	position: relative;
	float: left;
	width: 400px;
	margin-top: 40px;
	font-size: 10px;
}