@charset "UTF-8";
/*@import url(http://fonts.googleapis.com/css?family=Inder);*/
/*@import url(https://fonts.googleapis.com/css?family=IM+Fell+Great+Primer+SC|Quando);*/
/* latin */
@font-face {
	font-family: 'IM Fell Great Primer SC';
	font-style: normal;
	font-weight: 400;
	src: url(./ga6daxBOxyt6sCqz3fjZCTFCTUDMHagsQKdDTIf6D30.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* latin-ext */
@font-face {
	font-family: 'Quando';
	font-style: normal;
	font-weight: 400;
	src: url(./xMQVuFNaVa6YuW0ZAq-yGX8.woff2) format('woff2');
	unicode-range: U+0100-02AF, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
	font-family: 'Quando';
	font-style: normal;
	font-weight: 400;
	src: url(./xMQVuFNaVa6YuW0ZDK-y.woff2) format('woff2');
	unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+0300-0301, U+0303-0304, U+0308-0309, U+0323, U+0329, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}

body{margin:0;padding:0;font-size:100.01%;text-align:left; height:100%; position:relative; background:url("../images/bg.jpg") repeat; font-family: 'Ubuntu+Condensed', sans-serif;}
a {  color: #D87504; text-decoration:none;}
select,input,textarea{font-size:99%;}
form{margin:0;padding:0;}
img{border:0;}
#left{float:left;}
#right{float:right;}
#main{width:auto;position:relative;}
.inside{position:relative;text-align:left;}
.block{overflow:hidden;}
.clear,#clear{height:0.1px;font-size:0.1px;line-height:0.1px;clear:both;}
.redbold  {font-weight:bold; color:#D87504; font-size:0.7em;}


#header {position:relative; margin:20px auto; display:block; }
#header .nav a {font-size:1.12em; color:#8B97A1; font-family: 'IM Fell Great Primer SC', serif; letter-spacing: 0.15em; margin: 0 1.25em; outline: 0 none;    text-decoration: none; text-transform: uppercase; transition: color 0.35s ease-in-out 0s;}
#header .nav a:hover {color:#D87504;}
#header .logo{position:relative; margin:0 auto; display:block; width:531px;}

#footer {font-size: 0.8em; text-align: center; color:#fff;}
#impbg  {position:absolute; top:0; left:0; width:100%; height:100%; background:rgba(0,0,0,0.7); z-index:8888;}
#impbg #imprint {position:relative; margin:15% auto; width:400px; height:60%; background:#fff; padding:15px; border-radius:13px; border:1px solid #000; padding:20px 20px 40px 20px; z-index:510;-moz-box-shadow: 0 0 12apx #888; -webkit-box-shadow: 0 0 12px#888; box-shadow: 0 0 12px #888; font-family: 'Quando', sans serif; font-size:0.85em;}
#impbg #imprint h1	{font-size:1.5em; font-family:'IM Fell Great Primer SC',serif;}
#impbg #imprint .title {display:inline-block; width:60px;}
#impbg #imprint .close {float: right; font-size: 0.7em; margin: 10px 15px;}

.contact #imprint {float: left; margin-top: -35px; width: 45%;}
.contact #imprint .title {display:inline-block; width:60px;}
.contact #imprint .block {text-align:justify;}
.contact #imprint .d4r 	 {margin-top:73px; display:block;}
.contact #imprint .d4r b {margin-bottom:5px; display:block;}

#main
{
	margin: 0 auto;
	width: 1200px;
	position: relative;
}

#main .button
{
	display: inline-block;
	background: #0074C6;
	color: #ffffff;
	text-align: center;
	line-height: 50px;
	height: 50px;
	text-decoration: none;
	outline: 0;
	border-radius: 8px;
	font-size: 1.25em;
	border-bottom: solid 2px #0054A6;
	text-shadow: 0 1px 1px #003A6C;
}

#main .button:hover
{
	background: #2094E6;
}

#main .viewer
{
	display:block;
	width: 100%;
	min-height: 600px;
	margin: 30px auto;
	overflow: hidden;
}

	#main .viewer .reel
	{
		display: none;
		width :1200px;
		height: 640px;
		/*
		width:100%;
		height:100%;*/
		min-height:600px;
	}

	#main  .viewer .reel .slide
	{
		display:block;
		position: relative;
		padding: 20px;
   	width: 1048px;	
		/*width:90%;	*/
	}
	
	#main .inner-content{
	  background-attachment: scroll;
    background-clip: border-box;
    background-color: transparent;
    background-image: url("../images/illumination.png");
    background-origin: padding-box;
    background-position: 0 0;
    background-repeat: no-repeat;
    background-size: 100% 100%;
    display: block;
    height: 80%;
    padding: 53px;	
	  font-family: 'Quando', sans-serif;
	  text-align:justify;
	font-size:0.85em;
	}
	
	#main .inner{
	 background:url('../images/inner_bg.jpg') repeat;
 	 content: "";
   display: block;
   height: 640px;
   left: 0;
   position: absolute;
   top: 0px;
   width: 92%;
   z-index: 1;	
	 }

#main .inner-content h1	{font-size:1.5em; font-family:'IM Fell Great Primer SC',serif;}
#main .inner-content h2	{font-size:1em; font-family:Cabin+Condensed,serif;}
#main .grafic 	  			{background:url('../images/filter.png') no-repeat #fff;}	 	 
#main .label  	  			{background:url('../images/bg_label.png') no-repeat #fff 0px -40px;}	 	 
#main .home   	  			{background:url('../images/bg_home.png') no-repeat #fff 0px -30px;}
#main .knowledge  			{background:url('../images/bg_knowledge.png') no-repeat #fff 0px -15px;}	 	 
#main .contact    			{background:url('../images/bg_contact.png') no-repeat #fff 0px -15px;}	 	
#main .home .quote			{display:block; margin:10px 0; font-weight:bold;}
#main #vert-slider li div        {display:none; }
#main #vert-slider li div.active {display:block;}
#main #vert-slider li 					 {list-style-type: none; margin-top:10px; }

.inner-content  ul  	{margin-left: -40px;}

#vert-slider li a 		{color: #D87504; display: block; margin-bottom: 5px; text-decoration: none;}
#vert-slider li div a {display:inline-block;}
#main .caption-line
{
	text-align: center;
	font-size: 1.8em;
	height: 80px;
	color: #404040;
	line-height: 80px;
	text-shadow: 0 1px 1px #ffffff;
}

#main .first-button
{
	position: absolute;
	top: 260px;
	left: 0;
	width: 50px;
}

#main .last-button
{
	position: absolute;
	top: 260px;
	right: 0;
	width: 50px;
}

#main .previous-button
{
	position: absolute;
	top: 260px;
	left: 65px;
	width: 50px;
}

#main .next-button
{
	position: absolute;
	top: 260px;
	right: 65px;
	width: 50px;
}

#main .advance-buttons
{
	text-align: center;
	padding: 25px 0 0 0;
}

	#main .advance-buttons a
	{
		opacity: 0.25;
		width: 80px;
		margin: 0 0.2em 0 0.2em;
	}

	#main .advance-buttons a.active
	{
		opacity: 1;
	}

#main .previous {content: ""; cursor: pointer; display: block; height:80%; left: 0; position: absolute;   width: 70px;  z-index: 10;}
#main .previous div{
/*float:left; width:50%; height:100%; display:block; background:#fff;*/
}

#main .next {
 content: "";
 cursor: pointer;
 display: block;
 height: 80%;
 position: absolute;
 right: 0;

 width: 70px;
 z-index: 10;
}
#main .next div{
/*float:right; width:50%; height:100%; display:block; background:#fff;*/
}
	
