@charset "UTF-8";

@media all
{

/* ### mainnav ### */  
  #mainnav a {
  display: block;
  height: 70px;
  float: left; 
  text-decoration: none;
  color: #000; 
  font-weight: normal;
  text-indent: -900%;
  }

  #mainnav a:focus, 
  #mainnav a:hover,
  #mainnav a:active { 
  text-decoration: underline;
  }

/* ### mainnav_blog ### */  
  #mainnav a.blog { 
  background: transparent url(../images/mainnav_blog.gif) 0px 0; 
  width:135px;
  }
  #mainnav a.blog:active,
  #mainnav a.blog:focus, 
  #mainnav a.blog:hover { 
  background: transparent url(../images/mainnav_blog.gif) 0px -70px; 
  }  
  #mainnav a.blog#current { 
  background: transparent url(../images/mainnav_blog.gif) 0px -70px;
  }

  #mainnav a.cp { 
  background: transparent url(../images/mainnav_blog.gif) -135px 0; 
  width:241px;
  }
  #mainnav a.cp:active,
  #mainnav a.cp:focus, 
  #mainnav a.cp:hover { 
  background: transparent url(../images/mainnav_blog.gif) -135px -70px; 
  }  
  #mainnav a.cp#current { 
  background: transparent url(../images/mainnav_blog.gif) -135px -140px; 
  }

  #mainnav a.downloads { 
  background: transparent url(../images/mainnav_blog.gif) -376px 0; 
  width:232px;
  }
  #mainnav a.downloads:active,
  #mainnav a.downloads:focus, 
  #mainnav a.downloads:hover { 
  background: transparent url(../images/mainnav_blog.gif) -376px -70px; 
  }  
  #mainnav a.downloads#current { 
  background: transparent url(../images/mainnav_blog.gif) -376px -140px; 
  }

  #mainnav a.nenart { 
  background: transparent url(../images/mainnav_blog.gif) -608px 0; 
  width:352px;
  }
  #mainnav a.nenart:active,
  #mainnav a.nenart:focus, 
  #mainnav a.nenart:hover { 
  background: transparent url(../images/mainnav_blog.gif) -608px -70px; 
  }  
  #mainnav a.nenart#current { 
  background: transparent url(../images/mainnav_blog.gif) -608px -140px; 
  }
  
  
  
  
  
  
  
  
  
  
  
  #mainnav a.projekte { 
  background: transparent url(../images/mainnav.gif) top left; 
  width:200px;
  }
  #mainnav a.projekte:active,
  #mainnav a.projekte:focus, 
  #mainnav a.projekte:hover { 
  background: transparent url(../images/mainnav.gif) 0 -70px; 
  }
  #mainnav a.projekte#current_page_item { 
  background: transparent url(../images/mainnav.gif) 0 -140px; 
  }


  #mainnav a.case { 
  background: transparent url(../images/mainnav.gif) -200px 0; 
  width:251px;
  }
  #mainnav a.case:active,
  #mainnav a.case:focus, 
  #mainnav a.case:hover { 
  background: transparent url(../images/mainnav.gif) -200px -70px; 
  }
  #mainnav a.case#current { 
  background: transparent url(../images/mainnav.gif) -200px -140px; 
  }


  #mainnav a.design { 
  background: transparent url(../images/mainnav.gif) -451px 0; 
  width:156px;
  }
  #mainnav a.design:active,
  #mainnav a.design:focus, 
  #mainnav a.design:hover { 
  background: transparent url(../images/mainnav.gif) -451px -70px; 
  }
  #mainnav a.design#current { 
  background: transparent url(../images/mainnav.gif) -451px -140px; 
  }


  #mainnav a.musik { 
  background: transparent url(../images/mainnav.gif) -607px 0; 
  width:144px;
  }
  #mainnav a.musik:active,
  #mainnav a.musik:focus, 
  #mainnav a.musik:hover { 
  background: transparent url(../images/mainnav.gif) -607px -70px; 
  }
  #mainnav a.musik#current { 
  background: transparent url(../images/mainnav.gif) -607px -140px; 
  }


  #mainnav a.sonstiges { 
  background: transparent url(../images/mainnav.gif) -751px 0; 
  width:209px;
  }
  #mainnav a.sonstiges:active,
  #mainnav a.sonstiges:focus, 
  #mainnav a.sonstiges:hover { 
  background: transparent url(../images/mainnav.gif) -751px -70px; 
  }
  #mainnav a.sonstiges#current { 
  background: transparent url(../images/mainnav.gif) -751px -140px; 
  }
  
  
/* ### sidebarbuttons #col1 ### */
/*
  #col1 a {
  display: block;
  float: left; 
  text-decoration: none;
  color: #c2ae91; 
  font-weight: normal;
  text-indent: -1900%;
  }
*/

  #col1_kontakt a {
