/*
Client Name: Ruths Hotel
Client URI: http://www.ruths-hotel.dk
Author: Thomas Clausen - IdeFA Gruppen
Author URI: http://www.idefa.dk/
*/

/* Reset default browser styles */
@import url('reset.css');

/* GLOBAL */
body { font: 11px Arial, Helvetica, Verdana, sans-serif; line-height: 14px; color: #666; background: #fff; }
h1 { font-size: 18px; line-height: 1.25em; font-weight: normal; letter-spacing: 1px; margin: 0 0 4px 0; }
h2 { font-size: 16px; line-height: 1.25em; letter-spacing: 1px; margin: 7px 0 7px 0; }
h3 { font-size: 14px; line-height: 1.25em; }
h4 { font-size: 13px; line-height: 1.25em; }
h5 { font-size: 12px; line-height: 1.25em; }
h6 { font-size: 11px; line-height: 1.25em; }
p { margin-bottom: 1.25em; }
a { color: #666; }
a:hover { text-decoration: none; }
hr { height: 1px; color: #666; margin: 8px 0px; border: none; background: #666; }

/* FORMS
.mailform { width: 360px; }
legend { display: none; }
label { font-size: 1.2em; line-height: 1.5em; font-weight: bold; padding: 5px 0px; display: inline-block; white-space: nowrap; }
p label { font-size: 1em; }
input, textarea, select { font: 1.2em Arial, Helvetica, Verdana, sans-serif; color: #000000; padding: 2px; margin: 2px 0px 2px 15px; border: 1px solid #ffffff; background: #ffffff; display: inline; }
textarea { margin: 0px 0px 0px 15px; overflow: auto; }
select { clear: right; }
input.checkbox, input[type=checkbox], input.radio, input[type=radio] { margin: 2px 15px; border: 0px; background: none; }
input.button, input[type=submit] { padding: 1px 12px; clear: both; }*/
.error { color: #93332e; }
.required { font-size: 15px; line-height: 14px; font-weight: bold; color: #93332e; vertical-align: baseline; position: relative; top: 2px; }

/* ELEMENTS */
#logo { width: 210px; margin: 16px auto 18px auto; }

#wrap { width: 942px; margin: 0 auto 20px auto; border: 3px solid #ccc; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: #f2f2f2; }

#globalnavigation { height: 29px; text-align: right; color: #fff; padding: 10px 12px; border-bottom: 1px solid #b38080; -moz-border-radius: 3px 3px 0 0; -webkit-border-top-left-radius: 3px; -webkit-border-top-right-radius: 3px; -webkit-border-bottom-left-radius: 0; -webkit-border-bottom-right-radius: 0; border-radius: 3px 3px 0 0; background: #600; }
#globalnavigation #langmenu, #globalnavigation #printlink, #globalnavigation #menutop, #globalnavigation #tiplink { display: inline; }
#globalnavigation a { text-decoration: none; color: #fff; }
#globalnavigation a:hover { text-decoration: underline; }
#langmenu { text-align: right; }
#langmenu .tx-srlanguagemenu-pi1 { text-align: right; display: inline; }
#langmenu .tx-srlanguagemenu-pi1 div { line-height: 8px; text-transform: uppercase; padding: 0 5px 0 8px; border-left: 1px solid #fff; display: inline; }
#langmenu .tx-srlanguagemenu-pi1 .current { font-weight: bold; }
#langmenu .tx-srlanguagemenu-pi1 .SPC { display: none; }
#printlink { line-height: 8px; padding: 0 5px 0 8px; border-left: 1px solid #fff; }
ul#topmenu { padding: 0 -10px 0 0; border-right: 1px solid #fff; display: inline; }
ul#topmenu li { line-height: 8px; padding: 0 5px 0 8px; border-left: 1px solid #fff; display: inline; position: relative; }
ul#topmenu2 { padding: 0 -10px 0 0; display: inline; }
ul#topmenu2 li { line-height: 8px; padding: 0 5px 0 8px; border-right: 1px solid #fff; display: inline; position: relative; }

/* MENU */
#menu { padding: 2px 0 0 0; background: #600; }
ul#mainmenu { border-top: 1px solid #b38080; }
ul#mainmenu li { padding-right:25px; background: url(images/li-bg.gif) no-repeat top left; display: inline-block; position: relative; white-space: nowrap; }
ul#mainmenu li.first { background: none; }
ul#mainmenu a { font-weight: bold; color: #fff; text-decoration: none; padding: 6px 8px; display: block; }
ul#mainmenu li:hover, ul#mainmenu li.over, ul#mainmenu li.current { background: #e3e3e3; }
ul#mainmenu li:hover a, ul#mainmenu li.over a, ul#mainmenu li.current a { color: #600; }

/* Fix IE. Hide from IE Mac \*/
ul#mainmenu li { float: left; }
ul#mainmenu li a { height: 1%; }
/* End */

.boks ul#submenu li { padding: 5px 0px; margin: 0; border-top: 0; }
.boks ul#submenu a { color:#666666; }

/* SUBMENU */
#cat { width: 200px; background: #600; float: left; display: inline; margin-bottom:10px; }
#menusub { width: 200px; float: left; display: inline; }
ul#submenu { background: #600; }
ul#submenu li { padding: 10px 20px; margin: -1px 0 0 0; border-top: 1px solid #fff; }
ul#submenu a { color: #fff; text-decoration: none; }
ul#submenu a:hover { text-decoration: underline; }
ul#submenu li.current a { font-weight: bold; }
ul#submenu ul { padding: 6px 0; }
ul#submenu ul li { font-size: 10px; text-align: left; padding: 0; margin: 0 0 0 15px; border: none; }
ul#submenu li.current ul a { font-weight: normal; }
ul#submenu ul li.current a { font-weight: bold; }
ul#submenu #submenu2 { padding-left:15px; }
ul#submenu #submenu3 { padding-left:15px; }
ul#submenu #submenu4 { padding-left:15px; }

#main { border-bottom: 5px solid #f2f2f2; background: #f2f2f2 url(images/main-bg.jpg) no-repeat bottom center; }
#main.empty { border: none; background: none; }

#quicklinks { width: 214px; margin: 8px 0 0 718px; position: absolute; z-index: 20; }
#quicklinks .item { margin: 0 0 8px 0; border: 2px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px; border-radius: 6px; background: url(images/red-trans-bg.png) no-repeat; }
#quicklinks h1 { height: 23px; font-size: 16px; font-weight: normal; line-height: 16px; letter-spacing: 0; color: #fff; padding: 6px 0 0 10px; margin: 0; background: url(images/quicklinks-h1-bg.png) no-repeat 177px 50%; cursor:pointer; }
#quicklinks p, #quicklinks .bodytext { color: #fff; padding: 10px 10px 0 10px; }
#quicklinks #booking input, #quicklinks #booking select { width: auto; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #333; padding: 1px; margin: 2px 1px 2px 0; border: 0; background: #fff; }
#quicklinks #booking select#adults, #quicklinks #booking select#children, #quicklinks #booking select#infants { width: 37px;  }
#quicklinks #booking input.button, #quicklinks #booking input[type=submit] { width: 88px; padding: 1px 12px; clear: both; }
#quicklinks #booking #arrivalYear, #quicklinks #booking #departureYear { margin: 2px 0; }
#quicklinks #booking #arrival-date, #quicklinks #booking #departure-date { position: relative; top: 4px; right: -1px; }
#quicklinks a { color: #fff; text-decoration:underline; }
#quicklinks a:hover { color: #fff; text-decoration:none; }

#headerimage { height: 228px; border-bottom: 8px solid #fff; position: relative; overflow: hidden; }
#headerimage.front { height: 444px; }
#headerimage .csc-textpic-imagerow { position: absolute; top: 0; left: 0; z-index: 8; }
#headerimagetext { width: 632px; height: 95px; color: #600; padding: 55px 0 0 30px; margin: 82px 0 0 0; background: url(images/headerimagetext-bg.png) no-repeat; position: absolute; z-index: 20; }
#headerimagetext h1 { font-size: 53px; }
#headerimagetext p { font-size: 24px; }

#colNormal { min-height: 400px; padding: 26px 32px; }
#colNormal table.contenttable { width: 100%; }
#colNormal table.contenttable th, #colNormal table.contenttable td { }
#colNormal .table-box table.contenttable th, #colNormal .table-box table.contenttable td { padding: 5px; border: 1px solid #ccc; text-align: center; }
#colNormal th p, #colNormal td p { margin: 0; }
#colNormal ul { list-style: outside disc; padding: 0 0 0 15px; margin: 0 0 15px 0; }
#colNormal ul li { padding: 0 0 0 5px; margin: 0 0 0 5px; }
#colNormal ol { list-style: outside decimal; padding: 0 0 0 20px; margin: 0 0 15px 0; }
#colNormal ol li { padding: 0; margin: 0 0 0 5px; }

#colNormal .facebook-like { width: 125px; float: right; display: inline; }

#colNormal .box { width: 250px; padding: 20px 20px 6px 20px; margin: 0 24px 14px 0; border: 3px solid #d0bbbc; border: 3px solid rgba(102, 0, 0, 0.25); background: #f5f5f5; background: rgba(255, 255, 255, 0.25); float: left; display: inline; }
#colNormal .box h2 { color: #600; text-align: right; padding: 4px 33px 3px 0; margin: 0 0 10px 0; background: url('images/box-h2-bg.png') no-repeat 100% 50%; }

#colLeft .box { font-size: 16px; color: #fff; padding: 13px 20px 1px 20px; margin: 10px 0 0 0; background: #600; }
#colLeft .box h1, #colLeft .box h2 { font-weight: bold; margin: 0 0 10px 0; }
#colLeft .box h1 { font-size: 20px; }

.boks { padding: 20px 20px 6px 20px; margin-bottom:10px; border: 1px solid #ccc; background: url(../main/images/grey-trans-bg.png) no-repeat; display: table; }
#colLeft .boks { padding: 20px 20px 6px 20px; margin: 10px 0 25px 0; border: 1px solid #ccc; border-left: 0px; background: url(../main/images/grey-trans-bg.png) no-repeat; }
#colLeft .facebook-like { width: 125px; margin: 10px auto 0 auto; }

.kommentarboks { padding: 20px 30px; margin: 10px 0 25px 0; border: 2px solid #fff; -moz-border-radius: 6px; -webkit-border-radius: 6px;border-radius: 6px; background: #ccc; position: relative; }
#colLeft .kommentarboks { border-left: none; -moz-border-radius: 0 6px 6px 0; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 6px; -webkit-border-bottom-right-radius: 6px; -webkit-border-bottom-left-radius: 0; border-radius: 0 6px 6px 0; }
.kommentarboks .quote_start { font: 32px Georgia, "Times New Roman", Times, serif; font-weight: bold; position: absolute; top: 10px; left: 6px; }
.kommentarboks .quote { font-size: 12px; font-style: italic; }
.kommentarboks .quote_end { font: 32px Georgia, "Times New Roman", Times, serif; font-weight: bold; margin: -8px 0 0 0; position: absolute; right: 7px; }
.kommentarboks .customer_name { font-size: 11px; font-weight: bold; text-align: right; margin: 30px 0 0 0; }
.kommentarboks .list_link { padding: 10px 0 0 0; }
.kommentarboks .list_link a { text-decoration: none; }
.kommentarboks .list_link a:hover { text-decoration: underline; }

#online-booking { padding: 10px; margin: 0; border: 1px solid #ccc; background: url(images/grey-trans-bg.png) no-repeat; }
#online-booking h1 { margin: 0; padding-bottom: 5px; }
#online-booking p, #online-booking .bodytext { padding: 0; margin: 0; float: left; display: inline; clear: both; }
#online-booking label { font-weight: bold; display: inline-block; }
#online-booking input, #online-booking select { width: auto; font: 11px Arial, Helvetica, Verdana, sans-serif; color: #333; padding: 1px; margin: 2px 4px 2px 0; border: 0; background: #fff; }
#online-booking input.button, #online-booking input[type=submit] { color: #fff; padding: 1px 12px; background: #600; clear: both; }
#online-booking #arrivalYear, #online-booking #departureYear { margin: 2px 0; }
#online-booking #arrival-date, #online-booking #departure-date { position: relative; top: 4px; right: -1px; }
#online-booking #col-left { width: 370px; float: left; display: inline; }
#online-booking #col-right { width: 210px; float: right; display: inline; }

#arrivalDate, #arrivalMonth, #arrivalYear, #departureDate, #departureMonth, #departureYear{
	margin:2px 0px 2px 0 !important;
}

#footer-wrap { font-size: 9px; text-align: center; padding: 7px 1px; -moz-border-radius: 0 0 3px 3px; -webkit-border-top-left-radius: 0; -webkit-border-top-right-radius: 0; -webkit-border-bottom-left-radius: 3px; -webkit-border-bottom-right-radius: 3px; border-radius: 0 0 3px 3px; background: #fff; position: relative; clear: both; }
#footer-wrap #awards { width: 214px; height: 55px; float: left; display: none; position: absolute; top: -82px; left: 717px; }
#footer-wrap #footer { width: 750px; float: left; display: inline; }
#footer-wrap #footer p { padding: 0 0 0 26px; color: #666; margin: 0; float: left; display: inline; }
#footer-wrap #footer a { color: #666; }
#footer-wrap #footer img { margin: 0 0 -2px 0; position: relative; }
#footer-wrap #credits { color: #666; float: right; display: inline; padding: 0 10px 0 0; }
#footer-wrap #credits a { text-decoration: none; color: #666; }

/* CLEARFIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden; }
.clearfix { display: inline-block; }
* html .clearfix { height: 1%; }
.clearfix { display: block; }
spacer-gif { display: none; }

/* TYPO3 FIXES */
.align-left { text-align: left; }
.align-center { text-align: center; }
.align-right { text-align: right; }
.align-justify { text-align: justify; }
.float-left { float: left; display: inline; }
.float-right { float: right; display: inline; }

#colMargin DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 0; }
#colMargin DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 0; }

/* div.csc-textpic img { border:1px dotted #660000; padding:3px; } */
#headerimage div.csc-textpic img { padding: 0; }

.front div.csc-textpic img { border:none; }

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image { padding-right: 10px; margin-right: 0; }

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image { padding-left: 10px; margin-left: 0; }

DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image { padding-right: 5px; padding-left: 5px; margin-right: auto; margin-left: auto; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image { padding-bottom: 10px; margin-bottom: 0; }
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow { padding-bottom: 10px; margin-bottom: 0; }
DIV.csc-textpic DIV.csc-textpic-single-image img { padding-bottom: 10px; margin-bottom: 0; }

DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol { padding-right: 0 !important; margin-right: 0 !important; }
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol { padding-left: 0 !important; margin-left: 0 !important; }

DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap { padding-right: 10px !important; margin-right: 0 !important; }
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap { padding-left: 10px !important; margin-left: 0 !important; }

DIV.csc-textpic DIV.csc-textpic-imagerow-last { padding-bottom: 0 !important; margin-bottom: 0 !important; }

.tx-indexedsearch-searchform { margin: 0 0 25px 0; }
.tx-indexedsearch-searchform p { }
.tx-indexedsearch-searchform input, .tx-indexedsearch-searchform select {  margin: 0 10px 2px 0; }
.tx-indexedsearch-searchform select { width: 182px; }
.tx-indexedsearch-searchform input.button { width: auto; padding: 1px 12px; }
.tx-indexedsearch-searchform input.checkbox { width: auto; margin: 4px 5px 0 0; border: 0; background: none; }
.tx-indexedsearch-rules {}
.tx-indexedsearch-sectionlinks {}
.tx-indexedsearch-sectionheader {}
	.tx-indexedsearch-sectionheader .title {}
	.tx-indexedsearch-sectionheader .result-count {}
.tx-indexedsearch-whatis {}
	.tx-indexedsearch-sw { font-weight: bold; }
.tx-indexedsearch-browsebox { margin: 0 0 25px 0px; }
	.tx-indexedsearch-browsebox ul { text-align: center; padding: 0; margin: 0 0 10px 0; list-style: none; list-style-position: outside; }
	.tx-indexedsearch-browsebox li { display: inline; }
	.tx-indexedsearch-browselist-currentPage a { color: #a71932; }
.tx-indexedsearch-results { margin: 0 0 10px 0; border: 1px solid #7a7a7a; }
	.tx-indexedsearch-results table { width: 100%; background: #484848; border-collapse: separate; border-spacing: 1px; }
	.tx-indexedsearch-results tr { background: #484848; }
	.tx-indexedsearch-results th { padding: 5px; background: #616161; }
	.tx-indexedsearch-results div { padding: 5px; margin: 1px; }
	.tx-indexedsearch-results .icon { width: 18px; }
	.tx-indexedsearch-results .icon img { margin: -12px 0 0 -7px; position: absolute; }
	.tx-indexedsearch-results .title { font-weight: bold; text-align: left; }
	.tx-indexedsearch-results .title a { font-weight: bold; text-decoration: none; }
	.tx-indexedsearch-results .percent { width: 35px; }
	.tx-indexedsearch-results .description { }
	.tx-indexedsearch-results .info { background: #616161; }
	.tx-indexedsearch-results .path {}
	.tx-indexedsearch-results .list {}

.catlist {
	background-color:#F1F1F1;
line-height:20px;
padding:9px;
width:200px;
}

.catlist input {
	border:0;
	float:right;
	clear:both;
	margin-top:0px;
}

#tooltip{
	position:absolute;
	border:1px solid #333;
	background:#f7f5d1;
	padding:2px 5px;
	color:#333;
	display:none;
	}
	
#wellnesstip {
	display:none;
	background:transparent url(/fileadmin/template/main/images/black_arrow1.png);
	font-size:12px;
	height:164px;
	width:400px;
	padding:25px;
	color:#fff;
}

/* FORMS */
.form-wrap {  margin:0; }
.form-content { }
.form-inner { padding:0;  }

.form-inner legend { display: none; }
.form-inner label { width: 110px; font-weight: bold; padding: 5px 0px; display: inline-block; white-space: nowrap; }
.form-inner input, .form-inner textarea, .form-inner select { width: 200px; font: 10px Verdana, Arial, Helvetica, sans-serif; color: #000000; padding: 2px; margin: 2px 0px 2px 15px; border: 1px solid #99b1c7; background: #ffffff; display: inline; }
.form-inner textarea { margin: 0px 0px 0px 15px; overflow: auto; }
.form-inner select { width: 250px; clear: right; }
.form-inner input.checkbox, .form-inner input[type=checkbox], .form-inner input.radio, input[type=radio] { margin: 2px 15px; border: 0px; background: none; }
.form-inner input.button, .form-inner input[type=submit] { font-size: 11px; font-weight: bold; padding:2px; clear: both; margin:2px 0 2px 128px; width:206px; }
.form-inner .required { font-size: 1.2em; line-height: 1.5em; font-weight: bold; color: #93332e; padding: 5px 0px; display: inline-block; }

.box .form-inner input, .box .form-inner textarea, .box .form-inner select { width: auto; padding: 5px 2px; margin: 2px 0; border: none; }
.box .form-inner input.button, .box .form-inner input[type=submit] { width: 86px; color: #fff; text-align: right; padding: 4px 33px 4px 0; margin: 12px 0 14px 74px; border: none; background: url('images/quicklinks-h1-bg.png') no-repeat 100% 50%; }

td.csc-form-fieldcell input { border: 1px solid #660000; width:150px; margin-left:10px; margin-bottom:10px; }
td.csc-form-labelcell {  padding-bottom:10px; }

.tx-idefameetingbooking-pi1 { position:relative; }
.hide { display:none; }
.bookingForm.bookingFormAflang.lastminute{ float:left; }