/* CSS Document */

.ro ul	
			{	
				padding:  7px 0 0 25px;
				margin:0px;
			}


.ro li	
			{	
				list-style:none;			
				float:left;
				text-align: left;				
				font-weight: normal;				
				color:#6699CC;
			}
			
.ro li	a:link, a:visited, a:focus, a:active
			{	
				font-weight: normal;
				color:#333333;
				}	
				
.ro li	a:hover
			{	
				color:#6699CC;
				font-weight:normal;			
			}
			
.ru ul	
			{	
				padding: 0 0 0 0px;
				margin:0px;
			}
			
.ru li	
			{	margin: 0px 0 0 0;
				padding:0;
				vertical-align: middle;
				list-style: none;			
				float:left; 
				color:#333333;

				font-weight: normal;				
			}
			
.ru li	a:link, a:visited, a:focus, a:active
				{	
				font-weight: normal;
				color:#333333;
				}	
			
.ru li	a:hover	
				{
			color:#000000;
			font-weight:bold;
				}

.ru span img	{
			 float:right;
				}	
				
.ru span img:hover	
				{
			background-color: #FFFFFF;
			float:right;
				}				


#menu1	{
		display:block;
		margin:7px 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:100px;
		width:170px;
        text-decoration:none;
		border:none;
		}
		
			
#menu1 a:link, #menu1 a:visited, #menu1 a:focus, #menu1 a:active	{
		 display:block;
         margin:0;         
		 padding:0 0 0 0; 		 
         text-decoration:none;
         text-align:left;
         border:none; 
			}
		
.menu1  {
		display:block;
		padding:0 0 0 0px;  
		background-repeat:no-repeat;
		color:#6699CC;
		font-weight:bold;
		font-size:20px;
		line-height:24px;
			
			}
			
.menu1 a, .menu1 span  {
		display:block;
		padding:0 0 0 10px;  
		background-repeat:no-repeat;
		color:#666666;
		font-weight:normal;
		font-size:20px;
		line-height:24px;
			}
			
.menu1 a:hover, .menu1 .aktiv	{
	display:block;
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	color:#6699CC;
	text-align:left;
	font-size: 15px;					
			}

			
			
#container {
  	width: 1px;
  	height: 80px;
  	padding:0;
  	background-color:#f7f7f7;
  	border:none;

}

#container .container {
	position:relative;
	width: 1024px;
	overflow: hidden;
}

#container ul {
  	margin: 0;
  	padding:0;
  	width: 1100px;
  	position: relative;
  	top: 0;
  	left: 0;
  	height: 70px;

}                      

#container ul li {
  	width: 60px;
  	height: 60px;
  	text-align: center; 
  	list-style:none;   
  	float:left;
  	padding: 5px 0 0 4px;
  	margin:0;
}
			
				
#left	{
		display:block;
		margin:37px 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:350px;
		width:170px;
        text-decoration:none;
		border:none;
		}
		
			
#left a:link, #left a:visited, #left a:focus, #left a:active	{
		 display:block;
         margin:0;         
		 padding:0 0 0 15px; 		 
         text-decoration:none;
         text-align:left;
         border:none; 
			}
			
.left1  {
		display:block;
		padding:0 0 0 15px;  
		background-image:url(../bilder/layout/aktiv1.gif);
		background-repeat:no-repeat;
		color:#666666;
		font-weight:bold;
		font-size:15px;
		line-height:20px;
			
			}
			
.left1 a, .left1 span  {
		display:block;
		padding:0 0 0 15px;  
		background-repeat:no-repeat;
		color:#333333;
		font-weight:normal;
		font-size:10px;
		line-height:20px;
			}
			
.left1 a:hover, .left1 .aktiv	{
			display:block;
			background-image:url(../bilder/layout/aktiv2.gif);
			background-repeat:no-repeat;
			font-weight:bold;
			text-decoration:none;
			color:#444444;
			text-align:left;
					
			}
		
.left1 span {
		 display:block;
         margin:0;         
		 padding:0 0 0 15px;
		 background-image:url(../bilder/layout/aktiv2.gif);
		 background-repeat:no-repeat;
		 color:#444444;
		 font-weight:bold;
		 
		}	
			
.left0  {
			background-image:url(../bilder/layout/aktiv2.gif);
			background-repeat:no-repeat;
			padding:0 0 0 15px;  			
		 	color:#333333;
			font-weight:normal;
			font-size:12px;
			line-height:20px;
		}			
			
.left0:visited, .left:focus, .left:active  {		
		 	color:#333333;
		}

.left0:hover	{

			background-image:url(../bilder/layout/aktiv1.gif);
			background-repeat:no-repeat;
			font-weight:bold;
			text-decoration:none;
			color:#666666;
			text-align:left;
			font-size:12px;
			}