/*  display: block;*/
  float: left; 
  text-decoration: underline;
  color: #fff; 
  font-weight: normal;
  font-size: 140%;
  font-family: 'Trebuchet MS';
  }

  #col1_kontakt a:focus, 
  #col1_kontakt a:hover,
  #col1_kontakt a:active { 
  text-decoration: none;
  }
  #col1_kontakt a.skype { 
  background: transparent url("../images/btn_skype.jpg") 0 0; 
  width: 140px;
  height: 40px;
  }
  #col1_kontakt a.skype:focus, 
  #col1_kontakt a.skype:hover,
  #col1_kontakt a.skype:active,
  #col1_kontakt a.skype#current { 
  background: transparent url("../images/btn_skype.jpg") 0 -40px; 
  }  

  #col1_downloads a,
  #col1_newsfeed a {
  display: block;
  float: left; 
  text-decoration: none;
  color: #c2ae91; 
  font-weight: normal;
  text-indent: -1900%;
  }

  #col1_newsfeed a.nf {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_newsfeed.png") no-repeat 0 0; 
  width: 200px;
  height: 50px;
  }

  #col1_downloads a.ff {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_ff.gif") no-repeat 0 0; 
  width: 200px;
  height: 52px;
  }
  #col1_downloads a.tb {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_tb.gif") no-repeat 0 0; 
  width: 200px;
  height: 50px;
  }
  #col1_downloads a.blender {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_blender.gif") no-repeat 0 0; 
  width: 200px;
  height: 50px;
  }
  #col1_downloads a.ooo {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_ooo.gif") no-repeat 0 0; 
  width: 200px;
  height: 44px;
  }
  #col1_downloads a.joomla {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_joomla.gif") no-repeat 0 0; 
  width: 200px;
  height: 40px;
  }
  #col1_downloads a.vlc {
  display: block;
  float: none; 
  text-decoration: none;
  margin: 0 0 20px 0;
  background: transparent url("../images/btn_vlc.gif") no-repeat 0 0; 
  width: 200px;
  height: 55px;
  }

/* ### project buttons ### */
  a.visit {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_visit.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }

  a.screenshot {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_screenshot.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }

  a.demo {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_demo.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }  

  a.movie {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_movie.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }  

  a.listen {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_listen.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }  

  a.details {
  display: block;
  width: 180px;
  height: 30px;
  text-indent: -900%;
  background: url("../images/btn_details.jpg") no-repeat top left;
  margin: 0 0 10px 0;
  }  

  a.download {
  display: block;
  width: 400px;
  height: 73px;
  text-indent: -900%;
  background: url("../images/btn_angebotsformular.jpg") no-repeat top left;
  margin: 0 0 0px 0;
  }  

  a.angebotsformular {
  display: block;
  width: 400px;
  height: 73px;
  text-indent: -900%;
  background: url("../images/btn_angebotsformular.jpg") no-repeat top left;
  margin: 0 0 0px 0;
  } 

/* ### infolinks ### */
  p a.infolink {
  font-weight: normal;
  color: #656565;
  text-decoration: underline;
  display: inline;
  background: transparent url("../images/icons/infolink.gif") no-repeat 0px 2px;
  padding: 0 0 0 13px;
  }
  p a.infolink:focus,  
  p a.infolink:hover,
  p a.infolink:active {
  font-weight: normal;
  color: #656565;
  text-decoration: none;  
  display: inline;
  background: transparent url("../images/icons/infolink.gif") no-repeat 0px 2px;
  padding: 0 0 0 13px;
  cursor: help;
  }

  p a.infolink_footer {
  font-weight: normal;
  color: #928376;
  text-decoration: underline;
  display: inline;
  background: transparent url("../images/icons/infolink_footer.gif") no-repeat 0px 2px;
  padding: 0 0 0 13px;
  }
  p a.infolink_footer:focus,  
  p a.infolink_footer:hover,
  p a.infolink_footer:active {
  font-weight: normal;
  color: #928376;
  text-decoration: none;  
  display: inline;
  background: transparent url("../images/icons/infolink_footer.gif") no-repeat 0px 2px;
  padding: 0 0 0 13px;
  cursor: help;
  }




/* ### footer_links ### */
  #footer_inner a.issuu,
  #footer_inner a.twitter,
  #footer_inner a.da,
  #footer_inner a.myspace {
  display: block;
  float: left; 
  text-decoration: none;
  color: #c2ae91; 
  font-weight: normal;
  text-indent: -1900%;
  }

  #footer_inner a.wp {
  display: block;
