/* 130608 styles
   for metropoleruhr */
* {
	margin: 0;
	padding: 0;
}

* 
body {
	font: 62.5%/ 1.5 "Trebuchet MS", Trebuchet, Arial, sans-serif;
	background: #FFF;
	color: #545454;
}

option { padding-left: 0.4em }

a {
	color: #ff6600;
	text-decoration: underline;
	background: inherit;
}

a:hover {
	color: #000;
	text-decoration: underline;
	background: inherit;
}

h1 {
	display: none;
	font: normal 3.0em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	padding: 7px 0 0 8px;
	margin: 0;
}

h1 a {
	color: #ff6600;
	background: inherit;
}

.orange {
	color: #FF6600;
}

.blue {
	color: #396DA5;
}

sup {
	font-size: 0.5em
}

h1 a,h2 a {
	text-decoration: none;
}

h1 a:hover,h2 a:hover {
	color: #FF6600;
	background: inherit;
}

h2 {
	font-size: 3.0em;
	margin-bottom: 5px;
	color: #FF6600;
	background: inherit;
}

small {
	font-size: 95%;
}

p {
	margin: 0 0 5px 0;
}

a.image-link img {
	border: 1px solid #B0B0B0;
	padding: 1px;
}

a.image-link:hover img {
	border-color: #3E3E3E;
}

a.back-link {
	color: #ff6600;
	text-decoration: underline;
	background: inherit;
	font-size: 0.9em;
}

a.back-link:hover {
	color: #000;
	text-decoration: underline;
	background: inherit;
	font-size: 0.9em;
}

ul {
	list-style: none;
}

.valign-top {
	vertical-align: top;
}

.valign-middle {
	vertical-align: middle;
}

img.link-img {
	padding: 2px 2px 0 0;
	margin-bottom: -5px;
	border: none;
}

/* layout
   ------ */
#js-info,#maintenance-info {
	border: 1px dotted black;
	background: #ffcc66 url(/icons/exclamation.gif) no-repeat center left;
	padding-left: 20px;
}

#maintenance-info {
	background-color: lime;
}

#toolTippLayer {
	position: absolute;
	visibility: hidden;
	-moz-opacity: 0.92;
	z-index: 1;
}

#toolTippLayer table {
	width: 350px;
	padding: 15px;
	background-color: #DEDEDE;
}

#t4e-debug {
	text-align: left;
}

.content {
	margin: 0;
	padding: 10px;
}

.top-nav {
	float: none;
	width: 500px;
	margin-bottom: 40px;
}

.buttonWhite {
	font: normal 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	text-decoration: none;
	text-align: center;
	background: #FFF;
	border: 0px solid #797979;
	color: #000;
	padding: 3px;
	margin-right: 12px;
	width: 7.5em;
	vertical-align: top;
	word-wrap: break-word;
	float: left;
}

.buttonWhite a {
	color: #000;
}
.buttonWhite a:hover {
	text-decoration: underline;
}

.right-box {
	margin: 0 0 10px 0;
	width: 500px;
}

.search-hotel a,.search-congress a,.search-eventlocation a {
	text-decoration: underline;
}

.search-hotel a:hover,.search-congress a:hover,.search-eventlocation a:hover
	{
	text-decoration: none;
}

.search-hotel h3,.search-congress h3,.search-eventlocation h3 {
	background: none;
	display: inline;
	margin-left: 80px;
	font-size: 1.2em;
}

.search_params ul { 
 	list-style-type: none;
  	overflow: hidden;
  	list-style: disc;
}

.search_params li { 
  	float: left;
  	display: inline;
  	padding-left: 4px;
  	min-width: 130px;
}

.search_params_ruhr {
	background-color: inherit; 
	float: left; 
	position: absolute; 
	top: 70px; 
	width: 300px;
}

.right-box h3 {
	font-size: 1.2em;
}

.right-box ul#navlist {
	padding: 3px 0 6px 0;
	margin: 4px 0 16px 0;
	font: normal 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 0.96em;
}

.right-box ul#navlist li {
	list-style: none;
	display: inline;
	margin-left: 5px;
	font-weight: bold;
	color: #333;
}

.right-box ul#navlist li a {
	padding: 3px 0.6em 6px 0.6em;
	margin-left: 2px;
	text-decoration: underline;
}

.right-box ul#navlist li a:hover {
	color: #333;
	text-decoration: none;
}

.right-box ul#navlist li a#current {
	font-weight: bold;
	color: #333;
}

img.tab-link {
	border: none;
	margin-right: -6px;
	vertical-align: text-bottom;
}

