/****************************************************
 * CONECTO Business Communication GmbH              *
 * Project:     bischofshofen.com                   *
 * 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: #564629;	
	background: #f5f1e6 url(../img/layout/bg-tile.jpg) repeat-x 0 0;
	line-height: 1.5em;	
}

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

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;
}

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

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

div#header-wrap {	
	width: 955px;
	margin: 0 auto;
}

	header#page-header {
		position: relative;
	}
	
		
		div#page-header-top {
			height: 115px;
			border-bottom: 4px solid #816c41;
			margin-bottom: 1px;
		}
		
			a#page-header-logo {
				display: block;
				background: url(../img/layout/logo.jpg) no-repeat 0 0;
				position: absolute;
				right: 20px; 
				top: 10px;
				width: 208px;
				height: 90px;
			}
				
		
		div#page-header-main {
			position: relative;			
			height: 324px;
			background: #fff;
			margin-bottom: 2px;
		}
		
			div#page-header-image {
				position: absolute; 
				left: 0; 
				top: 0;
				z-index: 0;				
			}			
				
			nav#language {
				position: absolute; 
				right: 20px; 
				top: 20px;
			}	
			
				nav#language a {
					display: block; 
					width: 200px;
					height: 20px; 
					line-height: 20px;
					background: rgba(255,255,255,0.6) url(../img/layout/flags.gif) no-repeat 10px 3px;
					color: #564629;
					text-transform: uppercase;
					text-decoration: none;
					font-weight: bold; 
					font-size: 10px;
					text-indent: 45px;
					margin-bottom: 1px;
				}
				nav#language a.lang-en {
					background-position: 10px -23px;
				}
		
		nav#page-header-nav {			
			height: 35px;
			background: #590505;	
			margin-bottom: 2px;		
		}
			
			ul#page-header-nav-list {
				
			}
				
			ul#page-header-nav-list li {
				float: left;
				position: relative;
			}
					
			ul#page-header-nav-list a {
				color: #fff;
				display: block;
				float: left;
				height: 35px;
				line-height: 35px;
				text-decoration: none;			
				text-indent: -10000px;				
			}
			
			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 -35px;
			}
			
			
			/**
			 * 2. Ebene
			 */
			
			ul#page-header-nav-list ol {
				display: none;
				position: absolute;
				bottom: 35px;
				left: 0;
				width: 200px;
				background: rgba(255,255,255,0.8);
				border-top: 4px solid #a40c13;
				padding: 10px;
			}
			
			ul#page-header-nav-list li:hover ol {
				display: block;
			}
			
				ul#page-header-nav-list ol li {	
					float: none;
					position: static;
					border-bottom: 1px solid #d6d1c8;
				}
			
				ul#page-header-nav-list ol a {
					background: none;
					display: block;
					float: none;			
					border: 0;	
					margin: 0;				
					padding: 0 5px;
					height: 22px;
					line-height: 22px;					
					color: #564629; 
					text-decoration: none;
					text-transform: none;					
					font-weight: normal;
					font-size: 11px;		
					font-weight: bold;	
					text-indent: 0;		
				}
				
				ul#page-header-nav-list ol a:hover,
				ul#page-header-nav-list ol a.active {
					background: rgba(129,108,65, 0.2); /* #816c41 */
								
				}		
			
