/******************************************************************/
/*                                                                */
/*	@Author: acomedia Software Engineering - Danny Forster    */
/*	@Website: http://www.acomedia.de                          */
/*	@Date: 2013-12-02                                         */
/*	@Rev: 0.01                                                */
/*                                                                */
/******************************************************************/

body,html,ul,li,img {
   margin: 0;
   padding: 0;
   font-size: 100%;
   list-style-type: none;
   font-family: "Arial";
}
table,tr,td,th{
   vertical-align: top;
   border: none;
}
tr,td,th{
   padding: 10px 10px; 
}
hr{
   border: none;
   height: 1px;
   color: #666;
   background-color: #666;
   margin: 15px 0;
}
textarea{
   resize: vertical;
}
h1{}
h2{
   font-style: italic;
   color: #c00;
}
h4{
   margin: 5px 0;
}
.txt9{
   font-size: 9px;
}

/* Waiting for uploading */
div#loading{
   display: none;
   position: fixed;
   left: 0;
   top: 0;
   width: 100%;
   height: 100%;
   background: #ddd url("/images/loading00F.gif") no-repeat 50% 50%; /* http://www.ajaxload.info/ */
   opacity: 0.5;
   -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=50)"; /* IE 8 */
   -khtml-opacity: 0.5; /* Safari 1.x */
   z-index: 999999;
   min-height: 10em;
   text-align: center;
   vertical-align:middle;
}
.chromeframe {
   background: #F6E7E7;
   border: 1px solid #F4D4D4;
   padding: 5px;
   font-weight: bold;
   text-align: center;
   position: fixed;
   z-index: 9999;
   width: 100%;
}

.clear{
   clear: both;
}
.fleft{
   float: left;
   padding: 0 15px;
}
.fright{
   float: right;
   padding: 0 15px;
}
.uppercase{
   text-transform: uppercase;
}
.center{
   text-align: center;
}

/*******************/

#wrapper{
   width: 100%;
   font: 0.9em Arial;
   color: #333;
}


/*----- header -----*/
.header{
   color: #fff;
}
.header a:link, .header a:visited, .header a:active, .header a:focus{text-decoration:none; color:#fff;	}
.header_toolbar{
   height: 40px;
   background: url("/images/header_bg1.png") repeat-x 0 0;
}
.header_toolbar .social {
   margin: 0 0 0 20px;
}
.header_toolbar .lang{
   float: right;
}
.header_toolbar .social a {
   display: block;
   float: left;
   height: 20px;
   width: 20px;
   margin: 9px 3px 0 3px;
}
.header_toolbar .facebook{ background: url("/images/facebook.png") no-repeat 0 0; }
.header_toolbar .twitter{ background: url("/images/twitter.png") no-repeat 0 0; }
.header_logobg{
   height: 122px;
   background: url("/images/logo_bg.png") no-repeat 0 0;
   z-index: 1001;
   margin: -40px auto 0 25%;
   position: relative;
}
.header_logo{
   margin: 7px 0 0 70px;	
}
.header_banner{
   margin: -77px 0 0 0;
   overflow: hidden;
   max-height: 270px;
   position: relative;
}
.wave{
   position: absolute;
   bottom: 0;
   z-index:100;
}
.header_toolbar #lang{
   position: absolute;
   right: 0;
   width: 50px;
   margin: 10px 10px 0 0;
   z-index: 1010;
   padding: 0 0 50px 0;
}
.header_toolbar #lang .lang_txt{
   text-transform: uppercase;
}
.header_toolbar #lang .lang_flag{
   display: block;
   float: right;
   height: 12px;
   width: 18px;
   margin: 3px 0 0 0;
   cursor: pointer;
   background-position: 0 -12px;
}
.header_toolbar #lang_box{
   display: none;
   position: absolute;
   font-weight: normal;
   top: 20px;
   width: 25px;
   right: 0;
   box-shadow: -1px -1px 3px rgba(0, 0, 0, 0.25);
   padding: 6px;
   background: #4c545e;  
   background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);  
   background: -webkit-gradient(top, #4f5964 0%, #5f6975 40%);
}
.header_toolbar #lang_box .flags span{
   display: none;
   float: left;
   width: 18px;
   height: 12px;
   margin: 0 3px;
   cursor: pointer;
   font-size: 0;
}

.header_toolbar #lang_box .flags .de{background: url("../images/flag_de.gif") 0 0 no-repeat;}
.header_toolbar #lang_box .flags .en{background: url("../images/flag_en.gif") 0 0 no-repeat;}

