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

@import url(default.css);

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

body {
	padding: 0;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif, Verdana;
	font-size: 12px;
	color: #484854;
	background: #fff url(http://static.cliccaustria.at/fileadmin/templates/img/layout/bg-tile.jpg) repeat-x 0 0;
	line-height: 1.5em;	
}



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

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

input {
	height: 16px;
}

input.submit {
	cursor: pointer; 
	height: auto; 
	padding: 4px; 
	font-weight: bold; 
	background: #72B71B;
	color: #fff;
}

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

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

.corner-all {
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;	
	-moz-border-radius: 8px;
	border-radius: 8px;
}

.corner-tl {
	-webkit-border-top-left-radius: 8px;
	-khtml-border-radius-topleft: 8px;	
	-moz-border-radius-topleft: 8px;
	border-top-left-radius: 8px;
}

.corner-bl {
	-webkit-border-bottom-left-radius: 8px;
	-khtml-border-radius-bottomleft: 8px;	
	-moz-border-radius-bottomleft: 8px;
	border-bottom-left-radius: 8px;
}

.corner-tr {
	-webkit-border-top-right-radius: 8px;
	-khtml-border-radius-topright: 8px;	
	-moz-border-radius-topright: 8px;
	border-top-right-radius: 8px;
}

.corner-br {
	-webkit-border-bottom-right-radius: 8px;
	-khtml-border-radius-bottomright: 8px;	
	-moz-border-radius-bottomright: 8px;
	border-bottom-right-radius: 8px;
}

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

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

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

