* {
		margin: 0;
		padding: 0;
	}

	html {
		height: 100%;
		padding-bottom: 0.005em;
	}

	body,td,p,span {
		color: #444;
		background-color: #fff;
		font: 11px/16px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	h1 {
		font: 17px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}

	a {
		color: #444;
		text-decoration: underline;
	}

	p {
		margin-top: 10px;
	}
	
	img {
		border: 0;
	}
	
	
	.disabled {
		display: none;
	}
	
	.show {
		display: block;
	}
	
	h1,
	h2.hide,
	span {
		position: absolute;
		left: -1000px;
		top: -1000px;
		width: 0px;
		height: 0px;
		overflow: hidden;
		display: inline;
	}

	#logo,
	#logo a {
		width: 297px;
		height: 48px;
        margin-bottom: 100px;
		background: url(../_img/logo_tunstudio.jpg) no-repeat;
        display: block;
	}
	
	#container {
		width: 100%;
		height: 100%;
	}

	#mainFrame {
		width: 960px;
		margin: auto;
		padding-top: 19px;
	}
    
    .content {
		width: 710px;
		float: right;
        margin-top: -1px;
        text-align: left;
	}
    .content#home {
    	height: 500px;
		background: url(../_img/bg_content_home.jpg) no-repeat 0px 167px;
	}
    .content#studio {
    	height: 500px;
		background: url(../_img/bg_content_tunstudio_studio.jpg) no-repeat 0px 47px;
	}
	
	#navigation-holder {
		width: 250px;
		height: 90px;
        float: left;
	}

	#metanavi-holder {
		height: 15px;
        margin-bottom: -4px;
        text-align: right;
	}

	#navigation li {
		width: 78px;
		height: 10px;
        margin-bottom: 10px;
	}

	#navigation,
	#navigation li ul,
	#metanavi {
		list-style: none;
	}
	
	#navigation li ul {
		position: absolute;
        z-index: 0;
	}
	
	#navigation li a,
	#subnavi ul li a, 
	#metanavi ul li a {
			width: 80px;
            height: 10px;
    		display: block;
	}
	
/* Start Navi -------------------------------------*/
	#navigation ul,
	#navigation li.hover ul ul,
	#navigation li.onhover ul ul,
	#navigation li:hover ul ul {
		display: none;
	}

    #navigation li.hover ul,
	#navigation li.onhover ul,
	#navigation li:hover ul,
	#navigation li.hover li.show ul,
	#navigation li.onhover li.show ul,
	#navigation li:hover li.show ul {
		display: block;
        z-index: 10;
	}

	#navigation li.hl ul {
    	display: block;
    }

	#navigation li#home,
	#navigation li#home a {
		background: url(../_img/bg_navi.gif) no-repeat;
	}
	#navigation li#home.hl a,
    #navigation li#home:hover a,
	#navigation li#home strong a,
	#navigation li#home a:hover {
		background: url(../_img/bg_navi.gif) no-repeat -84px 0px;
	}

	#navigation li#tunstudio,
	#navigation li#tunstudio a{
		background: url(../_img/bg_navi.gif) no-repeat 0px -20px;
	}
	
	#navigation li#tunstudio.hl a,
    #navigation li#tunstudio:hover a,
	#navigation li#tunstudio strong a,
	#navigation li#tunstudio a:hover {
     	width: 200px;
		background: url(../_img/bg_navi.gif) no-repeat -84px -20px;
	}
	
	#navigation li#portfolio,
	#navigation li#portfolio a{
		background: url(../_img/bg_navi.gif) no-repeat 0px -40px;
	}
	#navigation li#portfolio.hl a,
    #navigation li#portfolio:hover a,
	#navigation li#portfolio strong a,
	#navigation li#portfolio a:hover {
    	width: 200px;
		background: url(../_img/bg_navi.gif) no-repeat -84px -40px;
	}

	#navigation li#kunden,
	#navigation li#kunden a{
		background: url(../_img/bg_navi.gif) no-repeat 0px -60px;
	}
	#navigation li#kunden.hl a,
    #navigation li#kunden:hover a,
	#navigation li#kunden strong a,
	#navigation li#kunden a:hover {
		background: url(../_img/bg_navi.gif) no-repeat -84px -60px;
	}

	#navigation li#kontakt,
	#navigation li#kontakt a{
		background: url(../_img/bg_navi.gif) no-repeat 0px -80px;
	}
	#navigation li#kontakt.hl a,
    #navigation li#kontakt:hover a,
	#navigation li#kontakt strong a,
	#navigation li#kontakt a:hover {
		background: url(../_img/bg_navi.gif) no-repeat -84px -80px;
	}