.header_toolbar #lang_box .flags .de:hover{background: url("../images/flag_de.gif") 0 -12px no-repeat;}
.header_toolbar #lang_box .flags .en:hover{background: url("../images/flag_en.gif") 0 -12px no-repeat;}





/*----- navi -----*/
.toggleMenu{
   background: url("/images/mobil.png") no-repeat 0 0;
   background-position: 0 0;
   height: 50px;
   width: 50px;
   display: none;
   font-size: 0em;
   position: absolute;
   left: 50%;
   margin: 0 0 0 -25px;
   z-index: 1111;
}

.navContainer{
   height: 40px;
   background: url("/images/header_bg1.png") repeat-x 0 0;
   max-width: 1500px;
   margin: 0 auto;
}
.header_navi {
   max-width: 900px;
   margin: 0 auto;
}
.header_navi li:hover {
   background: #4c545e;
   background: linear-gradient(top, #4f5964 0%, #5f6975 40%);
   background: -moz-linear-gradient(top, #4f5964 0%, #5f6975 40%);
   background: -webkit-linear-gradient(top, #4f5964 0%,#5f6975 40%);
}
.header_navi a {
   padding: 11px 20px;
}
.header_navi li{
   position: relative;
}
.header_navi > li  {
   float: left;
}
.header_navi > li  > a{
   font-family: "Tahoma", Arial;
   text-transform: uppercase;
   font-style: italic;
   display: block;
}
.header_navi li ul {
   background: #5f6975; 
   padding: 0;
   position: absolute; 
   box-shadow: 0px 0px 9px rgba(0,0,0,0.3);
   left: -9999px;
   z-index: 9999;
}
.header_navi > li.hover > ul {
   left: 0;
}
.header_navi li li.hover ul {
   left: 100%;
   top: 0;
}
.header_navi li li a {
   padding: 10px 25px;
   min-width: 100px;
   display: block;
   position: relative;
   border-top: 1px solid #6b727c;
   border-bottom: 1px solid #575f6a;
}	
.header_navi li li li a {
   background: #778392;
}	
.header_navi ul li a:hover {
   background: #4b545f;
}
.header_navi .login{
   float: right;
}



/*----- content -----*/
.content a:link,
.content a:visited,
.content a:active,
.content a:focus
{
   color: #000 !important;
   font-style: italic;
}
.content li {
   list-style-type: square;
   padding-left: 10px;
}
.content ul{
   padding-left: 40px;
}
.content{
   margin: 30px auto 60px auto;
   max-width: 900px;
   padding: 15px 10px;
   overflow: hidden;
}

.cont_box{
   float: left;
   width: 47%;
   padding: 5px 10px 10px 0;
}
.cont_right{
   float: right;
}
.centerDiv {
   float: left;
   position: relative;
   left: 50%;
}
.centerDiv div {
   float: left;
   position: relative;
   right: 50%;
}
.teambox{
   float: left;
   /*height: 270px;*/
   padding: 5px 10px;
   text-align: center;
}
.distriservice{
   width: 100%;
   max-width: 548px;
}
.cont_image{
   padding: 5px 0 5px 10px;
}
.filetree .drop{
   padding-left: 20px;
}
.filetree .drop h4{
   cursor: pointer;
}
.filetree table{
   width: 100%;
}
.filetree th{
   background: #ddd;
}
.filetree th.name,.filetree th.date,.filetree th.remark{
   width: 15%;
}
.filetree td{
   border-bottom: 1px solid #ccc;
}


 
.video-container iframe,
.video-container object,
.video-container embed {
    width: 100%;
    max-width: 640px;
}

/* contact forms */

.missing{
   background: #faa !important;
}
.contact{
   padding: 20px 50px;
   background: #eaeaea;
   border-radius: 5px;
}
.contact textarea {
   width: 100%;
   height: 150px;
   border: 1px solid #ccc;
}
.contact label{
   width:135px;
   display: block;
   float: left;
}
.contact input{
   width: 200px;
   border: 1px solid #ccc;
}
.contact p{
   margin:2px;
   padding: 0;
}

/* question forms */

.question{
   padding: 20px 50px;
   background: #eaeaea;
   border-radius: 5px;
}
.question label{
   width:150px;
   display: block;
   float: left;
   clear: left;
}
.question input[type="text"]{
   width:95px;
}
.question input[type="radio"], .question input[type="checkbox"]{
   margin-left:20px;
}
.question p{
   margin: 0;
   padding: 15px 0;
}
.question table{
   border: 1px solid #aaa;
}
.question td{
   border-top: 1px solid #aaa;
}
.question h3{
   margin-top: 50px;
}

.question .engine label{
   width: 200px;
}

.question .air label{
   width: 250px;
}
.question .air input{
   width: 50px;
}

.question .spinner label{
   width: 180px;
}

.question .adress textarea {
   width: 100%;
   height: 150px;
   border: 1px solid #ccc;
}
.question .adress label{
   width:100px;
   display: block;
   float: left;
}
.question .adress input[type="text"]{
   width:200px;
}
.question .adress p{
   margin:2px;
   padding: 0;
}

/* kundenumfrage */
.quest_upperbox{
	padding: 0 0 30px 0;	
}
.quest_lowerbox{
	padding: 0;		
}
.quest_wrapper .bg_blue{
	background: #307BBF;
	color: #fff;	
}
.quest_wrapper .wishes,.quest_wrapper .personal {
	margin: 30px 0 0 0;
}
.quest_wrapper .wishes textarea{
	width: 100%;
	height: 150px;
	border: 1px solid #ccc;
}
.quest_wrapper .personal p{
	margin: 5px 0 0 0;
	padding: 0;
}
.quest_wrapper .personal label{
	width: 130px;
	display: block;
	float: left;
}
.quest_wrapper .submit{
	margin: 20px 0;
	float: right;
}

/* Login */
#loginbox .box{
   float: left;
   background: #eaeaea;
   width: 380px;
   padding: 20px 30px;
   height: 210px;
   border: 1px #aaa dashed;
   margin-top: 50px;
}
#loginbox .register{
   border-left:none;
}
#loginbox label{
   float: left;
   display: block;
   width: 130px;
   margin-right: 15px;
}
.lostpasswd{
   font-size: 10px;
}
.lostpasswd a:link{
   font-style: normal;
}
.lostpasswd:before{ content: "[ "; }
.lostpasswd:after{ content: " ]"; }