div#header-wrap {
	background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/header-bg.jpg) no-repeat center 0;
}

	header#page-header {
		height: 645px;
		width: 960px; 
		margin: 0 auto;
		position: relative;
	}
	
		div#header-phone {
			position: absolute; 
			left: 56px; 
			top: 78px;
			line-height: 1.2em; 
			font-size: 10px;
		}
		
		div#header-quicksearch {
			position: absolute; 
			left: 0; 
			top: 130px;
			height: 33px;
			padding: 11px 0 0 10px;
		}
			input#header-quicksearch-term {
				width: 180px;
				height: 16px;
				border: 1px solid #aba9a9;
				color: #484854;
				margin-right: 3px;
				float: left;
			}
			button#header-quicksearch-button {
				background: #549601;
				color: #fff;
				border: 0;
				font-size: 11px;
				height: 22px;
				float: left;
				width: 40px;
				padding: 3px 0 6px 0;
				cursor: pointer;
			}
			

		nav#header-nav {
			position: absolute; 
			z-index: 10;
			left: 285px; 
			top: 36px;
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/header-nav-trans.png) repeat 0 0;			
		}
		
			/* die Ecken */
			
			span.header-nav-corner {
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/header-nav-corners.png) no-repeat 0 0;
				display: block; 
				width: 6px; 
				height: 6px;
				overflow: hidden;
				position: absolute;
			}
				span#header-nav-corner-tl {
					left: -6px; 
					top: -6px;
				}
				span#header-nav-corner-bl {
					left: -6px; 
					bottom: -6px;
					background-position: -12px 0;
				}
				span#header-nav-corner-tr {
					right: -6px; 
					top: -6px;
					background-position: -6px 0;
				}
				span#header-nav-corner-br {
					right: -6px; 
					bottom: -6px;
					background-position: -18px 0;
				}
				
			span.header-nav-bridge {
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/header-nav-trans.png) repeat 0 0;
				display: block;
				position: absolute;							
			}
			
				span#header-nav-bridge-tl-tr,
				span#header-nav-bridge-bl-br {					
					left: 0;
					width: 100%;
					height: 6px;
				}
				span#header-nav-bridge-tl-tr {
					top: -6px; 
				}
				span#header-nav-bridge-bl-br {
					bottom: -6px;
				}
 			
				span#header-nav-bridge-tl-bl,
				span#header-nav-bridge-tr-br {
					top: 0;
					width: 6px;
					height: 100%;
				}
				span#header-nav-bridge-tl-bl {
					left: -6px;
				}
				span#header-nav-bridge-tr-br {
					right: -6px;
				}				
			
			
			ul#header-nav-list {
				position: relative;
				float: left;		
			}
				
			ul#header-nav-list li {
				float: left;					 				
			}
					
			ul#header-nav-list a {
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/mainnav-a-bg.gif) repeat-x 0 -31px;			
				
				display: block;
				float: left;
				
				border-left: 1px solid #a80105;
				
				padding: 0 10px;				
				height: 31px;
				line-height: 31px; 
				
				color: #fff; 
				text-decoration: none;
				text-transform: uppercase;
				font-weight: bold;
			}
			
			ul#header-nav-list a:hover,
			ul#header-nav-list a.active,
			ul#header-nav-list li.active a {
				background-position: 0 0;
			}
			
			ul#header-nav-list li.first a {
				border-left: 0;
				
				-webkit-border-bottom-left-radius: 8px;
				-khtml-border-radius-bottomleft: 8px;	
				-moz-border-radius-bottomleft: 8px;
				border-bottom-left-radius: 8px;
				
				-webkit-border-top-left-radius: 8px;
				-khtml-border-radius-topleft: 8px;	
				-moz-border-radius-topleft: 8px;
				border-top-left-radius: 8px;		
			}
						 
			ul#header-nav-list li.last a {
				-webkit-border-top-right-radius: 8px;
				-khtml-border-radius-topright: 8px;	
				-moz-border-radius-topright: 8px;
				border-top-right-radius: 8px;
				
				-webkit-border-bottom-right-radius: 8px;
				-khtml-border-radius-bottomright: 8px;	
				-moz-border-radius-bottomright: 8px;
				border-bottom-right-radius: 8px;			
			}
			
			/**
			 * 2. Ebene
			 */
			
			ul#header-nav-list ol {
				display: none;
				position: absolute;					
				top: 26px;				
				left: 0;
				width: 100%;
				background: #529201;
				
				-webkit-border-bottom-left-radius: 8px;
				-khtml-border-radius-bottomleft: 8px;	
				-moz-border-radius-bottomleft: 8px;
				border-bottom-left-radius: 8px;
				
				-webkit-border-bottom-right-radius: 8px;
				-khtml-border-radius-bottomright: 8px;	
				-moz-border-radius-bottomright: 8px;
				border-bottom-right-radius: 8px;		
			}
			
			ul#header-nav-list li:hover ol/*,
			ul#header-nav-list li.active ol*/ {			 
				display: block;
			}
			
				ul#header-nav-list ol li {
					float: left;
					position: static;
					height: 25px;
					line-height: 25px;
					padding-right: 1px;				
				}
			
				ul#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#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#header-nav-list ol a:hover,
				ul#header-nav-list ol a.active {					
					/*
					background: #fff !important;
					color: #777; 
					*/
					background: #69b011 !important;					
					color: #fff;				
				}
		
		a#header-home {
			display: block;
			position: absolute; 
			left: -150px; 
			top: 250px; 
			width: 250px; 
			height: 200px;
			cursor: pointer;
		}			
			
		section#search {
			position: absolute;
			left: 280px;
			top: 377px;
			width: 210px; 
			height: 210px;
		}
		
			section#search h2.search-title {
				font-size: 18px;
				color: #fff;
				font-weight: normal;
				height: 32px; 
				line-height: 32px; 
				text-indent: 50px;
			}
			
			form#search-form {
				padding: 12px 0 0 12px;
				font-size: 11px;
			}
			
				select#search-region {
					width: 186px;
					margin-bottom: 6px;
				}
				
				input#search-arrival-date, 
				input#search-departure-date {					
					width: 182px;
					margin-bottom: 6px;	
					background: #fff url(http://static.cliccaustria.at/fileadmin/templates/img/layout/calendar.gif) no-repeat right 0;		
				}
				
				label#search-price-from-label {
					display: block; 
					margin-bottom: 4px;
				}
				label#search-price-to-label {
					display: block;
					width: 26px; 
					text-align: center;
					float: left;
				}
				select#search-price-from,
				select#search-price-to {
					width: 80px;
					display: block;
					float: left;
				}
				
				button#search-button {
					cursor: pointer;
					display: block;
					background: none; 
					border: 0;				
					color: #fff; 
					font-weight: bold; 
					position: absolute; 
					top: 183px; 
					left: 135px;
					padding: 4px 0 5px 0;
					width: 65px; 
					text-align: center;	
					text-transform: uppercase; 
					font-size: 11px;				
				}
				
				button#search-button-mouse {
					background: transparent;
					border: 0 none;
					cursor: pointer;
					display: block;
					height: 100px;
					left: -250px;
					padding: 0;
					position: absolute;
					text-indent: -10000px;
					top: 120px;
					width: 200px;				
				}
				
				
		
		section#accommodation-slider {
			position: absolute; 
			left: 515px; 
			top: 437px;	
			height: 200px;	
			overflow: hidden;	
		}
		
			section#accommodation-slider li {
				width: 210px;
				height: 150px;
				float: left; 
				margin-right: 25px;
			}
			
			section#accommodation-slider li.last {
				margin: 0;
			}
			
				section#accommodation-slider article {
					height: 150px;
					position: relative;
					font-size: 11px;
				}
			
				section#accommodation-slider h3.entry-title {				
					height: 35px; 
					line-height: 35px;
					color: #fff;
					font-size: 12px;
					font-weight: bold; 
					padding-left: 10px;							
				}
				section#accommodation-slider h3.entry-title a {
					text-decoration: none;
					color: #fff;
				}
				section#accommodation-slider div.entry-content {
					height: 75px;				
					padding: 10px 10px 0 10px;
					overflow: hidden;						
				}				
				section#accommodation-slider a.entry-link {					
					color: #fff;
					display: block;
					font-weight: bold;		
					height: 25px;
					line-height: 25px;
					margin: 2px 0 0 135px;					
					text-align: center;
					text-decoration: none;
					width: 65px;
				}
				
			nav#accommodation-slider-nav {
				position: absolute; 
				bottom: 10px; 
				left: 0;
				height: 30px;
				width: 445px;				
			}
			
				a#accommodation-slider-prev, 
				a#accommodation-slider-next {
					cursor: pointer;
					display: block; 
					width: 40px; 
					height: 30px;
					position: absolute; 
					top: 0;					
				}		
				
				a#accommodation-slider-prev {
					left: 40px;
				}	
				
				a#accommodation-slider-next {
					right: 40px;
				}	
		
			
