@charset "utf-8";

*{
    margin:0;
    padding:0;
}

body{
text-align: center;
font-family:"Trebuchet MS",sans-serif;
font-size:9.8pt;
letter-spacing:0.75pt;
line-height:1.38em;
 color: #000;
 position: relative;
  
    
}

/* Foramtierung Schrift */

 .letter_colored{
     color: #FD8A13;
    
 }
 
ul ._border {
     border: solid 1px #FD8A13;
     border-bottom: none;
     padding: 2px 3px 0 3px; 
    
 }
 
 
#footer #copy {
    position: absolute; bottom: 0; left:0;
    font-size: 9pt;
    border-top:1px solid #FD8A13;
    border-right:1px solid #FD8A13;
    padding: 3px 3px 0 3px;                 
}

 
#pagewrapper{
    width: 1000px;
    height: 570px;
   /*  background-color: #FF0000; */
    margin: 0 auto 0 auto;
    position: relative;
    background: url("r-web_pics/background_opt.png") repeat;
   
    border-left: solid 1px #FD8A13;
   
}
  
/* Foramtierung footer */

#footer #w3c {
    position: absolute; bottom:0; left:66px;
}



/* Foramtierung Head */

#head{
   background-color: #FD8A13;
   width: 998px;
   text-align: right;
   height: 24px;
   vertical-align: middle;
   position: absolute; left:0;
   color:#fff;
     
  
}
 #head ul{
     width: 356px;
     position: absolute; right:0;
     
      
 }                                               
#head ul li{
     
     display: block;
     float: left;
     list-style-type: none;
    /* background-color: #800080; */
     margin-right:20px;
     line-height: 24px; 
     display: list-item;    
     /*  list-style-type:square; */
     font-size: 9pt;
     background: url(r-web_pics/li_image.png) no-repeat left center; 
     padding-left: 27px; 
} 

#head ul li a{
color:#fff; 
 text-decoration: none;
-o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;    
}



#head ul li a:hover{
color:#000;
  }

#head ul li .active{
    color:#000;
}

#head p{
    

    vertical-align: middle;
    display: inline;
    float: left;
}  
    
#txt_update{
    font-size: 8pt;
    line-height: 24px;
    padding-left:2px;
} 

#txt_update a{
color:#fff;  
} 

ul li #active_news_fakten{
    color:#000;
} 


#header_contact{
    color:#333;
}

/* ----Foramtierung Head---- */




 /* ----Foramtierung Content---- */



#col_left{
    float: left;
    width: 215px;
    
}
 #col_left .wuerfel {
    margin-top: 150px; 
    margin-left: 100px;
 }
 
 
 
#applet{
    position: absolute; left:0; top:24px;
}

#col_right{
    float: right;
    width: 215px;
    background-color: #6D3D09;
    background: url(r-web_pics/stripes_right.png); height: 466px;
  
    
}

#col_middle{
    margin:0 217px;
    padding-top: 35px;
   
    
   
   /* background-color: #808080; */
}

#col_middle p.txt_start{
    margin-top: 20px;
    background: url(r-web_pics/underline_right343.png) no-repeat  bottom center;
    padding: 0 30px 3px 0 ;
    
   
}
#col_middle p{
     margin-top: 15px;
    
  
}
 #pakete_wrapper{
margin-left: 60px;     
 } 
 
 #pakete_webvisitenkarte {
     margin-left: 6em;
     margin-top: 1em;
     position: absolute;
     right: 300px;
     bottom:275px;
 }
 #pakete_wrapper img{
 float: left;
 margin:0 60px 0 0px;

    
 }
  #definition_paketelement{
      margin-top: 100px;
    text-align: left;
    font-size: 9pt;
  }
  
  #definition_paketelement p{
      margin-bottom: 10px;
       
     
  }
  #definition_paketelement p a{
      text-decoration: none;
      color: #333;
      
  }
  
  #definition_paketelement p a span.zum_glossar{
      color: #E42D2F;
  }
  .def_paket_wort{
      font-weight: bold;
      color: #E42D2F;
  }

 /* -------Foramtierung Content---------- */



#footer{
    /*background-color: blue;*/
   clear: both; 
   height: 105px;
    width: 1000px;
   position: absolute; bottom: 0; left:0  ;
   border-top : #FD8A13 1px solid;
   
}      


  .txt_border{
      border: solid 1px #FD8A13;
      border-bottom:none;
      padding:2px 4px 0 6px;
      
  }
 .txt_border a span {
     color:#000;
     -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
 }
   .txt_border a span:hover{
       color: #E42D2F;
   }
   
   
   
  /* -----Foramtierung Navigation------*/
   
   
#navigation{
    /*  background-color: yellow; */
    position: absolute; bottom: 106px; left:0; right: 0 ;
    font-size: 12pt;
    
}
 #navigation ul{
    margin-left: 121px;
    text-align: center;
 }

  #navigation ul li {
      display:block;
      float: left;
    list-style-type: none;
    margin-right: 100px;
     text-align: center;
 }
  

#navigation ul li a {
    text-decoration: none;
    color: #FD8A13;
    -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
}

#navigation ul li a:hover{
    color:#000;
}

