/*
	Author:ShaCong;
	Time:2009/11/16;
	For:mediaman;
	QQ:156428212;
*/

@import "style.css";
@import "navigation.css";


/**{***************   Body   **********   START   ************/
body { font: 12px Arial,Verdana,Helvetica,sans-serif,"ËÎÌå"; background: #e4ddc9; color: #333; margin: 0;}

/**}***************   Body   **********   EOF   ************/

/**{***************   Default Properties   **********   START   ************/
.teaser, div.teaser {
  font-weight: bold;
}
div.teaser{
  margin-bottom: 15px;
}
.xxlText {
	clear:both;
	overflow:hidden;
    padding: 0 5px;
}
.newsItemImg { float:left; display:inline; width:238px; height:170px; background:url(../../images/zh/box_small.png) no-repeat;}
.newsItemImg img { margin:10px 10px 0 9px;}

.price{
  float: right;
  color: #666;
}
.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 h1 {
margin-left:0px;
padding-left:0px;
}

.boxContent #topTopic h1, .boxContent #topTopic h3, .boxContent #topTopic p {
	padding-left:10px;
}
.contentPage .boxContent #topTopic h3 { padding:0 0 0 10px;}
.boxContent #topTopic p { padding-right:12px;}
.boxContent #topTopic .boxContentImg { width:670px; height:268px; margin:0 auto; background:url(../../images/zh/box_content_index.png) no-repeat;}

.boxContent #topTopic .boxContentImg img { margin:9px 10px;}

/**}***************   Default Properties   **********   EOF   ************/

/**{***************   Floats & Clears   **********   START   ************/
.floatLeft{
  float: left;
}
.floatRight{
  float: right;
}
.clearSpace{
  clear: both;
}
.clearSpaceNone {
  clear: both;
  line-height: 0px;
  height: 0px;
  max-height: 0px;
  min-height: 0px;
  overflow: hidden;
  background: red;
}
/**}***************   Floats & Clears   **********   EOF   ************/

/**{***************   Main Containers   **********   START   ************/
#xxlMain {
  background-color: #f5f2e8;
  background-position: center top;
  background-repeat: no-repeat;
  background-image:url(../../tl_files/html/images/zh/image_bg.jpg)
}
#xxlMainPopup{
  text-align: left;
}

#xxlPage {
	clear:both;
	text-align: left;
	margin: 0 auto;
	width: 950px;
}

div#xxlPageContent {
    width: 950px;
    padding-bottom: 30px;
    padding-top: 24px;
    background: #FFF;
	overflow:hidden;
}

div#xxlPagebAd { position:absolute; top:440px; z-index:20; width: 160px; margin-left:960px; }

/**}***************   Main Containers   **********   EOF   ************/


/**{***************   ContentHeader   **********   START   ************/
#xxlHeader {
  padding: 0 5px;
  overflow:hidden;
}
#xxlHeader, #xxlHeader a, #xxlHeader a:hover {
  color: #888;
  font-size: 12px;
}
#xxlHeader div#xxlLogo {
  float: left;
  display:inline;
  margin-left: 5px;
}

div#xxlSpezial {
width:948px;
margin:auto;
position:absolute;
top:13px;
}

div#xxlBeta {
	position: relative;
	width:auto;
	float:right;
	padding-right:10px;
}

div#xxlBeta #xxlBetaLinks{
	clear:both;
	margin:auto;
	margin-top: 5px;
	color:#dc0000;
}

	#xxlBetaLinks a {
	color:#dc0000;
	font-size:10px;
	}
 
div#xxlBeta #xxlBetaLinks{
	clear:both;
	margin:auto;
	top: 7px;
	color:#dc0000;
}

	#xxlBetaLinks a {
	color:#dc0000;
	}

#xxlHeader div#xxlNavTop {
	position: relative;
	float: right;
	display: inline;
	margin-right: 200px;
	margin-top: 15px;
	z-index: 40;
}

a#cssSmall, a#cssSmall:hover, a#cssMiddle, a#cssMiddle:hover, a#cssBig, a#cssBig:hover {
	color: #D90015; font-weight:bold;
}
	a#cssSmall, a#cssSmall:hover {
		font-size: 10px !important;
	}
	a#cssMiddle, a#cssMiddle:hover {
		font-size: 12px !important;
	}
	a#cssBig, a#cssBig:hover {
		font-size: 14px !important;
	}
	
	
	
.externLink:after {
content:url(../img/icons/arrow_link_grey.gif);
margin-left:4px;
}	

#xxlHeaderImage {
  clear: both;
  min-height: 210px;
  height: 310px;
  overflow: hidden;
  padding-top: 18px;
}

#xxlHeaderFlash {
	overflow: hidden;
}

.countrySelector { display:none; position: absolute; z-index: 45; top: 0; width: 950px; height: 380px; overflow: hidden; text-align: left;}

.countrySelectorBg { width: 950px; height: 380px; padding: 10px; background: url(../../images/zh/countrysel_bg.jpg) no-repeat; }

/* *+html div#xxlCountrySelector {
  background:transparent;
  filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src=http://www.austria.info/img/background/countrysel_bg.png, sizingMethod='scale');
}*/

