/* EINBINDUNG WEBFONTS "Titillium Web" OPEN FONT LICENSE: http://www.modbau.de/font/OFL.txt */

@font-face {
    font-family: 'titillium_webregular';
    src: url('/font/titilliumweb-regular.eot');
    src: url('/font/titilliumweb-regular.eot?#iefix') format('embedded-opentype'),
         url('/font/titilliumweb-regular.woff2') format('woff2'),
         url('/font/titilliumweb-regular.woff') format('woff'),
         url('/font/titilliumweb-regular.ttf') format('truetype'),
         url('/font/titilliumweb-regular.svg#titillium_webregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webitalic';
    src: url('/font/titilliumweb-italic.eot');
    src: url('/font/titilliumweb-italic.eot?#iefix') format('embedded-opentype'),
         url('/font/titilliumweb-italic.woff2') format('woff2'),
         url('/font/titilliumweb-italic.woff') format('woff'),
         url('/font/titilliumweb-italic.ttf') format('truetype'),
         url('/font/titilliumweb-italic.svg#titillium_webitalic') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold';
    src: url('/font/titilliumweb-semibold.eot');
    src: url('/font/titilliumweb-semibold.eot?#iefix') format('embedded-opentype'),
         url('/font/titilliumweb-semibold.woff2') format('woff2'),
         url('/font/titilliumweb-semibold.woff') format('woff'),
         url('/font/titilliumweb-semibold.ttf') format('truetype'),
         url('/font/titilliumweb-semibold.svg#titillium_websemibold') format('svg');
	font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_websemibold_italic';
    src: url('/font/titilliumweb-semibolditalic.eot');
    src: url('/font/titilliumweb-semibolditalic.eot?#iefix') format('embedded-opentype'),
         url('/font/titilliumweb-semibolditalic.woff2') format('woff2'),
         url('/font/titilliumweb-semibolditalic.woff') format('woff'),
         url('/font/titilliumweb-semibolditalic.ttf') format('truetype'),
         url('/font/titilliumweb-semibolditalic.svg#titillium_websemibold_italic') format('svg');
       font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold';
    src: url('/font/titilliumweb-bold.eot');
    src: url('/font/titilliumweb-bold.eot?#iefix') format('embedded-opentype'),
         url('/font/titilliumweb-bold.woff2') format('woff2'),
         url('/font/titilliumweb-bold.woff') format('woff'),
         url('/font/titilliumweb-bold.ttf') format('truetype'),
         url('/font/titilliumweb-bold.svg#titillium_webbold') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'titillium_webbold_italic';
    src: url('titilliumweb-bolditalic.eot');
    src: url('titilliumweb-bolditalic.eot?#iefix') format('embedded-opentype'),
         url('titilliumweb-bolditalic.woff2') format('woff2'),
         url('titilliumweb-bolditalic.woff') format('woff'),
         url('titilliumweb-bolditalic.ttf') format('truetype'),
         url('titilliumweb-bolditalic.svg#titillium_webbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;
}




/* RESET & BASICS (Inspired by E. Meyers) */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, tt, var, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 			0;
	padding: 			0;
	border: 			0;
	vertical-align: 	baseline;
	font:				inherit;
	font-size: 			100%; 
}
	
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: 			block; 
}
	
ol, ul {
	list-style: 		none; 
}
	
blockquote, q {
	quotes: 			none; 
}
	
blockquote:before, blockquote:after, q:before, q:after {
	content: 			'';
	content: 			none; 
}


/* ALLGEIMEINE ANGABEN */
	
html {
	overflow-y:			scroll;
}	
	
body {
	color:				#58585a;
	text-align:			center;
	font-family: 		'titillium_webregular', 'Arial', 'Helvetica', sans-serif;	
	line-height:		1;
	background:			#fff;
	font-size:			17px;
}	
		
form  {
	margin:			0;
}
	
/* Diverse Elemente ausblenden */
hr, .Hidden {
	display:			none;
}

/* Keine Umrandung fuer diverse Elemente */
a, input, textarea, select {
	outline:			0;
}
	
sup, sub {
	line-height:		0px !important;
}	

.Clear {
    display:			block;
    width:				auto;
    height:				auto;
    clear:				both;
}	

.NoMargin {
   margin:				0 !important;
}

.NoBorder {
   border:				0 !important;
}

.Last {
   margin-right:		0 !important;
}
	
table {
    border-collapse:	collapse;
    border-spacing: 	0;
	table-layout:		fixed;
	empty-cells:		show;
	font-size:			100%;
	line-height:		137.5%;
	height: 			auto !important;
	margin:				5% 0 2% 0;
}	

td, th  {
    padding-right: 	25px !important;
    padding-bottom:	3.25%;	
	text-align: left;	
}	

th  {
    font-family: 'titillium_websemibold';
}	

strong, b {
    font-family: 'titillium_websemibold';
}	

em, i {
    font-family: 'titillium_websemibold_italic';
}	

/* #LINKS */

a { 
	color:			inherit;
	text-decoration:underline;
	outline: 		0; 
	transition: 	all 0.3s linear; 
	}
	
a:hover { 
	color:			#58585a;
	text-decoration:underline;	
	}	
	
a:hover, a:focus { 
	color:			#58585a;
	}
	
p a, p a:visited {
	 line-height: 	inherit;
	}	

a.NoDec { 
	text-decoration: none;
	}
	
a.NoDec:hover { 
	text-decoration: underline;
	}	
	
a.Pic:hover img {
	filter: alpha(opacity = 65);
	-ms-filter: "alpha(opacity = 65)";
	opacity: .65; 	
	transition: all 0.3s linear; 
	}		
	
p a, p a:visited {
	 line-height: inherit;
	}		
	
/* Colors */

.Red {
	color: #e5342c;
	}

/* UMSCHLIESSENDE CONTAINER */

#Wrap {	
	position: relative;
	margin:	0 auto; 
	padding: 0 15px 0 15px;
	margin:	0 auto; 
	width: 979px;
	text-align: left;
}	

header { 
	position:		relative;
	height:			217px;
}	

#SitePic  {
	height:			110px;
	text-align:		center;	
	background:		#e5e5e2;	
	overflow:		hidden;
}
	
#Content {
	position: 		relative;
	clear:			both;
	overflow: 		hidden;
	}
	
footer {  
	clear:			both;
	position:		relative;	
	text-align:		center;
}	

	
/*************************************************
* Header
*************************************************/
	
