/* CUBE HOTELS /css/basic.css
---------------------------------------------------------------------
Contains the generic rules of a website and some basic styles that 
apply to all kind of sites

Author: conova.com [grre]
Version: v 1.1
--------------------------------------------------------------------- 
Color Guide

A selection of the most used colors in this CSS.

CUBE orange														#F57F1F
CUBE grey                                                       #8B8B8B
--------------------------------------------------------------------- */


/* Generic rules
--------------------------------------------------------------------- */
body {
	line-height: 1.5;
	font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

img {
	border: 0;
}

p, li {
    font-size:10pt;
}

.center {
	text-align: center;
}

.left {
	text-align: right;
}

.right {
	text-align: right;
}

.clear {
	clear: both !important;
}

.none {
	display: none;
}

abbr[title], acronym[title] {
	border-bottom: 1px #777 dotted; cursor: help
}

strong {
	font-weight: bold;
}

hr {
    display: none;
}

a {
	color: #F57F1F;
}

/* wraps hole site
--------------------------------------------------------------------- */
#site {
	margin: 0;
}

/* META NAVIGATION
---------------------------------------------------------------------
--------------------------------------------------------------------- */
#meta_navigation {
    margin-bottom: -6px;
    float: left;
}

/* logo
--------------------------------------------------------------------- */
#logo {	
	width: 70px;
	height: 70px;
	float: left;
}

#logo img {	
	width: 65px;
	height: 65px;
}


/* META MENU
--------------------------------------------------------------------- */
#meta_menu {
	display:none;
}

/* HEADER
---------------------------------------------------------------------
--------------------------------------------------------------------- */
#header {
	margin-left: 30px;
	width: 510px;
	float: left;
}




/* Slogan
--------------------------------------------------------------------- */
#slogan {
	display: inline;
	float: left;
	height: 70px;
	*height: 60px;
	padding-top: 7px;
	*padding-top: 17px;
}

#slogan h1 {
	font-size: 14pt;
	color: #000;
	text-transform: uppercase;
	font-weight: bold;
}

#slogan h1 em {
	font-style: normal;
	color: #F57F1F;
}

/* Wraps the teasers in the header
--------------------------------------------------------------------- */
#header_teaser {
	float: left;
	clear: left;
	margin-left: -100px;
}


/* Header Visual
--------------------------------------------------------------------- */
#header_visual {
	width: 510px;
	height: 198px;
	overflow: hidden;
	float: left;
	clear: left;
	margin-right: 10px;
}

#header_visual img {
	margin: 5px 0 0 0;
}


/* Choose one of the cube hotels
--------------------------------------------------------------------- */
#choose_hotel {
	display: none;
}

/* booking request
--------------------------------------------------------------------- */
#booking_request {
	display: none;
}

/* CONTENT AREA (navigation + content)
---------------------------------------------------------------------
--------------------------------------------------------------------- */
#content_area {
	margin-top: 24px;
	clear: both;
	width: 100%;	
}

/* NAVIGATION
--------------------------------------------------------------------- */
#navigation_area {
	display: none;
}


/* CONTENT
--------------------------------------------------------------------- */
#content {
	clear: both;
    margin-right: 0px;
    width: 100%;
}

#fullwidth #content {
	width: 100%;
}



/* HEADER ADRESSLEISTE
---------------------------------------------------------------------*/
#header_address {
	clear: both;
}

#header_address #header_address_left p {
	font-size: 9pt;
}

#header_address #header_address_left p a {
	color: #000;
}

#header_address #header_address_right {
	display: none;
}


/* Breadcrumb
--------------------------------------------------------------------- */
#content #breadcrumb {
    margin: 0 0 0 -3px;
    font-size: 9pt;
    color: #000;
}

#breadcrumb a {
    font-size: 9pt;
    padding: 0 3px;
}

#content #breadcrumb a:link, #content #breadcrumb a:visited {
    color: #666;
    text-decoration: none;
}

#content #breadcrumb a:hover, #content #breadcrumb a:active {
    color: #F57F1F;
    text-decoration: none;
}

#breadcrumb a.active:link, #breadcrumb a.active:visited, #breadcrumb a.active:hover, #breadcrumb a.active:active {
    color: #666;
    font-weight: bold;
}



/* content css rules
--------------------------------------------------------------------- */
#content strong {
    color: #333;
    font-weight: bold;
}

#content a:link, #content a:visited {
    color: #F57F1F;
    text-decoration: underline;
}

#content a:hover, #content a:active {
    color: #F57F1F;
    text-decoration: none;
}

#content h1 {
    font-size: 14pt;
    color: #F57F1F;
    text-transform: uppercase;
    font-weight: bold;
}

#content h2 {
    font-size: 12pt;
    color: #F57F1F;
    text-transform: uppercase;
}

#content h3 {
    font-size: 11pt;
    color: #F57F1F;
    text-transform: uppercase;
    font-weight: bold;
}

#content h4 {
    font-size: 10pt;
    color: #F57F1F;
    text-transform: uppercase;
}