.countrySelectorBoxes ul, .countrySelectorBoxes li {
	list-style: none;
	margin: 0;
	padding: 0;
	width: 154px;
	overflow: hidden;
}
.countrySelectorBoxes li { margin-bottom:2px;}
.countrySelector a { color: #000;}

.countrySelector img.flag { margin-top: 2px; padding:0 8px; background: url(../../images/zh/flag_shadow.gif) no-repeat bottom; }

  a.countrySelectorClose {
    float: right;
    width: 90px;
    padding: 0px;
    margin-right: 20px;
	margin-top: -8px;
	*margin-top: -6px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
  }
    a.countrySelectorClose:hover {
      text-decoration: none;
    }
  div.countrySelector h1 {
    margin: 0 0 10px 10px;
    padding: 10px 0 0;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #d90015;
  }
  div.countrySelector h2 {
    margin: 0 0 5px;
  }
  div.countrySelector h2, div.countrySelector h2 a {
    font-size: 12px;
    text-transform: uppercase;
  }
  div.countrySelectorBoxes {
    float: left;
    width: 160px;
    padding: 0 0 20px 10px;
  }
    div.xxlCountrySelectorBoxes select {
      width: 150px;
      border: 1px solid #888;
    }	
	
  div#xxlCountrySelector .boxLineFade {
  	width: 950px;
	overflow: hidden;
	margin-left: -10px;
  }
 
body.xxlBgWhite #xxlCountrySelectorBg {
  background: none;
 }
 
body.xxlBgWhite #xxlCountrySelector #xxlLogo a img {
	padding: 15px;
	border: 0px solid #FFF;
 }  

.rssSelector { position: absolute; z-index: 35; top: 120px; margin-left: 250px; display:none; }

.rssSelectorInner { width: 430px; height: 120px;  padding: 5px 10px; background: url(../../images/zh/rsssel_bg.png) no-repeat; overflow: hidden;}

div.rssList {
	padding: 0 10px 10px;
}
.rssBox { display:inline; float:left; position: relative; width:150px; zoom: 1;}
  div.rssSelector h1 {
    margin: 0 0 6px 10px;
    padding: 10px 0 0;;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #000;
  }
  
  a.rssClose {
    float: right;
    width: 90px;
    padding: 2px 0 0;
	*padding: 4px 0 0;
    margin-right: 5px;
    text-align: center;
    font-weight: bold;
    font-size: 12px;
    text-transform: uppercase;
    color: #888;
	position: relative;
	zoom: 1;
  }
    a.rssClose:hover {
      text-decoration: none;
    }

div.rssList p { margin:0 0 4px;}

#xxlBookmark {
  position: absolute;
  z-index: 30;
  top: 0;
  margin-left: 670px;
  display:none;
}
	div.xxlBookmarkSmall {
		top: -80px !important;
		margin-left: 780px !important;
	}

/**}***************   ContentHeader   **********   EOF   ************/

/**{***************   ContentMain   **********   START   ************/
#contentMain, #contentMainTopic {
  float: left;
  width: 681px;
  margin: 0 0 0 9px;
  line-height: 18px;
  display:inline;
  min-height:400px;
  height:auto!important;
  height:400px;
}
#contentMainTopic{
  width: 530px;
}
#xxlDetailFooter {
	text-align: right;
	padding: 10px 20px 0 10px;
}
#xxlDetailFooter img {
	margin: 0px 5px 0px 5px;
}
#xxlDetailFooter a {
	font-size: 10px;
	color: #888;
}
/* addthis-button */
#xxlDetailFooter div.addthis_toolbox, #xxlDetailFooter div.xxlDetailFooterTis {
	float: right;
}
	#xxlDetailFooter div.xxlDetailFooterTis {
		margin-left: 5px;
	}

#xxlDetailFooter .addthis_button_compact {
	padding-top: 3px;
}
	#xxlDetailFooter .addthis_button_compact span {
		margin-top: -3px;
	}

#xxlDetailFooter .xxlDetailFooterBack {
	padding-top: 3px;
	float: left;
}

/**}***************   ContentMain   **********   EOF   ************/

/**{***************   ContentRight   **********   START   ************/
#contentRight, #contentRightTopic{ width: 250px; overflow: hidden;}
#contentRightTopic{
  width: 390px;
}
/**}***************   ContentRight   **********   EOF   ************/

/**{***************   ContentFooter   **********   START   ************/
#xxlFooter {
	clear:both;
	text-align: left;
	margin: 0 auto;
	width: 950px;
	background: url(../../images/zh/shadow_footer.gif) no-repeat;
	padding: 35px 0 0;
}
#xxlFooter .footerContent { clear:both; overflow:hidden; width:950px;}
.footerbox { float:left; display:inline; width:236px;}

#xxlFooter, #xxlFooter a {
  font-size: 12px;
  color: #333;
}