form.tapla-search,form.tapla-search-detail {
	font: 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin-top: 15px;
	color: #333;
	min-height: 230px;
}

form.tapla-search-detail {
	margin: 15px 0 0 0;
	padding: 0;
	width: 100%;
}

form.tapla-search fieldset {
	border: none;
	margin: 0 0 10px 0;
	padding-top: 8px;
	width: 100%;
}

form.tapla-search fieldset.hide {
	visibility: hidden;
	display: none;
}

form.tapla-search fieldset.show {
	visibility: visible;
	display: block;
}

form.tapla-search-detail label.feature-space {
	width: 13.0em;
}

fieldset.full {
	clear: left;
	width: 100%;
}

form.tapla-search label {
	float: left;
	display: block;
	margin: 5px;
}

form.tapla-search .input-search {
	color: #000;
}

form.tapla-search .input-text {
	height: 17px;
	font-weight: bold;
	color: #000;
}

form.tapla-search input,textarea {
	font: normal 12px "Trebuchet MS", Trebuchet, Arial, sans-serif;
	color: #000000;
}

form.tapla-search select {
	color: #000000;
}

form.tapla-search input.radiobutton {
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	background-color: #FFF;
}

form.tapla-search input.checkbox {
	border-right: none;
	border-top: none;
	border-left: none;
	border-bottom: none;
	background-color: #E5F0D5;
}

form.tapla-search select.field-activated {
	font-weight: bold;
	color: #000;
}

/* form.tapla-search img {
    margin: 0 0 -5px 0;
  } */
form.tapla-search br {
	clear: both
}

form.tapla-search input.button {
	margin: 20px 12px 0 5px;
	padding: 0 5px 0 5px;
}

form.tapla-search img.search-stars {
	margin-left: 4px;
}

form.tapla-search input.checkbox {
	border: 0;
}

form.tapla-search-detail input.checkbox {
	margin-top: 10px;
}

form.tapla-search-detail input.features {
	border: 0;
}

/* form.tapla-search img {
    margin: 0 0 -5px 0;
  } */
form.tapla-contact br {
	clear: both
}

form.tapla-contact input.button {
	margin: 20px 12px 0 5px;
	border: 0;
}

form.tapla-contact input.button:focus {
	background-color: #000;
}

form.tapla-contact img.search-stars {
	margin-left: 4px;
}

form.tapla-contact input.checkbox {
	border: 0;
}

form.tapla-contact-detail input.checkbox {
	margin-top: 14px;
}

form.tapla-contact-detail input.features {
	border: 0;
}

table.result {
	font: normal 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	width: 520px;
	background-color: #FFF;
	padding: 0;
	margin: 50px 0 0 0;
	border-spacing: 0;
	border-collapse: collapse;
}

table.result th {
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	padding: 2px 0 12px 0;
	border-bottom: 1px solid #474747;
	color: #848484;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
}

table.result th img {
	margin: 2px 5px -2px 0;
}

table.result th span.qm {
	color: #848484;
}

table.result td {
	height: 60px;
	vertical-align: top;
	padding: 4px 4px 4px 0;
	border-bottom: 1px solid #797979;
}

table.result td a.stick-out {
	font-size: 1.20em;
	font-weight: bold;
	color: #ff6600;
}

table.result a {
	font-weight: bold;
	color: #ff6600;
	text-decoration: underline;
}

table.result a:hover {
	color: #000;
	text-decoration: underline;
}

img.result {
	margin: 3px 0 0 0;
}

div.result {
	clear: both;
	margin: 16px 0 0 20px;
}

table.info {
	width: 626px;
	padding: 0;
	margin: 6px 0 20px 8px;
	border-spacing: 0;
}

table.info th {
	line-height: 1.2em;
	text-align: left;
	vertical-align: top;
	padding: 2px 0 4px 0;
	color: #666;
}

table.info td {
	vertical-align: top;
	padding: 4px 4px 4px 0;
	border-bottom: 1px solid #000;
}

table.info td.tdList {
	background: #D8D8D8;
}

h3.arrow-down {
	margin-left: -1px;
	padding: 3px 6px 0 10px;
	font-weight: bold;
	font-size: 1.08em;
	color: #000;
}

.arrow-down,.arrow-right {
	padding: 0 0 0 14px;
}

.arrow-down {
	background: transparent url(/icons/pfeil1.gif) no-repeat center left;
}

.arrow-right {
	background: transparent url(/icons/pfeil2.gif) no-repeat center left;
}

.clue {
	background: transparent url(/icons/clue.gif) no-repeat center right;
	padding: 0 20px 0 0;
}