.active_page{
    
color:#000;
}


 /* Foramtierung Navigation*/
 
 
 
   /* -----Foramtierung Navigation-Left------*/
 
 #nav_left{
    margin: 58px 0 0 20px;
    text-align: left; 
 }
 
  #nav_left li{
      margin-bottom: 15px;
      list-style: none;
      border-left: 7px solid #FD8A13;
     
      text-indent: 8px;
      
  }
 
 #nav_left li a{
     display: block;
     border-top:1px solid #FD8A13;
     text-decoration: none;
   border-bottom:1px solid #FD8A13;
     line-height: 20px;
     color: #333;
      -o-transition:.5s;
  -ms-transition:.5s;
  -moz-transition:.5s;
  -webkit-transition:.5s;
  /* ...and now for the proper property */
  transition:.5s;
 } 

 
   #nav_left li a:hover{
       background:#EDEDED;
   }
 
  .servicelist_active{
    
     background:#EDEDED;

  }

 
 /* Foramtierung Projektgalerie*/ 
 
 
 #galerieumschliesser{
    width: 999px;
    overflow:  auto ;
    padding-top:30px;
    background: url(r-web_pics/background.png) repeat;
 }
          
 #projektgalerie ul {
     width: 6830px;
}


#projektgalerie ul li{
   
    display: block;
    list-style-type: none;
    float: left;
    margin:auto 75px auto 20px;
    height: 385px;
    vertical-align: middle;
}
/*   
#projektgalerie ul li a:hover{
border-bottom: 4px   dotted#FD8A13;

}
*/
  #stripes_projekte{
      background: url(r-web_pics/stripes_right.png)  no-repeat top right;
      height: 464px;

  }
  
 #projektgalerie ul li a img:hover{
   padding-top:3px;
     
 }


  /* Foramtierung Projektgalerie*/ 
  
  
    /* Foramtierung Gestaltungsgalerie*/ 
    
    
    
  #galerieumschliesser_gestaltung{
    width: 700px;
    overflow:  auto ;
   padding-top:35px;
    background: url(r-web_pics/background.png) repeat;
    margin-right: 300px;
      
  }  
    
    
  #gestaltungsgalerie ul{
     width:5570px;
  }  
  
 #gestaltungsgalerie ul li{

    display:block ;
    list-style-type: none;
    float: left;
    margin:auto 75px auto 20px;
    height: 385px;
    vertical-align: middle;
   
   }

  #gestaltungsgalerie ul  .img_vcenter, #projektgalerie ul .img_vcenter {
   display: block;
  margin-top: 25px;
  
 
    
  }   
  
     /* Foramtierung Gestaltungsgalerie ----Ende----*/ 
  
#confirm_h1{
background-color: red;
background: url(r-web_pics/underline_left_connect.png) no-repeat bottom;
font-size: 12pt;
font-weight: normal;
padding: 0 0 7px 14px;
}
  
#stripe_projekt {
    background: url(r-web_pics/stripes_right.png) no-repeat top right;
}


/* left index  */


#y-rweb p{
    margin-bottom: 10px;
    background:#FD8A13 ;
    color: #fff;
    font-size: 14px;
}



#y-rweb{
   margin:80px 15px 0 0;
    font-size: 12px;
    text-decoration: none;
    text-align: center;
    color:#333;
    border-top: 1px solid #FD8A13;
    
    padding: 0px;  
  
     
}
 #y-rweb ul li{
 list-style: none;
 text-align: left;
 margin-bottom: 10px;
  margin-left: 15px;
  padding-left: 22px;

  background: url(r-web_pics/li_start.png) left center no-repeat;
     
 }
  /*----- service content---- */

 #service_content ul li{
     text-align: left;
    margin-left: 30px;
    list-style: none;  
 }
 
   
  #service_content #service_list li  {
   background: url(r-web_pics/li_start.png) left center no-repeat;
   padding-left: 20px;
   margin-bottom: 6px;  
   margin-left: 75px;
 
  }
 
  #service_content p{
      margin-bottom: 15px;
  }
  
  #service_content p img{
      text-align: right;
  }
  
  /* ?berschriften */
  
  h1,#h1_impressum{
     font-family:"Trebuchet MS",sans-serif;
     font-size: 17pt;
     font-weight: normal;
     color:#333;
     margin: 23px 0 25px 0;
  }
  
  h1:first-letter{
      font-family:  Times, serif;
      font-size:1.4em;
      color:#E42D2F;
  }
  
   #h1_impressum {
    
    background: url("r-web_pics/underline_right.png") no-repeat center bottom;
    padding: 0 0 10px 0;
   }


#preisgestaltung {
padding: 0 13px 0 25px ;
text-align: left;
}

/*------- LINKS---- */

a{
    text-decoration: none;
}
 
 #col_right img{
    border: none;
   margin: 7em 0 0 0;
   
}

 #col_right #mw_hover a{
 background: url(r-web_pics/mobiles_webdesign.png)no-repeat ;
/*  background: url(r-web_pics/mw_sprite.png)no-repeat  bottom 0 center;  */ 
width:204px;
height:157px;   
position: absolute; top: 110px;right: 7px;
opacity: 1;
   transition: opacity .25s ease-in-out;
   -moz-transition: opacity .25s ease-in-out;
   -webkit-transition: opacity .25s ease-in-out;

 
}
#col_right #mw_hover a:hover{
  opacity: 0.6;

   

 
}