/* Typelicious */
@import "footer.css";
@import "hhe-list.css";
@import "news-list.css";
@import "magazin.css";

/* common */

* {
	position: relative;
}

html, body {
}

body {
	font-family: verdana, sans-serif;
	font-size: 14px;
	line-height: 17px;
	margin: 0;
	padding: 0;
}

.hide {
	height: 0;
	width: 0;
	overflow: hidden;
}

img	{
	display: block;
	border: 0;
}

.le {
	float: left;
}

.ri {
	float: right;
}

.info {
	float: left;
	margin: 5px 5px 0 0;
}

.clearer {
	clear: both;
	display: block;
	height: 1px;
	margin-bottom: -1px;
	font-size: 1px;
	line-height: 1px;
}

/* container */
#container {
	margin: 0;
	text-align: left;
	width: 980px;
	overflow: hidden;
}


/* header */
#header {
	background: url("../img/header_bg.gif");
	background-repeat: repeat-x;
	height: 96px;
}

/* logo */
#logo {
	margin: 30px 0 0 14px;
	height: 46px;
	width: 299px;
	float: left;
}
#logo img {
	border: 0;
}

/* HEADER navSer */
#navSer {
	float: right;
	height: 40px;
	overflow: hidden;
	margin-right: 10px;
}
#navSer ul {
	float: left;
	margin: 13px 0 0 0;
	padding: 0;
}
#navSer ul li {
	float: left;
	list-style: none;
	border-right: solid 1px 	;
	margin: 0;
	padding: 0;
	height: 11px;
	display: inline;
	line-height: 9px;
}
#navSer ul li#last {
	border-right: solid 0px #853046;
}
#navSer a:link, #navSer a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #853046;
	padding: 0 5px;
	margin: 0;
	text-decoration: none;
}



#langmenu {
	clear:right;
	float:right;
	height:40px;
	margin-right:10px;
	margin-top:12px;
	overflow:hidden;
	font-size:12px;
}
#langmenu a { clear:none; display:block; float:right; overflow:hidden; text-transform:uppercase; }
#langmenu span { float: left; }
#langmenu img { float:right; margin:0 0 0 5px; }


/* HEADER search */
#navSer div.searchBox {
	width: 210px;
	height: 35px;
	background-image: url(../img/search_bg.gif);
	background-repeat: no-repeat;
	overflow: hidden;
	padding: 2px 0 10px 0;
	margin-left: 5px;
}
#navSer .form-text {
	width: 158px;
	height: 15px;
	margin: 5px 5px 0 7px;
	border: 2px solid #848484;
	border-bottom: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
	border-bottom: 0;
}
#navSer .form-submit {
	background-image: url(../img/b-search.gif);
	background-repeat: no-repeat;
	margin: 1px 10px 0 5px;
	width: 22px;
	height: 23px;
	border: 0;
}

/* HEADER navTop */
#navTop {
	margin: 0 0 0 -1px;
	height: 37px;
	width: 981px;
	background-image: url(../img/nav_bg.gif);
	background-repeat: repeat-x;
}
#navTop ul {
	float: left;
	margin: 0;
	padding: 0;
	height: 27px;
}
#navTop ul li {
	float: left;
	list-style: none;
	border-right: solid 3px #853046;
	height: 27px;
	margin: 0;
	padding: 0;
	overflow: hidden;
}
#navTop li:hover {
}

#navTop a:link, #navTop a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: normal;
	color: #ffffff;
	text-transform: uppercase;
	text-decoration: none;
	line-height: 37px;
	margin: -10px 0 0 0;
	padding: 4px 15px 0 15px;
	overflow: hidden;
}
#navTop a:hover {
	color: #853046;
	background-image: url(../img/nav_bg_h.gif);
	background-position: -10 10;
}

/* CONTENT */
#content {
	clear: both;
	width: 980px;
	padding: 0 0 0 10px;
}

#main .csc-textpic .csc-textpic-imagewrap {
	border: 1px solid #eeeede;
	margin-bottom: 10px;
}