.left-1  {
			background-image: none;
			padding:0 0 0 15px;  			
		 	color:#666666;
			font-weight:normal;
			font-size:12px;
			line-height:20px;
		}			
			


.left-1:hover	{

			background-image:url(../bilder/layout/aktiv2.gif);
			background-repeat:no-repeat;
			font-weight:bold;
			text-decoration:none;
			color:#FF0000;
			text-align:left;
			font-size:12px;
			}
			
.left-1:visited, .left-1:focus, .left-1:active  {		
		 	color:#333333;
		}
#left3	{
		display:block;
		margin:0px 0 0 0;
		padding:0 0 0 0px;		
		float:left;
		height:400px;
		width:170px;
        text-decoration:none;
		border:none;
		}

#left4	{
		display:block;
		margin:5px 0 0 0;
		padding:0 0 0 25px;		
		text-align: right;
		float:left;
		height:50px;
		width:170px;
        text-decoration:none;
		border:none;
		}



#left5	{
		display:block;
		margin:35px 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:200px;
		width:170px;
        text-decoration:none;
		border:none;
		}
		
			
#left5 a:link, #left5 a:visited, #left5 a:focus, #left5 a:active	{
		 display:block;
         margin:0;         
		 padding:0 0 0 0; 		 
         text-decoration:none;
         text-align:left;
         border:none; 
			}
		
.left5  {
		display:block;
		padding:0 0 0 10px;  
		background-repeat:no-repeat;
		color:#6699CC;
		font-weight:bold;
		font-size:15px;
		line-height:25px;
			
			}
			
.left5 a, .left5 span  {
		display:block;
		padding:0 0 0 10px;  
		background-repeat:no-repeat;
		color:#666666;
		font-weight:normal;
		font-size:15px;
		line-height:25px;
			}
			
.left5 a:hover, .left5 .aktiv	{
	display:block;
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	color:#6699CC;
	text-align:left;
	font-size: 15px;					
			}

#lleft	{
		display:block;
		margin:0 0 0 0;
		padding:0 0 0 0;		
		text-align: left;
		float:left;
		height:400px;
		width:170px;
        text-decoration:none;
		border:none;
		}

#left6	{
		display:block;
		margin:35px 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:300px;
		width:170px;
        text-decoration:none;
		border:none;
		}
#left7	{
		display:block;
		margin:0px 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:300px;
		width:170px;
        text-decoration:none;
		border:none;
		}		
			
#left6 a:link, #left6 a:visited, #left6 a:focus, #left6 a:active	{
		 display:block;
         margin:0;         
		 padding:0 0 0 0; 		 
         text-decoration:none;
         text-align:left;
         border:none; 
			}
		
.left6  {
		display:block;
		padding:0 0 0 10px;  
		background-repeat:no-repeat;
		color:#F7F7F7;
		font-weight:bold;
		font-size:15px;
		line-height:25px;
			
			}
			
.left6 a, .left6 span  {
		display:block;
		padding:0 0 0 10px;  
		background-repeat:no-repeat;
		color:#FFFFFF;
		font-weight:normal;
		font-size:15px;
		line-height:25px;
			}
			
.left6 a:hover, .left6 .aktiv	{
	display:block;
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	color:#66CCFF;
	text-align:left;
	font-size: 15px;					
			}

#unten	{
		display:block;
		margin:0 0 0 0;
		padding:0 0 0 25px;		
		text-align: left;
		float:left;
		height:30px;
		width:170px;
        text-decoration:none;
		border:none;
		}
		
			
#unten a:link, #unten a:visited, #unten a:focus, #unten a:active	{
		 display:block;
         margin:0;         
		 padding:0 0 0 15px; 		 
         text-decoration:none;
         text-align:left;
         border:none; 
			}
		
.unten  {
		display:block;
		padding:0 0 0 0;  
		background-repeat:no-repeat;
		color:#6699CC;
		font-weight:bold;
		font-size:12px;
		line-height:20px;
			
			}
			
.unten a, .unten span  {
		display:block;
		padding:0 0 0 15px;  
		background-repeat:no-repeat;
		color:#666666;
		font-weight:normal;
		font-size:12px;
		line-height:20px;
			}
			
.unten a:hover, .unten .aktiv	{
	display:block;
	background-image:url(../bilder/layout/aktiv1.gif);
	background-repeat:no-repeat;
	font-weight:normal;
	text-decoration:none;
	color:#6699CC;
	text-align:left;
	font-size: 14px;					
			}

			
		
