/** BODY
*******************************************************/
body {
	font: normal 12px Arial,Verdana,Helvetica,sans-serif;
	background: #e4ddc9;
	color: #333333;
	margin: 0;
}

	body.popup {
		text-align: left;
		margin: 10px;
		background: #FFFFFF;
	}
	
body.xxlBgWhite {
	background-color: #FFFFFF;
}


/** Jump-Navigation
*******************************************************/
#xxlJumpNav {
	display:none;
}

.xxlJumpNavNext {
	display:none;
}

/** Default Styles
*******************************************************/
.highlightTitleUpper {
	color: #DC0000;
	font: bold 16px Arial, Verdana, Tahoma, Helvetica, sans-serif;
	text-transform: uppercase;
}
.highlightTitle {
	color: #DC0000;
	font: bold 16px Arial, Verdana, Tahoma, Helvetica, sans-serif;
}

/* Textblock */
.xxlText {
	padding: 0 10px 0 10px;
}

.price {
	float: right;
	color: #666666;
}
.price span {
	color: #A92921;
	font-size: 18px;
	font-weight: bold;
	margin-left: 3px;
}

.articleDetail ul li {
	margin:5px !important;
}

.articleRight ul li {
	line-height:15px;
	padding:1px 0 0 0;
	margin:0px;
}

.boxContent ul li {
	line-height:15px;
	padding:0 0 0 2px;
	margin:0px;
}
	.boxContent li {
		margin: 0px 0px 10px 0px;
		padding: 0px;
	}

.boxContent h1 {
	margin-left:0px;
	padding-left:0px;
}

.boxContent #topTopic h1 {
	padding-left:10px;
}

/** Floats & Clears
*******************************************************/
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
.floatHalf {
	float: left;
	width: 50%;
}
.clearSpace {
	clear: both;
}
.clearSpaceNone {
	clear: both;
	float: none !important;
	line-height: 0px;
	height: 0px;
	max-height: 0px;
	min-height: 0px;
	overflow: hidden;
}
	
/** Kennzeichnung Externe Links
*******************************************************/
#contentMain .externLink:after, #contentRight .externLink:after {
	content:url(../img/icons/arrow_link_grey.gif);
	margin-left:4px;
}
#xxlDetailFooter .externLink:after, #xxlArticleDetailBanner .externLink:after,
.xxlButton .externLink:after, .ImageFrameHolder .externLink:after {
	display: none;
}

.externLinkImg {
	display: none;
}

#contentMain .externLinkImg, #contentRight .externLinkImg {
	display: inline;
	margin-left: 4px;
}
#xxlDetailFooter .externLinkImg, #xxlArticleDetailBanner .externLinkImg, .xxlButton .externLinkImg, .ImageFrameHolder .externLinkImg, #xxlTrivago .externLinkImg, #cal_date_from .externLinkImg, #cal_date_to .externLinkImg {
	display: none !important;
	margin-left: 0;
}

/** Bilderrahmen
*******************************************************/
.xxlText .ImageFrameHolder, #articleDetail .ImageFrameHolder, #contentRight .ImageFrameHolder, #xxlWidget .ImageFrameHolder, #tisLeft .ImageFrameHolder {
  margin: 0 -5px;
}
.ImageFrameHolder {
    background: #FFFFFF url('../img/background/box_top.gif') top left repeat-x;
    float: left;
}
.ImageFrameHolder span {
    background: url('../img/background/box_bottom.gif') bottom left repeat-x;
    display: block;
}
.ImageFrameHolder span span {
    background: url('../img/background/box_left.gif') top left repeat-y;
}
.ImageFrameHolder span span span {
    background: url('../img/background/box_right.gif') top right repeat-y;
}
.ImageFrameHolder span span span span {
    background: url('../img/background/box_top_left.gif') top left no-repeat;
}
.ImageFrameHolder span span span span span {
    background: url('../img/background/box_top_right.gif') top right no-repeat;
}
.ImageFrameHolder span span span span span span {
    background: url('../img/background/box_bottom_left.gif') bottom left no-repeat;
}
.ImageFrameHolder span span span span span span span {
    background: url('../img/background/box_bottom_right.gif') bottom right no-repeat;
}

.ImageFrameHolder img, .ImageFrameHolder embed, .ImageFrameHolder object {
	margin: 10px;
	display: inline;
}

/** Boxen
*******************************************************/
.box, .boxHighlight, .boxToptopic, .boxSmall, .boxHeadline {
	margin-bottom: 5px;
}
/* schatten unten */
.boxLineFade {
	height: 1px;
	min-height: 1px;
	max-height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: #E5E5E5 url(http://www.austria.info/img/background/spacer_transparent_white.png) right no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden;
}
.boxToptopic, .boxHeadline {
	margin-bottom: 0px;
}

/* Boxen Rechts -> UL */
#contentRight .boxContent ul, #xxlWidget .boxContent ul, #tisLeft .boxContent ul {
	margin: 10px 0px 10px 0px;
	padding: 0px;
	list-style: none;
}
	#contentRight .boxContent li, #xxlWidget .boxContent li, #tisLeft .boxContent li {
		list-style: none;
	}