#main .csc-textpic-imagewrap dd.csc-textpic-caption {
	padding: 5px;
	color: #777777;
	font-size: 11px;
}

#main div.csc-frame-frame1 .csc-textpic-imagewrap dd.csc-textpic-caption, #main div.csc-frame-frame2 .csc-textpic-imagewrap dd.csc-textpic-caption {
	padding: 0;
	font-size: 10px;
}

#main div.csc-frame-frame1, 
#main div.csc-frame-frame2 {
	width: 305px;
	overflow: hidden;
	background: url("/fileadmin/masters/backgrounds/bg-boxes.gif") #fbfbfb repeat-x;
	margin: 10px 0 0 0;
	height: 279px;
}

#main div.csc-frame-frame1 {
	float: left;
}

#main div.csc-frame-frame2 {
	float: right;
}

#main div.csc-frame-frame2 .csc-header,
#main div.csc-frame-frame1 .csc-header {
	width: 285px;
	height: 23px;
	overflow: hidden;
	padding: 4px 10px 0 10px;
	background: url("/fileadmin/masters/backgrounds/balken-red-305.gif");
}

* html #main div.csc-frame-frame2 .csc-header,
* html #main div.csc-frame-frame1 .csc-header {
	height: 27px;
	width: 305px;
}

#main div.csc-frame-frame2 .csc-textpic,
#main div.csc-frame-frame1 .csc-textpic,
#main div.csc-frame-frame2 csc-textpic-text,
#main div.csc-frame-frame1 csc-textpic-text {
	padding: 10px 10px 0 10px;
	overflow: hidden;
	border-right: 1px solid #a76a7a;
	border-left: 1px solid #a76a7a;
	border-bottom: 1px solid #a76a7a;
}

#main div.csc-frame-frame2 .csc-textpic,
#main div.csc-frame-frame1 .csc-textpic {
	height: 241px;
}

* html #main div.csc-frame-frame2 .csc-textpic,
* html #main div.csc-frame-frame1 .csc-textpic {
	height: 251px;
}

#main div.csc-frame-frame1 .csc-header h1, 
#main div.csc-frame-frame2 .csc-header h1 {
	color: #fff;
	font-size: 16px;
	font-weight: normal;
	margin: 0;
}

* html #main div.csc-frame-frame1 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image,
* html #main div.csc-frame-frame2 div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
	margin-bottom: 0px;
}

#main div.csc-frame-frame1 .csc-header h1 a:link, 
#main div.csc-frame-frame2 .csc-header h1 a:link,
#main div.csc-frame-frame1 .csc-header h1 a:hover, 
#main div.csc-frame-frame2 .csc-header h1 a:hover,
#main div.csc-frame-frame1 .csc-header h1 a:visited, 
#main div.csc-frame-frame2 .csc-header h1 a:visited {
	color: #fff;
	text-decoration: none;
	font-weight: normal;
}

#main div.csc-frame-frame1 .csc-textpic-text p, 
#main div.csc-frame-frame2 .csc-textpic-text p,
#main div.csc-frame-frame1 .csc-textpic-text p a:link, 
#main div.csc-frame-frame2 .csc-textpic-text p a:link,
#main div.csc-frame-frame1 .csc-textpic-text p a:hover, 
#main div.csc-frame-frame2 .csc-textpic-text p a:hover,
#main div.csc-frame-frame1 .csc-textpic-text p a:visited, 
#main div.csc-frame-frame2 .csc-textpic-text p a:visited {
	padding: 5px 0 0 0;
	text-decoration: none;
	font-weight: normal;
	color: #853046;
}

* html #main div.csc-frame-frame1 .csc-textpic-text p, 
* html #main div.csc-frame-frame2 .csc-textpic-text p {
	padding: 0;
}

#main h1.csc-firstHeader {
	margin-top: 10px;
	font-size: 30px;
}

/* toc */

