/****************************************************
 * CONECTO Business Communication GmbH              *
 * Project:     margarethenstein.at                 *
 * Author:      Alexander Dick <a.dick@conecto.at>  *
 ****************************************************/

@import url(default.css);

/****************************************************
 * Allgemeines
 */

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #565248;
	background: #f5eed8 url(../img/layout/body-bg.jpg) no-repeat center 615px;
	line-height: 1.5em;	
}

a, 
a:visited,
a:active {
	text-decoration: underline; 
	color: #565248;
}
a:hover {
	color: #666;
}

input,
select,
textarea {
	font-size: 11px;
	background: #fff; 
	border: 0;
	color: #565248;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 11px;
	padding: 2px;	
}

input {
	height: 18px;
}

input.submit,
button.submit {
	font-size: 11px;
	cursor: pointer; 
	height: auto; 
	padding: 4px;  
	background: #4e3c0d;
	color: #fff;
	text-transform: uppercase;
	border: 0;
}

.checkbox {
	border: 0; 
	background: none;
	padding: 0;
}

.clear,
.clearer {
	clear: both; 
	padding: 0 !important; 
	margin: 0 !important;
}

.no-padding {
	padding: 0 !important;
}

header, section, footer,
aside, nav, article, figure, hgroup {
	display: block;
}

/****************************************************
 * Headerbereich
 */

div#header-wrap {
	background: url(../img/layout/header-bg.jpg) no-repeat center 0;
	height: 615px;
}

	header#page-header {
		height: 575px;
		width: 970px; 
		margin: 0 auto;		
		padding-top: 40px;	
		position: relative;	
	}
	
		nav#language {
			position: absolute; 
			left: 0; 
			top: 12px;
		}	
		
			nav#language a {
				display: block; 
				width: 22px;
				height: 14px; 
				background: url(../img/layout/flags.gif) no-repeat 0 0;
				text-indent: -10000px; 
				text-decoration: none;
				float: left;
				margin-right: 10px;
			}
			nav#language a.lang-en {
				background-position: -22px 0;
			}
		
		div#page-header-main {
			position: relative;
			width: 970px;
			height: 500px;
			background: #fff;
		}
		
			div#page-header-image {
				position: absolute;
				left: 30px; 
				top: 30px;
				width: 630px; 
				height: 440px;
			}
			
			div#page-header-logo {
				background: url(../img/layout/header-logo-bg.gif) no-repeat 0 0;
				position: absolute;
				right: 30px; 
				top: 30px;
				width: 220px;
				height: 380px;
				padding: 30px;
			}
			
			  div#page-header-logo div.fb {
			    position: absolute;
          top: -65px;
          right: -30px;
			  }
			  
			    div#page-header-logo div.fbLike {
			      float: left;
			      padding-top: 10px;
			    }
			
  			  div#page-header-logo a.fbProfile {
  			    float: left;
  			    display: block;
  			    width: 181px;
  			    height: 30px;
  			    text-indent: -999em;
  			    background: url(../img/layout/fb_button.gif) no-repeat;
  			  }
			
				a#logo-link {
					display: block; 
					height: 220px;
				}
			
				form#quick-inquiry {
					position: absolute; 
					left: 30px; 
					bottom: 30px;
					width: 220px;
				}
				input#quick-inquiry-arrival,
				input#quick-inquiry-departure {
					background: #271d05 url(../img/layout/calendar.gif) no-repeat right 0;
					color: #fff;
					width: 216px;
					margin-bottom: 2px;
					font-size: 11px;
				}
				button#quick-inquiry-submit {
					width: 220px;
				}
		
		nav#page-header-nav {
			border-top: 8px solid #4e3c0d;
			height: 30px;
			background: #130d00;
			margin-top: 29px;
			padding: 8px 0 0 30px;
		}
			
			ul#page-header-nav-list {
				position: relative;
				float: left;
			}
				
			ul#page-header-nav-list li {
				float: left;
			}
					
			ul#page-header-nav-list a {
				color: #130d00;
				display: block;
				float: left;
				height: 22px;
				line-height: 22px;
				text-decoration: none;
				text-transform: uppercase;
				text-indent: -10000px;
				margin-right: 2px;
			}
			
			ul#page-header-nav-list a:hover,
			ul#page-header-nav-list a.active,
			ul#page-header-nav-list li.active a {
				background-position: 0 -38px;
			}
			
			
			/**
			 * 2. Ebene
			 */
			
			ul#page-header-nav-list ol {
				display: none;
				position: absolute;					
				top: 26px;				
				left: 0;
				width: 100%;
				background: #529201;				
			}
			/* 2. eben derweil inaktiv
			ul#page-header-nav-list li:hover ol {			 
				display: block;
			}*/
			
				ul#page-header-nav-list ol li {
					float: left;
					position: static;
					height: 25px;
					line-height: 25px;
					padding-right: 1px;				
				}
			
				ul#page-header-nav-list ol a {									
					background: none !important;
					display: block;
					width: auto;			
					border-left: 0;					
					padding: 0 10px;
					height: 25px;
					line-height: 25px;					
					color: #fff; 
					text-decoration: none;
					text-transform: none;					
					font-weight: normal;
					font-size: 11px;					
				}
				
				ul#page-header-nav-list ol li.sub-first a {
					-webkit-border-bottom-left-radius: 8px;
					-khtml-border-radius-bottomleft: 8px;	
					-moz-border-radius-bottomleft: 8px;
					border-bottom-left-radius: 8px;
				}
				
				ul#page-header-nav-list ol a:hover,
				ul#page-header-nav-list ol a.active {					
					/*
					background: #fff !important;
					color: #777; 
					*/
					background: #69b011 !important;					
					color: #fff;				
				}		
			
