/*
Theme Name: saalbach-booking.com
Theme URI: http://bigfoot-design.at
Author: Markus Buchsteiner
Author URI: http://bigfoot-design.at
Description: Kundendefiniertes Theme mit Hintergrundbild /vintage-look
Version: 1.0
License: Copyright
Tags: yellow, orange, brown, one-column, right-sidebar, custom-background
Text Domain: CA-Design
*/

@import url(css/default.css);

/* Zentrale Spritezuweisung */



a#facebook,
a#googleplus,
a#youtube,
a#mtb,
a#wetter,
a#saalbach,
a#jokercard
{
	background:  url(images/sprite.png) no-repeat;
	
}

a#facebook,
a#googleplus,
a#youtube,
a#wetter,
a#mtb,
a#saalbach,
 {
	text-indent:-10000px;
}


a#saalbach {
    background-position:-22px -207px;
    color: #58585A;
    display: block;
    height: 156px;
    position: relative;
    text-decoration: none;
    top: 271px;
    width: 199px;
    left:2px;
}

a#wetter {
	background-position: -20px -75px;
    display: block;
    height: 117px;
    left: 30px;
    position: absolute;
    width:170px;
	top: 283px;
	left: 30px;
}


a#mtb {
    background-position: -34px -660px;
    color: #58585A;
    display: block;
    height: 66px;
    position: relative;
    text-decoration: none;
    top: 281px;
    left: 11px;
	width: 183px;
}

a#youtube {
    background-position: -119px -447px;
    color: #58585A;
    display: block;
    height: 53px;
    position: relative;
    text-decoration: none;
    top: 640px;
    width: 58px;
    left: 109px;
}

a#facebook {
    background-position: -63px -446px;
    color: #58585A;
    display: block;
    height: 53px;
    position: relative;
    text-decoration: none;
    top: 692px;
    width: 58px;
    left: 49px;
}

a#googleplus {
    background-position: -83px -732px;
    color: #58585A;
    display: block;
    height: 30px;
    position: relative;
    text-decoration: none;
    top: 295px;
    left: 61px;
	width: 89px;
}



html {
}


body {
	color:#58585A;
	line-height:22px;
	font-size:14px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	background: url("images/bg.jpg") no-repeat center top #D7D2CC;
}

aside#header {
    position: relative;
}

a#logo {
    height: 180px;
    position: absolute;
    width: 331px;
	margin-left: 317px;
    top: 35px;

}

div#slider {
	width: 960px;
	height: 480px;
    overflow: hidden;
    position: relative;
    top: 228px;
}

.md-slide-wrap {
	margin: 0 auto;
}

#wrapper {
    margin: 0 auto;
    position: relative;
    width: 960px;
    overflow: hidden;
}

div#contentwrapper {
    position: relative;
    top: 150px;
    overflow:hidden;
}

section#content {
	background:#fff;
	background: rgba(255, 255, 255, 0.9);
    float: left;
    min-height: 830px;
    padding: 200px 20px 35px;;
    width: 690px;

}

aside#sidebar {
    float: left;
    height: 810px;
    padding: 40px 10px 20px;
    position: relative;
    width: 210px;
    color:#fff;
    background:#F7AE20;
}


nav#mainNav {
    background: none repeat scroll 0 0 #E36929;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
	color: #FFFFFF;
	text-decoration: none;
    height: 83px;
    position: absolute;
    right: 0;
    top: 705px;
    width: 960px;
    z-index: 10;
    box-shadow: 0 5px 5px rgba(0, 0, 0, 0.4);
}

nav#mainNav > ul > li:last-child div ul  {
	left:-122px;
	text-decoration: none;
}

nav#mainNav > ul > li {
    float: left;
    position: relative;
	text-decoration: none;
}

nav#mainNav > ul > li > a {
    border-left: 1px solid #717075;
    color: #FFFFFF;
    display: block;
    font-size: 15px;
    height: 84px;
    line-height: 85px;
    padding: 0 40px;
    text-decoration: none;
}

nav#mainNav > ul > li:first-child > a {
	border:none;
}

nav#mainNav > ul > li:hover > a,
nav#mainNav > ul > li.current-menu-item > a {
    background: #604C3F;
}

nav#mainNav > ul > li > div {
    position: absolute;
    width: 200px;
	opacity: 0;
	-moz-transition: opacity 0.25s ease-in 0s, visibility 0.25s ease-out 0s;
	-webkit-transition: opacity 0.25s ease-in 0s, visibility 0.25s ease-out 0s;
	-o-transition: opacity 0.25s ease-in 0s, visibility 0.25s ease-out 0s;
	transition: opacity 0.25s ease-in 0s, visibility 0.25s ease-out 0s;
	visibility: hidden;
}