.tocContent h3 {
	background: #cf6861;
	color: #fff;
	line-height: 24px;
	padding: 0 10px 0 10px;
	margin: 0 0 0.5em 0;
	font-size: 14px;
	font-weight: bold;
}

.tocContent p {
	padding: 0 10px 1em 10px;
	font-size: 12px;
	font-weight: normal;
}

.stageTeaserF {
	width:730px;
	background:#ff0000;
	border-bottom: 10px solid #fff;
}

.stageTeaserHL {
 	width:305px;
 	height:100px;
 	background:#ff0000;
 	float:left;
 	margin: 0 10px 0 0;
 	border-bottom: 10px solid #fff;
 }
 
.stageTeaserHR {
	width:305px;
	height:100px;
	background:#ff0000;
	float:left;
}

/* MAIN */
#main {
	float: left;
	width: 620px;
	margin: 0 0 20px 0;
	padding: 0;
}

#main h1.pagetitle, #main h2.pagesubtitle {
	display: none;
}

.mainContent {
	padding: 10px;
	background: #fcf4f3;
}

.cType-image {
	_argin-top: -20px;
}



#artHeader {
	background: #fff;
	padding: 0 0 10px 0;
	margin: 0;
}

.mainContent .el {
	background: #fff;
	border: 1px solid #853029;
}

.mainContent .el p {
	line-height: 13px;
	font-size: 10px;
	padding: 0.5em;
	margin: 0;
}

.mainContent .imgLe {
	float: left;
	margin: 2px 10px 10px 0px;
}

.mainContent .imgRi {
	float: right;
	margin: 2px 0px 10px 10px;
}

.mainContent .w230 {
	width: 230px;
}

.mainContent .w300 {
	width: 300px;
}

/* Forms */
input, textarea, select {
	font-size: 11px;
	color: black;
	font-family: verdana, sans-serif;
}

.formfield input {
	padding: 1px;
	border: 1px inset;
}

.formfield textarea {
	padding: 1px;
	border: 1px inset;
}

.formLabel {
	font-size: 11px;
	line-height: 14px;
	width: 110px;
	float: left;
	text-align: right;
	padding-right: 5px;
	padding-top: 4px;
}

.formField {
}

.formEntry {
	margin-top: 3px;
	margin-bottom: 3px;
}

.mailform {
}

.mailformrequired {
	font-weight: bold;
}

.formSubmit {
	clear: left;
	margin-left: 118px;
	margin-top: 15px;
}

.formFile {
	margin-top: 4px;
} 

/* typo */
p {
	margin: 0;
	margin-bottom: 1em;
	border: 0;
	padding: 0;
}

h1 {
	margin: 0;
	margin-bottom: 1em;
	border: 0;
	padding: 0;
	font-weight: normal;
	font-size: 30px;
}

h2 {
	margin: 0;
	margin-bottom: 1em;
	border: 0;
	padding: 0;
	font-weight: normal;
	font-size: 18px;
}


a:link, a:visited, a:active	{
	font-weight: normal;
	text-decoration: none;
	color: #853046;
}

a:hover	{
	font-weight: normal;
	text-decoration: underline;
	color: #853046;
	cursor: pointer;
}

.nLink:link, .nLink:visited, .nLink:active {
	font-weight: normal;
	text-decoration: none;
	color: #112326;
}

.nLink:hover	{
	font-weight: normal;
	text-decoration: underline;
	color: #DB3D3E;
	cursor: pointer;
}