.aktiv, .aktiv:visited {
			display:block;
			background-image:url(../bilder/layout/aktiv2.gif);
			background-repeat:no-repeat;
			font-weight:normal;
			padding:0 0 0 15px;  
			margin:0;					
			text-decoration:none;
			color:#333333;
			text-align:left;
			font-size:13px;
			line-height:20px;
			}
			
.aktiv:hover, .aktiv:focus, .aktiv:active	{

			font-weight:bold;
			color:#FF0000;
			}
			
.main	{
		float:left;
		padding:0; 
		margin:0;
		height:420px;		
		}
		
.intro	{
		float:left;
		padding:15px 0 15px 0; 
		margin:0;
		height:408px;		
		}
		
.demoreel	{
	float:right;
	padding:16px 0 16px 0;
	margin:0;
	height:408px;
	width: 824px;
		}		
		
.right	{
		float:right;
		width:210px; 
		margin: 40px 0 0 0;
		padding:0;
		
		}
	
.right .text	{	
		
		height:310px;
		width:200px;
		line-height:15px; 
		margin:0 10px 0 0; 
		padding:0;
		text-align:left;
		}
			

img {
	border:none;
	margin:0;
	padding:0;
}


.flexslider {
    width: 1024px;
    height: 410px;}
		
.toggle {margin: 0px 0 0 0px; float: left; border-radius: 0px; -moz-border-radius: 0px; -webkit-border-radius: 0px; }
.toggle li {float: left;}
.toggle li a {width: 0px; padding: 0px 0; text-align: center; display: block; text-shadow: 0px 0px 0 #fff; font-size: 12px; font-weight: 600; color: #666; -webkit-border-radius: 0 0px 0px 0; -moz-border-radius: 0 0px 0px 0; -o-border-radius: 0 0px 0px 0; border-radius: 0 0px 0px 0; 

background: #f7f7f7; /* Old browsers */
background: -moz-linear-gradient(top, #f7f7f7 0%, #ededed 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#f7f7f7), color-stop(100%,#ededed)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, #f7f7f7 0%,#ededed 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, #f7f7f7 0%,#ededed 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top, #f7f7f7 0%,#ededed 100%); /* IE10+ */
background: linear-gradient(top, #f7f7f7 0%,#ededed 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f7f7f7', endColorstr='#ededed',GradientType=0 ); /* IE6-9 */

box-shadow: inset 0px 0px 0 #fff, inset 0px 0px 0 #fff;
-moz-box-shadow: inset 0px 0px 0 #fff, inset 0px 0px 0 #fff;
-webkit-box-shadow: inset 0px 0px 0 #fff, inset 0px 0px 0 #fff;

}
.toggle li:first-child a {-webkit-border-radius: 0px 0 0 0px; -moz-border-radius: 0px 0 0 0px; -o-border-radius: 0px 0 0 0px; border-radius: 0px 0 0 0px;}
.toggle li a:hover { background: #ededed; color: #222; }
.toggle li a.active { background: #c8e0f3; color: #325874; cursor: default; box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.4); }

#slider {margin: 0 0 0 0px!important;}

/* Loading
***********************/
.loading aside {opacity: 0;}
aside {width: 100%; float: left; opacity: 1; -webkit-transition: opacity 1s ease;}
aside h3 {float: left;}

/* Layout
***********************/
#top { position: relative; z-index: 999; height:65px; padding: 5px 0; border-bottom: 0px solid #577794;

background: rgb(247,247,247); /* Old browsers */
background: -moz-linear-gradient(top,  rgba(247,247,247,1) 0%, rgba(247,247,247,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(247,247,247,1)), color-stop(100%,rgba(247,247,247,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* IE10+ */
background: linear-gradient(top,  rgba(247,247,247,1) 0%,rgba(247,247,247,1) 100%); /* W3C */ 

 }
#top  { text-align: center; }
#top .top-inner  { max-width: 800px; width: auto; }
#top img  { float: none; display: inline; margin-top: 12px; }
#container {padding: 60px 40px 100px;	border-top: 1px solid #93b6d2;}
header {width: 420px; float: left;}
#main {margin-left: 20px; margin-top: -25px;overflow: hidden;}

/* Header
***********************/
header h1 { font-family: Geogrotesque-Semibold, Helvetica, Arial, sans-serif; margin: 0 0 10px; text-shadow: 0 1px 0 #2F4C63; color: #fff; font-size: 42px; }
header h2 { margin: 0 0 30px; font: normal 20px Geogrotesque-regular, Helvetica, Arial, sans-serif; text-shadow: 0 1px 1px #555; color: #fff; }
header .button { margin: 0 0 50px; padding: 10px 15px 10px 15px; display: block; float: left; position: relative; -webkit-transition: all .2s ease; -moz-transition: all .2s ease; transition: all .2s ease;}
nav {clear: both;}
nav h3 {margin: 0 0 10px; padding: 0 0 3px; font-size: 18px;text-shadow: 0 1px 1px #555; color: #fff; font-family: Geogrotesque-Regular, Helvetica, Arial, sans-serif; border-bottom: 1px solid #fff; border-bottom: 1px solid rgba(255,255,255,0.5); display: inline-block; }
nav li {margin: 0 0 7px; font-size: 15px; text-transform: lowercase;}
nav li a:hover,
nav li a.active {border-bottom: 1px dotted #fff; border-bottom: 1px dotted rgba(255,255,255,0.3); background: none;}
nav li a.active   { cursor: default; }

/* SyntaxHighlighter
***********************/
.syntaxhighlighter {width: auto!important; font-size: 13px !important; line-height: 21px !important; font-family: Courier, "Courier New", monospace; -webkit-border-radius: 4px; -moz-border-radius: 4px; -o-border-radius: 4px; border-radius: 4px; background-color: #fff !important; box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -moz-box-shadow: inset 0 0 3px rgba(0,0,0,0.3); -webkit-box-shadow: inset 0 0 3px rgba(0,0,0,0.3);}
.syntaxhighlighter .string, .syntaxhighlighter .string a {color: #ff5454 !important;}
.syntaxhighlighter .line.alt1,
.syntaxhighlighter .line.alt2 {width: 100% !important; padding: 0 !important; background-color: #fff !important;}
.syntaxhighlighter .line.highlighted.alt1,
.syntaxhighlighter .line.highlighted.alt2 {background-color: #fff !important;}
.syntaxhighlighter table td.code {width: auto !important; padding: 10px 12px!important;}
.syntaxhighlighter table td.code .line {width: auto !important; padding: 0 !important;}
.syntaxhighlighter .color1, .syntaxhighlighter .color1 a {color: #cc7ac6!important;}
.syntaxhighlighter .plain, .syntaxhighlighter .plain a {color: #888!important;}
.syntaxhighlighter .comments, .syntaxhighlighter .comments a {color: #999!important;}
.syntaxhighlighter .keyword {color: #2a93b9!important;}

/* --Clearfix */
.cf:before,
.cf:after {content:""; display:table;}
.cf:after {clear:both;}
.cf {zoom:1;}

/* Media Queries
***********************/

.button {
	display: inline-block;
	margin: 2px 0;
	padding: 5px 15px 3px;
	border: 1px solid #336693;
	border-bottom-color: #336693;
	color: #fff!important;
	text-align: center;
	text-decoration: none !important;
	text-shadow: 0 -1px 0 hsla(0,0%,0%,.3);
	text-transform: uppercase;
	font: bold 12px/16px sans-serif;
	cursor:pointer;

	/*Border radius*/
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px;
	
	/*Background*/
	background: #274d70; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #336693), color-stop(1, #274d70));
	background: -moz-linear-gradient( center top, #336693 20%, #274d70 100% );
	
	/*Box shadow*/
	-webkit-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	-moz-box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
	box-shadow: inset 0 1px 0 hsla(0,100%,100%,.3) /*Top*/, inset 0 0 2px hsla(0,100%,100%,.3) /*Shine*/, 0 1px 2px hsla(0, 0%, 0%, .29) /*Shadow*/;
}

.button:hover {
	color: #fff;
	text-decoration: none!important;
	/*Background*/
	background: #396083; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #3c77ab), color-stop(1, #396083) );
	background: -moz-linear-gradient( center top, #3c77ab 20%, #396083 100% );
}

/* GREEN */

.button.green  {
	border: 1px solid #467d16;
	border-bottom-color: #467d16;
	
	/*Background*/
	background: #447e12; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #71b02f), color-stop(1, #447e12));
	background: -moz-linear-gradient( center top, #71b02f 20%, #447e12 100% );
}

.button.green:hover  {
	/*Background*/
	background: #508e1b; /*Fallback*/
	background: -webkit-gradient( linear, left top, left bottom, color-stop(.2, #7cbc3a), color-stop(1, #508e1b));
	background: -moz-linear-gradient( center top, #7cbc3a 20%, #508e1b 100% );
}


/* Media Queries
***********************/
@media screen and (max-width: 960px) {
  #container {padding: 35px;}
  header {width: 380px;}
  #main {margin-left: 380px;}
}
@media screen and (max-width: 768px) {
  #container {padding: 20px 30px;}
  header {width: 100%; float: none; text-align: center;}
  header h1 {margin: 0 auto 10px;}
  header .button,
  header nav {display: none;}
  #main {margin-left: 0;}
}
@media screen and (max-width: 500px) {
  header h1 {width: 246px;  }
}
s