#xxlFooter h3 {
  border-bottom: 1px dotted #9d998d;
  font-size: 14px;
  margin: 0 0 15px 0;
  padding: 0 0 15px 60px;
}
#xxlFooter .servicebox {
  float: left;
  width: 236px;
}
#xxlFooter .footerbox div.content {
  padding-left: 60px;
}
#xxlFooter .footerbox div.content p {
  margin:0;
  padding:0;
  line-height:18px;
}
#xxlFooter .copyright{
  clear: both;
  width:880px;
  border-top: 1px dotted #9d998d;
  margin-top: 15px;
  padding: 15px 0 15px 60px;
  font-style: italic;
}
/**}***************   ContentFooter   **********   EOF   ************/

/**{***************   Image Frame   **********   START   ************/
.xxlText .ImageFrameHolder, #articleDetail .ImageFrameHolder, #contentRight .ImageFrameHolder, #xxlWidget .ImageFrameHolder {
  margin: 0 -5px;
}


.articleImgAlt .clearSpace {
display:none;
}

.ImageFrameHolder { width:940px; height:310px; background:url(../../images/zh/box_index.png) no-repeat;}

.ImageFrameHolder img, .ImageFrameHolder embed, .ImageFrameHolder object {
  margin: 12px 10px 8px 10px;
  display: inline;
}
/**{***************   Image Frame   **********   EOF   ************/

/**{***************   ts   **********   START   ************/
.box, .boxHighlight, .boxToptopic, .boxSmall, .ts {
  margin-bottom: 5px;
}
.ts { width:250px; padding-bottom:20px; background: url(../../images/zh/ts_bg.gif) left bottom no-repeat;}

.ts .content { padding:0 0 10px;}
.ts .content p { padding:6px 10px 0; margin:0;}
.ts .content .tsImg { width:240px; height:114px; margin:4px auto 0; background:url(../../images/zh/box_ts.png) no-repeat;}
.ts .content .tsImg img { margin:10px 0 0 10px;}

.ts1 .content ,.ts8 .content { padding:0 10px 10px;}
.ts1 .content p ,.ts8 .content p { padding:0;}
.ts7 .content p { padding:0 0 0 10px; line-height:18px;}
.boxLineFade {
	height: 1px;
	line-height: 1px;
	font-size: 1px;
	background: url(../../images/zh/spacer_transparent_grey_long.gif) no-repeat;
	padding: 0;
	margin: 0;
	overflow: hidden;
}

.boxToptopic {
  margin-bottom: 0px;
}
.boxToptopic h2 span { margin-left:8px;}

.ts8 ul.attachments {
  margin: 10px 0 0;
  padding: 0;
  list-style: none;
}
.ts8 ul.attachments li {
  margin: 0;
  padding-left: 20px;
  background:url(../../images/zh/pdf.gif) no-repeat 0 3px;
}
.ts8 ul.attachments li a { color:#d90015;}
.boxContent li{
  margin: 0px 0px 10px 0px;
  padding: 0px;
}

.boxSmall{
  width:50%;
}
.box h2, .boxHighlight h2, .boxSmall h2, .boxToptopic h2 , .ts h3 { width:235px; height:21px; margin:0; padding: 7px 5px 0 10px; font-size: 14px; font-weight: bold; color: #333; background:url(../../images/zh/ts_title.gif) no-repeat; }
  .boxToptopic h2, .boxSlider h2, .boxHighlight h2 {
    text-transform: uppercase;
    font-size: 12px;
    color: #d90015;
  }
    .boxToptopic h2 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{
	background:url(../../images/zh/articleListbg.gif) no-repeat left bottom;
	padding: 10px;
	overflow: hidden;
}

.boxHighlight .boxContent {
  padding-left: 0;
  padding-right: 0;
}

.boxToptopic .boxContent {
  background:url(../../images/zh/articleListbg.gif) no-repeat left bottom;
  padding: 0 0 20px 0;
}
.boxBottomSpace {
	width:100%;
	clear:both;
	height: 10px;
	background: transparent url(../../images/zh/shadow_rightcol_bottom.gif) left top no-repeat;
	overflow: hidden;
}
.box .boxBottom, .boxHighlight .boxBottom, .boxToptopic .boxBottom, .boxSmall .boxBottom{
  background: transparent url(../../images/zh/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(../../images/zh/box_bottom_right.gif) right bottom no-repeat;
  padding: 10px 12px 10px 12px;
}

div.boxScroll {
  width: 230px;
  overflow: hidden;
  margin-left: -5px;
  padding: 0 5px;
}

#contentRight div.boxScroll .ImageFrameHolder, #xxlWidget div.boxScroll .ImageFrameHolder {	
	margin: 15px 0 5px -5px;
}

div.boxScroll ul {
  width: 10000px;
}

div.boxScroll li {
  float: left;
  width: 230px;
  margin-right: 10px;
}

div.boxScrollNav {
  position: absolute;
  background: url(../../images/zh/box_image_top.gif) no-repeat;
  width: 230px;
  height: 28px;
  overflow: hidden;
  margin-left: 0px;
  padding-top: 8px;
  color: #888;
  font-weight: bold;
  text-align: center;
}
	*+html div.boxScrollNav {
		margin-left: 5px;
	}

div.boxScrollNav img.prev {
	margin-right: 25px;
	cursor: pointer;
}

div.boxScrollNav img.next {
	margin-left: 25px;
	cursor: pointer;
}

div.boxScrollFooter {
  background: none;
  padding: 0;
  text-align: right;
}

.boxBottom .prev, .boxBottom .next {
  cursor:pointer;
  vertical-align: middle;
}
.boxBottom .prev {
  float: left;
}
.boxBottom .next {
  text-align: right;
}

ul.attachments {
    padding:0;
    margin:0;
}
ul.attachments li {
  background-repeat:no-repeat;
  background-position:0 6px;
  padding:6px 0 6px 24px;
  margin:0;
  line-height:16px;
}

h1#nyroModalTitle {
    display:none;
}

.xxl_flickrImg {
    float:left;
    padding:0px 17px 15px 18px;
}

a.brochure {
	display: block;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	min-height: 110px;
}

#xxlWidget {
	background-color: #FFF;
	width: 250px;
}


