@charset "UTF-8";


/* ------------------------------------- Global rules --------------------------------------------------------------*/
*{padding:0;margin:0}
img,object,embed,video{max-width:100%}
img{ color:white;}
.ie6 img{width:100%}
::selection{background:rgba(57,33,21,0.2);}
::-moz-selection{background:rgba(57,33,21,0.2)}
.fluid{clear:both;margin-left:0;width:100%;float:left;display:block}
.fluidList{list-style:none;list-style-image:none;margin:0;padding:0}
body{font-family: 'Open Sans', sans-serif;font-size:0.8em;font-weight:400; background-image: url(../images/hintergrund.jpg); background-repeat: repeat;overflow-x: hidden; color:#392115;}
a:link,a:visited{color:#392115;text-decoration:none}
a:hover,a:active,a:focus{color:#392115;text-decoration:none;font-weight:400}
header a:link,header a:visited{color:#eee9de;text-decoration:none}
header a:hover,header a:active,header a:focus{color:#eee9de;text-decoration:none;font-weight:300}
h1, h2 {font-weight:500;padding:20px 0 15px 0;  line-height: 10px; display:inline;float:left;width:100%; color:#958072; text-transform: uppercase;}
h3, h4{ font-family: 'Satisfy', cursive; line-height: 25px; padding:20px 0 15px 0; color:#b98445; }
h4 {padding:4px 0 2px 0; font-weight: 100;font-size: 1.3em}
h5{ font-size: 1.2em; font-variant: small-caps; font-weight:700; color: #958072;}
h6 {font-size: 1.0em; font-weight:700; color: #958072; text-align: center;}
hr { border-width:2px; width: 35%; border-color:#cbbb9f;  margin-left: auto; margin-right: auto; }
#contact h3{ padding-bottom:0px; margin-bottom:-10px}
#datenschutz h5 {padding-bottom: 0; margin-bottom: 0;}
p {padding-bottom: 20px;}
.clean{clear:both}
.gridContainer, .gridContainer2, .gridContainer-start {margin-left:auto;margin-right:auto;width:82%;padding-left:1.15%;padding-right:1.15%;clear:none;float:none;color:#392115;text-align:center;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}
.gridContainer-start, .gridContainer2 {width:100%; margin:0; padding:0;}
.gridContainer2 {width:100%; margin:0; padding-left:3%;padding-right:3%;}

.cta-button {
    display: inline-block;
    padding: 0.75em 1.5em;
	margin-bottom: 50px;
    background-color: #b98445;
    text-decoration: none;
    font-weight: normal;
    border-radius: none;
}


.cta-button:hover {
    background-color: #958072;
}



/* ------------------------------------- LOGO & MENUE --------------------------------------------------------------*/
.logo-box {  width: 160px; margin-top:200px; margin-left: auto; margin-right: auto;}
#logo{width:160px;height:197px;background-image:url(../images/logo_tischlerei_schmiedmaier.png);background-size:100%; background-repeat: no-repeat; overflow:hidden; position: absolute; margin-left: auto; margin-right: auto; z-index:100000 }
#toggleNavMain{display:block;position:absolute; z-index:10000; left:10px;top:10px;height:50px;width:50px;background:rgba(57,33,21,0.5);font-size:1em;padding:18px 10px 10px 14px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc);letter-spacing:1px;background-image:url(../images/menue.png);background-size:100%}
#toggleNavMain:hover,#toggleNavMain:active,#toggleNavMain:focus{background:#392115;background-image:url(../images/menue.png);cursor:pointer}
.js .menue{display:none;position:absolute; z-index: 100000; width: 100%; top: 100px;}
.zero{width:100%;height:100%;background-image:url(../images/zero.png);background-size:100% 100%;position:absolute;z-index:9000}
.zero img{width:100%;height:100%}


.menue-p {height:50px;background:rgba(57,33,21,1);font-size:.8em;padding:14px 0;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc);margin-bottom:2px;font-weight:300;text-transform: uppercase;}
.menue-p:hover {background-color:#b98445;}



/* ------------------------------------- START --------------------------------------------------------------*/

#home { position: absolute; top:0;}
#start-desktop{background-image:url(../images/loading-start.gif);background-repeat:no-repeat;background-size:30px;background-position:center;min-height:200px}
.startseite{background-repeat:no-repeat;background-size:100% auto;margin-bottom:2%;}

.startseite{background-repeat:no-repeat;background-size:100% auto;margin-bottom:2%;}
.cycle-slideshow{position:relative;margin:0 auto;overflow:hidden;max-width:100%;display:block}
.cycle-pager{max-width:100%;z-index:9999;position:absolute;top:10px;right:4.8%;cursor:pointer}
.cycle-pager span{text-indent:1000%;white-space:nowrap;display:inline-block;width:10px;height:10px;background:rgba(57,33,21,0.6);margin:0 0 10px 10px}
.cycle-pager .cycle-pager-active{background:#392115}
.cycle-pager span:hover{background:#392115}

.slide{display:block;position:relative;width:100%}
.img-start,.img-mobile{background-size:100%;background-repeat:no-repeat}
.img-start{background-image:none}
.img-mobile{display:block}
#tablet-platzhalter { display: none;}

.slide-1, .slide-2, .slide-3, .slide-4, .slide-5, .slide-1-tablet, .slide-2-tablet, .slide-3-tablet, .slide-4-tablet, .slide-5-tablet{ display: none;}
.slide-1-mobile{background-image:url(../images/teaser_holz_mobile.jpg)}
.slide-2-mobile{background-image:url(../images/teaser_kueche_mobile.jpg)}
.slide-3-mobile{background-image:url(../images/teaser_handwerk_mobile.jpg)}
.slide-4-mobile{background-image:url(../images/teaser_restauration_mobile.jpg)}
.slide-5-mobile{background-image:url("../images/teaser_hochbett_mobile.webp")}
.caption { padding: 0 15px; left: 50%;  background:#eee9de;}
.caption h4 { color: #392115;}


/* ------------------------------------- INHALTE --------------------------------------------------------------*/
#inhalt-unternehmen, #inhalt-leistungen, #inhalt-produkte, #inhalt-impressum, #inhalt-hochbetten { background: white; padding: 20px 30px 0 30px; margin-bottom: 50px; text-align: left; box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc)}
#inhalt-unternehmen, #inhalt-hochbetten { padding-top: 20px;}
#inhalt-produkte { margin-top: 30px;}
#inhalt-leistungen { background: none;}
.leistung-rechts { float: right; width: 100%;}
.bild-links { float: left; width: 100%;  margin-bottom: 30px;}
.leistung-links { float: left; width: 100%;}
.bild-rechts { float: right; width: 100%; margin-bottom: 30px;}
.middle { text-align: center;}
.inhalt-galerie { margin-top: 30px;}
#kontakt a:hover, #kontakt a:active, #kontakta:focus { font-weight: bolder;}
#inhalt-kontakt { text-align: left; font-size: 0.8em; padding-top: 50px; padding-bottom: 50px;}
#kontakt-logo { display: none; width:120px;height:148px;background-image:url(../images/logo_tischlerei_schmiedmaier.png);background-size:100%; background-repeat: no-repeat; overflow:hidden; float: left; margin-top: 10px; }
#kontakt-text, #kontakt-impressum { width: 100%; float: left; text-align: center;}
#kontakt-impressum { text-align: left;}
#kontakt-plan {width: 88%; margin: 0 auto; padding-bottom: 15px;}
#impressum { margin-top: 100px;}
#datenschutz {margin-top: 70px; font-size: 0.8em;}


/* ------------------------------------- GALERIE--------------------------------------------------------------*/
.galerie-box img{width:46.48%;margin-right:4%;margin-left:1%;margin-bottom:5%;float:left}
.zweiter img, .vierter img, .sechster img, .achter img, .zehnter img, .zwoelfter img, .vierzehnter img {margin-right:0}
.fuenzehnter img { margin-bottom: 50px;}





/* ------------------------------------- BILDSCHIRM  min-width 500px --------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 500px) {
	
	#logo{width:188px;height:234px;}
	
	#mobile-platzhalter { display: none;}
	#tablet-platzhalter { display: block;}

	.slide-1-tablet, .slide-2-tablet, .slide-3-tablet, .slide-4-tablet, .slide-5-tablet{ display: block;}
	.slide-1-mobile, .slide-2-mobile, .slide-3-mobile, .slide-4-mobile, .slide-5-mobile{ display: none;}
	.slide-1-tablet{background-image:url(../images/teaser_holz_tablet.jpg)}
	.slide-2-tablet{background-image:url(../images/teaser_kueche_tablet.jpg)}
	.slide-3-tablet{background-image:url(../images/teaser_handwerk_tablet.jpg)}
	.slide-4-tablet{background-image:url(../images/teaser_restauration_tablet.jpg)}	
	.slide-5-tablet{background-image:url("../images/teaser_hochbett_tablet.webp")}	
	
}





/* ------------------------------------- BILDSCHIRM  min-width 718px --------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/
@media only screen and (min-width: 718px) {
	
	.cycle-pager{top:100px;right:10%;}
	.cycle-pager span{width:15px;height:15px;margin:0 0 15px 15px}
	.img-mobile{display:none}
	.img-start{display:block}
	#home { position: relative; margin-top:-100px;}
	#toggleNavMain{display:none}
	.js .menue{display:block; margin-top:-100px; }
	#kopf{position:absolute; z-index: 10000; top: 0; text-align: center; width: 100%; height: 42px; background:rgba(57,33,21,0.6);}
	nav {width:718px; margin-left: auto; margin-right: auto;}
	nav li{float:left;}
	.menue-p{height:42px;background:rgba(57,33,21,0);font-size:11px;padding:14px 30px;box-sizing:border-box;-webkit-box-sizing:border-box;-moz-box-sizing:border-box;*behavior:url(/scripts/boxsizing.htc);}
	.menue-p:hover {background-color:#392115;}
	.logo-box { margin-top:100px;}
	
	#tablet-platzhalter { display: none;}
	
	

	.slide-1,.slide-2,.slide-3,.slide-4,.slide-5{ display: block;}
	.slide-1-mobile, .slide-2-mobile, .slide-3-mobile, .slide-4-mobile, .slide-5-mobile, .slide-1-tablet, .slide-2-tablet, .slide-3-tablet, .slide-4-tablet, .slide-5-tablet{ display: none;}
	.slide-1{background-image:url(../images/teaser_holz.jpg)}
	.slide-2{background-image:url(../images/teaser_kueche.jpg)}
	.slide-3{background-image:url(../images/teaser_handwerk.jpg)}
	.slide-4{background-image:url(../images/teaser_restauration.jpg)}	
	.slide-5{background-image:url("../images/teaser_hochbett.webp")}
	
	
	#inhalt-unternehmen, #inhalt-produkte, #inhalt-hochbetten { margin-top: 50px;}
	.leistung-rechts { float: right; width: 65%;}
	.bild-links { float: left; width: 32%;  margin-bottom: 30px;}
	.leistung-links { float: left; width: 65%;}
	.bild-rechts { float: right; width: 32%; margin-bottom: 30px;}
	
	
	.galerie-box img{width:32%;margin-right:2%;margin-left:0;margin-bottom:2%;float:left;font-size:.4em}
	.dritter img, .neunter img, .sechster img, .zwoelfter img, .fuenzehnter img {margin-right:0}
	.fuenzehnter img { margin-bottom: 100px;}
	
	#kontakt-logo { display: block; width:110px;height:136px;background-image:url(../images/logo_tischlerei_schmiedmaier.png);background-size:100%; background-repeat: no-repeat; overflow:hidden; float: left; }
	#kontakt-text, #kontakt-impressum { width: 60%; float: left; margin-left:4%; text-align:left;}
	#kontakt-plan {width: 35%;  float: right;}

}






/* ------------------------------------- BILDSCHIRM  min-width 970px --------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 970px) {
	body{font-size:1.2em;}
	.cycle-pager{top:100px;right:10%;}
	.cycle-pager span{width:18px;height:18px;margin:0 0 18px 18px}
	.menue-p{height:42px;font-size:14px;padding:12px 20px;}
	.caption { position: absolute; z-index: 200000; top: 400px; padding: 0 15px; left: 50%; margin-left: -218px;  background:rgba(57,33,21,0.5);}	
	.caption h4 { color: #eee9de;}
	.caption-handwerk {margin-left: -285px; }
	.caption-kueche {margin-left: -185px; }
	.caption-restaurieren {margin-left: -260px; }
	.caption-hochbett {margin-left: -210px; }

	#kontakt-logo {width:150px;height:185px;}
}







/* ------------------------------------- BILDSCHIRM  min-width 1024px --------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1024px) { 	
	.gridContainer, .gridContainer2 {margin-left:auto;margin-right:auto;width:100%;padding-left:1.15%;padding-right:1.15%;}
	.inhalt-box, .inhalt-galerie { width: 960px; margin-right: auto; margin-left: auto;}
	
	#kontakt-logo {width:188px;height:234px;}
}





/* ------------------------------------- BILDSCHIRM  min-width 1280px --------------------------------------------------------------*/
/* -------------------------------------------------------------------------------------------------------------------------------*/

@media only screen and (min-width: 1280px) { 	
	
	#logo{width:224px;height:277px;}
	.caption {top: 450px; padding: 0 15px; left: 50%; margin-left: -198px;}	
	.caption h4 { color: #eee9de;}
	.caption-handwerk {margin-left: -285px; }
	.caption-kueche {margin-left: -155px; }
	.caption-restaurieren {margin-left: -230px; }
	.caption-hochbett {margin-left: -200px; }
	
}