/*================================

GENERELLE STYLES

=================================*/

body,html{
	font-family:"Helvetica", "Arial", sans-serif;
	font-size:12px;
	line-height:20px;
	color:#a0723f;
	margin:0;
	padding:0;
	background:#FFFFFF url(images/main_bg.jpg) repeat-x scroll 0 0;
}
img{
	display:block;
	border-style:none;
}
h1,h2,h3,h4,h5,h6,p,form,table,ul{
	margin:0;
	padding:0;
}
a{
	text-decoration:none;
}
h1{
	font-family:"Georgia",serif;
	color:#56514b;
	font-size:17px;
	font-weight:normal;
	padding-bottom:10px;
}

.png{
	behavior:url(fileadmin/templates/thermalquelle/iepngfix.htc);
	
}
ul{
	list-style-type:none;
}
thead{
	text-align:left;
}
th{
	padding:5px;
}

/*================================

TEMPORÄRE STARTSEITE

=================================*/


body.temp div.hotels{
	position:absolute;
	top:0;
	top:666px;
}
body.temp .text{
	margin-left:13px;
	margin-top:17px;
}

.text-left{
	width:420px;
	float:left;
}
.text-right{
	width:122px;
	float:right;
}
.temp p{
	padding-bottom:20px;
}
.temp a{
	color:#9c303a;
}




/*================================

STARTSEITE

=================================*/

body.splash{
	text-align:center;
}
div.splash-wrapper{
	width:678px;
	
	margin:0 auto;
	text-align:left;
	padding-top:44px;
}
div.splash-header{
	height:320px;
	position:relative;
	background:url(images/splash_header_bg.png) no-repeat scroll 0 0;
}
div.splash-header img{
	position:absolute;
	top:17px;
	left:19px;
}
div.hotels{
	height:267px;
	background:url(images/splash_hotels.jpg) no-repeat scroll 0 0;
	width:651px;
	margin-left:13px;
	margin-top:20px;
}
.temp div.hotels{
	background:none;
}
div.hotels a{
	width:215px;
	float:left;
	height:220px;
	display:block;
	text-indent:-9999px;
	overflow:hidden;
}
div.hotels a.last{
	margin-right:0px;
}


/*================================

1 SPALTE

=================================*/

.onecol .col-wrap{
	background-image:none;
}
.onecol .left-col{
	padding-left:0px;
	margin-left:19px;
	width:630px;
}


/*===============================*/



div.wrapper{
	width:915px;
	position:absolute;
	left:61px;
	top:0;
	z-index:3;
}
div.inner{
	float:left;
}

.logolink{
	display:block;
	width:220px;
	height:58px;
	position:absolute;
	left:73px;
	top:40px;
	z-index:6;
}

div.left-main{
	width:250px;
	float:left;
}

/*================================

HAUPT NAVI

=================================*/

div.mainnav-wrap{
	min-height:400px;
	background-image:url(images/mainnav_bg.jpg);
	background-repeat:no-repeat;
	margin-top:121px;
}
div.mainnav{
	padding-top:20px;
	padding-left:25px;
	padding-right:35px;
}
div.mainnav a{
	color:#008aa4;
	font-size:14px;
	display:block;
	border-top:1px solid #e9d5a8;
	padding:5px;
}
div.mainnav a.first{
	border-top:none;
}
div.mainnav a:hover{
	color:#035a70;
}
div.mainnav a.act{
	color:#035a70;
	font-weight:bold;
}

/*================================

SUB NAVI

=================================*/

div.subnav{
	padding-left:6px;
}
div.subnav a{
	color:#9c303a;
	font-size:12px;
	border-top:none;
	padding:0px;
	padding-bottom:5px;
}
div.subnav a:hover{
	color:#611017;
}
div.subnav a.act{
	color:#611017;
	font-weight:bold;
}


/*================================

SUB SUB NAVI

=================================*/

div.subsubnav{
	padding-left:15px;
}

/*==============================*/

div.right-main{
	width:665px;
	float:right;
	position:relative;
}


div.header{
	width:665px;
	height:182px;
	background-image:url(images/header_bg.jpg);
	margin-top:16px;
	position:relative;

}
div.header img{
	position:absolute;
	margin-left:9px;
	margin-top:14px;
}

div.hotelnav,
div.hotelnav-bg{
	width:382px;
	height:70px;
	background-image:url(images/hotelnav_bg2.png);
	position:absolute;
	top:164px;
	left:4px;
	z-index:4;
}
div.hotelnav{
	z-index:5;
	background-image:none;
}
div.hotelnav a{
	display:block;
	float:left;
	height:41px;
	margin-right:2px;
	margin-top:14px;
}
div.hotelnav a.therme{
	margin-left:15px;
	width:115px;
}
div.hotelnav a.tenedo{
	width:115px;
}
div.hotelnav a.turm{
	margin-right:0px;
	width:115px;
}
div.col-wrap{
	float:left;
	margin-top:50px;
	width:654px;
	background:url(images/rightcol_bg.gif) repeat-y scroll right top;
}


