/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + +

seilerhotel.css / Seiler Hotels Zermatt

*/





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

main elements

*/

body {

	font:62.5% Verdana, Arial, Helvetica, sans-serif;

	margin:0;

	padding:0;

	text-align:center;

	color:#000;

	background:#121010 url(../images/start/bg_body.gif) top left repeat-x;

}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

main page elements

*/

div#siteframe {

	margin:0 auto;

	padding:0;

	width:890px;

	text-align:left;

	border:solid #737373;

	border-width:0 0 4px 0;

	background:#fff none;

}

div#header {

	background:#fff none;

	border-top:6px solid #710d25;

	margin:0;

	padding:10px 12px 0 14px;

	font-size:100%;

	height:34px;

	letter-spacing:1px;

	font-family:"Times New Roman", Times, serif;

}

div#trailor {

	margin:14px 14px 1px 14px;

}

div#content {

	margin:65px 0 0 14px;

	width:860px;

	font-size:120%;

	line-height:160%;

}

div#columns {
	
	background:#fff url(../images/seileronline/bg_line_h.gif) bottom left repeat-x;
	height:265px;
}
* html div#columns { margin:0 0 0 0px; }

div#colLeft,
div#colRight {
	float:left;
	border-right:1px solid #710d25;
	width:429px;
	height:265px;
	padding:0;
}
* html div#colLeft {
	margin:0;
	width:429px;
}
div#colRight {
	padding:0;
	margin:0 -9px 0 0;
	width:430px;
	background:transparent none;
	border:none;
}
div#contentleft div.colLeft,
div#contentleft div.colRight {
	float:left;
	display:inline;
	width:310px;
	margin:0;
	padding:0;
}
div#contentleft div.colRight {
	float:right;
}


/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

header

*/

div#metanav,

div#switchlang {

	float:left;

	width:420px;

	word-spacing:3px;

	color:#675555;

	position:relative;

	z-index:10;

	margin:0;

	padding:0;

}

div#logo {

	text-align:center;

	margin:-20px 0 0 0;

	position:relative;

	z-index:5;

	padding:0;

	height:81px;

}

div#switchlang {

	float:right;

	text-align:right;

}

div#reservation {

	position:absolute;

	width:125px;

	height:23px;

	margin:27px 0 0 749px;

}

*+html div#reservation { margin-left:735px; }

* html div#reservation { margin-left:735px; }





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

navigation

*/

#seileronlinetitle
{
    float:left;
	width:851px;
	font-family:Arial, Helvetica, sans-serif;
	margin-left:14px;
	padding-left:9px;
	background-color:#710d25;
	border:solid #fff;
	border-width:0 1px 0 0;
	font-weight:bold;
	color:#fff;
	text-transform:uppercase;
	text-decoration:none;
	line-height:31px;
	voice-family: "\"}\"";
	voice-family:inherit;
}



* html #seileronlinetitle
{
 margin-left:7px;
 width:861px;
}




/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

hyperlinks, icons

*/

a, a:link, a:visited {

	color:#710d25;

	text-decoration:none;

}

a:hover, a:focus, a:active {

	text-decoration:underline;

}

a.active, a.active:link, a.active:visited,

a.news_active, a.news_active:link, a.news_active:visited,

a.events_active, a.events_active:link, a.events_active:visited {

	color:#333;

	font-weight:bold;

}

div#metanav a, div#metanav a:link, div#metanav a:visited,

div#switchlang a, div#switchlang a:link, div#switchlang a:visited {

	color:#675555;

	text-decoration:none;

	text-transform:uppercase;

}

div#metanav a.active, div#metanav a.active:link, div#metanav a.active:visited,

div#metanav a:hover, div#metanav a:focus, div#metanav a:active,

div#switchlang a:hover, div#switchlang a:focus, div#switchlang a:active {

	text-decoration:underline;

}

a.arrow, a.arrow:link, a.arrow:visited {

	margin:0 0 10px 0;

	padding:0 0 0 12px;

	font-weight:normal;

	text-decoration:none;

	background:#fff url(../images/seileronline/icon_arrow.gif) left no-repeat;

}