/* Logo + Claim */	
	
#Logo {
	position:		absolute;
	left:			0;
	top:			0;
	padding:		0;
	margin:			0;
	width:			290px;
	height:			130px;
	background:		url(/img/logo_modbau.jpg) left top no-repeat;
	background-size:auto 127px;
	}
	
#MobileLogo {
	position:		absolute;
	left:			12px;
	top:			-3px;
	padding:		0;
	margin:			0;
	width:			150px;
	height:			60px;
	background:		url(/img/logo_modbau.jpg) left top no-repeat;
	background-size:100% auto;
	position: 		fixed;
	z-index:		1000;
	}	
	
#Logo a,
#MobileLogo a {
	display:		block;
	width:			100%;
	height:			100%;
	}	
	
#Logo a span,
#MobileLogo a span {
	display:		none;
	}		
	
#LogoPrint {
	display:		none;
	}		

#Claim {
	position: absolute;
	right: 0;
	top: 83px;
	text-align: right;
	font-family: 'titillium_websemibold';
	font-size: 82.353%;
	color: #c6c6c6;		
	}		



/*************************************************
* Navigation
*************************************************/

/* MainNav */

#StandardNav {
	position:		absolute;
	left:			0;
	top: 			124px;
	width:			100%;
}

#StandardNav ul {
    list-style: 	none outside none;
}

#StandardNav li {
	position:		relative;
	width:			19.75%;
	margin: 		0 3px 0 0;	
    float: 			left;
    padding: 		0px;
    text-align: 	left;
    border: 		0px none;	
}

#StandardNav li a {
 	display: 		block;
    position: 		relative;
	height:			63px;
    color: 			#58585a;
	font-size: 82.353%;
	line-height:	470%;
	font-family: 	'titillium_websemibold';
    text-decoration:none;
	text-transform: uppercase;
	text-align:		center;
	background:		#f0f0f0;
	border-bottom:	9px solid #fff;
}	

#StandardNav li a:hover {
	text-decoration: none;
	color: #e5342c;	
	border-bottom: 9px solid #e5342c;	
}

#StandardNav li a.Active {
	color: #e5342c;
	text-decoration: none;
	border-bottom:	9px solid #e5342c;	
}

#StandardNav li a.mainNavHover {
	text-decoration: none;
	border-bottom:	9px solid #e5342c;	
}

/* SubNav */

#StandardNav ul ul {
	position: absolute;
	left: 0;
	top: 72px;
	width: 100%;
	padding: 9.5% 0 11% 0;
	background: #f0f0f0;
	z-index: 20;
}

#StandardNav ul ul li {
	float: none;
	margin: 0;
	width: 100%;
}

#StandardNav ul ul li a {
	height: auto;
	line-height: 208%;
	text-align: left;
	padding-left: 12px;
	border-bottom: 0;
	transition: all 0.1s linear; 
}

#StandardNav ul ul li a:hover {
	color: #e5342c;
	text-decoration:underline;
	border-bottom: 0;	
}

#StandardNav ul ul li a.Active {
    color: 			#58585a;
	border-bottom:	0;	
}

#StandardNav ul ul li a.Active:hover {
   	color: #e5342c;
	border-bottom:	0;	
}

/*************************************************
* Language Navigation
*************************************************/	

#LanguageNav {
	overflow: hidden;
}

#LanguageNav ul {
    float: right;
}	

#LanguageNav ul li {
	width: auto;
}	

#LanguageNav ul li a {
	display: block;
	padding: 15% 7px 17% 7px;
    background: #e5342c;
	font-size: 72%;
	color: #fff;
	text-decoration: none;	
	overflow: hidden;
}	

#LanguageNav ul li a:hover{
	text-decoration: underline;	
}	

/*************************************************
* Mobile Navigation
*************************************************/	

#MobileNav {
	display: block;
	position: fixed;
	left: 0;
	top: 0;
	margin: 0px;
	width: 100%;
	height: 60px;
	background: #fff;
	z-index: 999;
}	

#MobileNav ul {
	margin: 12px 15px 0 0;
	}

#MobileNav ul li {
	float: right; 
	width: 60px; 	
	height: 36px; 
	margin-left: 8px;
	}
	
#MobileNav ul li a {
	display: block; 
	width: 100%; 
	height: 100%;
	background: #f0f0f0;
	}
	
#MobileNav ul li a.Menue {
	background: #e5342c url(/img/icon_menue.gif) center center no-repeat;
	background-size: 24px auto;
	}	
	
#MobileNav ul li a span {
	display: none;
	}

#MobileNavExpanded {
	display: block;
	position: fixed;
	top: 0px;
	left: 0px;
	height: 100%;
	width: 100%;
	background: #fff;
	z-index: 1000;	
	overflow: auto;
	display: none;
}	

#MobileNavExpanded ul {
	width: 100%;
	background: #f0f0f0;	
	position: relative;
}

#MobileNavExpanded ul li {
	width: 100%;
	border-top: 2px solid #fff;
}

#MobileNavExpanded ul li a {
	display: inline-block;
	padding: 15px;
	text-decoration: none;
	text-transform: uppercase;
	font-family: 'titillium_websemibold';
	color: #e5342c;
}

#MobileNavExpanded ul li.Close {
	display: block;
	height: 56px;
	text-align: right;
	width: 100%;
	background: #fff;	
}

#MobileNavExpanded ul li.Close a {
	display: block;
	padding: 15px;
	font-family: 'titillium_webregular';
	color: #58585a;
	text-transform: none;
}

#MobileNavExpanded ul li.Language {
	position: absolute;
	left: 0;
	top: 6px;
	width: 100px !important;
	height: 30px;
	width: 100%;	
}

#MobileNavExpanded ul li.Language a {
	font-family: 	'titillium_webregular';
	text-transform: none;
}

#MobileNavExpanded ul li.Close a span {
	display: inline-block;
	padding-left: 5px;
	font-size: 20px;
	color: #e5342c;	
}

#MobileNavExpanded ul ul {
	margin-bottom: 15px;
}

#MobileNavExpanded ul ul li {
	padding-left: 40px;
	border: 0;
}

#MobileNavExpanded ul ul li a {
	padding: 6px 0 10px 30px;
}

/*************************************************
* Startpage
*************************************************/

/* Slider */

#ContainerSlider {
	height: 470px;
	margin-bottom: 3%;
}