/*----- footer -----*/
.footer{
   color: #fff;
}
.footer_navi a:link,
.footer_navi a:visited,
.footer_navi a:active,
.footer_navi a:focus
{
   color: #aaa !important;
   text-decoration: none;
}
.footer_navi{
   background: #f5f5f5;
   background: linear-gradient(top, #fff 0%, #f0f0f0 40%);
   background: -moz-linear-gradient(top, #fff 0%, #f0f0f0 40%);
   background: -webkit-linear-gradient(top, #fff 0%,#f0f0f0 40%);
   width: 100%;
   height: 160px;
   z-index:-1;
   color: #aaa;
}
.footer_navi .cont{
   width: 80%;
   margin: 0 auto;
   padding: 20px 0 0 0;
}
.footer_navi .cont div{
   width: 16%;
   float: left;
   font-size: 0.75em;
}
.footer_toolbar{
   height: 40px;
   width: 100%;
   background: url("/images/header_bg1.png") repeat-x 0 0;
}
.footer_toolbar span{
   display: block;
   height: 25px;
   margin: 5px 0 0 10px; 
   font-size: 0.7em;
}
.footer_toolbar span.left{
   background: url("/images/footer_logo.png") no-repeat 0 0;
   padding: 7px 0 0 35px;
   float: left;
}
.footer_toolbar span.right{
   margin: 13px 15px 0 0;
   float: right;
}
.elementBlogContainer{
   border-bottom: 1px solid #ccc;
   padding: 5px 0;
}
.elementBlogContainer .elementText a{
   text-decoration: inherit !important;
   color:inherit !important;
}
.elementBlogContainer .elementMore{
   float: right;
}










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


/*- Widescreen ------------------------------------------ < 1500px -*/
@media only screen 
and (min-width : 1500px) {
   .header_banner div{
      max-width: 1500px;
      margin: auto;
      overflow: hidden;
   }
}


/*- Tablet Landscape ------------------------------------- < 1024px -*/
@media only screen 
and (max-width : 1023px){

   .lang_txt{
      display: none;
   }
   .header_banner{
      margin-bottom: 5px;
   }
   .wave{
      display: none;
   }
   .header_toolbar #lang{
      margin: 5px 10px 0 0;
   }
   .header_toolbar #lang .lang_flag{
      height: 24px;
      width: 36px;
      background: url("/images/flag_de_b.gif") no-repeat 0 0;
      background-position: 0 -24px !important;
   }
   .header_toolbar #lang_box{
      top: 25px;
      width: 40px;
   }
   .header_toolbar #lang_box .flags span{
      width: 36px;
      height: 24px;
   }
   .header_toolbar #lang_box .flags .de{background: url("../images/flag_de_b.gif") 0 0 no-repeat;}
   .header_toolbar #lang_box .flags .en{background: url("../images/flag_en_b.gif") 0 0 no-repeat;}

   .header_toolbar #lang_box .flags .de:hover{background: url("../images/flag_de_b.gif") 0 -24px no-repeat;}
   .header_toolbar #lang_box .flags .en:hover{background: url("../images/flag_en_b.gif") 0 -24px no-repeat;}

   .footer_navi{
      display: none;
   }

}