/* End Navi --------------------------------------*/
/* Start SubNavi ---------------------------------*/
	
	#navigation ul#subnavi_tunstudio {
		height: 115px;
        width: 117px;
        margin-top: -9px;
        margin-left: 92px;
        background: #fff;
	}
    
	#navigation ul#subnavi_portfolio {
		height: 105px;
        width: 117px;
        margin-top: -30px;
        margin-left: 92px;
        padding-top: 20px;
        background: #fff;
	}
    
    #navigation ul#subnavi_tunstudio li#tun,
	#navigation ul#subnavi_tunstudio li#tun a {
    	width: 45px;
		background: url(../_img/bg_subnavi_tunstudio.gif) no-repeat;
	}
	#navigation ul#subnavi_tunstudio li#tun.hl a,
    #navigation ul#subnavi_tunstudio li#tun:hover a,
	#navigation ul#subnavi_tunstudio li#tun strong a,
	#navigation ul#subnavi_tunstudio li#tun a:hover {
		background: url(../_img/bg_subnavi_tunstudio.gif) no-repeat -52px 0px;
	}
	#navigation ul#subnavi_tunstudio li#studio,
	#navigation ul#subnavi_tunstudio li#studio a{
    	width: 45px;
		background: url(../_img/bg_subnavi_tunstudio.gif) no-repeat 0px -16px;
	}
    #navigation ul#subnavi_tunstudio li#studio.hl a,
	#navigation ul#subnavi_tunstudio li#studio:hover a,
	#navigation ul#subnavi_tunstudio li#studio strong a,
	#navigation ul#subnavi_tunstudio li#studio a:hover {
		background: url(../_img/bg_subnavi_tunstudio.gif) no-repeat -52px -16px;
	}
    
    #navigation ul#subnavi_portfolio li#corporate-design,
	#navigation ul#subnavi_portfolio li#corporate-design a {
    	width: 117px;
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat;
	}
	#navigation ul#subnavi_portfolio li#corporate-design.hl a,
    #navigation ul#subnavi_portfolio li#corporate-design:hover a,
	#navigation ul#subnavi_portfolio li#corporate-design strong a,
	#navigation ul#subnavi_portfolio li#corporate-design a:hover {
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat -126px 0px;
	}
	#navigation ul#subnavi_portfolio li#print,
	#navigation ul#subnavi_portfolio li#print a{
    	width: 117px;
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat 0px -17px;
	}
	#navigation ul#subnavi_portfolio li#print.hl a,
    #navigation ul#subnavi_portfolio li#print:hover a,
	#navigation ul#subnavi_portfolio li#print strong a,
	#navigation ul#subnavi_portfolio li#print a:hover {
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat -126px -17px;
	}
    #navigation ul#subnavi_portfolio li#online,
	#navigation ul#subnavi_portfolio li#online a {
    	width: 117px;
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat 0px -33px;
	}
	#navigation ul#subnavi_portfolio li#online.hl a,
    #navigation ul#subnavi_portfolio li#online:hover a,
	#navigation ul#subnavi_portfolio li#online strong a,
	#navigation ul#subnavi_portfolio li#online a:hover {
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat -126px -33px;
	}
	#navigation ul#subnavi_portfolio li#mixed-up,
	#navigation ul#subnavi_portfolio li#mixed-up a{
    	width: 117px;
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat 0px -49px;
	}
	#navigation ul#subnavi_portfolio li#mixed-up.hl a,
    #navigation ul#subnavi_portfolio li#mixed-up:hover a,
	#navigation ul#subnavi_portfolio li#mixed-up strong a,
	#navigation ul#subnavi_portfolio li#mixed-up a:hover {
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat -126px -49px;
	}
    #navigation ul#subnavi_portfolio li#text,
	#navigation ul#subnavi_portfolio li#text a{
    	width: 117px;
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat 0px -65px;
	}
	#navigation ul#subnavi_portfolio li#text.hl a,
    #navigation ul#subnavi_portfolio li#text:hover a,
	#navigation ul#subnavi_portfolio li#text strong a,
	#navigation ul#subnavi_portfolio li#text a:hover {
		background: url(../_img/bg_subnavi_portfolio.gif) no-repeat -126px -65px;
	}