/*  float: right;*/ 
  text-decoration: none;
  color: #c2ae91; 
  font-weight: normal;
  text-indent: -1900%;
  }


  #footer_inner a.wp { 
  background: transparent url("../images/footer_wp.jpg") 0 0px; 
  width: 150px;
  height: 32px;
  }
  #footer_inner a.wp:focus, 
  #footer_inner a.wp:hover,
  #footer_inner a.wp:active,
  #footer_inner a.wp#current { 
  background: transparent url("../images/footer_wp.jpg") 0 -32px; 
  }   


  #footer_inner a.issuu { 
  background: transparent url("../images/footer_links.jpg") 0 0px; 
  width: 45px;
  height: 32px;
  }
  #footer_inner a.issuu:focus, 
  #footer_inner a.issuu:hover,
  #footer_inner a.issuu:active,
  #footer_inner a.issuu#current { 
  background: transparent url("../images/footer_links.jpg") 0 -32px; 
  }    
  
  #footer_inner a.twitter { 
  background: transparent url("../images/footer_links.jpg") -45px 0px; 
  width: 155px;
  height: 32px;
  }
  #footer_inner a.twitter:focus, 
  #footer_inner a.twitter:hover,
  #footer_inner a.twitter:active,
  #footer_inner a.twitter#current { 
  background: transparent url("../images/footer_links.jpg") -45px -32px; 
  }  
  
  #footer_inner a.da { 
  background: transparent url("../images/footer_links.jpg") -200px 0px; 
  width: 68px;
  height: 32px;
  }
  #footer_inner a.da:focus, 
  #footer_inner a.da:hover,
  #footer_inner a.da:active,
  #footer_inner a.da#current { 
  background: transparent url("../images/footer_links.jpg") -200px -32px; 
  }    

  #footer_inner a.myspace { 
  background: transparent url("../images/footer_links.jpg") -268px 0px; 
  width: 132px;
  height: 32px;
  }
  #footer_inner a.myspace:focus, 
  #footer_inner a.myspace:hover,
  #footer_inner a.myspace:active,
  #footer_inner a.myspace#current { 
  background: transparent url("../images/footer_links.jpg") -268px -32px; 
  }    

  #footer a.about { 
  color: #928376; 
  font-weight: bold;
  text-decoration:underline;
  padding: 1px;
  }
  #footer a.about:focus, 
  #footer a.about:hover,
  #footer a.about:active {
  color: #ffffff; 
  background-color: #ff0000; 
  text-decoration: none;
  }

  #footer_validate a { color: #fefefe; background:transparent; font-weight: bold; padding: 5px;}
  #footer_validate a:focus, 
  #footer_validate a:hover,
  #footer_validate a:active {color: #fefefe; background-color: #ff0000; text-decoration:none;}

  #footer a.xhtml, #footer_validate a.xhtml  {
  display: block;
  width: 130px;
  height: 21px;
  margin: 0 20px 0 0;
  float: left;
  color: #695d53;
  background:transparent url("../images/valid_xhtml.gif") no-repeat top left;
  text-indent: -900%;
  font-weight: bold;
  }

  #footer a.css, #footer_validate a.css  {
  display: block;
  width: 80px;
  height: 21px;
  margin: 0 20px 0 0;
  float: left;
  color: #695d53;
  background:transparent url("../images/valid_css.gif") no-repeat top left;
  text-indent: -900%;
  font-weight: bold;
  }



/* ### top button ### */
  a.topbtn {
  display: block;
  width: 30px;
  height: 30px;
  text-indent: -900%;
  background: transparent url(../images/icons/topbtn.gif) no-repeat 0 0px;
  margin: 30px 0 0px 0;
  } 

  #header a {
  display: inline;
  color: #fff;
  font-weight: bold;
/*  background: #cc0000;*/
  padding: 3px;
  margin: 5px 0 0 0;
  }
  #header a:hover {
  display: inline;
  color: #fff;
  font-weight: bold;
  background: #cc0000;
  padding: 3px;
  text-decoration: none;
  }

  #footer_validate a.bookmark {
  font-weight: normal;
  text-decoration: none;
  background: transparent;
  margin: 0px;
  padding: 0px;
  }
  #footer_validate a.bookmark:focus,
  #footer_validate a.bookmark:hover,
  #footer_validate a.bookmark:active {
  font-weight: normal;
  text-decoration: none;
  background: transparent;
  margin: 0px;
  padding: 0px;
  }


  #header #topnav {
  position: absolute;
  top: 3px;
  right: 0px;
  }  
  #topnav a {
  color: #fefefe;
  padding: 2px;
  display: inline;
  background: transparent;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  }
  #topnav a.current,
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active {
  color: #fefefe;
  padding: 2px;
  display: inline;
  background: #ff0000;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  }
    
  #footer_validate a.addthisbutton {
  background: transparent;
  margin: 10px 0 10px 0;
  }  

  #header .subcl a {
  position: absolute;
  top: 20px;
  background: transparent;
  }

  #header .subcl a:focus, 
  #header .subcl a:hover,
  #header .subcl a:active {
  position: absolute;  
  top: 20px;  
  background: transparent;
  }


  
}