div#content-wrap {
	width: 910px; 
	margin: 0 auto 30px auto;
	padding: 40px 0 0 0;
	overflow: hidden;
}

	
	section#content,
	aside#sidebar {
		float: left;
	}

	section#content {
		width: 570px;
		padding: 0 30px 0 30px; 
	}
		
	aside#sidebar {		
		width: 279px;				
	}	
	
		img#sidebar-banner {
			margin-bottom: 0;
		}
		
		img#sidebar-banner-2 {
			
		}
		
		a#sidebar-fb {
			display: block;				
			height: 36px;
			text-indent: -999em;
			background: url(../img/layout/fb_button.gif) no-repeat 0 0;
			clear: both;
			margin-bottom: 15px;
		}
		
		div.sidebar-subnav,
		div.sidebar-quicknav {
			margin-top: 20px;					
		}
		
		div.sidebar-subnav {
			margin-top: 0;
			border-bottom: 8px solid #4e3c0d;
			margin-bottom: 15px;
		}
			
			div.sidebar-subnav h2 {
				background: #4e3c0d;
				color: #fff;				
				font-family: "Times New Roman", Times, Arial, Helvetica, sans-serif;
				text-transform: uppercase; 
				font-size: 16px;
				height: 40px; 
				line-height: 40px; 
				text-indent: 20px;
			}
			
			div.sidebar-subnav a {
				display: block;
				color: #4e3c0d;
				font-family: "Times New Roman", Times, Arial, Helvetica, sans-serif;
				text-transform: uppercase; 
				text-decoration: none; 
				font-size: 12px;
				background: #e6dec4 url(../img/layout/border-tile.gif) repeat-x 0 bottom; 
				height: 25px; 
				line-height: 25px;
				padding-left: 20px;
				white-space: nowrap;
			}
			div.sidebar-subnav a.active,
			div.sidebar-subnav a:hover {
				background: #c8be9f url(../img/layout/border-tile.gif) repeat-x 0 bottom;
			}
				
				div.sidebar-subnav li ul {
					background: url(../img/layout/border-tile.gif) repeat-x 0 bottom;
					padding-bottom: 1px;
				}
			
				div.sidebar-subnav li li a {
					padding-left: 40px;
					background: #dcd4b8;
				}
				div.sidebar-subnav li li a:hover,
				div.sidebar-subnav li li a.active {
					background: #f6efd9; 
				}			
				
		
		div.sidebar-quicknav {
			
		}
		
			div.sidebar-quicknav h2 {
				color: #4e3c0d;
				font-family: "Times New Roman", Times, Arial, Helvetica, sans-serif;
				text-transform: uppercase; 
				font-size: 16px;
				margin-bottom: 20px;
			}
		
			div.sidebar-quicknav a {
				display: block;
				color: #565248;
				font-family: "Times New Roman", Times, Arial, Helvetica, sans-serif;
				text-transform: uppercase; 
				text-decoration: none; 
				font-size: 12px;
				background: url(../img/layout/border-tile.gif) repeat-x 0 bottom; 
				height: 25px; 
				line-height: 25px;
			}
			div.sidebar-quicknav a:hover,
			div.sidebar-quicknav a.active {
				color: #4e3c0d; 
			}
		
div#footer-wrap {
	height: 130px;
	background: #130d00;
}	
	
	footer#page-footer {	
		clear: both;	
		width: 850px;
		height: 90px;
		margin: 0 auto;	
		font-size: 11px;
		position: relative;
		color: #f6efd9;
	}
	
		footer#page-footer a {
			color: #f6efd9;
		}
	
	
		address#about {
			padding-top: 40px; 
			width: 500px;
		}
		
		a#logo-kaprun_at, 
		a#logo-kitzsteinhorn, 
		a#logo-conecto {
			display: block; 
			position: absolute;
			background: url(../img/layout/footer-logos.gif) no-repeat 0 0;
			text-indent: -10000px; 
			text-decoration: none;
		}	
		
		a#logo-kaprun_at {			
			width: 94px;
			height: 18px;			
			right: 100px;
			bottom: 29px;
			background-position: 0 -28px;			
		}
		
		a#logo-kitzsteinhorn {			
			width: 85px;
			height: 45px;			
			right: 0;
			bottom: 30px;
			background-position: -122px 6px;			
		}

		a#logo-conecto {			
			width: 110px;
			height: 8px;			
			right: 0;
			bottom: 5px;
			background-position: -100px -70px;			
		}
		
/* Startseite Sidebasr mit dem breiten Banner */	
	
#page-35 aside#sidebar {
	padding: 0;	
}

/*
body#page-35 div#content-wrap {
	background: url(../img/layout/content-bg-tile.gif) repeat-x 0 1px;
}
*/

/*
#page-35 h1.graphical {
	margin-bottom: 7px;
}
#page-35 h2.graphical {
	margin-bottom: 6px;
}
*/

/**
 * Packages / Pauschalen
 */

div#package-list {
	margin-bottom: 20px;
}

	section#content div#package-list ul {
		margin: 0;
	}

	div#package-list li {
		display: block;
		clear: both;
		margin-bottom: 2px;
		height: 30px; 
		
	}
	
	a.package-title {
		display: block; 
		float: left; 
		background: #eee6cf;
		text-align: right;
		height: 30px;
		width: 160px;
		line-height: 30px;
		text-decoration: none; 
		font-weight: bold;
		padding: 0 10px 0 0;
	}

	span.package-teaser {
		display: block; 
		float: left;
		width: 385px;
		height: 30px; 
		line-height: 30px;
		background: #fff; 
		padding-left: 10px;		
		vertical-align: middle;
	}