#ContainerSlider h1 {
	text-align: center;
	background: #e5342c;
	color: #fff;
	text-align: center;
	height: 26.596%;
	font-family: 'titillium_websemibold';
	font-size: 129.412%;
	line-height: 570%;
}

#ContainerSlider h1 a {
	display: block;
	text-decoration: none;
	color: #fff !important;
}

#ContainerSlider h1 a:hover {
	text-decoration: underline;

}

#ContainerSlider .Slider {
	height: 345px;
   	overflow: hidden;
   	position: relative;
}

#ContainerSlider .Slider img {
	position: absolute;
	top: 0px;
	left: 0px; 
	height: 100%;
	width: 979px;
}

/* Teaser */

#ContainerTeaser {
	min-height: 120px;
	background: url(/img/bg_teaser.gif) left top repeat-y;
}

#ContainerTeaser section {
	float: left;
}

#ContainerTeaser .Col01 {
	float: left;
	width: 28%;
	padding: 1% 2% 1% 4.75%;
}

#ContainerTeaser .Col02 {
	float: left;
	width: 25.35%;
	padding: 1% 2.25% 0.75% 2.75%;
}

#ContainerTeaser .Col03 {
	float: left;
	width: 29%;
	padding: 1% 2% 1% 2.85%;
}

#ContainerTeaser section h3 {
	text-transform: uppercase;
	font-family: 'titillium_webbold';
	font-size: 82.353%;
	margin-bottom: 12px;
}

#ContainerTeaser section h3 a {
	text-decoration: none;
}

#ContainerTeaser section h3 a:hover {
	text-decoration: underline;
}

#ContainerTeaser section p {
	font-size: 88.235%;
	line-height: 146.667%;
}

#ContainerTeaser section p a {
	color: #e5342c;
	white-space: nowrap;
	transition: all 0.1s linear; 		
}

#ContainerTeaser section p a:hover {
	color: #58585a;
}

/* Products Overview */

#ContainerProducts {
	margin-top: 2.75%;
	padding: 0 5% 2.5% 5%;
	background: #f0f0f0;
	overflow: hidden;
}

#ContainerProducts h2 {
	margin: 6% 0 6.75% 0;
	font-size: 129.412%;
	text-align: center;
}

#ContainerProducts a {
	display: block;
	float: left;
	margin: 0 1.5% 3.5% 0;
	width: 32.225%;
	overflow: hidden;
	text-decoration: none;
}

#ContainerProducts h3 {
	margin: 0 0 5.5% 0;
	text-transform: uppercase;
	font-size: 76.471%;
	transition: all 0.2s linear; 	
	line-height: 115%;
}

#ContainerProducts a:hover h3 {
	color: #e5342c;
	display: block;
	text-decoration: underline;
}

#ContainerProducts .Pic {
	width: 98%;
	height: auto;
	overflow: hidden;
}

#ContainerProducts .Pic img {
	width: 100%;
	height: auto;
	transition: all 0.3s linear;		 
}

#ContainerProducts a:hover .Pic img {
	filter: alpha(opacity = 65);
	-ms-filter: "alpha(opacity = 65)";
	opacity: .65; 	
}


/*************************************************
* Content
*************************************************/
	
#Content .ContentMain  {
	float:			left;
	position:		relative;
	margin:			3.25% 0 6% 0;
	width:			62.308%;
	min-height:		300px;
	border:			0;
}

#Content .NoMinHeight  {
	min-height: 	1px !important;
	margin-bottom:	0 !important;
}

#Content #Sidebar, #Content #SidebarAnchor {
	float:			right;
	position:		relative;
	margin:			3.20% 0 0 0;
	width:			31.665%;
	border:			0;
	overflow:		hidden;   
	z-index:		1;
}

#Content #Sidebar {
	margin:			0;	
}

#Content #SidebarAnchor {
	height:			1px;
}

/* ContentPic */

#Content #ContentPic {
	width: 100%;
	height: 140px;
	background: #cdcdcd;
	overflow: hidden;
}

#Content #ContentPic img {
	height: auto;
	width: 100%;
}

/* Title, Text */

h1, h2, h3, h4, h5, h6 {
	margin: 0;
	font-family: 'titillium_websemibold';
	font-size: 100%;
}

.ContentMain h1,
.ContentMain h2 {
	margin: 0 0 2.5% 0;
	line-height: 152.941%;	
	text-transform: uppercase;
	color: #e5342c;
}

.ContentMain h3,
.ContentMain h4,
.ContentMain h5,
.ContentMain h6 {
	line-height: 158.824%;
	margin: 0 0 2.5% 0;
}

.ContentMain p {
	margin: 0 0 3.25% 0;
	line-height: 158.824%;
}	

.ContentMain hr {
	margin: 5% 0 5% 0;
	height: 0;
	border: 0;
	border-top: 1px solid #f0f0f0;
	border-bottom: 1px solid #f0f0f0;
	display: block;	
}	

.ContentMain .TitleBorder {
	margin: 0;
	padding:0 0 3.5% 0;
	border-bottom: 2px solid #f0f0f0;
	display: block;	
}	

.ContentMain .TopMargin {
	margin-top: 12%;
}	

.ContentMain a {
	color: #e5342c;
}	

.ContentMain a:hover {
	color: #58585a;
}	

.ContentMain a.LinkBack {
	display: block;
	width: 130px;
	margin: 0 0 4% 0;
}	

/* Lists */

.ContentMain ul {
	line-height: 158.824%;
	margin-left: 2.5%;
	margin-bottom: 4%;
}

.ContentMain ul li {
	padding-left: 4%;
	margin-bottom: 2%;
    background: url("/img/item_list.png") no-repeat scroll 5px 11px transparent;
	background-size: 6px auto;
}	
		
/* Content: Products Overview */

.ContentProductsOverview .Intro {
	padding: 0 0 4% 0;
	min-height: 196px;
}	

.ContentProductsOverview #ContainerProducts {
	margin-top: 0;
	padding: 0;
	background: none;
}

.ContentProductsOverview #ContainerProducts a {
	display: block;
	float: left;
	margin: 0 3% 5% 0;
	width: 31.25%;
	overflow: hidden;
	text-decoration: none;
}

.ContentProductsOverview #ContainerProducts h2 {
	display: none;
}

.ContentProductsOverview #ContainerProducts h3 {
	margin: 0 0 5.5% 0;
	text-transform: uppercase;
	font-size: 76.471%;
	color: #58585a;
	transition: all 0.2s linear; 	
}