#content p {
    font-size: 10pt;
    line-height: 1.5;
    margin: 0 0 1.5em 0;
}

#content ul {
    margin-bottom: 1.5em;
}

#content ul ul {
    margin-bottom: 0;
}

#content ul li {
    font-size: 10pt;
}

#content ul li ul li {
    font-size: 10pt;
    margin-left: 10px;
}

/* Content teaser
--------------------------------------------------------------------- */
.content_teaser, .content_teaser_orange {
    color: #000;
    margin-bottom: 20pt;
}

.content_teaser_orange {
}

#fullwidth .content_teaser, #fullwidth .content_teaser_orange {  
}


#fullwidth .content_teaser_orange {

}

.ct_wrap, .content_teaser_orange .ct_wrap {
	clear: both;
}

#fullwidth .ct_wrap, #fullwidth .content_teaser_orange .ct_wrap {

}

.content_teaser_orange .ct_wrap {
}

#fullwidth .content_teaser_orange .ct_wrap {

}

.ct_text {
	margin-left: 130px;
	padding: 0;
	margin: 0;
}

.ct_text p {
	margin: 0;
}

.ct_text h3, .ct_text h4 {
	margin: 0;
}

#fullwidth .ct_text {
}

.ct_text_wide {
}

#fullwidth .ct_text_wide {
}


.ct_image {
    width: 110px;
    margin: 0;
    float: left;
}

.ct_image_left {
    width: 110px;
    margin: 0;
	float: left;
}

#content .content_teaser h3, #content .content_teaser_orange h3, #content .content_teaser a, #content .content_teaser_orange a, #content .content_teaser strong, #content .content_teaser_orange strong {
    color: #000;
}

#content .content_teaser ul li, #content .content_teaser_orange ul li {
}

/* Groupsite
----------------------------------------------------------------------*/
#fullwidth #group .content_teaser h2 {
    color: #000;
    margin: 20px 0 0 0;
    font-size: 14pt;
}

.group_teaser {
	clear: both;
	width: 100%;
	margin-bottom: 40px;
}

.gt_header {
	margin: 0;
}

.gt_body {
    font-size: 10pt;
}

.gt_body img {
	margin-right: 20px;
}

#content .gt_body h4, #content .gt_body h3 {
    font-size: 12pt;
    color: #000;
    text-transform: uppercase;
    padding: 0;
    margin-bottom: 0;
    font-weight: bold;
}

.gt_body p {
	line-height: 10pt;
	margin-bottom: 50px;	
}

.group_teaser a:link, .group_teaser a:visited {
	color: #000;
	text-decoration: underline;
}

.group_teaser a:hover, .group_teaser a:active {
	text-decoration: none;
}


/* SEARCH
----------------------------------------------------------------------*/
#sps_pages .tx-indexedsearch-browsebox-strong, #sps_searched_for .tx-indexedsearch-sw {
	font-weight: bold;
}

#sps_pages ul {
	list-style: none;
	margin:0 0 18px 0;
	padding:0;
}

#content #sps_pages ul li {
	display: inline;
	background: none;
	margin:0;
	padding:0;
	font-size: 10pt;
}

#content .sps_result {
	margin-bottom: 18px;
}

#content .sps_result h3 span {
}

#content .sps_result h3 a:visited, #content .sps_result h3 a:active, #content .sps_result h3 a:link, #content .sps_result h3 a:hover {
	text-decoration: none;
}

#content .sps_result h3 .sps_rating {
}

#content .sps_result .sps_description {
}


/* Booking form
--------------------------------------------------------------------- */
#booking_form {
    color: #fff;
    padding-top: 20px;
    margin: 0;
}

#booking_form form {
    margin: 0;
    padding: 0;
}

#booking_form .side_one {
    width: 349px;
    margin-right: 10px;
    margin-left: 10px;
    display: inline;
}

#booking_form .side_two {
    width: 348px;
    display: inline;
}

#booking_form label {
    display: block;
    width: 130px;
}

#booking_form .textfield {
    width: 200px;
    border: 0;
}

#booking_form select {
    width: 207px;
}


#booking_form textarea {
	font-size: 10pt;
	margin-right: 1px;
	border: 1px solid #e2e2e2;
	padding: 3px 2px 2px 2px;
	*padding: 2px;
	width: 200px;
    height: 150px;	
}

#where_from_c label {
    clear: left;
}

#booking_form #arrival_day, #booking_form #arrival1_day, #booking_form #arrival_month, #booking_form #arrival1_month, #booking_form #arrival_year, #booking_form #departure_day, #booking_form #departure_month, #booking_form #departure_year, #booking_form #persons, #booking_form #persons1 {
    width: 16px;
}   


#booking_form #arrival1_year,
#booking_form #departure_year
{
    width: 32px;
}

#booking_form p #calendar_icon1, #booking_form p #calendar_icon2 {
	vertical-align: top;
	*margin-top: 1px;
}


#booking_form #p_last {
	display: none;
}


#booking_submit {
    clear: both;
    width: 720px;
    text-align: right;
    margin-bottom: 10px;
}   

#booking_submit p {
    margin: 0 10px 0 0;
}  