#contentRight ul#rightColNav {
	margin: 0;
}
#contentRight ul#rightColNav a {
	text-transform: uppercase;
	font-size: 10px;
	color: #333;
}
#contentRight ul#rightColNav a.active {
	color: #D90015;
}

.boxSpaceLink { clear:both; height:27px; padding-top:7px; background:url(../../images/zh/spacer_transparent_grey.gif) no-repeat;}
.boxSpaceLink span { padding-left: 10px;}
.boxSpaceLink span span.active { padding-left: 0;}
.boxSpaceLink span img { float:left;margin-left: 10px;}
.boxSpaceLink span span.red { float:left; *padding-top:2px; color:#D90015;}
.boxSpaceLink span.contentLink span.active { padding-left: 5px;}
/**
* This file skins sliders 
**/
.boxSlider .ImageFrameHolder {
  margin-left: -5px;
}

div#xxlSlider {
  width: 656px;
  padding: 5px;
}
  div#xxlSliderBg {
    background: url(../../images/zh/slider-bg.gif) repeat-x;
    height: 61px;
    overflow: hidden;
    padding: 5px 8px;
  }

.ui-slider {
    width: 410px;
    height: 28px;
    position: relative;
	z-index: 2;
    background-repeat: no-repeat;
    background-position: center center; 
    float:left;
}
    
.ui-slider-handle {
    position: absolute;
   z-index: 3;
	height: 28px;
    width: 14px;
    top: 0px;
    left: 0px;
    background: url(../../images/zh/slider-handle.png) no-repeat;
}
.ui-slider-handle-active {
    border: 0px dotted black;
}
.ui-slider-disabled .ui-slider-handle {
    opacity: 0.5;
    filter: alpha(opacity=50);
}
.ui-slider-range {
    position: absolute;
    background: #50A029;
    opacity: 0.3;
    filter: alpha(opacity=30);
    width: 100%;
    height: 100%;
}

/**
* Default slider backgrounds 
**/
.ui-slider, .ui-slider-1 {
    background: url(../../images/zh/slider-line.png) left top repeat-x;
}    
    
.slider1_val_left, .slider1_val_right {
    float:left;
    height:28px;
    width:95px;
    padding-left: 20px;
    font-size:10px;
    line-height:28px;
    font-weight:bold;
    color:#d90015;
	text-align: left;
    text-transform: uppercase;
    overflow: hidden;
    background: url(../img/background/slider-line-left.png) left top no-repeat;
}  

.slider1_val_right {
    text-align:right;
    padding-left: 0px;
    padding-right: 20px;
    background: url(../img/background/slider-line-right.png) right top no-repeat;
}

/* CoverFlow */
div#sliderFlow {
  width: 656px;
  padding: 5px;
}

#coverFlow_slider {
    position: absolute;
    z-index: 1;
	height: 28px;
    width: 14px;
    top: 0px;
    left: 0px;
    background: url(../img/background/slider-handle.png) no-repeat;
}

#coverFlow_scrollbar {
    background: url(../img/background/slider-complete.gif) 0px 1px repeat-x;
	height:27px;
    padding: 5px 8px;

	}

  div#xxlSliderFlowBg {
    background: url(../img/background/sliderflow-bg.gif) repeat-x;
    height: 346px;
    overflow: hidden;
  }
  
	div#xxlSliderFlowBg .boxLineFade {
		background: transparent url(../../images/zh/spacer_transparent_grey.gif) left bottom no-repeat;
	}

  
  div#xxlSliderFlowContent {
  margin-top:0px;
  vertical-align:top;
  margin-bottom:70px;
  }
  
  
  #coverFlow_caption {
  position:absolute;
  }
  
  #coverFlow_image {
  position:absolute;
  }

div#sliderFlow h3 {
  font-size: 10px;
  font-weight: bold;
  margin: 0px;
  padding: 8px 0 8px 10px;
  text-transform: uppercase;
  color: #333333;
}
div#sliderFlow h2, div#sliderFlow p {
  margin: 0;
  padding: 0 0 0 10px;
}
  div#sliderFlow h2, div#sliderFlow h2 a {
	font-size: 14px;
  }

div#xxlSliderBottom {
	padding: 10px 0 0 5px;
}


.xxlSliderAudioButton {
position:absolute;
margin-top:87px;
margin-left:155px;
}


