@charset "utf-8";
/* css document */

@font-face {
    font-family: 'HelveticaNeueLT57CnBold';
    src: url('http://www.bt3.at/files/webfonts/lte50874.eot');
    src: url('http://www.bt3.at/files/webfonts/lte50874.eot') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/lte50874.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/lte50874.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/lte50874.svg#HelveticaNeueLT57CnBold') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLT55RomanRegular';
    src: url('http://www.bt3.at/files/webfonts/lte50259.eot');
    src: url('http://www.bt3.at/files/webfonts/lte50259.eot') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/lte50259.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/lte50259.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/lte50259.svg#HelveticaNeueLT55RomanRegular') format('svg');
}

@font-face {
    font-family: 'HelveticaNeueLT55RomanBold';
    src: url('http://www.bt3.at/files/webfonts/lte50261.eot');
    src: url('http://www.bt3.at/files/webfonts/lte50261.eot') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/lte50261.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/lte50261.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/lte50261.svg#HelveticaNeueLT55RomanBold') format('svg');
}
@font-face {
    font-family: 'HelveticaNeueLT65MediumRegular';
    src: url('http://www.bt3.at/files/webfonts/lte50265.eot');
    src: url('http://www.bt3.at/files/webfonts/lte50265.eot') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/lte50265.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/lte50265.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/lte50265.svg#HelveticaNeueLT65MediumRegular') format('svg');
		 height:5px; border-radius:2px; background:red; overflow:visible; display:inline-block;
}