.ContentProductsOverview #ContainerProducts a:hover h3 {
	display: block;
	color: #e5342c;	
	text-decoration: underline;
}

.ContentProductsOverview #ContainerProducts .Pic {
	width: 100%;
	height: auto;
	overflow: hidden;
}

.ContentProductsOverview #ContainerProducts .Pic img {
	width: 100%;
	height: auto;
}
		
/* Content: Projects */

.ContentProducts .Intro {
	padding: 0 0 2% 0;
	min-height: 245px;
}	

.ContentProducts .IntroBorder {
	border-bottom: 2px solid #f0f0f0;
	min-height: 238px;
}	

.ContentProducts a.ProjectAbstract {
	display: block;
	position: relative;
	padding: 5% 0 5% 0;
	border-bottom: 2px solid #f0f0f0;
	overflow: hidden;
	text-decoration: none;
}

.ContentProducts a.ProjectAbstract .Pic {	
	float: left;
	position: relative;
	width: 44.25%;
	height: 144px;
	background: #f0f0f0;
	overflow: hidden;
}	

.ContentProducts a.ProjectAbstract .Pic img {	
	width: 100%;
	position:absolute;
	top:-100%;	
	bottom:-100%;
	width:100%;
	margin: auto;
	height: auto;
	transition: all 0.2s linear; 
}

.ContentProducts a.ProjectAbstract:hover .Pic img {
	opacity: 0.75;
	filter: alpha(opacity = 75);
	-ms-filter: "alpha(opacity = 75)";
	opacity: .75; 
}

.ContentProducts a.ProjectAbstract {	
	color: #58585a;
}	

.ContentProducts a.ProjectAbstract .Text {
	margin-top: -0.5%;
	width: 51%;
	float: right;
}	

.ContentProducts a.ProjectAbstract .Text .ProjectTitle {
	font-family: 'titillium_websemibold';
	color: #e5342c;
}	

.ContentProducts a.ProjectAbstract .Text .SubTitle {
	font-family: 'titillium_websemibold';
}	

.ContentProducts a.ProjectAbstract .Link {
	position: absolute;
	bottom: 0;
	right: 2px;
	color: #e5342c;
	text-decoration: underline;
	transition: all 0.2s linear; 	
}	

.ContentProducts a.ProjectAbstract:hover .Link {
	color: #58585a;
}

.ContentProducts a.ProjectAbstract:hover .Text .ProjectTitle {
	color: #e5342c;
	text-decoration: underline;
}	

.ContentProducts .Text {
 	margin-top: 2%;
 }

/* Content: Project Details */	

.ContentProductDetail .Intro {
	padding: 0 0 0.25% 0;
	min-height: 290px;
}	

.ContentProductDetail .ProjectTitle {
	text-transform: none;	
	margin-bottom: 2.75%;
}

.ContentProductDetail .SubTitle {
	margin: -2.5% 0 0 0;
	color: #58585A;
	text-transform: none;
}

.ContentProductDetail .ProjectInfos {
	color: #58585A;
	text-transform: none;
	margin-bottom: 4.0%;
}

/* Content: Project Gallery */	

.ContentProductDetail .LinkGallery  {
	display: inline-block;
	margin-top: 1.25%;
	}

.ContentProductDetail .ContainerPics {
	width: 105%;
	margin: 5.5% 0 -5.5% 0;
	overflow: hidden;
	}
	
.ContentProductDetail .ContainerPics a.Pic {
	display: block;
	position: relative;
	float: left;
	margin: 0 2.75% 2.75% 0;
	width: 30.175%;
	height: 108px;
	background: #f0f0f0;
	overflow: hidden;
	}	
	
.ContentProductDetail .ContainerPics a.Pic img {
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;	
	width: 100%;
	height: auto;	
	transition: all 0.2s linear; 			
	}		

/* Content: Partners */	

.ContentPartners .ContainerPics {
	margin: 4.5% 0 0 0;
	padding: 2px 0 0 2px;
	}
	
.ContentPartners .ContainerPics a.Pic {
	display: block;
	float: left;
	position: relative;
	margin: -2px 0 0 -2px;
	border:	2px solid #f0f0f0; 
	width: 32.8%;
	height: 113px;
	overflow: hidden;
	}	
	
.ContentPartners .ContainerPics a.Pic img {
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;	
	width: 100%;
	height: auto;
	transition: all 0.2s linear; 	
	}		
	
/* Content: News */		

.ContentMain .IntroNews h2 {
	margin-bottom: 5%;
	}	

.ContentMain hr {
	margin: 2.25% 0 3% 0 !important;
	}	
	
.ContentNews {
	margin-top: 0 !important;
	position: relative;
	width: 100% !important;
	}	

.ContentNews .News {
	padding: 3% 0 0 0;
	border-top: 2px solid #f0f0f0;
	}	
	
.ContentNews .News h3 {	
	color: #e5342c;
	margin-bottom: 0.25%;
	}	
		
.ContentNews .News p {
	margin-bottom: 3%;
	}			
	
.ContentNews .News .Date {
	margin: -1% 0 0 0;
	color: #a0a0a0;
	}	
	
.ContentNews .News .Text {	
	float: left;
	margin-top: -0.5%;
	padding: 0 0 1.75% 0;
	width: 62.308%;	
	}	
	
.ContentNews .News .ContainerPics {
	float: right;
	margin: 0 0 0.5% 0;
	width: 31.665%;
	overflow: hidden;
	}
	
.ContentNews .News .ContainerPics a.Pic {
	display: block;
	position: relative;
	margin: 0 0 9.5% 0;
	width: 100%;
	height: 152px;
	background: #f0f0f0;
	overflow: hidden;
	}		
	
.ContentNews .News .ContainerPics a.Pic img {
	position: absolute;
	top: -100%;
	bottom: -100%;
	margin: auto;	
	width:100%;
	height: auto;	
	transition: all 0.2s linear; 			
	}	
	
/* Content News: Page Nav */

		
.PageNav {
	position: absolute;
	right: 0;
	width: 310px;
	height: 30px;
	overflow: hidden;
	background: #f0f0f0;
	}	
	
.PageNavTop {
	top: 170px;
	}	
	
.PageNavBottom {
	bottom: 30px;
	}	
	
.PageNav a {
	display: block;
	position: absolute;
	top: 0;	
	padding: 0 0 2% 0;
	width: 50px;
	background: #e5342c;
	color: #fff;
	overflow: hidden;
	text-decoration: none;
	text-align: center;
	line-height: 160% !important;
	z-index: 1;
	}	
	