/**
* Tagcloud
**/
.tag1 { 
  font-size:10px;
}
.tag2 {
  font-size:13px;
}
.tag3 {
  font-size:18px;
}
.tag4 {
  font-size:22px;
}
.tag5 {
  font-size:26px;
}

div#tagcloud {
	margin-bottom: 10px;
}

div#tagcloud a, #xxlTagSelector a, .ts .content a {
  color:#333333;
  margin:0 10px 0 0;
  white-space: nowrap;
}
  div#tagcloud a:hover, #xxlTagSelector a:hover, .ts .content a :hover {
	color:#DC0000;
  }

.ts a.more { padding-left:10px;}
/**}***************   Box   **********   EOF   ************/

/**
* Preistext
**/

div.xxlPriceTeaser {
	width: 120px;
	margin-right: 10px;
	overflow: hidden;
	float: left;
	display: inline;
	font-size:12px;
}

div.xxlPriceTeaser a {
	color: #000;
}

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: #FFF;
	font-weight: bold !important;
	text-transform: uppercase;
}
  div.xxlButtonCenter a, div.xxlButtonCenter input {
	color: #FFF;
	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;
}


/**{***************   Forms   **********   START   ************/
form{
	display: inline;
}
input, textarea{
  padding: 1px;
}
select{
  height: 20px;
}
input, textarea, select{
	font-size: 12px;
	background-color: #FFF;
  /*border: 1px solid #666;
  margin-bottom: 4px;*/
}
input.checkbox, input.radio, input.image {
  border:none;
  padding: 0px;
  background: none;
  width: auto;
}

/*input:focus, textarea:focus, select:focus{
  background: #FFFF66;
}
.highlight, .highlight:focus {
  background: #5A9401;
  color: #FFF;
}*/
input.required, textarea.required, select.required{
  border: 1px solid #FF0000;
}
.errors{
  color: #FF0000;
  background: #FFF;
  border: 1px solid #FF0000;
  padding: 5px;
  margin: 0px 0px 20px 0px;
}
.labelDefault{
  width: auto;
	 float: none;
	 clear: none;
  vertical-align: top;
}

.xxl_triviaInput {
	float:left;
	width:30px;
}	


.xxl_triviaInput .checkbox {
	border:0;
}	


.xxl_triviaText {
margin-bottom:10px;
}

.xxl_triviaLabel {
	float:left;
	width:600px;
}

.xxl_triviaLabel label {
	width:590px;
}

.xxl_triviaForm {
	padding:20px 0 0 0;
}

.xxl_triviaHint {
	clear:both;
	padding:0;
	margin:5px 0 0 0;
}

.xxl_triviaCptImg {
	float:left;
	width:130px;
	height:40px;
}

.xxl_triviaCptInput {
	float:left;
	width:500px;	
	height:40px;
}

	.xxl_triviaCptInput input {
		margin-top:7px;
	}

/**}***************   Forms   **********   EOF   ************/

/**{***************   Forms: Lixtosearch   **********   START   ************/

form#frmLixto, form#frmAtraveo {
	padding-left: 10px;
	display: block;
}

form#frmLixto .booking_left, form#frmLixto .booking_right, form#frmAtraveo .booking_left, form#frmAtraveo .booking_right  {
	float: left;
	width: 250px;
}
	form#frmLixto .booking_right, form#frmAtraveo .booking_right {
		clear: none;
	}
input#txtOrtname, input#_svHn, input#txtOrtnameAtraveo {
	width: 230px;
}
select#_svHc, select#regionAtraveo, select#objtypeAtraveo {
	width: 235px;
}

select#_svAd, select#_svAm, select#_svDd, select#_svDm, select#_svRo {
	width: 4em;
}
select#_svAy, select#_svDy {
	width: 5em;
}

select#_svRt {
	width: 9.5em;
}

div#xxlLixtoSearch div#mapRightCol {
	width: 650px;
	height: 400px;
}
div#xxlLixtoSearch .imageFrameHolder {
	margin-left: -5px;
}

/**{***************   Forms: Lixtosearch   **********   EOF   ************/

/**{***************   Forms: Seite Empfehlen   **********   START   ************/

div#xxlRecommend {
	padding:20px;
	width:350px;
	height:230px;
	overflow:hidden;
}

div#xxlRecommend input, div#xxlRecommend textarea {
	border: 1px solid #E5E5E5;
	
}

div#xxlRecommend textarea {
	height:70px;
}



/**{***************   Forms: Seite Empfehlen   **********   START   ************/
form#eventSearch label {
  display: none;
}
input#eventSearchTitle, select#eventSearchRegion, select#eventSearchDate {
  width: 200px;
  margin-right: 5px;
}
/**}***************   Forms: Eventsearch   **********   EOF   ************/


/**{***************   Forms: EventsearchAddon   **********   START   ************/
form#eventAddonSearch label {
  display: none;
}
input#eventAddonSearchTitle, select#eventAddonSearchRegion, select#eventAddonSearchDate {
  width: 105px;
  margin-right: 5px;
}
#searchAddonSubmit {
    float: left;
    height: 20px;
    padding-left: 96px;
    padding-top: 8px;
}
.searchAddonFields {
    float: left;
    padding-top: 3px;
}
#eventsAddonList {
    padding-top: 10px;
    float: left;
    width: 100%;
}
#eventsAddonForm {
    float: left;
}
#eventsAddonTextBottom {
    float: left;
    padding-top: 10px;
}
/**}***************   Forms: EventsearchAddon   **********   EOF   ************/

