@charset "UTF-8";
@media all{
  h1,h2{ 
    display:none;}  
  body, input, textarea{
    font-family: Verdana, 'Trebuchet MS', Helvetica, Arial, sans-serif;
    font-size: 12px;}
  h3,h4,h5,h6{
  	font-family: Geneva, Arial, Helvetica, sans-serif;
  	font-weight:normal;}
  a{
    color: black;
    text-decoration: none;}
  #footer a{
    color: #999;
    text-decoration: none;}
}

@media screen, projection{

  /* Main */
  #imprint, #contact, #jobs, #aboutus{
   display: none;}
  #content, #jobs, #contact, #imprint{
    width: 500px;}
  html, body{
    margin: 0px;
    padding: 0px;} 
  #wrapper{
    width: 1000px;
    top: 10%;
    left: 50%;
    margin-left: -500px;
    position: absolute;}
  img{ 
    border: 0 solid;}


  /* Header */
  #logo{
    cursor: pointer;
    padding-bottom: 5px; 
    text-align: right;}


  /* Main */
  #main{
    height: 280px;}
  #main img{
    float: left;}
  #video{
    float: left;}


  /* Links / Rechts */
  .left{
    width: 150px;
    padding-right: 10px;
    float: left;}
  .right{
    border-left: 1px solid #ccc;
    float: left;
    padding-left: 10px;
    width: 324px;}
  .left50{
    width: 237px;
    padding-right: 10px;
    float: left;}
  .right50{
    border-left: 1px solid #ccc;
    float: left;
    padding-left: 10px;
    width: 237px;}
    
  .allcontentleft{
  width:50%;
  float:left;
  }
    
  .allcontentright{
  width:50%;
  float:right;
  }
.info { background-color:#e5edf9; border:1px solid #a1c2d6; padding-top:20px; color:#333; overflow: hidden; position: relative; height:38px; display:block;
left:250px;position: relative; width:200px;}
.lefticon{ background-repeat: no-repeat; background-position: left center; padding-left: 48px;}
.pdf{background-image: url(/images/pdf.png);}

 
  /* Content / Kunden */    
  #content .left p img:first-child{
    display:  inline;}
  #content .left p img{
    display: none;}
  #content .right ul{
    list-style: none;
    width: 151px; 
    float: left;
    padding: 0px;
    margin: 0 0 0 7px;}
  #content .right ul li{
    padding: 0 0 7px 0;}

 
  /* Kontakt */
  label{
    font-size: 11px;
    display: block;}  
  input, textarea{
    padding: 3px 5px;
    border: 1px solid #ccc;
    background-color: #fff;}
  label.error{
    color: #cc3333;}
  input.error, textarea.error{
    border-color: #d25555;}
  #name,#email,#message{
    width: 314px;}
  #submit{
    background-color: #f2f2f2;}


  /* Jobs */
  #jobs .right ul{
    margin-bottom:20px;}
  #jobs .left .job1{
    margin-bottom: 130px;}
  #jobs .left .job2{
    margin-bottom: 150px;}
  #jobs p{
    clear: both;}


  /* Nachrichten */
  .message{
    display: none;
    height: 0px;
    width: 478px;
    padding: 7px 10px;}
  .message_success{
    border: 1px solid #66cc66;}
  .message_error{
    border: 1px solid #d25555;}

    
  /* Footer */    
  #footer{
    clear: both;
    padding-top: 10px;
    font-size: 10px;
    color: #999;}
  #footer img{
    vertical-align: middle;}
  #projekte{
    float: left;}
  #links{
    text-align: right;}
    
}

@media print{
  #video, #sound{ 
    display:none;}  
}