.color01				{color: #fcf4f3;} /* hell */
.color02				{color: #edc7c4;}
.color03				{color: #cf6861;}
.color04				{color: #853029;}
.color05				{color: #571821;}
.color06				{color: #FFFFFF;} /* weiss */

.bgcolor01				{background-color: #fcf4f3;} /* hell */
.bgcolor02				{background-color: #edc7c4;}
.bgcolor03				{background-color: #cf6861;}
.bgcolor04				{background-color: #853029;}
.bgcolor05				{background-color: #571821;}
.bgcolor06				{background-color: #FFFFFF;} /* weiss */


/* hotelliste */

.listHotels {
	font-weight: normal;
	padding: 0px 10px;
}

.listHotels .listHotelsItem {
	border-bottom: 1px dotted #853029;
	display: block;
	width: 100%;
	/* Bodo: changed */
	/*height: 119px;*/
	height: 134px;
	margin: 10px 0 0 0;
}

.listHotels .listHotelsItem .listHotelsItemImg {
	width: 140px;
	height: 107px;
	overflow: hidden;
	background: url("../img/bg-hotelImgThumb.gif") #cccccc;
	float: left;
	border: 1px solid;
	margin: 0 10px 0 0;
}


.listHotels .listHotelsItem .listHotelsItemDesc {
	float: left;
	width: 420px;
}

.listHotels .listHotelsItem a:link {
	color: #853029;
}

.listHotels .listHotelsItem h4 {
	margin: 0;
	padding: 0 !important;
}
.listHotels .listHotelsItem h4 a {
	font-weight: bold;
	color: #853046 !important;
}
.listHotels .listHotelsItem div {
	font-size: 10px !important;
}
.listHotels .listHotelsItem .bodytext {
	margin: 10px 0 0 0;
	padding: 0 !important;
}


.listHotels ul.hotellist-menu {
	margin: 10px 0 0 0;
	padding: 0;
	display: inline;
	float: left;
}

.listHotels ul.hotellist-menu li {
	float: left;
	list-style: none;
	border-right: solid 1px;
	margin: 0;
	padding: 0;
	height: 11px;
	display: inline;
	line-height: 9px;

}

.listHotels ul.hotellist-menu li.last {
	border-right: 0px;
}

.listHotels ul.hotellist-menu li a:link, .listHotels ul.hotellist-menu li a:visited {
	display: block;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px !important;
	font-weight: normal;
	color: #853046 !important;
	text-transform: uppercase;
	text-decoration: none;
	margin: 0 0 0 0;
	padding: 0 5px 0 5px;
	overflow: hidden;
}

.listHotels ul.hotellist-menu li.first a:link, .listHotels ul.hotellist-menu li.first a:visited {
	/*padding-left: 0;*/
}

.listHotels ul.hotellist-menu a:hover {
	color: #000000 !important;
}

/* hotelattribute / adressen */


/* kontaktformular */

#mailform {
	border: none;
}

.csc-mailform {
	border: none;
	width: 360px;
}

.csc-mailform-field label {
	float: left;
	clear: both;
	display: block;
	width: 100px;
	margin-bottom: 10px;
}

.csc-mailform-field input[type="text"],
.csc-mailform-field textarea,
.csc-mailform-field select {
	float: left;
	display: block;
	width: 250px;
	padding: 1px;
	margin-bottom: 10px;
}

.csc-mailform-submit {
	margin-top: 20px;
	clear: both;
	width: 80px;
}



/* extensions */
.gMap {
	
}



/* RIGHT */
#toc {
	float: right;
	margin: -10px 10px 10px 0;
	width: 340px;
	overflow: hidden;
}

* html #toc {
	margin: -10px 0 0 0;
}

.iceflavor_3 {
	margin-top: 18px;
}

.iceflavor_3_box {
  background: #ffffff url(/fileadmin/masters/backgrounds/bg-boxes.gif) repeat-x;
  border-left: 1px solid #EEEDED;
  border-right: 1px solid #EEEDED;
}

.iceflavor_4_boxcontent {
  background: #ffffff url(/fileadmin/masters/backgrounds/bg-boxes.gif) repeat-x;
  padding: 10px;
}

/* content icebox newslist id=5*/
.iceflavor_5 {
	clear:both;
	top:10px;
}

.iceflavor_5_box {
  background: #ffffff url(/fileadmin/masters/backgrounds/bg-boxes.gif) repeat-x;
  border-left: 1px solid #A76A7A;
  border-right: 1px solid #A76A7A;
}

.iceflavor_5_boxcontent {
  background: #ffffff url(/fileadmin/masters/backgrounds/bg-boxes.gif) repeat-x;
}

/* hotelinfo */

#toc .hotelAddress {
	padding: 10px;
	color:#853046 !important;
	font-size:12px !important;
	line-height: 14px;
	position: relative;
}
#toc .hotelAddresslist {
	position: relative;
}

#toc .hAddress1, #toc .hAddress2, #toc .hAddress3 {
	margin-bottom: 10px;
}
#toc div.room-booking, #toc div.event-booking {
	background: transparent url(/fileadmin/templates/histohotels/img/bl.gif) left center no-repeat;
	float:left;
	height: 26px;
	margin: 20px 5px;
}
#toc div.room-booking {
}

#toc div.room-booking a, #toc div.event-booking a {
	background: transparent url(/fileadmin/templates/histohotels/img/br.gif) right center no-repeat;
	color:#FFFFFF !important;
	display:block;
	font-size:11px;
	height:26px;
	line-height:23px;
	margin-left:8px;
	padding-right:9px;
	text-align:center;
	width:130px;
}
#toc div.room-booking a:hover, #toc div.event-booking a:hover {
	text-decoration:none;
}
#toc .listHotelsItemDesc {
	display: none;
}
#toc .rooms {
	overflow: hidden;
	clear: both;
}
#toc .rooms div {
	clear: both;
}
#toc .rooms img {
	float: left;
	width: 28px;
	height: 28px;
	margin: 0 10px 5px 0 !important;
}
#toc .rooms span,
#toc .distances span {
	float: left;
	display: block;
	height: 28px;
	line-height: 28px;
}
#toc .distances div,
#toc .attributes {
	clear: both;
}

