/**
  * TUI - Ferienhaus - Content
  *
  * @copyright       NEUSTA GmbH
  * @author          mschaefer
  * @version         
  *
  * @revision        $Revision: 4419 $
  * @lastmodified    $Date: 2010-05-31 09:19:09 +0200 (Mo, 31 Mai 2010) $
  * @last author	 $Author: lseinschedt $
  */

/**
  * @section General
  *
  * 
  */
body 						{font-family:Arial,Helvetica,Geneva,sans-serif; color:#333333; font-size: 16px;}

a 							{color:#333333;cursor:pointer;text-decoration:underline;}
a:visited 					{color:#666666;}
a:hover						{color:#EF0000;}
a.accentuated				{background:transparent url(../img/green-bullet.png) no-repeat scroll 3px center; padding-left:22px; text-decoration:none;}

h1,
h2,
h3,
h4,
h5,
h6 							{font-weight: normal; color: #111; } 
h1 							{font-size: 3em; line-height: 1; margin-bottom: 0.5em; } 
h2 							{ font-size: 2em; margin-bottom: 0.75em; } 
h3 							{ font-size: 1.5em; line-height: 1; margin-bottom: 1em; } 
h4 							{color:#777777; font-size:13px; font-weight:800; line-height:1.2; margin-left:5px; margin-top:20px;} 
h5 							{ font-size: 1em; font-weight: bold; margin-bottom: 1.5em; } 
h6 							{ font-size: 1em; font-weight: bold; } 

hr							{border: 0px; border-top: solid 1px #B7C3A8; }
#wrapper 					{font-size:1em; line-height:1.3em;}

.left						{float:left;}
.right						{float:right;}

/**
  * @section Content
  *
  * 
  */
#content h2 				{background:transparent url(../img/main-content-headline.png) no-repeat scroll center bottom; color:#008800; font-size:18px; font-weight:500; line-height:1.2em; margin-bottom:6px; margin-top:6px; text-indent:4px; width:490px;}
#content h3					{color:#008800; font-size:14px; font-weight: bold; margin-bottom:6px;margin-top:20px; clear: both;}
#content p					{font-size:12px; line-height:16px; margin-bottom: 12px;}
#page_1 #content .box.highlight p	{margin-bottom:0; width:418px;}
#page_1 #content .box.highlight #calendar p	{margin-bottom:0; width:160px;}

#content .box				{background:#DEEBC9; margin-bottom:16px;padding:3px 3px 10px;}
#right-col .box				{clear:both; width:332px}
* html #right-col .box		{width:338px}
#content .box div.csc-header{background:url(../img/content-box-headline-sidebar.jpg) no-repeat scroll right bottom; padding-right: 1px;}
#content .box.highlight div.csc-header	{background:none; margin-top:0}
#content .box h2			{background:transparent url(../img/content-box-headline-bg.jpg) bottom left no-repeat; color: #000; height: 1.91em; font-size:12px; line-height: 2em; font-weight: 600; margin: 0; width: 100%;}
* html #content .box h2		{letter-spacing:-0.1em}
#content .box.highlight.homepage h2		{background:transparent url(../img/content-box-headline-bg.jpg) bottom left no-repeat !important; color: #000 !important;}
#right-col .box h2			{clear:both;}
#content .box.highlight		{background: #DEEBC9; width:418px;}
#content #c2517				{margin-left:4px;}
* html #content #c2517		{margin-left:8px;}
* html #content #c2517 .csc-textpic-imagewrap	{height:202px; overflow:hidden;}
#content #c2517				{padding-bottom:4px;}
#content #right-col .box.highlight	{background: #DEEBC9; float:left; width:332px;}
* html #content #right-col .box.highlight	{width:338px;}
#content #right-col .box.highlight h2	{width:332px;}
#content .box.highlight h2	{background:transparent url(../img/side-content-box-headine-highlight.png) repeat-x scroll 0 0; color:#FFFFFF; width:418px;}
#content .box p.bodytext	{margin-left:5px;margin-top:5px;}
#content .small				{width:200px; float:left; margin-right:9px;}
#content .box.small p		{margin-bottom:1px;}
#content .box.highlight.homepage	{float:left; margin-right:9px; display:inline; width:200px;}
* html #content .box.highlight.homepage {height:332px;}
*+html #content .box.highlight.homepage {height:297px;}
#page_1 #content .small		{width:203px; margin-right:6px;}
* html #page_1 #content .small	{margin-right:9px; width:207px;}
* html #page_1 #content #c1740	{margin-right:0;}
* html #page_1 #content #c1744	{margin:0px;}
#content ul.csc-menu		{list-style-type:none; background-color:#F0F0F0; border:1px solid #CCCCCC; font-size:0.813em; line-height:1.3em; padding:8px; margin-bottom: 0.375em;}
#content ul.csc-menu li		{background:transparent url(../img/green-bullet.png) no-repeat scroll left 3px; padding-left:18px; margin:0;}
#content ul.csc-menu li a	{text-decoration:none; font-size:12px;}
.default					{clear:both;}
#content #right-col .default{width: 338px;}
#page_1 .default			{clear:none;}

.top						{background:transparent url(../img/top.png) no-repeat scroll left center;padding-left:8px; text-decoration:none; font-size:10px; color:#777777; margin-top:10px; clear:both; float:left;}
.print						{background:transparent url(../img/16_printer.png) no-repeat scroll left center;padding-left:22px; height:13px; padding-top:3px; float:left; margin-top:0; text-decoration:underline !important;}
* html .print				{height:16px;}
 
p.align-right				{text-align:right;}
p.align-left				{text-align:left;}
p.align-center				{text-align:center;}

#content ul					{list-style-type:disc;margin-bottom:5px;}
#content li					{font-size:0.79em; margin-left:24px; line-height:16px;}


#left-col div.csc-header	{margin-top:40px;}
#left-col div.csc-header-n1	{margin-top:13px;}

#right-col .csc-header h2		{text-indent:6px;}
#page_23 #right-col .bodytext {margin-bottom:13px;}
#page_25 #right-col p		{margin-left:5px;margin-top:5px;}


.csc-mailform-submit		{float:right; padding: 4px 12px !important;color: #FFFFFF;background: #ef0000 url(../img/submitbutton.png) no-repeat left center;height: 24px;width: 68px !important;border: 1px outset #ef0000 !important;text-align: left;font-weight: 800;font-size:11px;font-family:ARIAL;}
.csc-mailform-field input,
.csc-mailform-field textarea {border: 1px inset #CCCCCC; padding-bottom:2px; width:285px;}
.csc-mailform-field textarea {height:156px;}
.csc-mailform-field label 	{width: 155px; display: block; float: left; text-align: right; margin-right: 4px; font-size:13px;}
* html .csc-mailform-field label {width:152px;}
.csc-mailform-field	input	{margin-bottom:5px;}
.csc-mailform-label			{font-size:10px;}

.icebox_container			{float:left; width:430px;}
* html .icebox_container    {width:440px;}
* html #page_1 .icebox_container    {width:432px;}
.container .icebox_container	{float:left; width:340px; margin-bottom:10px;}
.container .icebox_container .container	{padding:20px 8px 0 8px; float:left;}
#content .container .icebox_container .container h3	{margin-top:0;}
#right-col .icebox_container	{float:left; width:338px;}

#newsletter_archiv_content .nlarchiv li{
	border-bottom: 1px solid #CCCCCC;
	list-style-type: none;
	margin: 5px;
	padding-bottom: 5px;
}
#newsletter_archiv_content .nlarchiv li a{ color: #777777; text-decoration: none;}

.error {color: #EF0000; font-weight: bolder;}
/**
  * @section Search
  *
  * 
  */
#content .box.search		{width:418px; height:151px; margin:0 0 8px 0;}
* html #content .box.search	{height:164px; overflow:hidden; width:424px; margin-left:0 !important;}
* html #main-content,
* html #side-content		{margin-right:50px;}

#content .box.search . express-search {margin-top:13px;}

.search .half				{width:205px;}
.search .select label		{width:80px; display:inline;}
.search .select select		{width:120px; font-size:10px;}
* html .search .select select	{width:115px;}
.search .input label		{width:80px; display:inline;}
.search .input input		{width:114px; font-size:10px;}
* html .search .input input	{width:115px;}
.search .weak				{font-size:10px; margin-left:20px;}
.search .submit input#search_submit.searchSubmit	{width:80px; margin-right:13px;}
#content .box.search h2 	{font-size:12px; height:24px; overflow:hidden; width:418px; margin-bottom:12px;}
* html #content .box.search h2 {width:418px;}
.date-combo					{font-size:10px;}
/**
  * @section forms
  *
  * 
  */
#catalogues #formsTop				{margin-bottom:10px;}
fieldset 							{background-color:#f0f0f0; border:1px solid #c2ceb2; position:relative; margin-bottom: 12px; padding:9px 20px 10px; margin-top:10px;}
fieldset.csc-mailform				{background-color:#f0f0f0; border:1px solid #c2ceb2; position:relative; margin-bottom: 12px; padding:9px 20px 10px; margin-top:10px;}
* html fieldset.formsheet 			{padding-top: 0; margin-bottom: 20px;}
fieldset.formsheet strong.stronger 	{color:#000;}
fieldset.formsheet fieldset 		{background-color:#f9f9f9; border:1px solid #CCC;}
legend 								{color:#000; padding:0px 5px; font-weight:bold; font-size:13px; margin-left:-5px;}
.select, .input, .checkbox, 
.submit, .radio, .textarea, 
.checkboxes, .form-inline 			{clear:both; margin-bottom:6px;}
.radio.inline label.main 			{float:left; width:150px; display: block; text-align:right; margin-right:4px;}

.formsheet .checkbox label			{font-size: 12px;}
.select label, .input label, 
.textarea label						{width:155px; display:block; float:left; text-align:right; font-size:12px; margin-right:4px;}
.select select, .input input, 
.textarea textarea 					{border:1px inset #CCC; padding:2px; width:275px;}
.input input.zipcode 				{width:100px; float:left; margin-right:8px;}

* html .input input.zipcode 		{width:92px; margin-left:3px;}

.input input.city 					{width:161px; margin-right:0px;}
.formsheet .required-label 			{float:left; margin-left:150px; font-size:10px;}
.alignright 						{text-align: right;}

.submit input						{background:transparent url(../img/side-content-box-headine-highlight.png) repeat-x scroll 0 0; color:#FFFFFF; font-size:11px; font-weight:800; padding:4px 12px; border:1px outset #EF0000;}
* html .submit input				{width:80px !important; height:25px !important;}

label								{font-size:12px;}
span.required						{color:#EF0000;}

fieldset.formsheet .checkbox input 	{margin:0 4px 0 0;}

.catalog-order label				{display:block;}
.catalog-order input				{width:430px;}
.catalog-order .submit input		{height:23px; padding:0 8px; float:right; width:auto;}
.catalog-order .submit				{overflow:hidden; margin-top:15px;}
.catalog-order span					{float:left; font-size:10px;}

#press label,
#press .radio label.main			{width:110px;}
#press input						{width:160px;}
#press .radio input					{width:auto;}
#press .radio label					{width:auto;}
#press .submit input				{width:80px; margin-left:115px;}
#condition							{font-size:10px !important;}

#c2259 .csc-textpic.csc-textpic-intext-left-nowrap .csc-textpic-text{float: left;}

/**
  * @section Header
  *
  * 
  */
#header-desc p,
#header-desc h4 			{color: #65a853;font-size:0.75em; line-height:1.333em;}
#header-desc h4 			{font-weight:bold; margin:0 0 20px 0;}
#header	#top-bar a			{background:transparent url(../img/green-bullet.png) no-repeat scroll left 3px;font-size:12px;margin-left:15px;padding-left:18px;text-decoration:none;}
#header img 				{margin: 30px 0 0 50px;}
#header-desc 				{margin: 15px 0 0 50px; width: 250px;}
#header #top-bar ul li 		{float: left; padding-top:5px;}

/**
  * @section Navi
  *
  * 
  */
#navi a,
#footer a					{text-decoration: none;}
#navi a:visited				{color:#fff;}
#navi a:hover				{color:#EF0000;}
#navi .main-nav				{font-size:0.75em;}
#navi .sub-nav a			{font-size:0.813em; font-weight: bold; color:#FFF;}
#navi ul li					{float: left;}
#navi ul 					{margin-left:40px; float: left;}
#navi ul.main-nav			{line-height:34px; display:inline; padding:0 10px;}
/** auskommentiert wegen schriftgroesse aendern
#navi ul.settings			{height: 34px;}*/
#navi ul.main-nav li a		{line-height:34px; display: block;padding:0 10px;}

#navi ul.main-nav li a:visited	{color:#333;}
#navi ul.main-nav li a:hover,
#navi ul.main-nav li.active a	{color:#EF0000;}
#navi ul.main-nav li a.trenner {border-left:1px solid #999999;}
#navi ul.settings 			{float:right; padding-right:30px; padding-top:10px;}

#navi ul.sub-nav			{height:36px; padding-left: 3px; margin-left:50px; display:inline;}
* html #navi ul.sub-nav		{clear:both; width:860px;}
*+html #navi ul.sub-nav		{clear:both; width:860px;}
#navi ul.sub-nav li			{border-right:1px solid #006600;}
#navi ul.sub-nav li a 		{line-height:36px; display:block; padding:0 7px;}
#navi ul.sub-nav li a:hover,
#navi ul.sub-nav li.active a {background: url(../img/navigation-hover.png) repeat-x; color:#008800 !important;}

#navi li.menuLastPipe 		{padding-top:5px; padding-bottom:5px;}
#navi li.menuLastPipe a		{border-left:1px solid #999999; line-height:24px !important;}

/**
  * @section Breadcrumb
  *
  * 
  */
#breadcrumb ul li 			{font-size:0.688em;}
#breadcrumb ul li a			{color:#777777; text-decoration: none;}
#breadcrumb					{border-bottom:1px solid #CCCCCC;height:1.25em;margin-bottom:1.25em; padding-top: 0.5em;}
#breadcrumb ul li			{float: left; background:transparent url(../img/breadcrumb.png) no-repeat scroll right center; padding-left:8px;padding-right:12px;}
#breadcrumb ul li.first 	{padding-left:0;}
#breadcrumb ul li.last 		{background:transparent none repeat scroll 0 0;}
#page_1 #breadcrumb			{display:none;}

/**
  * @section footer
  *
  * 
  */
#footer						{padding-top: 20px; line-height: 1em; color:#777777; font-size:0.688em;}
#footer a					{color:#777777;}
#footer a.top				{margin:0 0 10px 0;}
#footer ul li 				{float: left; border-right:1px solid #CCCCCC;margin-bottom:5px;margin-right:4px;padding-right:4px;}
#footer ul li.last			{border: 0;}
#footer img					{margin-right: 30px; float: left;}
#footer #footer-middle		{float: left; width: 600px;}
#footer ul					{float: left;}
#footer #footer-middle ul	{margin-bottom:3px;}
* html #footer #footer-middle ul	{margin-bottom:7px;}
#footer p					{float: left;}
#footer #footer-settings 	{float: right; display:inline;}
*+html #footer #footer-settings	{margin-right:5px;}
#footer #footer-settings li	{border: 0; float: none; margin-bottom:5px; height:16px;}
* html #footer #footer-settings li {width: 100px;}
*+html #footer #footer-settings li {width: 100px;}
#footer-middle .copyright	{clear:both;}
#flags 						{display:inline; width:650px; list-style-type:none;padding:0; margin:15px 0 0 135px;}
* html #flags 				{width:630px; overflow:hidden;}
#flags li 					{float:left; border:none !important; margin-right:2px !important; display:inline; width:15px;}
* html #flags li 			{margin-right:0 !important;}
#flags li img 				{border:1px solid #DEEBC9; margin:0;}

/**
  * @section Temp
  *
  * 
  */
.scroller					{position:relative; margin-top:20px;}
.prev						{display:block; background:transparent url(../img/carousel-left.png) no-repeat scroll 0 0; width:50px; height:50px; position:absolute; left:-50px; top:80px; z-index:2000; overflow:hidden; text-indent:-100px; line-height:100px;}
.next						{display:block; background:transparent url(../img/carousel-right.png) no-repeat scroll 0 0; width:50px; height:50px; position:absolute; right:-50px; top:80px; z-index:2000; overflow:hidden; text-indent:-100px; line-height:100px;}
* html .next				{right:12px;}

.scrollable .items img		{width:200px; height:135px;}
#content .scrollable .box	{background:#fff; border:1px solid #ccc;}
#content .scrollable .box h2	{background:transparent url(../img/content-box-headline-bg.jpg) repeat-x scroll 0 0; color:#000; width:200px; height:24px; overflow:hidden;}
#content .scrollable .box div.csc-header	{background:none; padding:0;}
#content .scrollable .small	{width:200px; padding:3px; margin-right:9px; height:246px;}
* html #content .scrollable .small	{height:265px;}
#page_1 #content .scrollable .small	{width:200px; padding:3px; padding-top:0px; margin-right:9px; height:246px;}
* html #page_1 #content .scrollable .small	{height:253px; overflow-y:hidden; margin-right:8px;}
*+html #page_1 #content .scrollable .small	{height:242px;}
.scrollable a.accentuated	{display:block; float:right;}
#content .scrollable .box.small p 	{margin-bottom:12px;}
* html #content .scrollable .box.small p 	{margin-bottom:12px;}

/*
    root element for the scrollable.
    when scrolling occurs this element stays still.
*/
div.scrollable {

    /* required settings */
    position:relative;
    overflow:hidden;
    width: 860px;
    height:260px;
}

/*
    root element for scrollable items. Must be absolutely positioned
    and it should have a extremely large width to accomodate scrollable items.
    it's enough that you set width and height for the root element and
    not for this element.
*/
div.scrollable div.items {
    /* this cannot be too large */
    width:20000em;
    position:absolute;
}

/*
    a single item. must be floated in horizontal scrolling.
    typically, this element is the one that *you* will style
    the most.
*/
div.scrollable div.items div {
    float:left;
	width:200px;
}

/* you may want to setup some decorations to active the item */
div.items div.active {
    border:1px inset #ccc;
    background-color:#fff;
}

/**
  * @section TYPO3 specific
  *
  * 
  */
#left-col div.csc-textpic-below div.csc-textpic-imagewrap .csc-textpic-image img {margin:15px 0 0;}
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	{margin-right:5px;}
div.csc-textpic-imagewrap .csc-textpic-image	{margin-right:5px !important; margin-left:0 !important;}
div.csc-textpic-imagewrap 		{margin:3px auto 0 auto;float:left;padding:0px 0px 0px 0px;}
div.csc-textpic-imagewrap .csc-textpic-single-image img{}
/**
  * @section Tables
  *
  * 
  */
table td, 
table th 					{border:1px solid #CCCCCC; padding:2px; vertical-align:top;}

/**
  * @section Calender
  *
  * 
  */
input.date-combo 				{background:#fff url(../img/mini-calendar.png) no-repeat left center; text-align:center;}
#calendar 		 				{background-color:#DEEBC9; border:1px solid #008800; display:none; font-size:11px !important; line-height:1.4; left:120px; position:absolute; top:-20px; width:170px; z-index:99;}
* html #calender				{left:110px !important; top:30px !important;}
*+html #calender				{left:110px !important; top:30px !important;}
#calendar form   				{margin:5px;}
#calendar select 				{border:1px inset #CCCCCC; font-size:11px; margin-bottom:5px; padding:2px; width:120px;}
#calendar a.close, 
#calendar a.close:link, 
a.close:visited 				{display:block; width:20px; height:20px; text-indent:-10000px; background:url(../img/20_close_on_green.png) no-repeat; position:absolute; right:5px; top:5px;}
#calendar p						{font-size:11px; margin-bottom:12px;}
#calendar table 				{background-color:#F0F0F0; margin:3px; width:164px; font-size:11px;}
#calendar table td   			{border:1px solid #CCC; padding:2px; vertical-align:top;}
#calendar table th 				{background-color:#bbb; color:#FFF; font-size:13px; text-align:center;}
#calendar table .wechseltag 	{background-color:#FDFC80; cursor:pointer; text-decoration:underline;}

.yearchangeHint { color: green; font-size: 12px; }
.yearchangeHint .ui-widget-header { font-size: 14px; }
.yearchangeHint .ui-widget-content { color: red; }

/* @group Loader */
#bws {
    position: absolute;
    top: 0px;
    left: 0px;
    padding-top: 140px;
    padding-bottom: 0px;
    display: none;
    background-image: url( /webfiles/fh/images/semi_transparent.gif);
    color: #000000;
    text-align: center;
    vertical-align: top;
    z-index: 9999;
}

.loader {
    position: fixed;
    left: 50%;
    width: 400px;
    background-color: #FFF;
    z-index: 1000;
    top: 300px;
    margin-left: -200px;
    text-align: center;
    padding: 20px;
    font-family: sans-serif;
    border: 4px solid #008800;
}

.loader .h2 {
    font-size: 24px;
}

.loader p {
    font-size: 14px;
}

/* @end */

/* browser warning IE 6 */
#warning {
	left: 0px;
	position: absolute;
	text-align: center;
	top: 0px;
	width: 100%;
	
}

#warning .warning_text_wrapper {
	background-color: #DEEBC9;
	border: 2px solid #FFF;
	filter: alpha(opacity=80);
	opacity: 0.8;
	text-align: left;
	width: 956px;
}

#warning .h2 {
	background: url(/webfiles/fh/bilder/side-content-box-headine-highlight.png) repeat-x;
	color: #FFF;
	font-size: 0.8em;
	font-weight: 600;
	height: 24px;
	line-height: 2em;
	text-indent: 6px;
	width: 956px;
}

#warning .h2 .text {
	float: left;
}

#warning .h2 img {
	float: right;
	margin: 3px;
}

.warning_texts {
	color: #000;
	padding: 10px 0px 15px 10px;
}

.warning_texts a {
	color: #000;
}


/**
  * @section news
  *
  *
  */
.news-image				{float:left; width:158px; margin:5px 5px 0px 0px;}
.news-single-img-clear	{clear:both;}
.news-single-imgcaption	{display:none;}
.news-single-backlink	{font-size:12px; margin-top:20px;}

/** 
 * @section etracker 
 */
.vvfb_q_selectbox, .vvfb_q_textarea{
	font-size: 11px;
}

/** 
 * @section	press release 
 */
 
 #left-col .csc-textpic-caption			{font-size:10px; line-height:1.3;}
 
 
* html #page_719 .csc-textpic-imagerow ul li img{ margin-bottom:5px; }