/* - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - -  
* Filename: print.css 
* Version: 1.0.0 (2009-06-15) YYYY-MM-DD 
* Website: http://www.clipper-hotels.de/ 
* Layout: Robert Morawe
* © Butterf!sch - Werbeagentur 2009 - www.butterfisch-werbeagentur.de -
* Description: Handles the site layout.

 == STRUCTURE: ============================== 
* Page width: 895 px 
* Number of columns: 3
* Colors: background: #33321e
					contentbg: #585040
					fontcolor: #d1ccc5
					darkbrown: #221807
					link active: #221807
* Keyvisuals: 654x300 px
 ============================================ */

body {
	font: 16pt/22pt Arial, Helvetica, sans-serif;
	color: #000;
	text-decoration: none;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-size: 1.2em;
}
h2 {
	font-size: 1em;
	font-weight: lighter;
	padding: 0em 0em 1em;
	letter-spacing: 1px;
}
p, li, .tip {
	font-size: 0.75em;
	color: #000;
	line-height: 1.7em;
}
a:link, a:visited {
	color: #666;
	text-decoration: none;
}
a:hover, a:active {
	color: #666;
	text-decoration: underline;
}
a:focus {
	outline: none;
}
img {
	border: none;
}

/*===== STYLES =====*/
.clear {
	clear: both;
}
.hidden {
	visibility: hidden;
}
.normal {
	font-weight: normal;
}
.bold {
	font-weight: bold;
}
h2.subline {
	padding: 0px;
}
.darkbrown {
	 color: #221807;
}
p.intro {
	border-bottom: 1px solid #000;
	margin-bottom: 2em;
}
p.trenner {
	border-bottom: 1px solid #000;
	margin-bottom: 2em;
	font-weight: bold;
}
p.right {
	text-align: right;
	float: right;
}
a.internerlink:link, a.internerlink:visited {
	color: #666;
	text-decoration: underline;
	font-weight: bold;
}
a.internerlink:hover, a.internerlink:active {
	color: #666;
	text-decoration: none;
	font-weight: bold;
}
ul.iconbar {
	display: none;
}
/*----- RESERVIERUNG -----*/
ul.extern {
	list-style: none;
	float: left;
	padding: 0px;
}
ul.extern li {
	display: inline;
	float: left;
	padding: 0px 10px 0px 0px;
}
/*----- TABLE -----*/
table {
	font-size: 0.75em;
	line-height: 1.7em;
	margin: 0px  0px 1em;
	padding: 0px;
	width: 830px;
}
th.left {
	text-align: left;
	padding: 0px 0px 0px 5px;
}
th.center {
	text-align: center;
}
th.right {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 5px 0px 10px;
}
td {
	text-align: right;
	vertical-align: bottom;
	padding: 0px 5px 0px 10px;
	white-space: nowrap;
}
/*----- ACCORDION -----*/
.accordion { 
	list-style-type: none; 
	padding: 0; 
	margin: 0 0 30px; 
}
.accordion ul {
	padding: 0;
	margin: 0 0 1em;
	float: left;
	display: block;
	width: 430px;
}
.accordion li {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
	display: block;
	width: 100%;
}
.accordion li div p {
	font-size: 1em;
}

/*== LAYOUT ==============================*/
#container {
	margin: auto;
	padding: 0px 0px 40px;
}
#header {
	background: #585040 url(../_images/bg-claim.gif) no-repeat right center;
	border-bottom: 3px solid #33321e;
	padding: 0px 0px 0px 43px;
}
#servicenavigation,
#image-content, 
#imagefader, 
#teaser, 
#galerieimage, 
#galerie, 
#colorcode,
#colorcode_cel,
#colorcode_hch, 
#colorcode_cch,
#colorcode_cel_xtra, #colorcode_hch_xtra, #colorcode_cch_xtra, 
#mainnavigation, 
#subnavigation, 
#subsubnavigation {
	display: none;
}
#umgebungsplan {
	height: 300px;
	width: 654px;
	display: block;
	margin: 0px;
	padding: 0px 20px;
}
#content {
	background: #fff;
	padding: 0px 43px 32px;
}
#inhalt {
	float: left;
	width: 830px;
	padding: 0px 30px 0px 0px;
}

/*----- XTRATEMPLATE -----*/
#grundrisstext, #grundrissimg, #grundrissnavigation, #googlemaptext, #googlemapspacer {
	display: none;
}