/* End SubNavi ---------------------------------*/
/* Start MetaNavi ------------------------------*/

	#metanavi li {
		display: inline;
	}
    
    #metanavi li a {
        color: #888;
        font-size: 6.5pt;
		text-decoration: none;
    }
    
/* End MetaNavi ---------------------------------*/

	.hdl {
		height: 41px;
	}
    .hdl#home {
    	height: 128px;
		background: url(../_img/hdl_home.gif) no-repeat;
	}
    .hdl#tun {
		background: url(../_img/hdl_tunstudio_tun.gif) no-repeat;
	}
    .hdl#studio {
		background: url(../_img/hdl_tunstudio_studio.gif) no-repeat;
	}
    .hdl#portfolio {
		background: url(../_img/hdl_portfolio.gif) no-repeat;
	}
    .hdl#kunden {
		background: url(../_img/hdl_kunden.gif) no-repeat;
	}
    .hdl#kontakt {
		background: url(../_img/hdl_kontakt.gif) no-repeat;
	}
    .hdl#download {
		background: url(../_img/hdl_download.gif) no-repeat;
	}
    .hdl#impressum {
		background: url(../_img/hdl_impressum.gif) no-repeat;
	}
    
    .portfolio {
    	width: 710px;
    }
    
    .portfolio img {
    	margin-bottom: 15px;
    }
    
    dl.portfolio_data {
    	margin-top: 0px;
        float: left;
    }
    dl.portfolio_data dt {
		width: 55px;
        text-align: right;
	}
	dl.portfolio_data dd {
		margin: -16px 0 0 65px;
	}
    .portfolio_description {
		width: 490px;
		float: right;
    }
    .portfolio_seperator {
		height: 48px;
        clear: both;
	}
    
    ul#kunden {
    	list-style: none;
    }

	dl#kontakt {
		width: 350px;
	}
    
	dl#kontakt dd input {
		width: 350px;
		height: 22px;
        margin-bottom: 15px;
        color: #444;
		border: 1px solid #ccc;
	}
	dl#kontakt dd textarea {
		width: 350px;
		height: 100px;
		color: #444;
		border: 1px solid #ccc;
		font: 11px Verdana, Geneva, Arial, Helvetica, sans-serif;
	}
	dl#kontakt dd {
		margin: -16px 0 0 100px;
	}
    dl#kontakt dd input#bu_senden {
    	border: 0;
        width: 55px;
        height: 10px;
        margin-left: 295px;
    }
    
    ul#download {
    	list-style: none;
    }
    ul#download li a {
			width: 140px;
            height: 85px;
            margin-bottom: 15px;
    		display: block;
	}
    ul#download li#portfolio,
    ul#download li#portfolio a {
		background: url(../_img/icon_portfolio.gif) no-repeat;
	}
    ul#download li#textprobe,
    ul#download li#textprobe a {
		background: url(../_img/icon_textprobe.gif) no-repeat;
	}