#header .nav
{
	margin: 30px auto 0 auto;
}

	#header .nav ul
	{
		list-style: none;
		padding: 0;
		margin: 0;
		text-align: center;
	}

		#header .nav ul li
		{
			display: inline-block;
			width: auto;
			height: 12px;
			margin: 0 2px 0 2px;
		}

		#header .nav ul li.active a
		{

			color:#D87504;
			font-family: 'IM Fell Great Primer SC', serif;
		}

    
    

#formular .title							{display:inline-block; width:120px; vertical-align:top;}
#formular textarea 						{border:1px solid #ccc; width:260px; height:50px;}
#formular .data 							{margin-top:30px; float:left; width:55%;}
#formular .data div						{display:block; margin-bottom:10px; vertical-align:middle;}
#formular .data input					{ height:20px; padding:5px; vertical-align:middle; width:250px; border:1px solid #ccc;}
#formular .data select				{ height:33px; padding:5px; vertical-align:middle; width:262px; border:1px solid #ccc;}
#formular .data input.zipcode {width:80px;}
#formular .data input.city 		{width:153px;}
#formular .data input[type=submit] {display:block; margin-left:275px; padding:5px 10px 5px 10px; height:30px;  width:100px;  background:#b2b2b2; color:#fff; cursor:pointer;}
#formular .data input[type=checkbox] {display:inline-block; width:20px;} 
#formular .disclaimer 				{font-size:8pt;}    

#reference span.title {
  color: #000;
  display: inline-block;
  width: 235px;
}

#reference span {
  display: inline-block;
  min-width: 215px;
}