.boxSmall{
	width:50%;
}
/* Überschriften */
.box h2, .boxHighlight h2, .boxSmall h2, .boxToptopic p.ToptopicHeadline, .boxHeadline h2 {
	font-size: 14px;
	font-weight: bold;
	margin: 0px;
	padding: 5px 5px 5px 10px;
	color: #333333;
	border-left: 1px solid #E5E5E5;
}
	.boxToptopic p.ToptopicHeadline, .boxSlider h2, .boxHighlight h2 {
		text-transform: uppercase;
		font-size: 10px;
		color: #d90015;
	}
		.boxToptopic p.ToptopicHeadline img {
			vertical-align: middle;
		}
  
.box ul h2, .boxHighlight ul h2, .boxSmall ul h2, .boxToptopic ul h2 {
	background: none;
}
.box .boxContent, .boxHighlight .boxContent, .boxToptopic .boxContent, .boxSmall .boxContent, .boxSlider .boxContent{
	border-left: 1px solid #E5E5E5;
	padding: 10px;
	overflow: hidden !important;
}

.boxHighlight .boxContent {
	padding-left: 0;
	padding-right: 0;
}

.boxToptopic .boxContent {
	background: transparent url('http://www.austria.info/img/background/shadow_rightcol_bottom.gif') left top no-repeat;
	padding: 0 0 20px 0;
}
.boxBottomSpace {
	line-height: 10px;
	height: 10px;
	background: transparent url('http://www.austria.info/img/background/shadow_rightcol_bottom.gif') left top no-repeat;
	overflow: hidden;
}
.box .boxBottom, .boxHighlight .boxBottom, .boxToptopic .boxBottom, .boxSmall .boxBottom{
	background: transparent url('http://www.austria.info/img/background/box_bottom_left.gif') left bottom no-repeat;
	border-left: 1px solid #E5E5E5;
	border-top: 1px solid #E5E5E5;
	padding-top: 15px;
  
}
.box .boxBottom div, .boxHighlight .boxBottom div, .boxToptopic .boxBottom div, .boxSmall .boxBottom div{
	background: transparent url('http://www.austria.info/img/background/box_bottom_right.gif') right bottom no-repeat;
	padding: 10px 12px 10px 12px;
}

/** Buttons & Preise
*******************************************************/
div.xxlPriceTeaser {
	width: 120px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	display: inline;
	font-size:12px;
}

div.xxlPriceTeaser a {
	color: #000000;
}

div.xxlPriceTeaser a:hover {
	text-decoration: none;
}

em.xxlPriceText {
	float: left;
	padding-top: 1px;
	margin-right: 10px;
}

.xxlButton {
	float: left;
	font-size:10px;
	overflow:hidden;
	display: inline;
}
div.xxlButtonLeft {
	background: url(../img/icons/button_left.png) no-repeat;
	width: 10px;
	height: 25px;
	float: left;
	display: inline;
	clear: right;
}

div.xxlButtonCenter {
	background: url(../img/icons/button_center.png) repeat-x;
	height: 17px;
	float: left;
	display: inline;
	clear: right;
	padding: 3px 5px 5px 5px;
	color: #FFFFFF;
	font-weight: bold !important;
	text-transform: uppercase;
}
  div.xxlButtonCenter a, div.xxlButtonCenter input {
	color: #FFFFFF;
	font-size: 10px;
	line-height: 12px;
	font-weight: bold !important;
	display: block;
	padding: 3px 0 0 0;
	border: none !important;
	width: auto;
	background: transparent;
	cursor: pointer;
	margin: 0;
  }
	.xxlPrice .xxlButtonCenter a, .xxlPrice .xxlButtonCenter {
		font-size:12px;
		text-transform: none;
	}

div.xxlButtonCenter a:hover {
	text-decoration: none;
}

div.xxlButtonRight {
	background: url(../img/icons/button_right.png) no-repeat;
	width: 10px;
	height: 25px;
	float: left;
	display: inline;
	clear: right;
}


/** Formulare
*******************************************************/
form {
	display: inline;
}
input, textarea {
	padding: 1px;
}
select {
	height: 20px;
}
input, textarea, select {
	font-size: 11px;
	background-color: #FFFFFF;
}
input.checkbox, input.radio, input.image {
	border:none;
	padding: 0px;
	background: none;
	width: auto;
}

input.required, textarea.required, select.required{
	border: 1px solid #FF0000;
}
.errors {
	color: #FF0000;
	background: #FFFFFF;
	border: 1px solid #FF0000;
	padding: 5px;
	margin: 0px 0px 20px 0px;
}
.labelDefault{
	width: auto;
	float: none;
	clear: none;
	vertical-align: top;
}

/** Jumplist
*******************************************************/
.jumplist{
	padding: 10px 0 10px 10px;
	border-left: 1px solid #e5e5e5;
}
	.jumplist a {
		color: #888888;
	}
		.jumplist a.xxlJumplistPageActive{
			color: #000000;
			font-weight:bold;
			text-decoration: none;
		}

/** Ajax-Loader
*******************************************************/
.loaderIcon {
	position: absolute;
	background: #FFFFFF;
	z-index: 1000;
	text-align: center;
	margin: 100px 0px 0px 270px;
	padding: 30px;
}
p.xxlLoadingImg {
	margin: 10px 0;
	height: 32px;
	background: #FFFFFF url(../img/icons/ajaxLoader.gif) no-repeat center;
}