nav#mainNav > ul > li > div > ul {
    padding: 10px 0;
    position: absolute;
    width: 200px;
    bottom:73px;
}

nav#mainNav > ul > li > div > ul > li > a {
	background: none repeat scroll 0 0 #604C3F;
    color: #fff;
    display: block;
    line-height: 24px;
    padding: 10px 10px;
    text-decoration: none;
    font-size: 14px;
    margin-bottom:1px;

}

nav#mainNav > ul > li > div > ul > li > a:hover {
    background: #604C3F;
	text-decoration: none;
}

nav#mainNav > ul > li:hover > div {
	opacity: 1;
	visibility: visible;
}

footer#footer {
    background: none repeat scroll 0 0 #604C3F;
    box-shadow: 0 0 5px #000000;
    color: #FFFFFF;
    font-size: 12px;
    padding: 9px 30px;
    position: relative;
    top: 120px;
    overflow:hidden;
    margin-bottom: 120px;
	height: 46px;
}
footer#footer a {
	color:#fff;
}
footer#footer ul {
    float: right;
    position: relative;
    text-align: right;
    top: -15px;
    width: 386px;
}
footer#footer ul > li {
    float: right;
}
footer#footer ul > li > a {
    border-right: 1px dotted;
    display: block;
    line-height: 9px;
    padding: 8px 6px;
    text-align: right;
    text-decoration: none;
}
footer#footer ul > li > a:hover {
	text-decoration: underline;
	
}
footer#footer ul > li:first-child > a {
	border:none;
}

a#sidebarbutton {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    color: #58585A;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 10px;
    width: 100%;
}

iframe#fbbox {
    border: medium none;
    bottom: 90px;
    height: 65px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    width: 80px;
}

div#___plusone_0 {
    bottom: 94px;
    position: absolute;
    right: 20px;
}
div#scroll_to_top a {
	right:20px !important;
}
div.gallery {
	margin: 0px -30px 0 -22px !important;
}
div.gallery img {
	border-color: #fff !important;
}
.googleplusbox {
    bottom: -16px;
    left: 17px;
    position: absolute;
}
div.widgetwrap {
    height: 220px;
    position: relative;
    width: 200px;
}
.scrollup {
    bottom: 80px;
    right: 20px;
}
div.wp-forecast {
    float: none;
    padding: 0;
}
#content a.button-googleplus {
	background: none repeat scroll 0 0 #604C3F;
	border:none;
}
#content a.button-googleplus:hover {
	background: #58575b;
}

.cls, .clear {
	clear:both;
}

.addthis_toolbox {
    bottom: -17px;
    position: relative;
    width: 470px;
}

#kommentar_formular {
	padding-top:40px;
}

#kommentare .comment {
    border: 1px solid #BBBBBB;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 15px;
}

#kommentare small {
    border-bottom: 1px dotted;
}

#kommentare p {
	
}

div.sidbar-widget-area {
	padding-bottom:10px;
}


iframe#like {
    border: medium none;
    height: 400px;
    left: 35px;
    overflow: hidden;
    position: relative;
    top: 35px;
    width: 235px;
}




/* Language switcher */
nav.lang {
    padding-bottom: 15px;
    position: relative;
}
nav.lang > h2 {
	padding-bottom:15px;
}