div#content-wrap {
	background: #fbf6ec;
	width: 915px; 
	margin: 0 auto 30px auto;
	padding: 20px;
	overflow: hidden;
	border-top: 1px solid #dad6ce;
}
	
	section#content {
		width: 643px;		
		float: left;
	}
	
		/* Startseite */
		body#page-2 section#content {
			width: 687px;		
		}
		
		div#box-big {
			margin-bottom: 20px;		
		}
		div#box-left {
			float: left;
			width: 430px;
			padding-right: 20px;
		}
		div#box-right {
			float: right;
			width: 216px;
			padding-left: 20px;
			border-left: 1px solid #d7c8a7;
		}
				
		nav#breadcrumb {
			position: relative;
			border-bottom: 1px solid #eee8dd;
			color: #999;
			padding-bottom: 5px;
			margin-bottom: 15px;
		}
		
			nav#breadcrumb a {
				color: #564629;
				font-size: 11px; 
				text-decoration: none;
			}
			a#print {
				background: url(../img/layout/print.gif) no-repeat 0 0;
				cursor: pointer;
				display: block; 
				width: 22px; 
				height: 18px;
				position: absolute; 
				right: 0; 
				top: 2px;
				text-indent: -10000px;
			}
			
			
		
		
	aside#sidebar {		
		width: 207px;
		float: right;
	}		
	
		div#sidebar-inquiry {
			background: url(../img/layout/boxes.jpg) no-repeat 0 -250px;
			width: 167px; 
			height: 210px;
			margin-bottom: 20px;
			padding: 20px;
		}
		
			div#sidebar-inquiry form {
				margin-bottom: 8px;
			}
		
			div#sidebar-inquiry legend {
				display: none;			
			}
			
			div#sidebar-inquiry h2 {
				font-size: 16px;
				font-weight: bold; 
				margin: 0 0 2px 0;			
			}		
		
			div#sidebar-inquiry label {
				display: block; 
				margin: 6px 0 2px 0;
			}
			
			.button-search {
				background: #590505 url(../img/layout/search.gif) no-repeat 0 0;
				text-indent: 15px;
				color: #fff;
				font-size: 11px;
				height: 20px;
				line-height: 20px;
				cursor: pointer;
				float: right;
				padding: 0 5px 2px 5px;				
			}
			div#sidebar-inquiry a.button {
				display: block;
				height: 20px; 
				line-height: 20px;
				color: #fff;
				background: #947f57; 
				text-align: center;
				text-decoration: none; 
				margin: 5px 0 0 0;
				font-size: 11px;
				font-weight: bold;
			}
		
		
		
		div.sidebar-subnav,
		div.sidebar-quicknav {
			margin-bottom: 20px;
			width: 207px;
		}
		
		div.sidebar-subnav {
			
		}
			
			div.sidebar-subnav h2 {
				background: #a40c13;
				color: #fff;
				font-size: 14px;
				height: 40px; 
				line-height: 50px; 
				text-indent: 20px;
				margin-bottom: 3px;
			}
			
			div.sidebar-subnav a {
				display: block;
				color: #564629;
				text-decoration: none;
				font-size: 12px;
				background: url(../img/layout/subnav-item-bg.gif) no-repeat 0 0; 
				height: 20px; 
				line-height: 19px;
				padding-left: 20px;
			}
			div.sidebar-subnav a.active,
			div.sidebar-subnav a:hover {
				background-position: 0 -20px;
			}
						
			div.sidebar-subnav a.active {
				font-weight: bold;
			}
			div.sidebar-subnav li li a {
				background-position: 10px 0;
				padding-left: 30px;
			}
			div.sidebar-subnav li li a.active, 
			div.sidebar-subnav li li a:hover {
				background-position: 10px -20px;
			}		
				
		
		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#cn-weather-widget {
		
		}
		
			h2#cn-weather-title {
				background: #423623; 
				color: #fff;
				height: 20px; 
				line-height: 20px;
				text-indent: 20px;
				font-size: 11px; 
				font-weight: bold;
			}
			
			div#cn-weather-forecast {
				
			}
			
				div.cn-weather-forecast-item {
					background: #ebe5d8;
					width: 68px; 
					height: 89px;
					float: left;
					margin: 0 1px 1px 0;
					overflow: hidden;
				}
				
					.cn-weather-forecast-icon {
						width: 69px; 
						height: 69px;
					}
				
				div.cn-weather-forecast-item.last {
					margin-right: 0;
				}
				div.cn-weather-forecast-item span {
					display: block; 
					height: 20px; 
					line-height: 20px;
					color: #564629;
					text-align: center;
					text-transform: uppercase;
					font-fize: 11px; 
					font-weight: bold;
				}
				a#cn-weather-details {
					background: #947f57; 
					display: block; 
					height: 20px; 
					line-height: 20px; 
					color: #fff; 
					font-weight: bold; 
					text-align: center;
					text-decoration: none;
					font-size: 11px;
				}
		
div#footer-wrap {
	height: 140px;
	background: #423623;
}	
	
	footer#page-footer {	
		clear: both;	
		width: 920px;
		height: 110px;
		margin: 0 auto;	
		font-size: 11px;
		position: relative;
		color: #c8c8c8;
	}
	
		address#about {
			position: absolute;
			top: 40px;
			left: 140px;
			width: 600px;
		}
			address#about a {
				color: #c8c8c8;
			}
		
		ul#footer-nav {
			width: 730px;
			border-top: 1px solid #554a39;
			position: absolute;
			left: 0;
			bottom: 0;
			padding-top: 5px;
		}
		
		ul#footer-nav li {
			display: inline;
			color: #a4a5a5;			
		}
		ul#footer-nav a {
			color: #a4a5a5;
			text-transform: uppercase;
			text-decoration: none;
		}
		
		a#logo-salzburg, 
		a#logo-facebook,
		a#logo-flickr, 
		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-salzburg {			
			width: 120px;
			height: 45px;			
			left: 0;
			top: 30px;
			background-position: 0 0;			
		}
		
		a#logo-facebook {			
			width: 32px;
			height: 32px;			
			top: 30px;
			right: 40px;
			background-position: -120px -11px;			
		}

		a#logo-flickr {			
			width: 32px;
			height: 32px;			
			top: 30px;
			right: 0;
			background-position: -152px -11px;			
		}		
		
		a#logo-conecto {			
			width: 110px;
			height: 8px;			
			right: 0;
			bottom: 5px;
			background-position: -75px -45px;			
		}
		

#ui-datepicker-div {
	display: none;
}