div.left-col{
	padding-left:19px;
	float:left;
	width:430px;
	padding-bottom:50px;
}
div.left-col h1{
	padding-top:25px;
}
div.left-col h1.csc-firstHeader{
	padding-top:0px;
}
div.left-col a{
	color:#9c303a;
}
div.left-col a:hover{
	border-bottom:1px solid #9c303a;
}


div.right-col{
	float:right;
	width:181px;
	color:#f09825;
}
div.right-col a{
	color:#9C303A;
}
div.right-col-inner{
	padding:0px 9px;
}
div.right-col h1{
	color:#8a7356;
	font-family:inherit;
	font-size:12px;
	font-weight:bold;
	padding-bottom:5px;
}

div.right-col p{
	border-bottom:1px solid #ddc89a;
	margin-bottom:15px;
	padding-bottom:15px;
}

div.meta-nav,
div.language-nav{
	color:#58534c;
	font-size:10px;
	position:absolute;
		right:7px; 
	top:200px;
	_width:300px;
	text-align: right;	
}
div.language-nav{
	top:220px;
}
div.meta-nav a,
div.language-nav a{
	color:#58534c;
	padding:0px 4px;
}
div.meta-nav a.act,
div.language-nav a.act{
	color:#9c303a;
}

div.schnoerkel{
	position:absolute;
	z-index:1;
	width:1230px;
	top:0;
	left:0;
	height:196px;
	background-image:url(images/schnoerkel.jpg);
}

/*================================

LISTEN

=================================*/

.left-col ul li{
	padding-left:10px;
	margin-left:10px;
	background:url(images/list_bullet.gif) no-repeat scroll 0 7px;
}
.left-col ul.rgtabs-menu li{
	background:none;
}
.left-col ul.rgtabs-menu li a{
	background:none;
	background-color:#FFFFFF;
	padding-left:12px;
	font-weight:normal;
	color:#9C303A;
}
.left-col ul.rgtabs-menu li a:hover{
	border-style:none;
}
.left-col ul.rgtabs-menu li.rgtabs-selected a{
	font-weight:bold;
}

/*================================

TABELLEN

=================================*/

.contenttable{
	font-size:100%;
	width:100%;
	border-collapse:collapse; 
	vertical-align:top;
}
.contenttable td{
	padding:5px;
	vertical-align:top;
}
.tr-even{
	background-color:#f6e8cb;
	border-bottom:1px solid #c6ad7b;
}

/*================================

FORMULARE

=================================*/

fieldset{
	border-style:none;
}
input,textarea{
	border:1px solid #c09b71;
	background-color:#fffdf6;
	padding:4px 3px;
	color:#a0723f;
	font-family:"Verdana","Arial",sans-serif;
	font-size:100%;
}
div.csc-mailform-field{
	float:left;
	width:420px;
	padding-bottom:10px;
}
div.csc-mailform-field label{
	float:left;
	width:100px;
}
div.csc-mailform-field input,
div.csc-mailform-field textarea{
	float:left;
	width:320px;
}

div.csc-mailform-field input.csc-mailform-submit{
	width:auto;
	float:right;
}





a.logo-bucca{
	display:block;
	height:29px;
	width:8px;
	position:absolute;
	right:10px;
	top:10px;
}




div.left-col .list-text h1{
	padding-top:10px;
}
.list-date{
	color:#56514B;
	font-size:90%;
}
.list-wrapper{
	float:left;
	width:100%;
	padding-bottom:20px;
	margin-bottom:20px;
	border-bottom:1px solid #A0723F;
}




.morelink a{
	display:block;
	float:left;
	padding:1px 8px;
	background-color:#fffcf4;
	border:1px solid #ddc89a;
	margin-top:15px;
}
.morelink a:hover{
	border:1px solid #9C303A;
}



.logos{
	position:relative;
	height:110px;
	margin-top:150px;
}
.logos img{
	position:absolute;
}
.logo-badzurzach{
	left:25px;
}
.logo-qualitaet{
	left:25px;
	/*left:133px;*/
	bottom:0;
}

/*================================

TABELLEN

=================================*/

.pricetable,
.pricetable2{
	text-align:right;
	
}
.pricetable .td-0,
.pricetable2 .td-0{
	text-align:left;
	
}

.pricetable2 .td-last{
	width:150px;	
}