.error {
	float: left;
	background: transparent;
	color: #526EAC;
	font-weight: bold;
	padding: 0 0 0 5px;
	margin: 0 30px 6px 0;
}

.error a {
	text-decoration: underline;
	color: #465D92;
	background: inherit;
}

.error a:hover {
	text-decoration: none;
	background: inherit;
}

.error-info {
	float: left;
	background: transparent url(/icons/130608/tip_info.gif) no-repeat right;
	padding: 0 0 0 20px;
	margin: 0 0 0 10px;
}

.info-contact {
	float: left;
	background: transparent url(/icons/info.gif) no-repeat right;
	padding: 0 0 0 20px;
	margin: 0 0 0 0px;
}

.error-contact {
	float: left;
	background: transparent url(/icons/exclamation_blue.gif) no-repeat right;
	padding: 0 0 0 15px;
	margin: 0 15 0 0;
}

div.info p,div.info th,div.info td,div.info {
	font-size: 1.0em;
}

div.info p {
	font-size: 1.2em;
	margin: 2px 0 18px 10px;
}

div.info table {
	font-size: 1.2em;
	margin: -2px 0 18px 10px;
}

div.info span {
	float: left;
	padding-right: 35px;
	margin-bottom: 2px;
}

div.info a {
	text-decoration: none;
}

div.info a:hover {
	text-decoration: underline;
}

/* right side
   ---------- */
.right-214,.right-340 {
	float: right;
	margin: 0 0 10px 0;
}

.right-214 {
	width: 214px;
}

.right-340 {
	width: 340px;
}

.right-214 h3,.right-340 h3 {
	background: #BDBDBD url(/images/h3_bg.gif) no-repeat top right;
	color: #FFF;
	padding: 8px 0 8px 5px;
	font: bold 1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin: 0 0 3px 0;
}

.right-214 h3 a {
	font: normal 1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin-left: 4px;
}

.right-340 h4 {
	background: inherit;
	color: #666;
	padding: 8px 0 8px 5px;
	font: bold 1em "Trebuchet MS", Trebuchet, Arial, sans-serif;
	margin: 46px 0 3px 0;
}

.right-articles {
	background: #C9E2F4;
	color: #3E3E3E;
	padding: 8px;
	margin: 0 0 3px 0;
	min-height: 58px;
}

.right-banner,.right-info {
	background: #F8F8F8;
	text-align: center;
	font-weight: bold;
	padding: 6px 0 2px 0;
	margin: 0 0 3px 0;
}

.right-info {
	text-align: left;
	font-weight: normal;
	padding: 5px 5px 5px 22px;
	min-height: 33px;
}

.right-info ul {
	list-style: url(/icons/bullet.gif);
	padding-top: 4px;
}

.right-info a:hover {
	text-decoration: underline;
}

.image {
	float: left;
	border: 0;
	margin: 0 9px 3px 0;
}

a.headline-link {
	color: #3E3E3E;
	text-decoration: none;
	font-weight: bold;
}

a.headline-link:hover {
	text-decoration: underline;
}

h3.caption {
	padding-top: 8px;
	padding-bottom: 6px;
}

/* footer
   ------ */
.footer {
	clear: both;
	color: #808080;
	text-align: center;
	padding: 10px 0;
	border-top: 1px solid #ccc;
	line-height: 2em;
}

.footer a {
	color: #808080;
	text-decoration: none;
}

.footer a:hover {
	color: #808080;
	text-decoration: underline;
}

/*CSS black style pager*/
div.pager {
	float: right;
	margin: 2px 10px 0 0;
	color: #a0a0a0;
	font-family: "Trebuchet MS", Trebuchet, Arial, sans-serif;
	font-size: 0.86em;
}

div.pager a {
	border: 1px solid #909090;
	margin-right: 3px;
	padding: 2px 5px;
	background-color: #FFF;
	text-decoration: none;
	color: #444;
}

div.pager a:hover,div.meneame a:active {
	border: 1px solid #CCC;
	color: #888;
}

div.pager span.current {
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #666;
	font-weight: bold;
	background: url(/images/pager_bar.gif) bottom;
	color: #FFF;
	cursor: default;
}

div.pager span.disabled {
	margin-right: 3px;
	padding: 2px 5px;
	border: 1px solid #CCC;
	color: #CCC;
	cursor: default;
}
div.pager-outer {
	background-color: inherit; 
	position: relative; 
	top: 30px; 
	left: 0px;
	font: normal 1.2em "Trebuchet MS", Trebuchet, Arial, sans-serif;
}
img.tab-link a {
	text-decoration: none;
}
img.tab-link a:hover {
	text-decoration: none;
}
