/* Basis Design */


#bodyindex{
	background-color:#000000;
	}	
#start{
	background-image:url(img/index.png);
	width: 1793px;
	height: 528px;
	position:absolute;
	left: 0px;
	top: 200px;
	display:block;
	background-color:#000;
	}

#bodya{
	background-image:url(img/bg.jpg);
	margin:0 auto;
	background-repeat:no-repeat;
	background-color:#000000;
	}
#logo{
	background-image:url(img/logo.png);
	width: 354px;
	height: 120px;
	position:absolute;
	left: 0px;
	top: 0px;
	display:block;
	}
	
.head{
	font-family:verdana;
	font-size:16px;
	line-height:20px;
	color:#fff;
	font-weight:bold;
	}
.headsub{
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#999;
	}
.text	{
	font-family:verdana;
	font-size:12px;
	line-height:16px;
	color:#999;
	}

/* Navigation */

ul{
	list-style:none;
	font-family:verdana;
	font-size:14px;
	font-color:#FF9900;
	position:absolute;
	left: 380px;
	top: 86px;
	font-weight:bold;
	}
#navi>ul>li{
	float:left;
	margin-right: 50px;
	}
li a{
	display:block;
	color:#9900cc;
	text-decoration:none;
	padding: 4px;
	}
li a:hover{
	color:#FF9900;

	border: 0px;
    text-shadow:
    0 0 10px #FFFFFF,
    0 0 15px #FFFFFF,
    0 0 20px #FFFFFF,
    0 0 25px #FF00DE,
    0 0 30px #FF00DE,
    0 0 35px #FF00DE,
	0 0 40px #FF00DE,
    0 0 50px #FF00DE;
	}
li a:active{
	color:#FF9900;
	}

/*Abbrechen des Floatens nach den LI Elementen*/
ul:last-child:after{
	content:"";
	display:block;
	clear:both;
	}

#navicona{
	background-image:url(img/navicona.gif);
	width: 20px;
	height: 20px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 17px;
	display:block;
	}
#naviconb{
	background-image:url(img/naviconb.gif);
	width: 20px;
	height: 20px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 127px;
	display:block;
	}
#naviconc{
	background-image:url(img/naviconc.gif);
	width: 20px;
	height: 20px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 288px;
	display:block;
	}
#navicond{
	background-image:url(img/navicond.gif);
	width: 20px;
	height: 20px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 440px;
	display:block;}
	
	/*Content - Referenzen Start*/
	
#navrefweb{
	background-image:url(img/referenzen-websites.png);
	width: 242px;
	height: 351px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 258px;
	top: 200px;
	display:block;
	}
#navrefprint{
	background-image:url(img/referenzen-print.png);
	width: 242px;
	height: 351px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 528px;
	top: 200px;
	display:block;
	}
#navrefddd{
	background-image:url(img/referenzen-3d.png);
	width: 242px;
	height: 351px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 798px;
	top: 200px;
	display:block;
	}
#anzeigerref{
	background-image:url(img/headline-referenzen.png);
	width: 190px;
	height: 18px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 20px;
	top: 200px;
	display:block;
	}
	
	/*Content - Referenzen Web*/
	
#anzeigerrefsub {
	list-style:none;
	display:block;
	font-family:verdana;
	font-size:12px;
	color:#FFffff;
	}
#subnav{
	position:absolute;
	left: 20px;
	top: 220px;
	display:block;
	}
#webkleina{
	background-image:url(img/ref-website_gastro-brauchbar-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 90px;
	position:absolute;
	left: 280px;
	top: 200px;
	display:block;
	}
#webgrossa{
	background-image:url(img/ref-website_gastro-brauchbar.jpg);
	background-repeat:no-repeat;
	width: 512px;
	height: 384px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#webkleinb{
	background-image:url(img/ref-website_ksusf%2001-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 90px;
	position:absolute;
	left: 280px;
	top: 310px;
	display:block;
	}	