nav.lang ul li:hover > ul {
    display: block;
}
nav.lang ul {
    background: -moz-linear-gradient(center top , #EFEFEF 0%, #BBBBBB 100%) repeat scroll 0 0 transparent;
    border-radius: 5px 5px 5px 5px;
    box-shadow: 0 0 9px rgba(0, 0, 0, 0.5);
    display: inline-table;
    list-style: none outside none;
    padding: 0 11px;
    position: relative;
}
nav.lang ul:after {
    clear: both;
    content: "";
    display: block;
}
nav.lang ul li {
    float: left;
}
nav.lang ul li:hover {
    background: -moz-linear-gradient(center top , #4F5964 0%, #5F6975 40%) repeat scroll 0 0 transparent;
}
nav.lang ul li:hover a {
    color: #FFFFFF;
}
nav.lang ul li a {
    background-position: 0 8px;
    color: #757575;
    display: block;
    line-height: 18px;
    margin-left: 4px;
    padding: 4px 5px 4px 22px;
    text-decoration: none;
}

nav#mainNav nav.lang {
}

/* Sprachenumschalter wieder einblenden wenn Englisch umgesetzt wurde
 * @markus, judith
 * einfach "display:none" entfernen ;)
 * und auf Zeile ca. 920 das selbe nochmal
 */
nav.lang.langtop {
    left: 8px;
    position: absolute;
    left: 745px;
    top: 700px;
    width: 190px;
}
nav.lang.langtop ul {
    left: 0;
    position: absolute;
    top: 115px;
    width: 190px;
    z-index: 10;
    box-shadow: none;
    background:none;
}
nav.lang.langtop a {
	color:#fff;
}
nav.lang.langtop ul li:hover {
	background:none;
}
nav.lang.langtop ul li:hover a {
	text-decoration:underline;
}

/* Contentbereich */
h1,
body#page-1985 #content h1.blog,
body#page-1387 #content h1.zimmer {
    font-size: 32px;
    line-height: 35px;
    padding-bottom: 15px;
    color:#604C3F;
    font-family: caviar_dreamsregular;
}
h2,
#sidebarbutton,
body#page-1562 #content h1,
body#page-1449 #content h1,
body#page-1387 #content h1,
body#page-1985 #content h1 {
    font-size: 26px;
    padding-bottom: 10px;
    font-family: caviar_dreamsregular;
}
body#page-1562 #content h1,
body#page-1387 #content h1,
body#page-1449 #content h1,
body#page-1985 #content h1 {
	color:#000;
}
body#page-1387 #content h1 {
    left: -260px;
    position: relative;
    margin-bottom: -20px;
    padding-bottom:0
}
body#page-1387 #content h1.zimmer,
body#page-1387 #content h1.blog {
	left:0;
	padding-bottom:40px;
}

h3, h4 {
	font-size:16px;
    color:#604C3F;
}
img {
	border:none;
}

p {
	padding-bottom:20px;
	
}
a {
	color:#E36929;
}

a:hover {
	text-decoration:none;
}

table {
	
}

form {
	
}
div.entry ul,
div.entry ol {
	padding-bottom:20px;
}
div.entry ul li {
    list-style: square outside none;
    margin-left: 15px;
}
div.entry ol li {
    list-style: lower-roman outside none;
    margin-left: 25px;
}
input[type="submit"] {
    border: 1px solid #AAAAAA;
    height: 33px;
    margin-top: 10px;
    width:97%;
}
input, textarea, select {
    border: medium none;
    border-radius: 5px 5px 5px 5px;
    font-size: 16px;
    height: 30px;
    padding-left: 10px;
    width: 95%;
    font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    background: #ddd;
}
select {
	width:96%;
}
textarea {
	height:100px;
    padding-top: 5px;
}

div.wpcf7-response-output {
	margin:0;
	padding:0;
}
.wpcf7-not-valid-tip-no-ajax,
.wpcf7-validation-errors {
	color:#E43417;
	font-weight:bold;
}
.wpcf7-mail-sent-ok {
	color:green;
	font-weight:bold;
}

.ngg-album-compact h4 {
	
}
.ngg-album-compact h4 a {
	font-size: 14px;
    font-weight: normal;
    text-decoration: none;
}

/* =WordPress Core
-------------------------------------------------------------- */
.alignnone {
    margin: 5px 20px 20px 0;
}

.aligncenter,
div.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

.alignright {
    float:right;
    margin: 5px 0 20px 20px;
}

.alignleft {
    float: left;
    margin: 40px 20px 20px 0;
}

.aligncenter {
    display: block;
    margin: 5px auto 5px auto;
}

a img.alignright {
    float: right;
    margin: 5px 0 20px 20px;
}

a img.alignnone {
    margin: 5px 20px 20px 0;
}

a img.alignleft {
    float: left;
    margin: 5px 20px 20px 0;
}

a img.aligncenter {
    display: block;
    margin-left: auto;
    margin-right: auto
}

.wp-caption {
    background: #fff;
    border: 1px solid #f0f0f0;
    max-width: 96%; /* Image does not overflow the content area */
    padding: 5px 3px 10px;
    text-align: center;
}

.wp-caption.alignnone {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignleft {
    margin: 5px 20px 20px 0;
}

.wp-caption.alignright {
    margin: 5px 0 20px 20px;
}

.wp-caption img {
    border: 0 none;
    height: auto;
    margin: 0;
    max-width: 98.5%;
    padding: 0;
    width: auto;
}

.wp-caption p.wp-caption-text {
    font-size: 11px;
    line-height: 17px;
    margin: 0;
    padding: 0 4px 5px;
}


.wp_youtube_gallery {
    float: left;
    margin-right: 15px;
}
#videos_on_post_1398 p {
	padding: 0;
}
div.entry {
    padding-bottom: 25px;
    position: relative;
}
body#page-1387 div.entry,
body#page-1562 div.entry {
	overflow:hidden;
}

