@charset "UTF-8";

@media all
{

  a {
  outline: none;
  }






/* hover sizes
------------------------------------------------------------------------------------------------------*/  
/* 160 x 160 */  
  div.hover_icon_container {
  	height: 160px; width: 160px;
  	position: relative;
  	float: left;
  }
	div.hover_icon_container a.hover_icon {
		display: none;
		height: 160px; width: 160px;
		position: absolute;
		top: 0; left: 0;
	}
	div.hover_icon_container:hover a.hover_icon {
		display: block;
	}
/* 320 x 320 */    
  div.hover_icon_container_xl {
  	height: 320px; width: 320px;
  	position: relative;
  	float: left;
  }
	div.hover_icon_container_xl a.hover_icon_xl {
		display: none;
		height: 320px; width: 320px;
		position: absolute;
		top: 0; left: 0;
	}
	div.hover_icon_container_xl:hover a.hover_icon_xl {
		display: block;
	}	
/* 320 x 160 */    
  div.hover_icon_container_xl2 {
  	height: 160px; width: 320px;
  	position: relative;
  	float: left;
  }
	div.hover_icon_container_xl2 a.hover_icon_xl2 {
		display: none;
		height: 160px; width: 320px;
		position: absolute;
		top: 0; left: 0;
	}
	div.hover_icon_container_xl2:hover a.hover_icon_xl2 {
		display: block;
	}		
		







/* mainmenu_superfish
------------------------------------------------------------------------------------------------------*/
#mainmenu_superfish {
  display: block;
/*  margin-left: 53%;*/
  right: 6px;
  top: 20px;
  position: absolute;
}


  a.mainmenu_start.green {
    background: url("../images/mainmenu_start-green.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_start.blue {
    background: url("../images/mainmenu_start-blue.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_start.red {
    background: url("../images/mainmenu_start-red.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_start:link,
  a.mainmenu_start:visited {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
    text-indent: -999%;
    padding: 0 0 24px 0;
  }
  a.mainmenu_start:hover,
  a.mainmenu_start:active,
  a.mainmenu_start:focus {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
  }

  a.mainmenu_work.green {
    background: url("../images/mainmenu_work-green.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_work.blue {
    background: url("../images/mainmenu_work-blue.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_work.red {
    background: url("../images/mainmenu_work-red.gif") no-repeat 15px 15px; 
    }    
  a.mainmenu_work:link,
  a.mainmenu_work:visited {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
    text-indent: -999%;
    padding: 0 0 24px 0;
  }
  a.mainmenu_work:hover,
  a.mainmenu_work:active,
  a.mainmenu_work:focus {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
  }

  a.mainmenu_blog.green {
    background: url("../images/mainmenu_blog-green.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_blog.blue {
    background: url("../images/mainmenu_blog-blue.gif") no-repeat 15px 15px; 
    }
  a.mainmenu_blog.red {
    background: url("../images/mainmenu_blog-red.gif") no-repeat 15px 15px; 
    }   
  a.mainmenu_blog:link,
  a.mainmenu_blog:visited {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
    text-indent: -999%;
    padding: 0 0 24px 0;
    }
  
  a.mainmenu_blog:hover,
  a.mainmenu_blog:active,
  a.mainmenu_blog:focus {
    color: #fff;
    font-size: 110%;
    font-family: Verdana;
  }


/* mainmenu_sub
------------------------------------------------------------------------------------------------------*/

/* start */
  a.mainmenu_sub_leistungen,
  a.mainmenu_sub_leistungen:visited {
    background: #e5e5e5 url("../images/icons/icon16_leistungen.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_leistungen:hover,
  a.mainmenu_sub_leistungen:focus {
    background: #eee url("../images/icons/icon16_leistungen.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_team,
  a.mainmenu_sub_team:visited {
    background: #e5e5e5 url("../images/icons/icon16_team.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_team:hover,
  a.mainmenu_sub_team:focus {
    background: #eee url("../images/icons/icon16_team.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_kontakt,
  a.mainmenu_sub_kontakt:visited {
    background: #e5e5e5 url("../images/icons/icon16_kontakt.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_kontakt:hover,
  a.mainmenu_sub_kontakt:focus {
    background: #eee url("../images/icons/icon16_kontakt.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_kundenlogin,
  a.mainmenu_sub_kundenlogin:visited {
    background: #e5e5e5 url("../images/icons/icon16_kundenlogin.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_kundenlogin:hover,
  a.mainmenu_sub_kundenlogin:focus {
    background: #eee url("../images/icons/icon16_kundenlogin.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_pdf,
  a.mainmenu_sub_pdf:visited {
    background: #e5e5e5 url("../images/icons/icon16_pdf.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_pdf:hover,
  a.mainmenu_sub_pdf:focus {
    background: #eee url("../images/icons/icon16_pdf.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_rss,
  a.mainmenu_sub_rss:visited {
    background: #e5e5e5 url("../images/icons/icon16_rss.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_rss:hover,
  a.mainmenu_sub_rss:focus {
    background: #eee url("../images/icons/icon16_rss.png") no-repeat 7px 13px;
    }

  a.mainmenu_sub_kunden,
  a.mainmenu_sub_kunden:visited {
    background: #e5e5e5 url("../images/icons/icon16_kunden.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_kunden:hover,
  a.mainmenu_sub_kunden:focus {
    background: #eee url("../images/icons/icon16_kunden.png") no-repeat 7px 13px;
    }

  a.mainmenu_sub_downloads,
  a.mainmenu_sub_downloads:visited {
    background: #e5e5e5 url("../images/icons/icon16_downloads.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_downloads:hover,
  a.mainmenu_sub_downloads:focus {
    background: #eee url("../images/icons/icon16_downloads.png") no-repeat 7px 13px;
    }    

  a.mainmenu_sub_twitter,
  a.mainmenu_sub_twitter:visited {
    background: #e5e5e5 url("../images/icons/twitter.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_twitter:hover,
  a.mainmenu_sub_twitter:focus {
    background: #eee url("../images/icons/twitter.png") no-repeat 7px 13px;
    }    

  a.mainmenu_sub_facebook,
  a.mainmenu_sub_facebook:visited {
    background: #e5e5e5 url("../images/icons/facebook.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_facebook:hover,
  a.mainmenu_sub_facebook:focus {
    background: #eee url("../images/icons/facebook.png") no-repeat 7px 13px;
    }    

  a.mainmenu_sub_lastfm,
  a.mainmenu_sub_lastfm:visited {
    background: #e5e5e5 url("../images/icons/lastfm.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_lastfm:hover,
  a.mainmenu_sub_lastfm:focus {
    background: #eee url("../images/icons/lastfm.png") no-repeat 7px 13px;
    }    

  a.mainmenu_sub_deviantart,
  a.mainmenu_sub_deviantart:visited {
    background: #e5e5e5 url("../images/icons/icon16_deviantart.png") no-repeat 7px 15px;
    }
  a.mainmenu_sub_deviantart:hover,
  a.mainmenu_sub_deviantart:focus {
    background: #eee url("../images/icons/icon16_deviantart.png") no-repeat 7px 15px;
    }    

  a.mainmenu_sub_vimeo,
  a.mainmenu_sub_vimeo:visited {
    background: #e5e5e5 url("../images/icons/vimeo.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_vimeo:hover,
  a.mainmenu_sub_vimeo:focus {
    background: #eee url("../images/icons/vimeo.png") no-repeat 7px 13px;
    }    


        
    

/* work */
  a.mainmenu_sub_webdesign,
  a.mainmenu_sub_webdesign:visited {
    background: #e5e5e5 url("../images/icons/icon16_webdesign.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_webdesign:hover,
  a.mainmenu_sub_webdesign:focus {
    background: #eee url("../images/icons/icon16_webdesign.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_print,
  a.mainmenu_sub_print:visited {
    background: #e5e5e5 url("../images/icons/icon16_print.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_print:hover,
  a.mainmenu_sub_print:focus {
    background: #eee url("../images/icons/icon16_print.png") no-repeat 7px 13px;
    }

  a.mainmenu_sub_richmedia,
  a.mainmenu_sub_richmedia:visited {
    background: #e5e5e5 url("../images/icons/icon16_richmedia.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_richmedia:hover,
  a.mainmenu_sub_richmedia:focus {
    background: #eee url("../images/icons/icon16_richmedia.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_cgi,
  a.mainmenu_sub_cgi:visited {
    background: #e5e5e5 url("../images/icons/icon16_cgi.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_cgi:hover,
  a.mainmenu_sub_cgi:focus {
    background: #eee url("../images/icons/icon16_cgi.png") no-repeat 7px 13px;
    }
      
  a.mainmenu_sub_3d,
  a.mainmenu_sub_3d:visited {
    background: #e5e5e5 url("../images/icons/icon16_3d-motion.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_3d:hover,
  a.mainmenu_sub_3d:focus {
    background: #eee url("../images/icons/icon16_3d-motion.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_identity,
  a.mainmenu_sub_identity:visited {
    background: #e5e5e5 url("../images/icons/icon16_identity.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_identity:hover,
  a.mainmenu_sub_identity:focus {
    background: #eee url("../images/icons/icon16_identity.png") no-repeat 7px 13px;
    }
  
  a.mainmenu_sub_audio,
  a.mainmenu_sub_audio:visited {
    background: #e5e5e5 url("../images/icons/icon16_audio.png") no-repeat 7px 13px;
    }
  a.mainmenu_sub_audio:hover,
  a.mainmenu_sub_audio:focus {
    background: #eee url("../images/icons/icon16_audio.png") no-repeat 7px 13px;
    }




.mainmenu_desc {
  color: #fff;
  font-size: 100%;
  font-family: Verdana;
  padding: 0 0 0px 17px;
  top: -10px;
  position: relative;
  margin: 0 20px 0px 0;
}



/* topnav
------------------------------------------------------------------------------------------------------*/      
  #topnav a {
  color: #fefefe;
  padding: 2px 4px;
  display: inline;
  background: transparent;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  font-family: Helvetica, Arial, Verdana;  
  }
  #topnav a.current,
  #topnav a:focus,
  #topnav a:hover,
  #topnav a:active {
  color: #fefefe;
  padding: 2px 4px;
  display: inline;
  background: #ff0000;
  font-weight: bold;
  margin: 0;
  text-decoration: none;
  }



/* footer
------------------------------------------------------------------------------------------------------*/      
  #footer_bottom a {
    color: #999;
    text-decoration: none;
    font-weight: bold;
    font-size: 90%;  
  } 
  #footer_bottom a.current,
  #footer_bottom a:focus,
  #footer_bottom a:hover,
  #footer_bottom a:active {
    color: #f1f1f1;
    text-decoration: underline;
    font-weight: bold;
    font-size: 90%;  
  } 



/* a links
------------------------------------------------------------------------------------------------------*/      
  a.beispiele {
    color: #999;
    text-decoration: none;
    font-weight: bold;
    font-size: 95%;
    background: url("../images/icons/icon_beispiele.gif") no-repeat 0px 3px; 
    padding: 2px 0 2px 16px;
    font-family: Arial;  
  } 
  a.beispiele.current,
  a.beispiele:focus,
  a.beispiele:hover,
  a.beispiele:active {
    color: #333;
    text-decoration: none;
    font-weight: bold;
  } 


  a.externallink {
    color: #666;  
    text-decoration: underline;
    font-weight: normal;
    font-size: 100%;
    background: url("../images/icons/icon_offsite.gif") no-repeat center right; 
    padding: 2px 11px 0px 0px;
  } 
  a.externallink.current,
  a.externallink:focus,
  a.externallink:hover,
  a.externallink:active {
    color: #333;
    text-decoration: none;
  } 

  #footer a.externallink {
    color: #999;  
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
    background: url("../images/icons/icon_offsite.gif") no-repeat center right; 
    padding: 2px 11px 0px 0px;
  } 
  #footer a.externallink.current,
  #footer a.externallink:focus,
  #footer a.externallink:hover,
  #footer a.externallink:active {
    color: #f1f1f1;
    text-decoration: none;
  } 

  #footer a {
    color: #999;  
    text-decoration: none;
    font-weight: bold;
    font-size: 100%;
  } 
  #footer a.current,
  #footer a:focus,
  #footer a:hover,
  #footer a:active {
    color: #f1f1f1;
    text-decoration: none;
  } 




  a.topbtn {
    background: url("../images/btn_top-red_small.jpg") no-repeat top left;
    width: 76px;
    height: 130px;
    display: block;
    color: #fff;
  }

  	
}