.PageNav a.Before {
	left: 0;
	}	
	
.PageNav a.Next {
	right: 0;
	}	
		
.PageNav a:hover {
	text-decoration: underline;
	}			
	
.PageNav span {
	display: block;
	width: 100%;
	font-size: 88.235%;
	line-height: 200%;	
	text-align: center;
	}		
	
/* Content: Leistungen */	

.ContentLeistungen h3 {
	/* color: #e5342c; */
}	
	
/* Content: Jobs */			
		
.ContentMain .ContentIntroJobs {
	padding: 0;
	height: 146px;
}	

.ContentMain .Jobs {
	padding: 4% 0 0 0;
	border-top: 2px solid #f0f0f0;
}	

.ContentMain .Jobs h3 {
	color: #e5342c;
	margin-bottom: 6.5%;
}	
	
/* Content: Google Maps */	

.ContentMain iframe.GoogleMaps {
	margin: 1% 0 0 0;
	width: 610px;
	height: 370px;
	}			

/*************************************************
* Boxes Sidebar
*************************************************/

#Sidebar p {	
	font-size: 88.235%;
	line-height: 150%;
}	

/* SubNavBox */

#Sidebar .SubNavBox {	
	margin: 0 0 10% 0;
	padding: 6.5% 6.5% 6.5% 9%;
	min-height: 60px;
	background: #f0f0f0;
}	

#Sidebar .SubNavBox ul li a {
	font-size: 82.353%;
	line-height: 29px;
	font-family: 'titillium_websemibold';
	text-decoration: none;
	text-transform: uppercase;
	transition: all 0.1s linear; 	
}

#Sidebar .SubNavBox ul li a:hover {
	color: #e5342c;
	text-decoration:underline;
	border-bottom:	0;	
}

#Sidebar .SubNavBox ul li.Active > a {
	color: #e5342c;
}

#Sidebar .SubNavBox ul ul {
	margin-left: 12%;
	display: none;
}

#Sidebar .SubNavBox ul li.Active ul {
	display: block;
}

#Sidebar .SubNavBox ul li.Active ul li:Active {
	color: #e5342c;
}

/* ContactBox */

#Sidebar .ContactBox {
	position: relative;
	margin: 0 0 10% 0;
	padding: 6% 0% 6.5% 9%;
	background: #e5342c;
	font-family: 'titillium_websemibold';
}	

#Sidebar .ContactBox p {
	color: #fff;
}

#Sidebar .ContactBox a:hover {
	color: #cbcbcb;
}

#Sidebar .ContactBox p span {
	display: block;	
}
	
#Sidebar .ContactBox p.Text {
	margin-bottom: 6%;
	}	

#Sidebar .ContactBox .Pic {
	position: absolute;
	right: 0;
	top: 0;
	width: 26.35%;
}

#Sidebar .ContactBox div img {
	width: 100%;
	height: auto;
}

/*************************************************
* Footer
*************************************************/

footer {
	border-top: 30px solid #fff;	
	border-bottom: 30px solid #fff;		
	overflow: hidden;
}

footer ul.FooterNav {
	width: 100%;
	padding: 6.5% 0 7.25% 1%;
	border-top: 2px solid #f0f0f0;
	border-bottom: 2px solid #f0f0f0;
	background: #fff;
}

footer ul.FooterNav li {
	float: left;
}
	
footer ul.FooterNav li a {
	display: block; 
	margin: 0 34px 0 0;
	color: #adadad;	
	font-size: 70.588%;
	font-family: 'titillium_webregular';
	text-transform: uppercase;
	text-decoration: none;	
}	

footer ul.FooterNav li a:hover {
	text-decoration: underline;	
}	

footer ul.FooterNav li a.LinkLanguage {
	color: #e5342c;
}	

footer #FooterLogo {
	position: absolute;
	right: -5px;
	top: 12px;
	width: 210px;
	height: 110px;
	}	
	
footer #FooterLogo img {
	width: 100%;
	height: auto;	
	}	
	
footer #FooterLogo span {
	display: none;	
	}	
	
/*************************************************
* 404 - file not found
*************************************************/		
	
.Text404 {
	margin-bottom: 50px !important;
	}		
	
.Text404 p {
	margin: 0px 0px 3.25%;
	line-height: 158.824%;
	}	

	
.Text404 p span {	
	font-size: 350%;
	line-height: 100%;
	color: #f0f0f0;
	}		
	
/*************************************************
* Lightbox
*************************************************/

#Dim {
    left: 0px;
    top: 0px;
    height: auto !important;
    width: 100%;
    margin: auto;
    min-height: 100%;
    background: none repeat scroll 0% 0% #565658;
    opacity: 0.9;
    overflow: hidden !important;
    position: fixed;
    z-index: 1001;	
}	

.WrapLightbox {
	position: fixed;
	top: 10%;	
    left: 0;
    right: 0;
    height: 0;
	text-align: center;
	z-index: 1002;
}	

.Lightbox {
	position: absolute;
	left: -100%;
	right: -100%;
	margin:auto;
	width: 979px;
	height: 630px;
	text-align: center;
	background: none repeat scroll 0% 0% #FFF;
	border: 0px none;
	z-index: 101;
}	

.Lightbox .Link {
	display: block;
	position: absolute;
	top: 270px;	
	width: 57px;
	height: 104px;
	background-position: center center;
}

.Lightbox .Link span {
	display: none;
}

.Lightbox .LinkNext {
	right: 15px;
	background: url("/img/icon_arrow-next.gif") no-repeat center center;
	background-size: 53px auto;	
}	

.Lightbox .LinkNext:hover {
	background-position: 10px center;
}	

.Lightbox .LinkBack {
	left: 15px;
	background: url("/img/icon_arrow-back.gif") no-repeat center center;
	background-size: 53px auto;	
}	

.Lightbox .LinkBack:hover {
	background-position: -10px center;
}	

.Lightbox .Close {
	display: block; 
	position: absolute;	
	right: 0;
    top: -45px;
    width: 52px;
    height: 35px;
	background: #fff url("/img/icon_close.gif") no-repeat center center;	
	background-size: 32px auto;
}

.Lightbox .Close span {
	display: none;
}

.Lightbox .Close:hover {
    background-size: 27px auto;
}