/* SIDEBAR
--------------------------------------------------------------------- */
#sidebar {
    display: none;
}


/* NEWS
-----------------------------------------------------------------------*/

#content .news-latest-container .news-latest-item a:link, #content .news-latest-container .news-latest-item a:active, #content .news-latest-container .news-latest-item a:visited, #content .news-latest-container .news-latest-item a:hover {
	text-decoration: none;
}

#content #news_list_c .news_list_item .csc-header h2 a:link, #content #news_list_c .news_list_item .csc-header h2 a:active, #content #news_list_c .news_list_item .csc-header h2 a:visited, #content #news_list_c .news_list_item .csc-header h2 a:hover {
	text-decoration: none;
}

#content .news-amenu-container .news-amenu-item-year {
	margin: 0;
	padding: 0;
	font-weight: bold;
	background: none;
	text-indent: 0;
}

#content .news-amenu-container .news-amenu-item-year dd {
	margin: 18px 0 0 0;
	*margin-left: -40px;
	padding: 0;
	text-indent: 0;
	text-align: left;
	list-style: none;
}

.news-single-backlink {
	font-size: 9pt;
}



/* JOBS
--------------------------------------------------------------------- */

#jobsearchform {
	width: 720px;
	clear: both;
}

#jobsearchfields {
	width: 200px;
}

#jobsearchsubmit {
	width: 120px;
}




/*Tables*/

/* LAYOUT 0 ---- mit Header (Fett), Breite dyn.
--------------------------------------------------------------------- */
.contenttable-0 { margin-bottom: 18pt; border: 1px solid #8B8B8B;}
.contenttable-0 td { padding: 3px 10px 3px 10px; border: 1px solid #8B8B8B;} /* Zellen allg. */
.contenttable-0 .tr-0 td { font-weight: bold; vertical-align: top; } /* erste Zeile */
.contenttable-0 .td-0 { font-weight: bold;  } /* erste Spalte */
.contenttable-0 .tr-even { font-size:10pt;} /* Zeilen gerade */
.contenttable-0 .tr-odd { font-size:10pt;}	/* Zeilen ungerade */
.contenttable-0 td p {font-size: 10pt !important; margin: 0 !important;}

/* LAYOUT 1 ---- mit Header (Fett), Breit 100%
--------------------------------------------------------------------- */	
.contenttable-1 { width: 100%; margin-bottom: 18pt; border: 1px solid #8B8B8B;} /* Tabellenbreite */
.contenttable-1 td { padding: 3px 10px 3px 10px;border: 1px solid #8B8B8B;} /* Zellen allg. */
.contenttable-1 .tr-0 td { font-weight: bold; vertical-align: top; }	/* erste Zeile */
.contenttable-1 .td-0 { font-weight: bold; } /* erste Spalte */
.contenttable-1 .tr-even { font-size:10pt;} /* Zeilen gerade */
.contenttable-1 .tr-odd { font-size:10pt;}	/* Zeilen ungerade */
.contenttable-1 td p {font-size: 10pt !important; margin: 0 !important;}

/* LAYOUT 2 ---- ohne Header, Breite dyn.
--------------------------------------------------------------------- */		
.contenttable-2 {margin-bottom: 18pt; border: 1px solid #8B8B8B;}	
.contenttable-2 td { padding: 3px 10px 3px 10px;border: 1px solid #8B8B8B;} /* Zellen allg. */
.contenttable-2 td { font-size:10pt;}
.contenttable-2 .td-0 {  font-weight: bold; font-size:10pt;} /* erste Spalte */
.contenttable-2 td p {font-size: 10pt !important; margin: 0 !important;}

/* LAYOUT 3 ---- ohne Header, Breite 100%
--------------------------------------------------------------------- */		
.contenttable-3 {margin-bottom: 18pt; border: 1px solid #8B8B8B;}
.contenttable-3 { width: 100%; } /* Tabellenbreite */
.contenttable-3 td { padding: 3px 10px 3px 10px;border: 1px solid #8B8B8B;} /* Zellen allg. */
.contenttable-3 td { font-size:10pt; }
.contenttable-3 .td-0 { font-weight: bold;font-size:10pt; } /* erste Spalte */
.contenttable-3 td p {font-size: 10pt !important; margin: 0 !important;}





/* Footer
--------------------------------------------------------------------- */
#footer {
	margin-top: 50px;
	height: 41px;
	font-size: 10pt;
	width: 100%;
	clear:both;
	border-top: 1px solid black;
}



#company {
	float: left;
	color: #000;
	margin: 13px 0 0 0;
}

#company p {
	display: inline;
}

#footer_navigation {
	float: right;
	margin: 13px 0 0 0;
	color: #000;
	display: none;
}

/* Typo3 add unwanted <p>*/
#footer_navigation p {
	display: inline;
}

#footer_navigation a {
	padding: 0 3px;
	color: #000;
}

#footer_navigation a:link, #footer_navigation a:visited {
	text-decoration: none;
}

#footer_navigation a:hover, #footer_navigation a:active {
	text-decoration: underline;
}