/* Template for Büeler AG */


html 
{
   height:			100%;
}


body
{
   height:			100%;
   margin:			0px;
   padding:			0px;
   font-family:		'Open Sans', sans-serif;
   font-weight:		400;
   font-size:		13px;
   color:			#000000;
   line-height:		170%;
   letter-spacing:	0.06em;
}


#system-message { margin: 0px; }

/* bootstrap import */

img {
    width: auto\9;
    height: auto;
    max-width: 100%;
    vertical-align: middle;
    border: 0;
    -ms-interpolation-mode: bicubic;
}
.nav > li > a:hover, .nav > li > a:focus {text-decoration: none;background-color: transparent;}
.nav > li > a {display: block;}
li { line-height: normal;}
.nav {list-style: none; padding: 0; margin: 0;}
table {border-collapse: collapse;border-spacing: 0;}
ul.unstyled, ol.unstyled { list-style: none;}


/* ---------------------------------- */


.job-left { float: left; width: 49%; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 0.1em; }
.job-right { float: right; width: 49%; text-align: center; text-transform: uppercase; font-size: 20px; letter-spacing: 0.1em; }
.job-left a { display: block; color: #ffffff !important; background: #0073b9; transition: .3s ease-out; padding: 20px 0px 20px 0px; }
.job-right a { display: block; color: #ffffff !important; background: #0073b9; transition: .3s ease-out; padding: 20px 0px 20px 0px; }

.job-left:hover a { background: #dceaf3; color: #0073b9 !important; }
.job-right:hover a { background: #dceaf3; color: #0073b9 !important; }


#content { width: 1200px; margin: 0px auto; border-left: 1px solid #000000; border-right: 1px solid #000000; border-bottom: 1px solid #000000; position: relative; } 
#logo { margin: 0px auto; width: 250px; padding: 25px 0px 20px 0px; }

#container-menu { background: #0073b9; }
#menu { padding: 0px 0px 0px 271px; } 


.box-laser { background: #dceaf3; padding: 15px 20px; margin: 20px 0px 20px 0px; }
#showbox { margin: 1px 0px 0px 0px; position: relative; }
#galerie { float: left; width: 271px; height: 300px; margin: 0px 1px 0px 0px; }
#hauptbild { float: left; width: 928px; height: 299px; overflow: hidden; }
#hauptbild p { margin: 0px; }

#event { position: absolute; z-index: 999; right: 20px; width: 110px; top: 20px; text-align: center; }


#news { position: absolute; right: 0px; background: url(../images/transparent.png) repeat; width: 300px; bottom: 30px; padding: 15px 15px 5px 15px; color: #ffffff; }
#news .fa { font-size: 20px; color: #ffffff; margin: 0px 0px 0px 5px; }

#col-left { float: left; width: 230px; min-height: 20px; padding: 30px 20px 0px 20px; }
#mitglieder { padding: 10px 0px 0px 0px; }
#mitglieder ul { margin: 0px; padding: 0px; }
#mitglieder li { list-style: none; margin: 0px 0px 35px 0px; padding: 0px; }

#mitglieder li.gebaeude { width: 90px; }

#mitglieder-mobile { display: none; }
#mitglieder-mobile img { width: auto !important; }

.suissetec img { width: 130px; }
.gebaeude img { width: 135px; }
.toplehr { width: 130px; }

#neu { background: #0073b9; padding: 20px; transform: rotate(-12deg); width: 150px; text-align: center; float: right; right: 320px; position: relative; }
#neu p { color: #fff; font-size: 40px; margin: 0px; font-weight: 700; }


#button { background: #0073b9; padding: 15px 20px; display: inline-block; cursor: pointer; }
#button:hover { background: #005183; }
#button p { color: #fff; font-size: 22px; margin: 0px; font-weight: 700; }
#button a { color: #fff !important; }


#sprechblase { position: absolute; width: 300px;z-index: 1000;right: -80px;margin-top: -140px;transition: 0.2s;}
#sprechblase:hover {transform: scale(1.1);}



.bildgalerie { float: left; width: 350px; margin: 0px 30px 0px 0px; }
.last { margin: 0px; }


#text { float: right; width: 910px; padding: 40px 20px 40px 0px; }

#text a { color: #0073b9; font-weight: 600; }

.team { float: left; width: 207px; margin: 10px 20px 10px 0px; min-height: 240px; }
.team p { margin: 0px 0px 5px 0px; }

.leitung { float: left; width: 207px; margin: 10px 20px 10px 0px; }
.leitung p { margin: 0px 0px 5px 0px; }

.referenzen { float: left; width: 207px; margin: 10px 20px 10px 0px; min-height: 193px; }
.referenzen a { color: #000000 !important; }

#container-footer { margin: 0px auto 20px; width: 1200px; position: relative; }
#footer { padding: 20px 0px 0px 270px; font-size: 12px; }

#footer ul { margin: 0px; padding: 0px; }
#footer li { float: left; margin: 0px; padding: 0px 10px 0px 10px; list-style: none; background: url(../images/line.jpg) no-repeat scroll 0 4px; }
#footer li:first-child { background: none; padding: 0px 10px 0px 0px; }


#webdesign { position: absolute; width: 20px; height: 80px; background: #dddddd url(../images/webdesign.png) no-repeat; background-size: 20px 80px; bottom: 20px; right: -21px; }
.copyright p { font-size: 11px; line-height: 150%; color: #6d6f71; }

#facebook { position: absolute; right: 0; width: 80px; top: 12px; }
#facebook img {width: 30px; }

h1 { margin: 0px 0px 20px 0px; padding: 0px; font-size: 25px; line-height: 130%; font-weight: 600; color: #0073b9; }
h2 { margin: 0px 0px 10px 0px; padding: 10px 0px 0px 0px; font-size: 18px; line-height: 130%; font-weight: 600; color: #0073b9; }
h3 { margin: 0px 0px 30px 0px; padding: 0px; font-size: 14px; line-height: 130%; font-weight: 600; color: #6d6f71; }
h4 { margin: 0px 0px 10px 0px; padding: 0px; font-size: 20px; line-height: 130%; font-weight: 400; color: #ffffff; text-transform: uppercase; letter-spacing: 0.09em; }


a { text-decoration: none; outline: none; }
a:hover { text-decoration: none; }
a:focus { text-decoration: none; outline: none; }


hr { border: 0px; border-bottom: 1px solid #696969; margin: 0px 0px 25px 0px; padding: 10px 0px 0px 0px; }
.clear { line-height: 0; }

.sigplus-gallery { margin: 20px 0px 0px 0px; }
div.sigplus-gallery ul>li>img,div.sigplus-gallery ul > li > a > img { margin: 0px !important; width: 100%; }
div.sigplus-gallery > ul > li { width: 18%; margin: 10px 10px 0px 0px !important; }

#boxplus .boxplus-viewer > .boxplus-next { cursor: pointer; background: url(../images/next.png) no-repeat scroll center center; background-size: 35px 35px; }

#boxplus .boxplus-viewer > .boxplus-prev { cursor: pointer; background: url(../images/prev.png) no-repeat scroll center center; background-size: 35px 35px; }

.boxplus-thumbs { display: none !important; }
#boxplus .boxplus-viewer > .boxplus-next:hover { background: url(../images/next.png) no-repeat scroll center center; background-size: 35px 35px; }
#boxplus .boxplus-viewer > .boxplus-prev:hover { background: url(../images/prev.png) no-repeat scroll center center; background-size: 35px 35px; }



.responsiveContainer { position: relative; padding-bottom: 50%; height: 0; overflow: hidden; }
.responsiveContainer iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.responsive-video iframe { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }
.responsive-video { position: relative; padding-bottom: 56.25%; padding-top: 0px; height: 0; overflow: hidden; }



#scrollup {
    display: none;
    position: fixed;
    bottom: 10px;
    right: 10px;
    z-index: 99;
    border: none;
    outline: none;
    background-color: #0073b9;
    color: white;
    cursor: pointer;
    padding: 7px 2px;
    width: 30px;
}
#scrollup:hover { background-color: #000;}



/* Cookies CK CSS */

#cookiesck { background: #ffffff; left: 0px; bottom: 0px; right: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
#cookiesck_text { padding: 20px; }
#cookiesck > .inner { text-align: left; }
#cookiesck_buttons { padding: 0px 20px 15px 20px; }

.cookiesck-main {overflow: scroll;}
#cookiesck_interface { top: 0; margin: 30px; border: 0px; box-shadow: 0px 0px 20px 0px rgba(0,0,0,0.3); }
.cookiesck-main-title { text-align: left; font-size: 20px; line-height: 130%; }
.cookiesck-main-desc { padding: 0px 20px 10px 20px; }
.cookiesck-main-buttons { justify-content: flex-start; padding: 0px 20px; }
.cookiesck-main .cookiesck_button, .cookiesck-main-buttons .cookiesck-button { margin: 10px 10px 0px 0px; border-radius: 0px; }
.cookiesck-platform { align-items: flex-start; }
.cookiesck-main-close { font-size: 14px; }
.cookiesck-platform-name { margin: 0px 0px 10px 0px; }
.cookiesck-main-close { padding: 10px 20px; }
.cookiesck-category-name { font-size: 20px; margin: 10px 0px 0px 0px; }

.cookiesck-main .cookiesck-decline.cookiesck-active { color: #666; border: 2px solid #dddddd; background: #e5e5e5; }
.cookiesck-main .cookiesck-decline:hover { color: orange; border: 2px solid orange; background: #ffffff; }



@media(min-width:460px)
{
    #cookiesck { left: 30px; bottom: 30px; right: auto; width: 400px; }
}


@media(min-width:660px)
{
    #cookiesck_interface { width: 600px; }
}



@media(max-width:1250px)
{
	.bildgalerie { width: 300px; margin: 0px 30px 0px 0px; }

	#content { width: 1000px; }

	#menu { padding: 0px 0px 0px 251px; }
	#col-left { float: left; width: 210px; }

	#galerie { width: 251px; height: 241px; overflow: hidden; }
	#hauptbild { width: 748px; height: auto; }
	#text { width: 730px; }

	.team { width: 223px; min-height: 225px; }
	.leitung { width: 223px; min-height: 187px; }
	.referenzen { width: 223px; min-height: 200px; }

	#container-footer { width: 1000px; }
	#footer { padding: 20px 0px 0px 250px; }
    #neu { right: 25px; }
    
    #sprechblase {margin-top: 20px;}


}



@media(max-width:1050px)
{
	#content { width: 800px; }

	.bildgalerie { width: 260px; }
	#logo { margin: 0px 0px 0px 20px; }

	#menu { padding: 0px; }
	.responsiveMenuTheme1d.isDesktop li:first-child a { border: 0px; }

	#galerie { width: 201px; height: 193px; }
	#hauptbild { width: 598px; }

	#news { bottom: 30px; }

	#col-left { float: left; width: 160px; }
	#text { width: 580px; }

	.team { width: 173px; }
	.leitung { width: 173px; }
	.referenzen { width: 173px; }

	#container-footer { width: 800px; }
	#footer { padding: 20px 0px 0px 200px; }
}



@media(max-width:850px)
{
	#content { width: 600px; }

	#galerie { width: 150px; height: 145px; }
	#hauptbild { width: 449px; }


	#col-left { display: none; }

	.bildgalerie { width: 250px; }

	#text { float: none; width: auto; padding: 20px 20px 10px 20px; }

	.team { width: 166px; min-height: 184px; }
	.leitung { width: 166px; min-height: 184px; }
	.referenzen { width: 166px; min-height: 184px; }

    .toplehr { width: auto; }

    #news { position: static; width: auto; }

	#container-footer { width: 600px; }
	
	#facebook { right: 117px; width: 30px; top: 12px; }

	#mitglieder-mobile ul { margin: 0px; padding: 20px 0px 0px 0px; }
	#mitglieder-mobile li { list-style: none; margin: 0px 0px 20px 0px; padding: 0px 0px 0px 0px; }

	#mitglieder-mobile { display: block; float: right; width: 100px;  }

	#footer { float: left; padding: 20px 0px 20px 0px; }
	#footer li { float: none; background: none; padding: 0px; line-height: 170%; }
    
    #sprechblase {margin-top: -140px; right: -20px;}

}


@media(max-width:650px)
{
	#logo { width: 200px; float: left; }

	.bildgalerie { width: 100%; margin: 0px 0px 30px 0px; }
	
	#event { width: 100px; position: absolute; float: right; top: 12px; }

	#content { width: auto; margin: 0px 20px; }
	#galerie { display: none; }
	#hauptbild { width: auto; }
	#text { width: auto; }

	.team { width: 44%; min-height: 205px; }
	.leitung { width: 44%; min-height: 420px; }
	.referenzen { width: 44%; min-height: 205px; }

	#container-footer { width: auto; margin: 0px 20px; }
    #neu { width: 100px; text-align: center; right: 0px; }
    #neu p {font-size: 30px; }

	div.sigplus-gallery > ul > li { width: 30%; }
            #sprechblase {width: 200px;}

}


@media(max-width:450px)
{
	#logo { width: 100px; }
	#event { width: auto; text-align: center; }
	#event img { width: 50px; }

	.team { width: auto; min-height: 0px; margin: 10px 0px 10px 0px; }
	.leitung { width: auto; min-height: 0px; margin: 10px 0px 10px 0px; }
	.referenzen { width: auto; min-height: 0px; margin: 10px 0px 10px 0px; }

	#news { font-size: 12px; }
	#news h4 { font-size: 17px; }
	div.sigplus-gallery > ul > li { width: 44%; }
    
    #neu { padding: 10px; width: 70px; }
    #neu p { font-size: 20px; margin: 0px; }
}


@media(max-width:350px)
{
	#mitglieder-mobile { float: none; width: 100px;  }

	#footer { float: none; }

}