/**{***************   Forms: TripadvisorAddon   **********   START   ************/
#tripadvisorInfo:hover, #tripadvisorHotels:hover, #tripadvisorAttractions:hover, #tripadvisorRestaurants:hover, #tripwolfInfo:hover, #tripwolfHighlights:hover, #tripwolfBewertungen:hover, #tripwolfFakten:hover {
    cursor: pointer;
    text-decoration: underline;
}
#tripadvisorInfo, #tripadvisorHotels, #tripadvisorAttractions, #tripadvisorRestaurants, #tripwolfInfo, #tripwolfHighlights, #tripwolfBewertungen, #tripwolfFakten {
    float: left;
    border-right: 1px solid #E5E5E5;
    text-decoration: none;
    font-size: 10px;
    padding-right: 5px;
    padding-left: 5px;
}
#tripadvisorHotels {
    border: none;
}
#tripadvisorLinks, #tripwolfLinks {
    color: #888;
    float: left;
    margin-bottom: 10px;
    width: 100%;
}
.tripadvisorNavigationActive {
    font-weight: bold;
    text-decoration: none;
    color: #DC0000;
}
.tripadvisorImage {
    padding-right: 5px;
    float: left;
}
#tripadvisorImages {
    float: left;
    margin-bottom: 10px;
    width: 100%;
}

#tripwolfDescription {
    float: left;
    margin-bottom: 10px;
    width: 100%;
	padding:0 20px 0 0;
}



#tripwolfContent {
display:block;
}

.tripwolfItemHead {
width:100%;
float:left;
display:block;
}

	.tripwolfItemHead .tripwolfItemIcon {
	width:30px;
	height:25px;
	display:block;
	float:left;
	}
	
	.tripwolfItemHead .tripwolfItemIconUser {
	width:45px;
	height:100%;
	display:block;
	float:left;
	}
	
	
	.tripwolfItemHead .tripwolfItemCat {
	width:130px;
	display:block;
	float:left;
	font-size:10px;
	color:#999;
	overflow:hidden;
	}
	
	.tripwolfItemHead .tripwolfItemTitle {
	width:130px;
	float:left;
	display:block;
	font-size:13px;
	font-weight:bold;
	overflow:hidden;
	}
	
	
.tripwolfItemMehr {
text-decoration:underline;
font-size:11px;
color:#978F78;
}

.tripwolfItemTrenn {
clear:both;
padding-top:5px;
padding-bottom:5px;
display:block;
}

.tripwolfItemBottom {
width:100%;
float:left;
color:#666;
display:block;
}


#tripwolfFaktenBody {
float:left;
color:#666;
display:block;
height:176px;
width:236px;
background:url(../../images/zh/tripwolf_bg.gif) no-repeat;
line-height:20px;
color:#000;
margin-bottom:25px;
}

	#tripwolfFaktenBody h2 {
	border:none;
	padding-top:10px;
	padding-bottom:0px;
	}
	
	#tripwolfFaktenBody .tripwolfFacts{
	padding: 10px;
	width:100%;
	}	
	
	#tripwolfFaktenBody .tripwolfFacts span {
	font-size:12px;
	font-weight:bold;
	}	


/**}***************   Forms: TripadvisorAddon   **********   EOF   ************/

/**{***************   Forms: qypeAddon   **********   START   ************/
.addonQypeList {
    float: left;
    height: 35px;
    width: 100%;
}
.addonQypeListLink {
    float: left;
}
.addonQypeListImage {
    font-weight: bold;
    text-decoration: none;
}
/**}***************   qype: TripadvisorAddon   **********   EOF   ************/

/**{***************   Pagejump   **********   START   ************/
.jumplist{
  padding: 10px 0 10px 10px;
  border-left: 1px solid #e5e5e5;
}
.jumplist a {
  color: #888;
}
.jumplist a.xxlJumplistPageActive{
  color: #000;
  font-weight:bold;
  text-decoration: none;
}
/**}***************   Pagejump   **********   EOF   ************/

/**{***************   Promotion   **********   START   ************/
#sidebar{
  position: absolute;
  top: 380px;
  margin-left: 960px;
}
.sidebarRectangle{
  top: 380px;
}
.advertorial{
  position: absolute;
  z-index: 100;
  margin: 10px 0 0 5px;
}

* html .advertorial {
  margin-left: -250px;
  margin-top: 12px;
}
*+html .advertorial {
  margin-left: -250px;
  margin-top: 12px;
}
/**}***************   Promotion   **********   EOF   ************/

/**{***************   Teaser, Toptopic, Breadcrumb   **********   START   ************/
#breadCrumb {
  padding: 10px 0;
  font-weight: bold;
  height: 17px;
  border-left: 1px solid #E5E5E5;
}
	#breadCrumb, #breadCrumb a {
		color: #888;
		font-size: 10px;
		line-height: 1em;
	}
	#breadCrumb a, #breadCrumb span.breadcrumbActive {
		display: block;
		float: left;
		padding: 2px 10px;
	}
		#breadCrumb a {
			text-decoration: none;
			border-right: 1px solid #dbdbdb;
		}
		#breadCrumb a:hover {
			text-decoration: underline;
		}
		#breadCrumb span.breadcrumbActive {
			color: #d90015;
		}

