@charset "utf-8";

/*

Datei: styles.css
Projekt: Website Hotel Seiwald
Author: SoftCon GmbH

*/

/***************************/
/* K A L I B R I E R U N G */
/***************************/

body {
	margin:0;
	padding:0;
}

h1, h2, h3, h4, p, ul, li {
	margin:0;
	padding:0;
}




/*******************************/
/* L A Y O U T B E R E I C H E */
/*******************************/

#wrapper {
	width:950px;
	margin:0 auto;
	text-align:left;
}

#banner {
	width:740px;
	height:164px;
	background-image:url(images/banner_hotel_seiwald_going_tophotel.jpg);
	background-position:left top;
	background-repeat:no-repeat;
}

	#banner h1 {
		text-indent:-9999px;
	}

#bannershadow {
	height:11px;
	background:url(images/banner_shadow.jpg) right top no-repeat;
}

#mainnav {
	height:40px;
	background-color:white;
	border-top:#B39A3A /* gold */ 1px solid;
	border-bottom:#B39A3A /* gold */ 1px solid;
}

#mainnavshadow {
	height:6px;
	background:url(images/mainnav_shadow.jpg) left top no-repeat;
}

#contentwrapper {
	background-color:white;
}

#breadcrumbs {
	padding-left:30px;
	font-size:9px;
	color:#CCCCCC;
	margin-bottom:15px;
}

#content {
	padding:0 30px;
}

	#content ul {
		margin-left:30px;
		line-height:140%;
		letter-spacing:1px;
		list-style-type:none;
	}
	
	#content ul li {
		padding-left:14px;
		background:url(images/symbol_li_content.gif) left 4px no-repeat;
	}
	
	#content p.panolink_left {
		text-align:left;
	}
	
	#content p.panolink_right {
		text-align:right;
	}

#right {
	background-color:white;
	padding:10px;
	font-size:11px;
	line-height:160%;
	background-image:url(images/background_right.jpg);
	background-position:left bottom;
	background-repeat:no-repeat;
	padding-bottom:140px;
	border-top:#B39A3A /* gold */ 3px solid;
}

	#right h1 {
		font-size:14px;
		text-align:center;
	}
	
	#right p {
		line-height:160%;
	}

#holidaycheck {
	margin-bottom:10px;
}

#skiwelt {
	margin-top:10px;	
}
	#skiwelt p {
		font-size:9px;	
		margin-top:5px;
	}

#footer {
	border-top:1px solid #B39A3A; /* gold */
	padding:10px 0 5px 0;
}

	#footer h3 {
		color:#505050; /* grau */
		font-size:10px;
		text-align:center;
	}

#footershadow {
	height:11px;
	background:url(images/footer_shadow.jpg) right top no-repeat;
}

#footer2 {
	font-size:9px;
	color:#999999;
	text-align:right;
	padding-right:30px;
	margin-top:5px;
}

	#footer2 a {
		color:#999999;
	}
	
	#footer2 a:hover {
		color:white;
	}

#footer3 {
	font-size:9px;
	color:#999999;
	text-align:center;
	padding-right:30px;
	margin-top:5px;
}

	#footer3 p {
		line-height:160%;
	}

	#footer3 a {
		color:white;
	}




/*************************************/
/* A L L G E M E I N E   S T Y L E S */
/*************************************/

body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#505050;
	background-color:#D8D8D2; /* hellgrau */
	background-image:url(images/background.jpg);
	background-position:center top;
	background-repeat:repeat-x;
	text-align:center;
}

h1, h2, h3 {
	font-weight:normal;
	color:#B39A3A; /* gold */
	margin-bottom:15px;
}

p {
	line-height:120%;
	margin-bottom:15px;
}

a {
	text-decoration:underline;
	color:#B39A3A; /* gold */
}

a:hover {
	text-decoration:none;
	color:white;
	background-color:#B39A3A; /* gold */
}

/***************************************/
/* C S S   S T Y L E D   C O N T E N T */
/***************************************/



/* Rahmen 1 */

div.csc-frame-frame1 {
	border-top:#B39A3A /* gold */ 1px dotted;
	padding-top:15px;
}


/* Formular */

fieldset.csc-mailform {
	border:0;
	margin:0;
	padding:0;
}

fieldset label {
	display:block;
	margin-top:5px;
}

fieldset input, fieldset textarea {
	border:#B39A3A 1px solid;
}

fieldset input.csc-mailform-submit {
	margin-bottom:15px;
	color:white;
	background-color:#B39A3A;
}

fieldset input.csc-mailform-submit:hover {
	margin-bottom:15px;
	color:#B39A3A;
	background-color:white
}


/* Tabelle */

table .contenttable {
	border:1px solid #B39A3A; /* gold */
	width:100%;
}

table .contenttable td {
	padding:3px;
}

table .contenttable .tr-odd {
	background-color:#e5e5e5 /* hellgrau */
}