/*- Tablet Portrait -------------------------------------- < 785px -*/
@media only screen 
and (max-width : 784px){
   #wrapper{
      font: 1.05em Arial;
   }
   .cont_box{
      float: none;
      width: 100%;
   }
   .cont_image{
      display: none;
   }
   .mobnavi{
      max-height: 150px;
      background: #4b8cc8;
      background: linear-gradient(top, #4589c6 0%, #307bbf 40%);
      background: -moz-linear-gradient(top, #4589c6 0%, #307bbf 40%);
      background: -webkit-linear-gradient(top, #4589c6 0%,#307bbf 40%);
      box-shadow: 0px 0px 5px rgba(0,0,0,1);
   }
   .header_toolbar{
      background: none;
      display: none;
   }
   .header_toolbar .social{
      display: none;
   }
   .header_logobg{
      background: none;
      padding: 30px 0 0 20px;
      margin: 0;
      width: 50%;
   }
   .header_logo{
      margin: 0;
      width: 100%;
      max-width: 252px;
   }
   
   .header_banner{
      margin-top: 5px;
   }
   .navContainer{
      position: absolute;
      top: 10px;
      font-size: 0.9em;
      background: none;
      z-index: 1111;
      width: 50%;
      right: 0;
   }
   .header_navi li{
      width: 49.5%;
      text-align: left;
      position: relative;
   }
   .header_navi > li:nth-child(1){
      border-right: 1px solid #4c8cc9;
      border-bottom: 1px solid #4c8cc9;
   }
   .header_navi > li:nth-child(2){
      border-bottom: 1px solid #4c8cc9;
   }
   .header_navi > li:nth-child(3){
      border-right: 1px solid #4c8cc9;
   }
   .header_navi > li:nth-child(5){
      border-top: 1px solid #4c8cc9;
      border-right: 1px solid #4c8cc9;
   }
   .header_navi > li:nth-child(6){
      border-top: 1px solid #4c8cc9;
   }
   .header_navi > li.imprint, .header_navi > li.login{
      display: none;
   }
   .header_navi ul {
      margin: 0 auto;
      width: 100%;
      position: absolute;
      left: 0;
      z-index:1100;
   }

   .header_navi ul li {
      width: 100%;
   }
   .footer_toolbar .right{
      display: none;
   }	

}

/*- Smartphone ------------------------------------------- < 550px -//default 480px */
@media only screen 
and (max-width : 549px){
   #wrapper{
      font: 1.1em Arial;
   }
   .mobnavi{
      height: 180px;
      max-height: 180px;
   }
   .header_logobg{
      margin: auto;
      padding: 20px;
      width: 250px;
   }
   .navContainer{
      position: static;
      width: 100%;
      height: 100%;
   }
   .header_banner{
      display: none;
   }
   .toggleMenu{
      margin-top: -60px;
   }
   .active {
      display: block;
   }
   .header_navi li {
      border-right: none !important;
   }
   .header_navi li.space {
      display: none;
   }
   .header_navi ul {
      display: block;
      width: 100%
   }
   .header_navi > li {
      float: none;
      background: #4589c6;
      width: 100%;
      border-top: 1px solid #4e9adf !important;
      border-bottom: 1px solid #3c76ab !important;
   }
   .header_navi li a{
      padding: 15px;
   }
   .header_navi li li a{
      padding-left: 40px;
      background: #53a5ef;
      border-top: 1px solid #59b0ff !important;
      border-bottom: 1px solid #4c97da !important;
   }
   .header_navi li li li a{
      padding-left: 50px;
      background: #6bb3f0;
      border-top: 1px solid #72beff !important;
      border-bottom: 1px solid #61a3da !important;
   }
   .header_navi li:last-child{
      display: block;
   }
   .header_navi > li.hover > ul , .header_navi li li.hover ul {
      position: static;
   }
   .footer_toolbar span{
      display: none;
   }

}