body#page-21 div.entry img {
    border: 1px solid #666666;
}
body#page-45 div.entry img {
	border:none;
}
body#page-45 div.entry h2 {
    float: right;
    width: 588px;
}
body#page-21 div.entry p {
    margin-left: 272px;
}
div.entry a.more-link {
	background: none repeat scroll 0 0 #604C3F;
    bottom: 10px;
    box-shadow: 0 3px 8px #666666;
    padding: 3px 20px;
    position: absolute;
    right: 10px;
    text-decoration: none;
    color:#fff;
}

hr {
    clear: both;
    margin-bottom: 12px;
    width: 90%;
    border: 0; height: 1px; 
    background-image: -webkit-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));       
    background-image: -moz-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -ms-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0)); 
    background-image: -o-linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    background-image: linear-gradient(left, rgba(0,0,0,0), rgba(0,0,0,0.75), rgba(0,0,0,0));
    width:100%; 
}

table {
    border: 1px solid #999999;
    border-spacing: 0;
    box-shadow: 4px 4px 4px #999999;
    margin-bottom: 35px;
    width: 99%;
}
table thead {
    background: none repeat scroll 0 0 #1A171B;
    color: #FFFFFF;
}
table.ui-datepicker-calendar thead {
	background:none;
	color:#000;
}
table td, table th {
    border-bottom: 1px solid #999999;
}
table tr td, table tr th {
    height: 30px;
    vertical-align: middle;
}
table thead tr th {
    font-weight: bold;
}
table th, table td {
    padding-left: 5px;
}
table tbody tr:nth-child(2n+1) {
    background: ;
}
table tbody tr:nth-child(2n) {
    background: none repeat scroll 0 0 #FFFFFF;
}

.nivo-caption p {
    font-family: caviar_dreamsregular;
    font-size:20px;
    text-align: right;
}

.nivo-controlNav {
    display: block !important;
    margin-left: -40px;
    position: absolute;
    right: 20px;
    top: 20px;
}
.nivo-controlNav a {
    background: url("../../plugins/nivo-slider-for-wordpress/css/images/bullets-nivo-demo11.png") no-repeat scroll 0 -15px transparent;
	border: 0 none;
	display: block;
	float: left;
	height: 12px;
	margin-right: 7px;
	text-indent: -9999px;
	width: 12px;
	background-attachment: scroll;
	background-repeat: no-repeat;
	background-position: 0px 0px;
	position: relative;
	cursor: pointer;
	z-index: 91;
}
.nivo-controlNav a.active {
	background-position: 0pt -12px;
}
a#sidebarbutton {
    background: none repeat scroll 0 0 #DDDDDD;
    border-radius: 5px 5px 5px 5px;
    color: #58585A;
    display: block;
    font-size: 18px;
    line-height: 18px;
    padding-top: 8px;
    position: relative;
    text-align: center;
    text-decoration: none;
    top: 10px;
    width: 100%;
}

iframe#fbbox {
    border: medium none;
    bottom: 90px;
    height: 65px;
    left: 15px;
    overflow: hidden;
    position: absolute;
    width: 80px;
}
div#___plusone_0 {
    bottom: 94px;
    position: absolute;
    right: 20px;
}
div#scroll_to_top a {
	right:20px !important;
}
div.gallery {
	margin: 0px -30px 0 -22px !important;
}
div.gallery img {
	border-color: #fff !important;
}
.googleplusbox {
    bottom: -16px;
    left: 17px;
    position: absolute;
}
div.widgetwrap {
    height: 220px;
    position: relative;
    width: 200px;
}
.scrollup {
    bottom: 80px;
    right: 20px;
}
div.wp-forecast {
    float: none;
    padding: 0;
}
#content a.button-googleplus {
	background: none repeat scroll 0 0 #604C3F;
	border:none;
}
#content a.button-googleplus:hover {
	background: #58575b;
}

.cls, .clear {
	clear:both;
}

.addthis_toolbox {
    bottom: -17px;
    position: relative;
    width: 470px;
}


#kommentar_formular {
	padding-top:40px;
}
#kommentare .comment {
    border: 1px solid #BBBBBB;
    margin-bottom: 15px;
    margin-top: 25px;
    padding: 15px;
}
#kommentare small {
    border-bottom: 1px dotted;
}
#kommentare p {
	
}