div#content-wrap {
	width: 960px; 
	margin: 0 auto 30px auto;
	padding: 40px 0 0 0;
	overflow: hidden;
}

	aside#left,
	aside#right,
	section#content {
		float: left;
		margin-bottom: -6000px;
		padding-bottom: 6000px;
	}

	aside#left {
		width: 250px;
		margin-right: 30px;		
	}
	
		div.sidebar-box {
			margin-bottom: 10px;
		}
	
		aside#left div.sidebar-box header {
			height: 33px; 
			line-height: 33px;
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-left-box-header.png) no-repeat 0 0;
			text-indent: 50px;
			color: #fff;			
			font-size: 18px;
		}
		
		aside#left div#sidebar-box-map header {
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-box-map-header.png) no-repeat 0 0;
		}
		
		aside#left div.sidebar-box-content {			
			background: #cfd0e5;
			border: 1px solid #fff; 
			border-top: 0; 
			border-bottom: 0;		
		}
		
		aside#left div.sidebar-box footer {
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-left-box-footer.gif) no-repeat 0 bottom;
			height: 32px;
		}
		
		/**
		 * Subnav
		 */
		ul#subnav {
			padding: 10px;
		}
		ul#subnav a {
			color: #484854;
			display: block; 
			height: 22px; 
			line-height: 22px;
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/subnav-a-bg.gif) no-repeat 8px 2px;
			text-indent: 40px;
			text-decoration: none;
			border-bottom: 1px solid #e2e3f2;
		}
		
		ul#subnav a:hover,
		ul#subnav a.active {
			background: #fff url(http://static.cliccaustria.at/fileadmin/templates/img/layout/subnav-a-bg.gif) no-repeat 8px -18px;
		}
		
		ul#subnav ol a {
			border-bottom: 0;
			text-indent: 50px;
			background:  url(http://static.cliccaustria.at/fileadmin/templates/img/layout/subnav-a-bg.gif) no-repeat 20px 2px;
		}
		ul#subnav ol {
			border-bottom: 1px solid #e2e3f2;
		}
		ul#subnav ol a:hover,
		ul#subnav ol a.active {
			background: #fff url(http://static.cliccaustria.at/fileadmin/templates/img/layout/subnav-a-bg.gif) no-repeat 20px -18px;
		}
		
		/**
		 * Map
		 */
		div#sidebar-map-wrap {
			height: 200px;
		}
		
			div#sidebar-map {				
				position: relative;
				height: 150px;
				background: #a7a9b9;
				margin-bottom: 10px;
				overflow: hidden;
			}
												
			div#sidebar-map img {
				position: absolute; 
				left: 0;
				top: 0;
				z-index: 2;
			}
									
			div#sidebar-map img#sidebar-map-image-move {
				z-index: 1;
				top: -150px;
			}
			
			a#sidebar-map-current {
				display: block; 
				height: 26px; 
				line-height: 26px; 
				text-indent: 15px;
				background: #000 url(http://static.cliccaustria.at/fileadmin/templates/img/layout/map-current-bg.gif) no-repeat right 0;
				text-decoration: none; 
				color: #fff;				
			}
			
		/**
		 * Ausklappbare boxes
		 */
		div.sidebar-box-expandable,
		div.sidebar-button {
			margin-bottom: 10px;
		}
	
		aside#left div.sidebar-box-expandable header,
		aside#left div.sidebar-button header {
			height: 33px; 
			line-height: 33px;
			background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-left-items-header.gif) no-repeat 0 0;
			text-indent: 50px;			
			cursor: pointer;		
			font-size: 18px;
		}	
		aside#left div.sidebar-button header {
			background-position: 0 -123px;
		}
		
		aside#left div.sidebar-box-expandable h2,
		aside#left div.sidebar-box h2,		
		aside#left div.sidebar-button h2, 
		aside#left div.sidebar-box-expandable h2 a,
		aside#left div.sidebar-button h2 a {
			color: #fff; 
			font-size: 18px;
			text-decoration: none;
			font-weight: normal;
		}
		
		div.sidebar-box-expandable header a,
		div.sidebar-button header a {
			color: #fff; 
			text-decoration: none;	
		}	
			
		div.sidebar-box-expandable-content {
			display: none;			
			padding: 10px 0 10px 0;			
		}
		div.sidebar-box-expandable footer {
			display: none;
		}
			
			div.sidebar-box-expandable-content ul a {
				color: #484854;
				display: block; 
				height: 22px; 
				line-height: 22px;
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/subnav-a-bg.gif) no-repeat 8px 2px;
				text-indent: 40px;
				text-decoration: none;
				border-bottom: 1px solid #e2e3f2;
			}
			div.sidebar-box-expandable-content ul a:hover,
			div.sidebar-box-expandable-content ul a.active {
				background-position: 8px -18px;
			}
			
		
		div.sidebar-box-expandable footer {
			
		}
	
			aside#left div#sidebar-box-topics header {
				background-position: 0 0;
			}
			
			aside#left div#sidebar-box-packagetopics header {
				background-position: 0 -41px;
			}
									
			aside#left div#sidebar-box-newsletter header {
				background-position: 0 -82px;
			}
	
	
	section#content {
		width: 420px;
		padding-right: 30px;
		margin-right: 20px;
		background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/content-bg-line.gif) repeat-y right 0;		
	}
	
		section#content.content-wide {
			width: 680px;
			background: none;
			padding-right: 0;
			margin-right: 0;
		}
	
	
	aside#right {		
		width: 210px;
		padding-top: 10px;
		overflow: hidden;
	}
		
		a#sidebar-facebook {
			display: block; 
			height: 50px;
			margin-bottom: 20px; 
		}
		
		div#sidebar-tweets {
			margin-bottom: 20px;
		}
			
			div#sidebar-tweets h3 {
				margin-bottom: 10px;
			}
			
			div#sidebar-tweets h3 a.tweet-link {
				display: block;				 
				line-height: 21px;
				text-indent: 25px;
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/calendar-2.gif) no-repeat 0 0;
				color: #d00105;
				font-weight: bold;
				font-size: 11px;
			}						
			
			
		div#sidebar-partners {
			margin-bottom: 20px;
		}
			
			div#sidebar-partners h3 {
				display: block;
				height: 25px; 
				line-height: 25px;
				text-indent: 25px;
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/people.gif) no-repeat 0 center;
				color: #bbbdd8;
				font-weight: normal;
				font-size: 16px;
				border-bottom: 1px solid #c0c0d0;
			}
			
			div#sidebar-partners img {
				padding: 3px; 
				border: 1px solid #dfdfe7;
				margin-top: 10px;
			}
		
		aside#right div.sidebar-box-expandable {
			position: relative;
		}
			
			aside#right div.sidebar-box-expandable header,
			aside#right div.sidebar-button header {				
				width: 209px;
				height: 35px; 
				line-height: 35px;
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-right-item.png) no-repeat 0 0;
				text-indent: 10px;
				color: #fff;
				cursor: pointer;		
				font-size: 12px;
				font-weight: bold;
			}		
			aside#right div.sidebar-box-expandable header.active {
				background-position: 0 -40px;
			}
		
			aside#right div.sidebar-box-expandable-content {
				background: #dadbeb;
				width: 209px;			
			}
				
				aside#right div.sidebar-box-expandable-content div {
					padding: 10px;
					font-size: 11px;
				}
				aside#right div.sidebar-box-expandable-content p {
					margin-bottom: 10px;
				}
				
			aside#right div.sidebar-box-expandable footer {
				height: 9px;
				background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/sidebar-right-item.png) no-repeat 0 -81px;
			}	
			
	
footer#page-footer {	
	clear: both; 	
	width: 960px; 
	margin: 0 auto;	
	border-top: 6px solid #78789b;
	padding: 10px 0 30px 0;
	font-size: 11px;
	position: relative;
}
	a#logo-conecto, 
	a#logo-microgast {
		display: block; 
		width: 150px;
		height: 20px;
		position: absolute; 
		right: 0;
		top: 5px;
		text-indent: -10000px;		
	}
	a#logo-conecto {	
		background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/conecto.gif) no-repeat center right;	
	}
	a#logo-microgast {
		background: url(http://static.cliccaustria.at/fileadmin/templates/img/layout/microgast.gif) no-repeat center right;
		top: 25px;	
	}