.Lightbox .Text .player_title {
   	position: absolute;
  	top: 26px;
	width: 90%;
	height: 28px;
	padding: 0 5% 0 5%;
  	text-align: center;
	font-family: "titillium_websemibold";
	font-size: 100%;
	line-height: 152.941%;
	color: #e5342c;
	overflow: hidden;
}

.Lightbox .Text .player_subtitle {
   	position: absolute;
  	top: 55px;
	width: 90%;
	height: 28px;	
	padding: 0 5% 0 5%;
  	text-align: center;
	font-family: "titillium_websemibold";
	font-size: 100%;
	line-height: 152.941%;
	overflow: hidden;	
}

.Lightbox .Text .player_text {
   	position: absolute;
  	bottom: 12px;
	width: 90%;
	height: 60px;
	padding: 0 5% 0 5%;
	line-height: 152.941%;	
}

.Lightbox .Img {
	margin: 95px auto 0;
   	width: 795px;
   	height: 445px;
	overflow: hidden;
	text-align: center;
}

.Lightbox .Img img {
	margin: 0px auto;
	max-height: 445px;
	width: auto;
}

.bx-wrapper .bx-viewport div {
	display:		table !important;
	position:		relative !important;
	margin:			0 auto !important;
	padding:		0 !important;
	height: 445px !important;
}

.bx-wrapper .bx-viewport div img {
    position: absolute !important;
    top: -100% !important;
    bottom: -100% !important;
	left: -100% !important;
	right: -100% !important;
    margin: auto !important;
    height: auto !important;
}

.bx-wrapper .bx-viewport {
-webkit-box-shadow: 0px 0px 0px #fff !important;
-moz-box-shadow: 0px 0px 0px #fff !important;
box-shadow: 0px 0px 0px #fff !important;
}

/*************************************************
* RESPONSIVE DEFINITIONEN
*************************************************/	

/*-----------------------------------------------
Alle ab 668px
-----------------------------------------------*/	

@media screen and (min-width: 768px) {

	nav#MobileNav,
	nav#MobileNavExpanded,	
	#MobileLogo											{display: none;}	

}


/*-----------------------------------------------
* Desktop: > 1280px
-----------------------------------------------*/

@media screen and (min-width: 1281px) {

	body 												{font-size: 19px;}	
	#Wrap 												{width: 1130px;}
	header 												{height: 255px;}
	
	#Logo												{top: 0; height: 150px; width: 340px; background-size: auto 144px;}
	#Claim 												{top: 93px;}
	#StandardNav 										{top: 145px;}
	#StandardNav li 									{width: 19.7%; margin-right: 4px;}
	#StandardNav li a 									{height: 73px; line-height: 490%; border-bottom: 11px solid #fff;}
	#StandardNav li a:hover, 
	#StandardNav li a.Active, 
	#StandardNav li a.mainNavHover						{border-bottom: 11px solid #e5342c;}
	#StandardNav ul ul 									{top: 84px;}
	#StandardNav ul ul li a								{line-height: 221%;}
	
	#ContainerSlider 									{height: 542px;}
	#ContainerSlider .Slider 							{height: 398px;}
	#ContainerSlider .Slider img 						{width: 1130px;}	
	#ContainerTeaser 									{background-size: 1130px auto; min-height: 150px;}

	#Content #ContentPic 								{height: 165px;}
		
	.ContentMain ul li 									{background-position: 5px 12px; background-size: 7px auto;}
	
	.ContentProductsOverview .Intro						{min-height: 224px;}
	.ContentProducts .Intro 							{min-height: 279px;}
	.ContentProducts .IntroBorder 						{min-height: 268px;}	
	.ContentMain .ContentIntroJobs 						{height: 164px;}
	
	.ContentProducts a.ProjectAbstract .Pic,			
	.ContentNews .News .ContainerPics a.Pic 			{height: 170px;}	
	
	.ContentPartners .ContainerPics a.Pic 				{height: 130px;}
	
	.ContentProductDetail .Intro 						{min-height: 331px;}	
	.ContentProductDetail .ContainerPics a.Pic 			{height: 125px; width: 222px;}
	
	.ContentMain iframe.GoogleMaps 						{width: 700px; height: 450px;}
		
	.PageNav 											{height: 34px; width: 358px;}
	.PageNavTop 										{top: 200px;}
	.PageNavBottom										{bottom: 35px;}
	.PageNav a 											{width: 57px;}	
	
	#Sidebar .SubNavBox ul li a							{line-height: 33px;}	
	
	footer 												{border-top-width: 36px; border-bottom-width: 36px;}
	footer #FooterLogo									{top: 15px; width: 234px; height: 120px;}
	footer ul.FooterNav li a 							{margin-right: 40px;}
	
	.Lightbox 											{width: 1220px; height: 790px;}
	.Lightbox .Link										{top: 345px; width: 62px; height: 110px; background-size: 62px auto;}
	.Lightbox .LinkNext									{right: 25px;}
	.Lightbox .LinkBack									{left: 25px;}
	.Lightbox .Img 										{margin: 118px auto 0; width: 970px; height: 564px;}
	.Lightbox .Img img 									{max-height: 564px;}
	.Lightbox .Close 									{top: -53px; width: 62px; height: 40px;	background-size: 35px auto;}
	.Lightbox .Close:hover 								{background-size: 30px auto;}
	.Lightbox .Text .player_title 						{top: 33px;}	
	.Lightbox .Text .player_subtitle					{top: 65px;}	
	.Lightbox .Text .player_text						{bottom: 28px; height: 62px;}	
	
	.bx-wrapper .bx-viewport div 						{height: 564px !important;}

}
	
/*-----------------------------------------------
* Tablet Landscape
-----------------------------------------------*/	

@media screen and (min-width: 970px) and (max-width: 1024px) and (orientation: landscape) {
	
	body												{}
	
	.WrapLightbox 										{top: 54px;}
	.Lightbox 											{width: 960px; height: 580px;}
	.Lightbox .Img 										{height: 395px;}

	.Lightbox .Link 									{top: 250px;}
	.bx-wrapper .bx-viewport div 						{height: 395px !important;}
}


/*-----------------------------------------------
* Tablet Portrait 
-----------------------------------------------*/	