#webgrossb{
	background-image:url(img/ref-website_ksusf%2001.jpg);
	background-repeat:no-repeat;
	width: 512px;
	height: 384px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#webkleinc{
	background-image:url(img/ref-website_mode-caleidoskop-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 90px;
	position:absolute;
	left: 280px;
	top: 420px;
	display:block;
	}
#webgrossc{
	background-image:url(img/ref-website_mode-caleidoskop.jpg);
	background-repeat:no-repeat;
	width: 512px;
	height: 384px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#textwrapper{
	position:absolute;
	left: 480px;
	top: 180px;
	width: 600px;
	}

	/*Content - Referenzen Print*/

#printkleina{
	background-image:url(img/ref-print_airborn-cd-zusammen-th.png);
	background-repeat:no-repeat;
	width: 120px;
	height: 71px;
	position:absolute;
	left: 280px;
	top: 200px;
	display:block;
	}
#printgrossa{
	background-image:url(img/ref-print_airborn-cd-zusammen.png);
	background-repeat:no-repeat;
	width: 600px;
	height: 355px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#printkleinb{
	background-image:url(img/ref-print_gastro-gtc-katalogdeckblatt-th.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 113px;
	position:absolute;
	left: 280px;
	top: 290px;
	display:block;
	}	
#printgrossb{
	background-image:url(img/ref-print_gastro-gtc-katalogdeckblatt.jpg);
	background-repeat:no-repeat;
	width: 283px;
	height: 400px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#printkleinc{
	background-image:url(img/ref-print-palatine-th.jpg);
	background-repeat:no-repeat;
	width: 80px;
	height: 110px;
	position:absolute;
	left: 280px;
	top: 420px;
	display:block;
	}
#printgrossc{
	background-image:url(img/ref-print-palatine.jpg);
	background-repeat:no-repeat;
	width: 291px;
	height: 404px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}

	/*Content - Referenzen 3d*/

#dddkleina{
	background-image:url(img/ref-3d-pod01-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 135px;
	position:absolute;
	left: 280px;
	top: 200px;
	display:block;
	}
#dddgrossa{
	background-image:url(img/ref-3d-pod01.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 676px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#dddkleinb{
	background-image:url(img/ref-3d-pod02-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 135px;
	position:absolute;
	left: 280px;
	top: 350px;
	display:block;
	}	
#dddgrossb{
	background-image:url(img/ref-3d-pod02.jpg);
	background-repeat:no-repeat;
	width: 600px;
	height: 676px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}
#dddkleinc{
	background-image:url(img/ref-3d-neandertaler-th.jpg);
	background-repeat:no-repeat;
	width: 120px;
	height: 172px;
	position:absolute;
	left: 280px;
	top: 500px;
	display:block;
	}
#dddgrossc{
	background-image:url(img/ref-3d-neandertaler.jpg);
	background-repeat:no-repeat;
	width: 520px;
	height: 747px;
	position:absolute;
	left: 480px;
	top: 240px;
	display:block;
	}




	
/*Content - Portfolio Kontakt*/

#anzeigerport{
	background-image:url(img/headline-portfolio.png);
	width: 170px;
	height: 18px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 20px;
	top: 200px;
	display:block;
	}
#textwrapperporta{
	position:absolute;
	left: 420px;
	top: 190px;
	width: 600px;
	}
#skills{
	position:absolute;
	left: 30px;
	top: 6px;
	font-face: verdana;
	font-size: 16px;
	color:#B17E00;
	}
#textwrapperportb{
	position:absolute;
	left: 500px;
	top: 190px;
	width: 600px;
	}
#leistungen{
	position:absolute;
	left: 180px;
	top: 6px;
	font-face: verdana;
	font-size: 16px;
	color:#B17E00;
	}
#anzeigerkont{
	background-image:url(img/headline-kontakt.png);
	width: 216px;
	height: 39px;
	margin:0 auto;
	background-repeat:no-repeat;
	position:absolute;
	left: 20px;
	top: 200px;
	display:block;
	}