a.arrow:hover, a.arrow:focus, a.arrow:active {

	text-decoration:underline;

}





a.arrowlink, a.arrowlink:link, a.arrowlink:visited {

	margin:0 0 10px 0;

	padding:0 0 0 12px;

	font-weight:normal;

	text-decoration:none;

	background:#fff url(../images/seileronline/icon_arrowlink.gif) left no-repeat;

}

a.arrowlink:hover, a.arrowlink:focus, a.arrowlink:active {

	text-decoration:underline;

}






a.inline, a.inline:link, a.inline:visited {

	margin-left:10px;

	display:inline;

}

.right a, .right a:link, .right a:visited {

	font-weight:bold;

}

div#content .button,
input.sendButton,
a.button, a.button:link, a.button:visited,
a.button-in-image, a.button-in-image:link, a.button-in-image:visited {
	background:#710d25 url(../images/seileronline/icon_button.gif) 7% no-repeat;
	border:1px solid #fff;
	border-width:1px 0 1px 1px;
	float:right;
	font-family:"Times New Roman", Times, serif;
	color:#fff;
	padding:0 10px 0 25px;
	margin:0;
	line-height:21px;
	text-decoration:none;
	font-size:80%;
	text-transform:uppercase;
	letter-spacing:2px;
}
*+html div#content a.button, *+html div#content a.button:link, *+html div#content a.button:visited {
	line-height:19px;
	padding-bottom:2px;
}

input.sendButton:hover, input.sendButton:focus, input.sendButton:active,
a.button:hover, a.button:focus, a.button:active,
a.button-in-image:hover, a.button-in-image:focus, a.button-in-image:active {
	text-decoration:none;
	cursor:pointer;
	background:#941c39 url(../images/seileronline/icon_button_hover.gif) 7% no-repeat !important;
}
input.sendButton {
	float:left;
	padding:4px 10px 3px 20px;
	display:inline;
	border-width:1px;
}
*+html input.sendButton {
	border:1px solid #fff;
	padding:0 0 0 15px;
	line-height:18px;
}
* html input.sendButton {
	border:1px solid #fff;
	padding:0 0 0 15px;
	line-height:18px;
	font-size:11px;
}

a.button:hover, a.button:focus, a.button:active,

a.button-in-image:hover, a.button-in-image:focus, a.button-in-image:active {

	text-decoration:none;

	background:#580818 url(../images/start/icon_button_hover.gif) 7% no-repeat;

}

div#reservation a.button, div#reservation a.button:link, div#reservation a.button:visited {

	font-size:10px;

	width:124px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:89px;

}

a.button-in-image,

a.button-in-image, a.button-in-image:link, a.button-in-image:visited {

	margin:-35px 0 0 0;

	position:relative;

	z-index:100;

}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

font styles (Headers, paragraphs, lists, ...)

*/

h1 {
	color:#710d25;
	background:#fff url(../images/seileronline/bg_line_h.gif) bottom left repeat-x;
	font-weight:normal;
	font-family:"Times New Roman", Times, serif;
	margin:0;
	padding-bottom:10px;
	font-size:200%;
	letter-spacing:2px;
	text-transform:uppercase;
}

h2, h3, h4, h5 {
	color:#710d25;
	font-weight:normal;
	margin:0 0 3px 0;
	padding:0;
	font-size:110%;
	letter-spacing:2px;
	text-transform:uppercase;
}

p {

	margin:0;

	padding:0;

}

div#colLeft p {

	margin:0;

}

div#colLeft h1, 

div#colRight h1 {

	margin:0;

	padding:0 0 10px 0;

	background:#fff none;

	float:left;

	display:inline;

}

div#colRight h1,

div#colRight h2,

div#colRight p,

div#colRight a.arrow,
div#colRight a.arrowlink {

	margin:0 0 0 12px;

}

div#footer p {

	margin:0 0 15px 0;

}

div#content ul {

	list-style-image:url(../images/seileronline/icon_listings.gif);

	margin-top:15px;	

	margin-left:16px;

	margin-bottom:15px;	

	padding-left:0px;

	padding-top:0px;

	padding-bottom:0px;	

}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

images

*/

img, a img {

	border:none;

}