@media screen and (min-width: 768px) and (max-width: 1023px) {


	body 												{font-size: 13px; text-align: left;}
	#Wrap 												{width: 738px;}
	header 												{height: 170px;}
	#Logo												{height: 98px; width: 230px; background-size: auto 99px;}
	#Claim 												{top: 64px; font-size: 90%;}
	
	#StandardNav 										{top: 97px;}
	#StandardNav li 									{width: 19.65%; margin-right: 3px;}
	#StandardNav li a 									{height: 49px; line-height: 490%; border-bottom: 6px solid #fff;}
	#StandardNav li a:hover, 
	#StandardNav li a.Active, 
	#StandardNav li a.mainNavHover						{border-bottom: 6px solid #e5342c;}
	#StandardNav ul ul 									{top: 55px; font-size: 95%;}
	#StandardNav ul ul li a 							{line-height: 230%;}
	
	#LanguageNav ul li a 								{padding: 12% 6px 16% 6px; font-size: 85%;}	
	
	#ContainerSlider 									{height: 355px;}
	#ContainerSlider .Slider 							{height: 260px;}
	#ContainerSlider .Slider img 						{width: 738px;}	
	#ContainerTeaser 									{background-size: 738px auto; min-height: 110px;}

	#Content #ContentPic 								{height: 107px;}
	
	.ContentMain ul li 									{background-position: 4px 9px; background-size: 4px auto;}
	
	.ContentProductsOverview .Intro						{min-height: 155px;}	
	.ContentProducts .Intro 							{min-height: 194px;}	
	.ContentProducts .IntroBorder 						{min-height: 183px;}	
	.ContentMain .ContentIntroJobs 						{height: 110px;}	
	
	.ContentProducts a.ProjectAbstract .Pic,
	.ContentNews .News .ContainerPics a.Pic				{height: 115px;}	
	
	.ContentProductDetail .Intro 						{min-height: 228px;}	
	.ContentProductDetail .ContainerPics a.Pic			{height: 82px;}
	.ContentPartners .ContainerPics a.Pic 				{height: 90px;}	
	
	.ContentPartners .ContainerPics a.Pic 				{height: 85px;}
	
	.ContentMain iframe.GoogleMaps 						{width: 100%; height: 300px;}
	
	#Sidebar .SubNavBox									{min-height: 137px;}
	#Sidebar .SubNavBox ul li a							{line-height: 23px;}
	
	.PageNav 											{height: 23px; width: 234px;}
	.PageNavTop 										{top: 130px;}
	.PageNavBottom 										{bottom: 25px;}
	.PageNav a 											{width: 45px;}
	
	footer 												{border-top-width: 22px; border-bottom-width: 22px;}
	footer #FooterLogo									{top: 14px; width: 146px; height: 80px;}
	footer ul.FooterNav li a 							{margin-right: 25px;}
	
	.Lightbox 											{width: 720px; height: 470px;}
	.Lightbox .Link										{top: 205px; width: 40px; height: 60px; background-size: 40px auto;}
	.Lightbox .LinkNext									{right: 15px;}
	.Lightbox .LinkBack									{left: 15px;}
	.Lightbox .LinkNext:hover 							{background-position: 5px center;}	
	.Lightbox .LinkBack:hover 							{background-position: -5px center;}	
	.Lightbox .Img 										{margin: 75px auto 0; width: 570px; height: 321px;}
	.Lightbox .Img img 									{max-height: 321px;}
	.Lightbox .Close 									{top: -33px; width: 40px; height: 26px;	background-size: 28px auto;}
	.Lightbox .Close:hover 								{background-size: 24px auto;}	
	.Lightbox .Text .player_title		 				{top: 20px; height: 23px;}	
	.Lightbox .Text .player_subtitle					{top: 42px; height: 23px;}	
	.Lightbox .Text .player_text						{bottom: 16px; height: 42px;}	
	
	.bx-wrapper .bx-viewport div 						{height: 321px !important;}	
	
}


/*-----------------------------------------------
* Phone: max 767px
-----------------------------------------------*/	