#teaser {
	margin: 0;
	border-left: 1px solid #e5e5e5;
	padding: 0 10px 10px 0;
}
#teaser p {
  margin-left: 10px; 
}

#teaser .image {
	margin-left: 5px;
}
#teaser .ImageFrameHolder {
	margin-left: 0px;
}

/**}***************   Teaser, Toptopic   **********   EOF   ************/

/**{***************   ArticleList   **********   START   ************/

dl.articleList { clear:both; overflow:hidden; margin:0; padding:4px 0; _margin-left:-2px; background:url(../../images/zh/articleListbg.gif) no-repeat left bottom; _background-position:2px bottom; zoom:1;}
dl.articleList dt { float:left; display:inline; width:238px; height:170px; margin:0 10px 4px 4px; _margin:0 10px 0 6px; padding:0; background:url(../../images/zh/box_small.png) no-repeat;}
dl.articleList dt img { margin:10px 0 0 9px; padding:0}
dl.articleList dd { float:left; display:inline; width:420px; margin:0; padding:0;}
dl.articleList dd h2 { margin:0; padding:7px 0 20px;}
/**}***************   ArticleList   **********   EOF   ************/

/**{***************   pageBar   **********   START   ************/
.pageBar { padding:4px 0; _margin-left:-2px; background:url(../../images/zh/articleListbg.gif) no-repeat left bottom; _background-position:2px bottom; text-align:right; }
.pageBar a { padding:0 5px; color:#888;}
.pageBar a.active { color:#d90015;}

/**}***************   pageBar   **********   EOF   ************/

/**{***************   ArticleDetail   **********   START   ************/

/**}***************   ArticleDetail   **********   EOF   ************/

/**{***************   Maps   **********   START   ************/
#mapRightCol{
  height: 250px;
  width: 220px;
  overflow: hidden;
}
.mapHolder {
	padding: 10px;
}

#mapMainCol {
  height: 400px;
  width: 650px;
  overflow: hidden;
}

/**}***************   Maps   **********   EOF   ************/

/**{***************   Maps   **********   START   ************/
.loaderIcon{
  position: absolute;
  background: #FFF;
  z-index: 1000;
  text-align: center;
  margin: 100px 0px 0px 270px;
  padding: 30px;
}
/**}***************   Maps   **********   EOF   ************/

/**{***************   Prospektformular   **********   START   ************/
.formFieldSpace{
    height: 4px;
    width: 100%;
}
.xxlFormList {
    float: left;
    width: 48%;
}
/**}***************   prospektformular   **********   EOF   ************/


/**{***************   Quickbook-Box   **********   START   ************/
	form#bBox label {
		width: 220px;
		display: block;
		float: none;
	}
	form#bBox input, form#bBox select {
		margin-bottom: 5px;
	}
	form#bBox br {
		clear: both;
	}
	form#bBox input#txtOrtname {
		width: 214px;
	}
	form#bBox select#_svAd, form#bBox select#_svAm, form#bBox select#_svDd, form#bBox select#_svDm, form#bBox select#_svRo {
		width: 50px;
		margin-right: 3px;
	}
	form#bBox select#_svAy, form#bBox select#_svDy {
		width: 70px;
		margin-right: 3px;
	}
	form#bBox select#_svRt {
		width: 167px;
	}
	form#bBox select#_svHc {
		width: 220px;
	}
/**{***************   Quickbook-Box   **********   EOF   ************/

.top5 .boxContent {
	padding-top: 0;
	padding-left: 0;
	padding-bottom: 0;
}

#contentRight .top5 ul, #contentRight .top5 li {
	list-style: none;
	list-style-image: none;
	margin: 0;
	padding: 0;
}
	#contentRight .top5 li {
		padding: 10px;
		background: transparent url(../../images/zh/spacer_transparent_grey.gif) right bottom no-repeat;
	}
	#contentRight .top5 a {
		color: #333333;
	}

.top5icon {
	background: url(../../images/zh/top5.gif) no-repeat;
	color: #FFF;
	font-weight: bold;
	font-size: 12px;
	float: left;
	display: inline;
	margin-right: 5px;
	margin-top: -5px;
	padding: 5px 0px 5px 0px;
	width: 25px;
	text-align: center;	
	vertical-align: middle;
}

/**{***************   Country-selector   **********   START   ************/

/**}***************   Country-selector   **********   EOF   ************/

/**}***************   Sys Overwrite   **********   START   ************/

div#sysContent {
	padding-top: 25px;
}

/**}***************   Sys Overwrite   **********   EOF   ************/



/**}***************   Google Custom Search   **********   START   ************/
div.searchListRow {
  padding: 10px;
  border-left: 1px solid #e5e5e5;
}

/**}***************   Google Custom Search   **********   EOF   ************/



/********************** OnSite Fullscreen Map, Menu Fix **********************/