/* Gästebuch */
.css_form_embedded {
    border: none;
    width: 97%;
}
.css_form_namefield, .css_form_urlfield, .css_form_urlfield, .css_form_emailfield, .css_form_textfieldspace > input {
    width: 300px;
}
.css_form_messagefield {
    margin-top: 7px;
    width: 300px;
}
.css_form_antispamtext {
    padding-bottom: 12px;
    text-align: left;
}
.css_guestbook_font_color table {
    box-shadow: none;
}
.css_post_separator {
    border: medium none;
}
.css_post_embedded {
	width:97%;
}
.css_post_embedded table {
	box-shadow: none;
}
hr.css_post_separator {
	display:none;
}
.css_guestbook_position table {
	box-shadow: none;
}
/*********************************/



/********************************** RESPONSIVE ******************************************/

/*
 * iPad 4 				2048 × 1536
 * iPhone 5				1136x640
 * iPad Mini 			1024x768
 * iPad 1, 2, 3			1024x768
 * iPhone 4, 4s			960x640
 * Galaxy S2			800x480
 * iPhone 3GS			480x320
 * Galaxy Ace			480x320
 */


/* Responsive Menu */
.responsiveSelectContainer select.responsiveMenuSelect, select.responsiveMenuSelect {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    height: 50px;
    margin-left: 3%;
    margin-top: 15px;
    padding-bottom: 12px;
    padding-top: 13px;
    width: 65%;
}
nav#mainNav nav.lang {
	    display: block;
	    position: absolute;
	    right: 10px;
	    top: 30px;
	    width:25%;
	    display:none;
}
nav#mainNav nav.lang select {
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #FFFFFF;
    box-shadow: 4px 4px 4px rgba(0, 0, 0, 0.6);
    color: #FFFFFF;
    height: 50px;
    margin-right: 3%;
    margin-top: -15px;
    padding-bottom: 12px;
    padding-top: 13px;
}

/* --------------------------
   iPad2 Landscape
----------------------------*/
@media only screen and (max-width:1023px) {



}
/* --------------------------
   iPad2 Portrait
----------------------------*/
@media only screen and (max-width:960px) {

	#wrapper {
	    width: auto;
	}
	nav#mainNav {
		width:100%;
	}
	section#content {
		padding: 2.5%;
	    width: 95%;
		min-height:auto;	
	}
	aside#sidebar {
	    height: auto;
	    padding-top: 20px;
	    width: 98%;
	}
	aside#sidebar > div,
	aside#sidebar > nav {
	    float: left;
	    padding-right: 1%;
	    width: 23%;
	}
	div.livecam img {
		width:160px;
		height:auto;
	}
	/* Sprachenumschalter wieder einblenden wenn Englisch umgesetzt wurde
	 * @markus, judith
	 * einfach den Kommentar der 3 Zeilen unterhalb wegnehmen
	 * und auf Zeile ca. 920 das selbe nochmal
	 */
	
	/*
	nav#mainNav nav.lang {
		display:block;
	}
	*/
	

}
/* --------------------------
   Iphone 4S, 4
----------------------------*/
@media only screen and (max-width:640px) {


	aside#sidebar > div,
	aside#sidebar > nav {
	    float: left;
	    padding-right: 1%;
	    width: 48%;
	}
	
	footer#footer ul {
	    float: inherit;
	    left: -5px;
	    position: relative;
	    text-align: left;
	    top: 0;
	    width: 100%;
	}
	footer#footer ul > li {
	    float: left;
	}
	footer#footer ul > li > a {
	    border-left: 1px dotted;
	    border-right:none;
	}
	nav.langtop {
		display:none;
	}
	div.livecam img {
		width:200px;
	}


}
/* --------------------------
   Iphone 3GS und andere Smartphones mit geringer Auflösung
----------------------------*/
@media only screen and (max-width:480px) {

	#wrapper {
	    width:100%;
	}
	
	section#content {
	    width: 87%;
	}
	a#logo {
	    margin-left: -137px;
	    margin-top: 15px;
	}
	a#logo > img {
		height:47px;
	}
	
	aside#sidebar > div,
	aside#sidebar > nav {
	    float: left;
	    padding-right: 1%;
	    text-align: center;
	    width: 97%;
	}
	section#content {
	    padding: 2%;
	    width: 96%;
	}
	div.widgetwrap {
	    left: 20%;
	}
	footer#footer {
		text-align: center;
	}
	footer#footer ul {
		left:25%;
	}
	nav#mainNav nav.lang {
		width:35%;
	}
	.responsiveSelectContainer select.responsiveMenuSelect,
	select.responsiveMenuSelect {
		width:55%;
	}

}