@media screen and (min-width:1px) and (max-width: 767px) {


	body 												{width: 100%; overflow-x: hidden; margin: 0; -webkit-text-size-adjust: none; font-size: 14px;}
	#Wrap 												{padding: 0; width: auto; max-width: 550px; min-width: 320px;}
	header												{height: 0px;}
	#Logo,	
	#Claim,
	#StandardNav, 
	#LanguageNav,
	.SubNavBox
	/* , #Dim,
	.Lightbox */										{display: none;}	
	
	#MobileLogo											{display: block;}
	#MobileNav											{display: block;}
		
	#ContainerSlider 									{margin: 60px 0 0 0; height: 283px;}
	#ContainerSlider .Slider 							{height: 207px;}
	#ContainerSlider .Slider img 						{height: 207px; width: auto;}	
	#ContainerSlider h1									{height: 75px; font-size: 95%; line-height: 75px; padding: 0 20px 0 20px;}
	
	#ContainerTeaser 									{background-image: none; margin: 0 15px 0 15px;}
	#ContainerTeaser section							{float: none !important; width: 100% !important; padding: 20px 0 20px 0 !important; border-bottom: 2px solid #f0f0f0;}
	#ContainerTeaser section.Col03						{border-bottom: 0;}
	
	#ContainerProducts									{margin-top: 0;}
	#ContainerProducts h2								{font-size: 15px; line-height: 22px;}
		
	#Content 											{margin: 0 15px 0 15px; padding-top: 60px; max-width: 540px;}	
	#Content #ContentPic 								{height: 80px;}	
	#Content #ContentPic img 							{height: 80px; width: auto;}	
	#Content .ContentMain  								{margin-top: 4.5%; width: 100%; float: none;}	
	
	.ContentMain ul li 									{background-position: 2px 9px; background-size: 4px auto;}
	.ContentMain iframe.GoogleMaps 						{width: 65%; height: 300px;}	
	
	.ContentProductsOverview .Intro,
	.ContentProducts .Intro,
	.ContentProducts .IntroBorder,
	.ContentMain .ContentIntroJobs 						{min-height: auto !important; height: auto;}	
	.ContentMain .IntroNews								{height: 40px;}
	
	.ContentProducts a.ProjectAbstract .Pic				{height: 112px;}
	.ContentNews .News .ContainerPics a.Pic				{height: 80px; pointer-events: none; cursor: default; margin-bottom: 5%; background: none;}
	
	.ContentPartners .ContainerPics a.Pic 				{height: 96px;}	
	
	.ContentProductDetail .Intro 						{min-height: 20px;}	
	.ContentProductDetail .ContainerPics a.Pic 			{height: 90px; /* pointer-events: none; cursor: default; */}
	
	.ContentNews		 								{margin-bottom: 65px !important;}		
	
	.PageNav 											{height: 24px; width: 210px;}
	.PageNavTop 										{top: 161px;}
	.PageNavBottom 										{bottom: 16px;}
	.PageNav a 											{width: 35px;}
	
	#Content #SidebarAnchor								{display: none !important;}
	#Content #Sidebar 									{position: relative !important; clear: both !important; margin-top: 7% !important; width: 100% !important; float: none !important; left: 0 !important; top: 0 !important;}
	#Content #Sidebar p 								{font-size: 100% !important;}
	#Content #Sidebar .ContactBox						{padding: 4% 0% 4% 5%; width: 61%;}	
	
	.WrapLightbox 										{top: 34px;}
	.Lightbox 											{width: 500px; height: 290px;}
	.Lightbox .Link										{top: 120px; width: 40px; height: 60px; background-size: 30px auto;}
	.Lightbox .LinkNext									{right: 5px;}
	.Lightbox .LinkBack									{left: 5px;}
	.Lightbox .LinkNext:hover 							{background-position: center center;}	
	.Lightbox .LinkBack:hover 							{background-position: center center;}	
	.Lightbox .Img 										{margin: 50px auto 0; width: 400px; height: 200px;}
	.Lightbox .Img img 									{max-height: 210px;}
	.Lightbox .Close 									{top: -29px; width: 38px; height: 24px;	background-size: 28px auto;}
	.Lightbox .Close:hover 								{background-size: 24px auto;}	
	.Lightbox .Text .player_title		 				{top: 8px; height: 23px;}	
	.Lightbox .Text .player_subtitle					{top: 26px; height: 23px;}	
	.Lightbox .Text .player_text						{bottom: 5px; height: 42px;}	
	
	.bx-wrapper .bx-viewport div 						{height: 190px !important;}		
	
	footer 												{margin: 0; height: 50px; border-bottom: 0; border-top: 2px solid #f0f0f0;}
	footer ul.FooterNav 								{display: none;}
	footer #FooterLogo 									{top: -5px; right: 3px; width: 120px;}
	
			
}

/*-----------------------------------------------
* iPhone 6: 667px
-----------------------------------------------*/	

@media screen and (min-width: 667px) and (max-width: 667px) and (orientation: landscape) {

	#Content 											{max-width: 637px;}
	#ContainerSlider 									{height: 332px;}
	#ContainerSlider .Slider,
	#ContainerSlider .Slider img 						{height: 257px;}

	#Content #ContentPic,
	#Content #ContentPic img							{height: 95px;}
	
}

/*-----------------------------------------------
* Phone: max 479px
-----------------------------------------------*/	

@media screen and (max-width: 479px) {

	body 												{max-width: 479px;}	

	#ContainerSlider 									{margin: 60px 0 0 0; height: 270px;}
	#ContainerSlider .Slider 							{height: 180px;}
	#ContainerSlider .Slider img 						{height: 180px;}
	#ContainerSlider h1									{height: 60px; font-size: 95%; line-height: 18px; padding: 25px 20px 0 20px;}
	#ContainerSlider h1 span							{display: block;}
	
	#ContainerProducts a 								{width: 48.5%; margin: 0 0.75% 5.5% 0.75%;}
	#ContainerProducts a.Last 							{margin-right: 0.75% !important;}	
	#ContainerProducts h2								{margin: 30px 0 35px 0;}
	#ContainerProducts a h3								{text-align: center;}
	
	#Content #ContentPic 								{height: 80px;}	
	#Content #ContentPic img 							{height: 80px; width: auto; margin-left: -30%;}	
	
	.ContentMain iframe.GoogleMaps 						{width: 100%; height: 150px;}	
	
	.ContentProductsOverview #ContainerProducts	 		{margin-right: -18px;}
	.ContentProductsOverview #ContainerProducts a 		{width: 46%; margin-bottom: 5.5%;}
	.ContentProductsOverview #ContainerProducts a.Last {margin-right: 3% !important;}			
		
	.ContentProducts a.ProjectAbstract					{padding-bottom: 12%;}
	.ContentProducts a.ProjectAbstract .Text			{width: 100%;}
	.ContentProducts a.ProjectAbstract .Pic				{clear: both; float: none; width: 100%; height: 144px;}
	
	.ContentProductDetail .ContainerPics a.Pic 			{height: 51px;}
	
	.ContentPartners .ContainerPics a.Pic 				{height: 76px;}	
	
	.ContentMain .IntroNews								{height: 75px;}
	.ContentNews .News									{padding-top: 6%; padding-bottom: 3%;}
	.ContentNews .News .Text 							{float: none; width: 100%;}
	.ContentNews .News .ContainerPics					{float: none; width: 100%;}	
	.ContentNews .News .ContainerPics a.Pic				{width: 100%; height: 200px;}	
		
	.PageNav 											{height: 24px; width: 100%;}
	.PageNavTop 										{top: 190px;}
	.PageNavBottom 										{bottom: 20px;}
	.PageNav a 											{width: 35px;}
		
	#Content #Sidebar .ContactBox						{width: 95%;}
	#Sidebar .ContactBox div 							{width: 26%;}	
	
	.WrapLightbox 										{top: 60px; position: fixed;}
	.Lightbox 											{max-width: 95% !important; min-width: 220px; height: 305px;}
	.Lightbox .Link										{top: 130px; width: 36px; height: 60px; background-size: 22px auto;}
	.Lightbox .LinkNext									{right: 0;}
	.Lightbox .LinkBack									{left: 0;}
	.Lightbox .Img 										{margin: 70px auto 0; width: 220px; height: 169px;}
	.Lightbox .Img img 									{max-height: 169px;}
	.Lightbox .Text .player_title		 				{top: 18px;}	
	.Lightbox .Text .player_subtitle					{top: 38px;}	
	.Lightbox .Text .player_text						{bottom: 10px;}	
	
	.bx-wrapper .bx-viewport div 						{height: 170px !important;}		
		
}

/*-----------------------------------------------
* Phone: max 479px
-----------------------------------------------*/	

@media screen and (min-width:1px) and (max-width: 380px) {

	body 												{}	

	#ContainerSlider 									{margin: 60px 0 0 0; height: 230px;}
	#ContainerSlider .Slider 							{height: 140px;}
	#ContainerSlider .Slider img 						{height: 140px;}

}