div.mtk-navigation {
	width:auto;
	overflow:hidden;
	background:url(../../images/zh/trans_40.png);
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/zh/trans_40.png',sizingMethod='scale');
}

div.mtk-navigation-content {
	width:auto;
	overflow:hidden;
}

div#mtk-oew-navigation {
	width:auto;
	overflow:hidden;
}


div#mtk-oew-navigation ul.xxlNavMain li.root {
	white-space:nowrap;
	float:left;
}


/********************** OnSite Fullscreen Map, Menu Fix **********************/


/********************** Soundmanager ******************************/

#soundmanager-debug {
display:none !important;
}

/********************* Soundmanager **********************/

/********************* contentPage START**************************/
.contentPage .ImageFrameHolder{ height:210px; background:url(../../images/zh/box_content.png) no-repeat;}
.contentPage #xxlHeaderImage { height:210px;}
.contentPage #xxlBookmark { margin-left: 730px;}
.contentLink { color:#d90015;}
.contentLink a { padding:0 5px; color:#888; border-right:1px #888 solid; cursor:pointer;}
.contentPage .ContentTxt { min-height:200px; height:auto!important; height:200px; padding:10px 10px; border-left:1px #e5e5e5 solid; background:url(../../images/zh/spacer_transparent_grey_long.gif) no-repeat left bottom;}
.contentPage .ContentTxt h1, .contentPage .ContentTxt h2, .contentPage .ContentTxt h3, .contentPage .ContentTxt h4 { margin:0; padding:0 0 10px;}

/********************* toolBar START**************************/
.toolBar { padding:4px 0; _margin-left:-2px; height:24px; background:url(../../images/zh/articleListbg.gif) no-repeat left bottom; _background-position:2px bottom; line-height:18px; *line-height:22px; }
.toolBar a { display:block; float:right; color:#888; margin-right:10px; }
.toolBar a img { margin:2px 0 0;}
.toolBar a.addthis_button { padding:0;}
a.mailto { padding-left:30px; background:url(../../images/zh/mail.gif) no-repeat 0 4px;}
a.mailto span { padding-top:2px;}

/********************* toolBar EOF**************************/

/********************* contentPage EOF**************************/

/********************* boxMail START**************************/
.boxMail { display:none;}
.mailShadow { position:fixed; z-index:90; top:0; width:100%; height:100%; background:#000; filter:alpha(opacity=75); -moz-opacity:0.75; opacity:0.75;}
* html .mailShadow { position: absolute; height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');}
.boxShadow { position:absolute; z-index:91; top:0; left:0;  background:#FFF; border:4px solid #A92921;}
a.closeBtn { display: block; position: absolute; top: -13px; right: -13px; width: 12px; height: 12px; text-indent: -9999em; background: url(../../images/zh/close.gif) no-repeat; outline: 0;}

.wrapper { margin:20px;}
.wrapper h1 { margin:0; padding:0 0 10px; font-size:12px; font-weight:bold;}
.wrapper p.error { color:#d90015;}
.inputBox, .textareaBox { width:290px; border:1px solid #E5E5E5; color:#888; }
.textareaBox { height:70px;}
.sendBtn { width:84px; height:27px; padding:0 0 4px; *padding:4px 0 0; border:none; text-align:center; color:#FFF; background:url(../../images/zh/sendBtn.gif) no-repeat;}

/********************* boxMail EOF**************************/

/*******20091123 typolight fixed*******/
.chearP p { display:none;}
.chearP .articleList p { display:block;}

/***********newsletterTopic Start**********************/
.newsletterTopic { padding:0 0 20px; background:url(../../images/zh/articleListbg.gif) no-repeat scroll left bottom;}
.newsletterTopic h1, .newsletterTopic h3, .newsletterTopic p { padding-left:10px; }
.newsletterTopic .mod_subscribe, .newsletterTopic .mod_unsubscribe { padding:0 10px;}
.newsletterTopic .mod_search { padding-top:20px;}
.newsletterTopic .mod_search .formbody { padding:0 10px;}
.newsletterTopic .mod_subscribe input.text, .newsletterTopic .mod_unsubscribe input.text, .newsletterTopic .mod_search input.text { width: 200px; height: 15px; padding: 3px 2px; background: url(../../images/zh/input.gif) left top repeat-x; border: 1px solid #e8e8e8; color: #888; }
.newsletterTopic .mod_subscribe input.submit, .newsletterTopic .mod_unsubscribe input.submit, .newsletterTopic .mod_search input.submit  { width:84px; height:27px; padding-bottom:5px; *padding:1px 0 0; background: url(../../images/zh/sendBtn.gif) no-repeat; text-align:center; cursor:pointer; color:#fff; border:none;}
.newsletterTopic .mod_subscribe p.error, .newsletterTopic .mod_unsubscribe p.error, .newsletterTopic .mod_search p.error { padding:0; color:#d50019;}
.newsletterTopic .highlight { color:#d50019;}
/***********newsletterTopic Eof**********************/

/*******20100114 update*******/
.ContentTxt table tr {background: url(../../images/zh/dot.gif) left bottom repeat-x;}
.ContentTxt table td {padding-bottom:4px;}