img.imgRight {

	float:right;

	margin:0 0 8px 8px;

}

img.imgLeft {

	float:left;

	margin:0 8px 8px 0;

}

div#colLeft img.imgRight {

	margin:0 12px 0 8px;

}

div#maincontent img.imgRight {

	margin:0 0 12px 12px;

}

div#footIcons img {

	margin:0 10px;

}

div.bigImage {

	float:right;

	text-align:right;

	width:410px;

	margin:0 0 0 20px;

	padding:0;

	font-size:90%;

}

div.bigImage p {

	margin:0;

	padding:0 0 10px 0;

}

div.bigImage img {

	margin:0;

}





/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

listings and boxes

*/

div.listitem {

	background:#fff url(../images/seileronline/bg_line_h.gif) top left repeat-x;

	padding:4px 0;

	margin:0;

	height:157px;

	voice-family: "\"}\"";

	voice-family:inherit;

	height:149px;

}

* html div.listitem { padding:4px 0 1px 0; }

div.listitem div.image {

	float:left;

	margin:0 15px 0 0;

	padding:0;

	width:205px;

	height:152px;

}

div.listitem div.text {

	float:left;

	margin:0;

	padding:0;

	width:400px;

	height:152px;

}

div.listitem h1 {

	margin:17px 0;

	padding:0;

	background:#fff none;

}

div.listitem h2 {

	font-size:110%;

	color:#000;

	font-weight:bold;

	padding:0;

	margin:0 0 10px 0;

	line-height:110%;

}

div.listitem p {

	margin:0;

	padding:0;

}

div.box {

	background-color:#f3edd9;

	padding:17px 14px;

	float:right;

}

div.listitem div.box {

	float:right;

	border-left:1px solid #f3edd9;

	padding:17px 14px 0 14px;

	margin:0 0 0 10px;

	width:214px;

	height:152px;

	voice-family: "\"}\"";

	voice-family:inherit;

	width:186px;

	height:135px;

}







/* + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + + 

misc elements

*/

.cf,

.cfLine { /* clear floating elements */

	float:none;

	clear:both;

	line-height:0;

	width:1px;

	margin:0;

	padding:0;

	font-size:0;

	height:0;

}

div#colLeft .cf,

div#colRight .cf,

.cfLine {

	height:3px;

	font-size:3px;

	line-height:3px;

	width:100%;

	margin:0 0 38px 0;

	background:#fff url(../images/seileronline/bg_line_h.gif) top left repeat-x;

}

.right {

	float:right;

	text-align:right;

	font-size:100%;

	letter-spacing:1px;

	display:inline;

	line-height:200%;

}

div#colLeft .right {

	margin:0 12px 0 0;

}

.nomargin {

	margin:0 !important;

	padding:0 !important;

}


div#footIcons {
	text-align:center;
	margin:20px 0 15px 0;
}
div#footer {
	color:#fff;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	font-size:110%;
}
div#footer p {
	margin:0 0 10px 0 !important;
	padding:0 !important;
}
div#footer p.copy,
div#footer p.copy a {
	text-transform:uppercase;
	color:#9f646b;
	font-size:10px;
}


.addBottomLine
{
 padding-top:10px;
}

.introbox
{
 border-right:1px solid #710d25;
 width:650px;
 float:left;
}

.introbox div
{
 padding-top:5px;
 padding-bottom:5px;
 padding-right:5px;
}

.navbox
{
 width:180px;
 float:left;
}

.navbox div
{
 padding:9px;
}

form, legend, fieldset {
	margin:0;
	padding:0;
	border:0;
}
div.errors {
	color:#7c2c35;
	font-weight:bold;
	margin:0 0 20px 0;
}
label {
	display:block;
	padding:0 0 0 5px;
}
input.inputField,
textarea.inputField,
input.smallInputField {
	border:1px solid #555;
	width:290px;
	padding:2px 4px;
	font-family:"Lucida sans", Arial, Helvetica, Verdana, sans-serif;
	font-size:100%;
}

.input4 {
	width:108px;
	border: 1px solid #000000;
}

.formNote {
	color:#666;
	margin:15px 0;
}