#toc #map {
	font-size: 11px;
	overflow: hidden;
}

#toc #map a {
	font-size: 11px;
}

/* Startseite */

.tx-slideshow-pi1 {
	margin-bottom: 5px;
}

/* Navigator */
#poi .poi-content p {
	font-size: 11px;
}

/* Magazin, News */
#main div.backlink {
	clear: both;
	display: box;
	margin: 10px 0 10px 0;
	padding: 10px;
	background: #fff url(/fileadmin/masters/backgrounds/bg-boxes.gif);
	background-position: 1px;
	position: relative;
	border: 1px solid #EEEDED;
}

#main .contenttable caption {
	font-weight:bold;
	margin-bottom:0.5em;
	text-align:left;
}
#main .contenttable th {
	text-align: left;
}
#main .contenttable td {
	vertical-align:top;
}

sub {
	font-size: 0.75em !important;
}


/* Fullow us ! */
		.subscribe {
			list-style-type: none;
			list-style-position: inside;
		}
		.subscribe li {
			float:left;
			font-size:11px;
			margin:0 3px 5px;
			text-align:center;
			width:55px;			
		}
		.subscribe_facebook a, .subscribe_rss a, .subscribe_email a, .subscribe_addthis a, .subscribe_twitter a {
			display:block;
			padding:40px 0 2px;
		}
		.subscribe_facebook a  {
			background: transparent url(http://www.histohotels.de/fileadmin/templates/histohotels/img/icon_facebook.png) no-repeat scroll center top;
		}
		.subscribe_rss a {
			background: transparent url(http://www.histohotels.de/fileadmin/templates/histohotels/img/icon_rss.png) no-repeat scroll center top;
		}
		.subscribe_email a {
			background: transparent url(http://www.histohotels.de/fileadmin/templates/histohotels/img/email_32.png) no-repeat scroll center top;
		}
		.subscribe_addthis a {
			background: transparent url(http://www.histohotels.de/fileadmin/templates/histohotels/img/icon_share.png) no-repeat scroll center top;
		}
		.subscribe_twitter a {
			background: transparent url(http://www.histohotels.de/fileadmin/templates/histohotels/img/icon_twitter.png) no-repeat scroll center top;
		}