@font-face {
    font-family: 'open_sansbold';
    src: url('http://www.bt3.at/files/webfonts/opensans-bold-webfont.eot');
    src: url('http://www.bt3.at/files/webfonts/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/opensans-bold-webfont.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/opensans-bold-webfont.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/opensans-bold-webfont.svg#open_sansbold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sansregular';
    src: url('http://www.bt3.at/files/webfonts/opensans-regular-webfont.eot');
    src: url('http://www.bt3.at/files/webfonts/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/opensans-regular-webfont.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/opensans-regular-webfont.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/opensans-regular-webfont.svg#open_sansregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sanssemibold';
    src: url('http://www.bt3.at/files/webfonts/opensans-semibold-webfont.eot');
    src: url('http://www.bt3.at/files/webfonts/opensans-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/opensans-semibold-webfont.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/opensans-semibold-webfont.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/opensans-semibold-webfont.svg#open_sanssemibold') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'open_sans_condensedbold';
    src: url('http://www.bt3.at/files/webfonts/opensans-condbold-webfont.eot');
    src: url('http://www.bt3.at/files/webfonts/opensans-condbold-webfont.eot?#iefix') format('embedded-opentype'),
         url('http://www.bt3.at/files/webfonts/opensans-condbold-webfont.woff') format('woff'),
         url('http://www.bt3.at/files/webfonts/opensans-condbold-webfont.ttf') format('truetype'),
         url('http://www.bt3.at/files/webfonts/opensans-condbold-webfont.svg#open_sans_condensedbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'utsaahregular';
    src: url('utsaah-webfont.html');
    src: url('utsaah-webfontd41d.html?#iefix') format('embedded-opentype'),
         url('utsaah-webfont-2.html') format('woff2'),
         url('utsaah-webfont-3.html') format('woff'),
         url('utsaah-webfont-4.html') format('truetype'),
         url('utsaah-webfont-5.html#utsaahregular') format('svg');
    font-weight: normal;
    font-style: normal;

}


* 								{ margin:0px; padding:0px; border:none;}
html 							{ overflow-y:scroll; overflow-x:hidden; height:100%;}
body 							{ font:15px/23px HelveticaNeueLT55RomanRegular, open_sansregular, Verdana, Arial, Helvetica, sans-serif; color:#bfc9c4; height:100%;}

p, ul  							{ margin-bottom:23px;}
a								{ color:#f39200; text-decoration:underline; outline:none; cursor:pointer;}
a:hover:not(.pdf-download)							{ color:#f39200; text-decoration:none; background:url(../images/bg-contentLinks.png) right top no-repeat; padding-right:6px;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}


hr				{border-top: 2px solid #F39200;
    			padding: 9px 0;}



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

#kontakt h5,
#contact h5, #contact-germany h5 {color: #FFFFFF; font: 18px/26px HelveticaNeueLT55RomanRegular,open_sansregular,Verdana,Arial,Helvetica,sans-serif; padding: 0 0 0 15px;}
#kontakt h6,
#contact h6,
#contact-germany h6 {color: #000000; font-family: HelveticaNeueLT55RomanBold,open_sansbold,Verdana,Geneva,sans-serif; font-size: 20px; font-weight: normal;}
.kontakt-box-left {
    border-right: 4px solid #8a958f;
    float: left;
    margin-right: 25px;
    padding-right: 25px;
	width:240px;
	margin-bottom: 15px;
	min-height: 295px;
}

.kontakt-box-right {width:600px}

/* -------------- */
/* layoutelements */
/* -------------- */

#showWidth						{ position:fixed; top:70px; right:20px; padding:10px; background:#000000; color:#fff; z-index:100;}

#slideContainer					{ position:fixed; top:0; left:0; width:100%; height:100%;}
#slideContainer	img				{ width:100%; display:block;}
#slideContainer .imageContainer	{ width:100%; height:100%; position:fixed; left:0; top:0;}
#slideContainer .imageContainer .imageWrapper	{ width:10%; height:100%; float:left; overflow:hidden; position:relative;}
#slideContainer .imageContainer .imageWrapper img	{ width:1000%; position:absolute;}

#slideNav .prev					{ width:99px; height:74px; position:absolute; z-index:30; left:0; top:50%; margin-top:-74px; background:url(../images/bg-slidernav.png) 0 center no-repeat; cursor:pointer;}
#slideNav .prev .hover			{ width:87px; height:74px; background:url(../images/bg-slidernav-hover.png) 0 center no-repeat; position:absolute; top:0; right:0;}
#slideNav .next					{ width:99px; height:74px; position:absolute; z-index:30; right:0; top:50%; margin-top:-74px; background:url(../images/bg-slidernav.png) -99px center no-repeat; cursor:pointer;}
#slideNav .next .hover			{ width:87px; height:74px; background:url(../images/bg-slidernav-hover.png) -87px center no-repeat; position:absolute; top:0; left:0;}
#slideNav .timer				{ width:100%; height:10px; background:url(../images/trans-white-50.png) 0 center repeat; position:fixed; left:0; bottom:97px;}


div#container 	    			{ width:60%; height:auto; position:absolute; top:0; right:0; z-index:50; background:#202724; min-height:100%;}

/* header */
header							{ width:1000px; height:200px; position:relative; background:url(../images/bg-header.html) no-repeat;}
h1#branding						{ position:fixed; top:110px; left:2.5%; text-indent:-9000px; display:block; width:15%; height:155px; display:block;}
.branding img					{ position:fixed; top:110px; left:2.5%; z-index:60; display:block; width:15%; height:auto;}
#anfahrt .branding img,
#approach .branding img			{ position:fixed; top:63%; left:83%; z-index:60; display:block; width:15%; height:auto;}		



.flaggs 						{background-color: #202724; height: 15px; padding: 11px; position: absolute; right: 10px; top: 60px;}
#language						{margin-bottom: 0;}
#language li					{list-style:none;}
#language li a					{color: transparent; width: 24px; display: block; height: 12px;}
#language .flag-de				{background: url("../images/flag-de.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
#language .flag-en				{background: url("../images/flag-eu.jpg") no-repeat scroll 0 0 rgba(0, 0, 0, 0);}
.flag 							{float: left;}
.flag:first-child 				{margin-right:10px;}

#language .flag-de,
#language .flag-en				{padding-right:0 !important;}

/* content */
div.content		 				{ width:100%; min-height:300px; height:auto !important; height:300px; position:relative; padding:150px 0 100px 0;}

.switchContent					{ width:110px; height:74px; overflow:hidden; position:absolute; top:145px; left:-111px;}
.hideContent					{ width:110px; height:74px; background:url(../images/hide-content.png) -110px center no-repeat; text-indent:-9000px; cursor:pointer; position:absolute; top:0; left:0;}
.hideContent .hover				{ width:87px; height:74px; background:url(../images/hide-content-hover.png) -87px center no-repeat; position:absolute; top:0; right:12px;}
.showContent					{ width:110px; height:74px; background:url(../images/hide-content.png) 0px center no-repeat; text-indent:-9000px; cursor:pointer; position:absolute; top:0; left:111px;}
.showContent .hover				{ width:87px; height:74px; background:url(../images/hide-content-hover.png) 0px center no-repeat; position:absolute; top:0; left:12px;}

.col							{ width:27%; padding:0 2% 0 4%; float:left; height:100px; min-height:100px; height:auto;}
.col-contact					{ width:27%; padding:0 2% 0 4%; float:left; height:100px; min-height:100px; height:auto; margin-top:70px;}
.col-cms						{ width:27%; padding:0 2% 0 4%; float:left; height:100px; min-height:100px; height:auto;}
.col-halb						{ width:40%; padding:0 2% 0 4%; float:left; height:100px; min-height:100px; height:auto;}
.col ul							{ padding-top:9px; border-top:2px solid #f39200;} 
.col ul li						{ list-style-type:none; background:url(../images/bg-li.png) 0 6px no-repeat; padding-left:21px;}
.content .col a:not(.pdf-download)					{ color:#f39200; text-decoration:none; background:url(../images/bg-contentLinks.png) right top no-repeat; padding-right:6px;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
.content .col-cms a					{ color:#f39200; text-decoration:none; background:url(../images/bg-contentLinks.png) right top no-repeat; padding-right:6px;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
.content .col a:hovernot(.pdf-download)			{ color:#fff; background-position:right -20px;}
.content .col-cms a:hover			{ color:#fff; background-position:right -20px;}
.headline						{ padding-left:4%; margin-bottom:50px; position:relative;}
.headline a.scrollToNews		{ font-size:50px; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; color:#f39200; text-decoration:none; position:absolute; top:0; right:4%;}

p.ul-headline					{ margin-bottom:9px;}
div.content h2					{ font-size:50px; display:block; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; line-height:100%; margin-bottom:18px; color:#f39200; font-weight:normal;}
div.content h2 span				{ display:block; float:left; height:100%; width:12%; position:relative; top:-2px; text-indent:-9000px; background:url(../images/branding-small.png) 0 0 no-repeat; background-size:auto 93%;}
div.content h3					{ font-size:35px; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; color:#8d9692; font-weight:normal;}
div.content h4					{ font-size:20px; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; color:#F39200; font-weight:normal; margin-bottom:8px;}

.col h3							{ margin-bottom:20px; font-family:HelveticaNeueLT65MediumRegular, open_sanssemibold, Verdana, Geneva, sans-serif !important; font-size:20px !important;}

.col p.bold						{ color:#F39200; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; font-size:20px;}


.news							{ width:100%; min-height:300px; height:auto !important; height:300px; position:relative; background:#f39200; padding:100px 0 197px 0;}
div.news h2						{ font-size:50px; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; margin-bottom:25px; color:#fff; font-weight:normal;}
div.news h2	span				{ color:#202724;}
div.news h3						{ font-size:30px; font-family:HelveticaNeueLT55RomanBold, open_sansbold, Verdana, Geneva, sans-serif; color:#fff; font-weight:normal;}
div.news p						{ color:#202724;}
div.news strong					{ color:#fff;}
div.news ul li					{ background:url(../images/bg-li-news.jpg) 0 6px no-repeat;}
.newslogo						{ margin:-2px 0px 0 10px; height:60px; width:288px; float:left;}

h3#deutschland					{margin-top:30px;}

li strong, p strong				{ color:#f39200; font-weight:normal;}

.cmsImage						{ display:block; width:100%; height:auto;}
.cboxElement					{ padding:0 !important; background:none !important; position:relative !important; display:block; overflow:hidden; margin-bottom:23px;}
.cboxElement .hover				{ width:100%; height:0; position:absolute; top:0; left:0; background:url(../images/imagehover.png) 0 0 repeat;}
.cboxElement .hoverIcon			{ width:100%; height:100%; position:absolute; top:100%; left:0; background:url(../images/icon-plus.png) center center no-repeat;}

.subLink						{ margin-bottom:20px !important; font-family:HelveticaNeueLT65MediumRegular, open_sanssemibold, Verdana, Geneva, sans-serif !important; font-size:20px !important; background:url(../images/bg-headlinelinks.png) right 0px no-repeat !important; display:block; position:relative; padding-right:30px !important;}
.subLink span					{ display:block; width:24px; height:20px; background:url(../images/bg-headlinelinks.png) 0 -80px no-repeat; position:absolute; top:0px; right:3px; opacity:0;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}

.cms-pdf-impressum				{ display:block; border-bottom:2px solid #f39200; margin-bottom:20px; background:url("../images/bg-contentLinks.png") no-repeat scroll right 5px rgba(0, 0, 0, 0)!important; transition:all 0.3s linear 0s!important;}
.cms-pdf-impressum:hover		{ background-position:right -20px!important;}

.slide a.cboxElement			{ margin-bottom:0 !important;}
.subLink:hover span				{ right:0px; opacity:1;}
.pager							{ padding-top:9px; border-top:5px solid #f39200;}
.pager a						{ background:none !important;}
.pager a.activeSlide			{ color:#fff;}

.kontakteImage					{ height:auto; cursor:default; background:none; margin-bottom:10px;}
#kontakt .content .col h3,
#contact .content .col h3,
#contact-germany .content .col h3		{ margin-bottom:5px !important; color:#f39200;}

#weitere-betonzusaetze .col		{ margin-bottom:50px;}
#anfahrt .map,
#approach .map					{ top:49px; position:fixed; width: 100%; height: 100%;}
.projects						{ padding-top:100px;}
#news .projects					{ padding:0 0 100px 0;}
.specialHeadline				{ margin:0 0 20px 4%; color:#f39200 !important;}
#partner #container .col a		{ background:none !important; padding:0 !important; margin-bottom:0px !important;}
#partner #container .col		{ margin-bottom:20px;}

#partners #container .col a		{ background:none !important; padding:0 !important; margin-bottom:0px !important;}
#partners #container .col		{ margin-bottom:20px;}

#news .content .col h3			{ color:#f39200 !important;}
.col table tr td				{ vertical-align:top; width:100%;}

/* sidebar */
div#contentSidebar	 			{ width:400px; float:right; background:url(../images/bg-contentsidebar.html) no-repeat;}

/* footer */
footer							{ position:fixed; left:0; bottom:0; width:100%; height:83px; background:#f39200 url(../images/bg-footer.jpg) right center no-repeat; z-index:60;
									-moz-box-shadow: 0px -2px 3px rgba(0,0,0,0.25);
									-webkit-box-shadow: 0px -2px 3px rgba(0,0,0,0.25);
									-o-box-shadow: 0px -2px 3px rgba(0,0,0,0.25);
									box-shadow: 0px -2px 3px rgba(0,0,0,0.25);
}
div#footerMain					{ padding-top:10px;}
div#footerMain p				{ color:#202724; width:15%; padding:0 2.5% 0 2.5%; float:left; font-family:HelveticaNeueLT65MediumRegular, open_sanssemibold, Verdana, Geneva, sans-serif; font-size:15px;}
div#footerMain a				{ color:#202724; text-decoration:none; background:url(../images/bg-contentLinks-footer.png) right top no-repeat; padding-right:6px;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
span.space						{ display:block; float:left; width:60px;}
div#footerMain a:hover			{ color:#fff; background-position:right -20px;}

div#footerMain a.weiterbildung  {right: 225px; bottom: 10px; background:url(../images/book.png) center bottom no-repeat; }
div#footerMain a.weiterbildung:hover {color: #F29200;}

div#footerMain a.home, a.weiterbildung { 
    position:fixed; 
    right:10px; 
    bottom:13px; 
    font-family:HelveticaNeueLT57CnBold, open_sans_condensedbold, Verdana, Geneva, sans-serif; 
    background:url(../images/icon-home.png) center bottom no-repeat; 
    color:#202724; 
    text-transform:uppercase; 
    font-size:23px; 
    text-decoration:none; 
    height:57px; 
    display:inline-block;
	-webkit-transition: all 0.3s linear;
	-moz-transition: all 0.3s linear;
	-o-transition: all 0.3s linear;
	transition: all 0.3s linear;
}

div#footerMain a.home:hover {color: #F29200;}

/* nav */

#navContainer					{ position:fixed; top:0; left:0; width:100%; height:50px; background:#202724; z-index:70;
									-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
}

ul#nav  		   				{ list-style-type:none; position:absolute; top:0px; left:0;}
ul#nav li	   					{ list-style-type:none; float:left;}
ul#nav li a   					{ font-family:HelveticaNeueLT57CnBold, open_sans_condensedbold, Verdana, Geneva, sans-serif; background:url(../images/bg-orange.png) 0 -50px no-repeat; color:#bfc9c4; text-transform:uppercase; font-size:23px; text-decoration:none; height:35px; padding:15px 10px 0 10px; display:inline-block;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
ul#nav li a:hover 				{ background-position:0 bottom !important; color:#202724;}
ul#nav li a.nav07				{ padding-right:35px !important; position:relative;}
ul#nav li a span.login			{ display:block; position:absolute; top:14px; right:5px; width:25px; height:23px; background:url(../images/icon-login.png) 0 0 no-repeat;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
ul#nav li a:hover span.login	{ background-position:0 -23px;}

ul#nav li.active > a		{ background-position:0 bottom !important; color:#202724;} /* > = first child */

.dropdown, .dropdown-sub		{ position:relative; overflow:visible;}
.ul-dropdown, .ul-dropdown-sub	{ position:absolute; top:50px; left:0; display:none; padding-top:1px;
									-moz-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									-webkit-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									-o-box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
									box-shadow: 0px 2px 3px rgba(0,0,0,0.25);
}
.ul-dropdown-sub    { top:0; left:100%;}

.dropdown:hover .ul-dropdown,
.dropdown-sub:hover .ul-dropdown-sub	{ display:block;}
.ul-dropdown li					{ display:block; width:100%;}
.ul-dropdown li a				{ font-family:HelveticaNeueLT57CnBold, open_sans_condensedbold, Verdana, Geneva, sans-serif; white-space:nowrap; display:block !important; background:#202724 url(../images/bg-orange.png) 0 -50px no-repeat !important; color:#bfc9c4; text-transform:uppercase; font-size:23px; text-decoration:none; height:35px; padding:15px 10px 0 10px; display:inline-block;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}

/* navAdd */
ul#navAdd  		   				{ list-style-type:none; position:absolute; top:0px; right:0; padding-left:68px; background:url(../images/bg-navadd.jpg) 0 center no-repeat;}
ul#navAdd li	   				{ list-style-type:none; float:left;}
ul#navAdd li a   				{ font-family:HelveticaNeueLT57CnBold, open_sans_condensedbold, Verdana, Geneva, sans-serif; background:url(../images/bg-orange.png) 0 -50px no-repeat; color:#202724; text-transform:uppercase; font-size:23px; text-decoration:none; height:35px; padding:15px 10px 0 10px; display:inline-block;
									-webkit-transition: all 0.3s linear;
									-moz-transition: all 0.3s linear;
									-o-transition: all 0.3s linear;
									transition: all 0.3s linear;
}
ul#navAdd li a:hover			{ background-position:0 bottom; color:#fff;}
ul#navAdd li a.active			{ background-position:0 bottom; color:#fff;}

ul#navAdd li a.fb {
    height: 29px;
    margin: 12px 5px 0 15px;
    padding: 0;
    width: 28px;
	background: none;
}
ul#navAdd li a.fb:hover {
	opacity: 0.8;
}

ul#navAdd ul.ul-dropdown a {color: #bfc9c4;}
ul#navAdd ul.ul-dropdown a:hover {color: #202724; background-color: #F39200 !important; }





/* mobile */
.showMobileNav {
    background: #f39200 url("../images/bg-showMobileNav.png") 95% center no-repeat;
    cursor: pointer;
    display: none;
    height: 33px;
    position: fixed;
    right: 0;
    text-indent: -9999px;
    top: 0;
    width: 100%;
	z-index:99;
}

/* ----------------------- */
/* classes ans other stuff */
/* ----------------------- */

/* site-elements */
.top									{}
div#copyright							{ margin:5px 0 20px 0px;}
div#copyright a							{ background:none; padding:0;}
div#declaration, div#facebookPlugins	{ background:#eee; padding:20px 20px 0 20px; margin:0 0 20px 0; border:1px solid #ccc; font-size:11px;}
div#thanks 								{ background:#f39200; padding:20px 20px 1px 20px; margin:0 0 20px 0; color:#fff;}
.hidden									{ display:none !important;}
.pdf									{ padding:0 0 0px 0px;}
#container .content a.pdf				{ background: url("../images/icon-pdf.gif") no-repeat scroll 0 0 rgba(0, 0, 0, 0); padding: 0 25px;}
.pdfText								{ font-size:11px; border-top:1px solid #808080; padding-top:20px; margin-top:30px;}

/* floats */
.clear		  							{ clear:both; font-size:0.0001em; line-height:0.00001em;}
.floatRight 							{ float:right;}
.floatLeft 								{ float:left;}
.floatLeft-cms							{ float:left; padding:0 15px 20px 0;}

/* images */
.image, .imageRight, .imageLeft			{ padding:1px; background:#fff; border:1px solid #000;}
.map									{ margin-bottom:10px;}
.imageRight 							{ float:right; margin:5px 0 20px 20px;}
.imageLeft 								{ float:left; margin:5px 20px 20px 0;}


@media print {
body 								{ background:none;}
a									{ color:#000; text-decoration:none;}
div#container 	    				{ width:98%;}
header								{ display:none;}
div#contentContainer				{ width:100%; background:none;}
div#contentMain	 					{ width:100%; background:none; float:none;}
#contentMain ul 					{ list-style-type:square; margin:0 0 20px 20px;}
#contentMain ul li					{ list-style-type:square; padding:0px; background:none; margin-bottom:3px;}
div.contentColumn 	 				{ width:100%; background:none; float:none;}
div#contentSidebar	 				{ width:100%; background:none; float:none;}
footer								{ width:100%; border-top:1px solid #ccc; padding-top:20px; margin-top:20px;}
div#footerMain						{ width:100%;}
.pdf								{ padding:0px;}
}

@media only screen and (max-width: 1900px) {	
	h2								{ font-size:45px !important; margin-bottom:15px !important;}
	h3								{ font-size:27px !important;}
}

@media only screen and (max-width: 1750px) {	
	div.content		 				{ padding:120px 0 80px 0;}
	.news							{ padding:80px 0 177px 0;}
		
	body 							{ font:14px/22px HelveticaNeueLT55RomanRegular, open_sansregular, Verdana, Arial, Helvetica, sans-serif;}
	p, ul  							{ margin-bottom:22px;}
	h2								{ font-size:40px !important; margin-bottom:10px !important;}
	h3								{ font-size:24px !important;}
	
	div#footerMain p				{ width:20%; font-size:14px; line-height:22px;}
}

@media only screen and (max-width: 1550px) {
	ul#nav li a   					{ font-size:19px; padding:9px 6px 0 6px; height:31px;}
	ul#navAdd li a   				{ font-size:19px; padding:9px 6px 0 6px; height:31px;}
	#navContainer					{ height:40px;}
	ul#nav li a span.login			{ top:10px; right:5px; width:22px; height:20px; background:url(../images/icon-login.png) -48px 0 no-repeat;}
	ul#nav li a:hover span.login	{ background-position:-48px -20px;}
	ul#nav li a.nav07 				{ padding-right: 32px !important;}
	
	.branding img					{ top:90px; width:20%;}				

	div.content		 				{ padding:100px 0 60px 0;}
	.news							{ padding:60px 0 157px 0;}
	
	h2								{ font-size:35px !important; margin-bottom:5px !important;}
	h3								{ font-size:21px !important;}
	.headline						{ margin-bottom:40px;}
    .ul-dropdown                    {top: 40px;}
    .ul-dropdown-sub                {top: 0px;}

	.switchContent, .hideContent, .hideContent .hover, .showContent, .showContent .hover, #slideNav .prev, #slideNav .prev .hover, #slideNav .next,	#slideNav .next .hover		{ height:64px;}

}

@media only screen and (max-width: 1400px) {	
	div.content		 				{ padding:80px 0 120px 0;}
	.news							{ padding:40px 0 137px 0;}
	
	body 							{ font:13px/21px HelveticaNeueLT55RomanRegular, open_sansregular, Verdana, Arial, Helvetica, sans-serif;}	
	p, ul  							{ margin-bottom:21px;}
	h2								{ font-size:30px !important; margin-bottom:3px !important;}
	h3								{ font-size:18px !important;}
	.headline						{ margin-bottom:30px;}
	
	div#footerMain p				{ width:25%; font-size:13px; line-height:21px;}
    .ul-dropdown                    {top: 40px;}
    .ul-dropdown-sub                {top: 0px;}
    div#footerMain p                {width: 20%; }
}

@media only screen and (max-width: 1250px) {
	ul#nav li a   					{ font-size:17px; padding:9px 4px 0 4px; height:31px;}
	ul#navAdd li a   				{ font-size:17px; padding:9px 4px 0 4px; height:31px;}
	#navContainer					{ height:40px;}
	ul#nav li a span.login			{ top:10px; right:5px; width:22px; height:20px; background:url(../images/icon-login.png) -48px 0 no-repeat;}
	ul#nav li a:hover span.login	{ background-position:-48px -20px;}
	ul#nav li a.nav07 				{ padding-right: 32px !important;}
	
	.col							{ width:92%; padding:0 4% 0 4%;}
	
	h2								{ font-size:25px !important; margin-bottom:3px !important;}
	h3								{ font-size:15px !important;}
	.headline						{ margin-bottom:20px;}
	
	.switchContent, .hideContent, .hideContent .hover, .showContent, .showContent .hover, #slideNav .prev, #slideNav .prev .hover, #slideNav .next,	#slideNav .next .hover		{ height:54px;}
    .ul-dropdown                {top: 40px;}
    .ul-dropdown-sub            {top: 0px;}
    div#footerMain p {width: 17%; }
}

@media only screen and (max-width: 1100px) {
	ul#navAdd					{ background:#bfc9c4; padding-left:0px;}
    .ul-dropdown                {top: 40px;}
    .ul-dropdown-sub            {top: 0px;}
    div#footerMain p {width: 19%; padding: 0 0 0 0.5%}
}

@media only screen and (max-width: 1000px) {
	.flaggs							{ display:none;}
	
	div#container 	    			{ width:100%; position:relative; top:inherit; right:0 !important;}
	
	#slideContainer, #slideNav		{ display:none;}
	
	#navContainer					{ height:auto; position:absolute; top:33px; border-top:2px solid #202724; left:-100%;
									-moz-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
									-webkit-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
									-o-box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
									box-shadow: 0px 0px 3px rgba(0,0,0,0.5);
	}	
	ul#nav, ul#navAdd				{ position: relative; margin-bottom:0; left:0;}
	ul#nav li, ul#navAdd li			{ display:block; width:100%;}
	ul#nav li a, ul#navAdd li a		{ width:95%; font-size:17px; color:#202724;}
	ul#nav li a:hover, ul#navAdd li a:hover	{ color:#fff;}
	ul#nav li a						{ background:#8d9692 url(../images/bg-orange.png) 0 -50px no-repeat; padding:10px 0 0 5%; height:27px;}
	ul#navAdd li a					{ background:#8d9692 url(../images/bg-orange.png) 0 -50px no-repeat; padding:10px 0 0 5%; height:27px;}
	ul#nav li a span.login			{ display:none;}
	ul#nav li a.nav07				{ padding-right:0 !important;}

	ul#navAdd ul.ul-dropdown a      {color: #202724;}
	.ul-dropdown, .ul-dropdown-sub	{ position:relative; top:0px !important; left:0; display:block; padding-top:0px; height:auto !important; background:#fff;}
	.ul-dropdown li, .ul-dropdown-sub li					{ height:34px !important; opacity:1 !important;}
	.ul-dropdown li	a, .ul-dropdown-sub li a				{ opacity:1 !important; background:#bfc9c4 url(../images/bg-orange.png) 0 -50px no-repeat !important;}

    ul#nav li.dropdown-sub li a { padding:10px 0 0 10%; width:90%;}
    ul#navAdd ul.ul-dropdown a {color: #bfc9c4;}
    ul#navAdd ul.ul-dropdown a:hover {color: #202724; background-color: #F39200 !important; }




	
	.branding						{ background:#202724; display:block; width:90%; padding:15% 5% 0% 5%;}
	.branding img					{ position:relative; top:0; left:0; display:block; width:100%; height:auto;}
	
	div.content 					{ padding: 80px 5% 40px 5%; width: 90%;}
	.col							{ padding:0; width:100%;}
	.headline						{ padding:0;}
	.news							{ padding:40px 5% 40px 5%; width:90%;}
	
	footer							{ width:90%; padding:0 5% 0 5%; position:relative; background:#f39200; height:auto;
}
	.newslogo 						{float: none; margin: 0;}
	div#footerMain p 				{float: none;}
	div#footerMain a.home 			{display: none;}
	.col-halb 						{float: none; padding: 0; width: 100%; margin-bottom: 15px;}
	hr 								{padding: 3px 0;}
	div.tooltip span 				{width: 100% !important; padding: 50px 0 0 !important;}
	.kontakt-box-left 				{border: none; margin-bottom:0; margin-right:0; margin-left:15px; padding-right:0;}
	.kontakt-box-right 				{display: none; width: 0;}

	footer
	div#footerMain p				{ width:35%; padding:0;}
	a.home							{ position:absolute !important; top:15px; right:5%;}
	.showMobileNav 					{ display: block;}
	
	div.content h2 span {
		background: none;
		display: inline;
		text-indent: 0px;
		width:auto;
		top:0;
		padding-right:10px;
	}
	#anfahrt footer, #anfahrt a.branding	{ display:none;}
	#anfahrt .map {
    position: fixed;
    top: 33px;
}
}

@media only screen and (min-width: 1000px) {
	#navContainer					{ left:0%;}
	
}
@media only screen and (max-width: 1000px) {
    ul#navAdd ul.ul-dropdown a {color: #202724;}
    div#footerMain a.weiterbildung {display: none;}
    
}

@media only screen and (max-width: 750px) {
	div#footerMain p				{ width:45% !important;}
    ul#navAdd ul.ul-dropdown a {color: #202724;}
	
}

@media only screen and (max-width: 600px) {
	div#footerMain p				{ width:100% !important;}
    ul#navAdd ul.ul-dropdown a {color: #202724;}
    div.video {margin-left: 0; margin-bottom: 20px;}
} 

h3.acc-title						{ margin: 0 0 20px 4%; font-family:HelveticaNeueLT65MediumRegular, open_sanssemibold, Verdana, Geneva, sans-serif !important; font-size:20px !important; border-bottom: 5px solid #f39200; width:93.5%;padding:0 0 0.5% 10px; outline: none;}
.produktlistenpunkt { outline: none; cursor: pointer;}
.newssticker{float:left; width:100%; margin-left:4%; margin-bottom:5%; background: #3f4040; float:left; padding-bottom:10px;}

@media only screen and (min-width: 600px) {
    .newssticker{width:365px;}
} 

.newssticker h3{background: #202724; padding:2%; color:#f39200 !important; font-family: HelveticaNeueLT65MediumRegular, open_sanssemibold, Verdana, Geneva, sans-serif ;
font-size: 20px !important; width:70px; float:left; text-align:center}
.newssticker h3.ewcms_news_feed_h3{
	background:none;
	font:15px/23px HelveticaNeueLT55RomanRegular, open_sansregular, Verdana, Arial, Helvetica, sans-serif !important;
	width:95%;
	background: url(../images/news-li.png) 0 6px no-repeat;
padding: 0 0 0 21px;
float:none;
text-align:left;
	}
    .newssticker .ewcms_news_feed > div {
        margin-bottom: 24px;
    }
.news-sticker{width:260px; float:left; margin:15px 0 0 5px;}
.newssticker a{
	color: #fff;
}
.newssticker p{margin-bottom:10px;color:#BFC9C4;}

div.video {
    float: left;
    margin-left: 50px;
    width: 500px;
}

@media only screen and (max-width: 600px) {
    div.video {
        display: none;
    }
} 

.video-container {
    height: 0;
    width: 100%;
    overflow: hidden;
    padding-bottom: 56.25%;
    position: relative;
}

@media only screen and (min-width: 1000px) {
    .video-container {
        width: 50%;
        margin-left: 50%;
    }
} 


.video-container iframe {
    border:none;
    height: 100%;
    position: absolute;
    width: 100%;
}

div.produktliste {
	border-top: 2px solid #F39200;
	margin-bottom: 30px;
	padding-top: 10px;
}
span.produktlistenpunkt {
    background: url("../images/bg-li.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    display: block;
    padding-left: 21px;
	cursor: pointer;
}
div.produktliste a.pdf {
	display: block;
    margin-bottom: 10px;
    margin-left: 20px;
    margin-top: 3px;
    padding: 0 25px;
}

.pdf-download {
	background-image:url(../images/pdf.gif)!important;
	background-repeat:no-repeat;
	background-position: left center;
	padding-left:20px;
	position:relative;
	z-index:100;
	display:inline-block;
	text-decoration: none;
}

a.pdf-download:hover {color:#fff;}


@media only screen and (max-width: 1000px) {
    ul#nav .dropdown-sub.dropdown-parent > ul {
        display: none;
    }
}

#ewpm_navi_files li{
	background: url("../images/bg-li.png") no-repeat scroll 0 6px rgba(0, 0, 0, 0);
    list-style-type: none;
    padding-left: 21px;}
#ewpm_navi_files li a{text-decoration:none;}