@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}
body {
	background:
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 100.01%; 
}
div#illustration {
	background: url(img/portfoliomenue.png) no-repeat;
	border:#FFF;
	width: 1378px;
	height: 480px;
}
div#menue {
	background: url(img/background_menue.png);
	width: 1378px;
	height: 330px;
	margin-bottom:20px;
}
div#home{	
	display:block;
	float:left;
	padding-left:100px;
	padding-right:450px;
	padding-top:40px;
}
a img#logo{
	display:block;
	float:left;
}
ul {list-style:none;
	display:block;
	margin-left:10px;
}
ul li img {
	text-decoration: none;
	display:block;
	float:left;
	color:#999;
}
ul a {
	text-decoration: none;
	display:block;
	float:left;
	margin-left:30px;
	margin-top:120px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul a:hover {
	text-decoration: none;
	display:block;
	float:left;
	margin-left:30px;
	margin-top:120px;
	color: #000;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
ul#kooperationen {
	list-style:none;
	display:block;
	margin-left:10px;
}
ul li img#kooperationen {
	text-decoration: none;
	display:block;
	float:left;
	color:#999;
}
ul a#kooperationen {
	text-decoration: none;
	display:block;
	float:left;
	margin-left:2px;
	margin-top:120px;
	color:#999;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}
div#headline {
	padding-top:250px;
	padding-left:10px;
	font-size:.75em;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
div#headline a#Back {
	display:block;
	position: absolute;
	left: 625px;
	top: 250px;
	text-decoration:none;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	color:#999;
}
div#headline span {
	display:block;
	position: absolute;
	left: 530px;
	top: 250px;
	width: 395px;
	height: 80px;
}
div#headline img#erste {
	display:block;
	position: absolute;
	left: 100px;
	top: 280px;
	width: 400px;
}
div#headline img#zweite {
	display:block;
	position: absolute;
	left: 960px;
	top: 280px;
	width: 400px;
}
a#Webdesign {
display:block;
position: absolute;
background-image: url(img/linkSchaufenster.png);
width:153px;
height:111px;
left: 680px;
top: 460px;
}
a#Webdesign:hover { background-image: url(img/linkSchaufenster-gruen.png); }

a#Konzeption {
display:block;
position: absolute;
background-image: url(img/linkHochzeiten.png);
width:127px;
height:90px;
left: 460px;
top: 560px;
}
a#Konzeption:hover { background-image: url(img/linkHochzeiten-gruen.png); }


a#Bachelorarbeit {
display:block;
position: absolute;
background-image: url(img/linkEvent.png);
width:97px;
height:64px;
left: 600px;
top: 630px;
}
a#Bachelorarbeit:hover { background-image: url(img/linkEvent-gruen.png); }

a#MotionDesign {
display:block;
position: absolute;
background-image: url(img/linkFolierung.png);
width:130px;
height:84px;
left: 820px;
top: 600px;
}
a#MotionDesign:hover { background-image: url(img/linkFolierung-gruen.png); }

a#Merchandising {
display:block;
position: absolute;
background-image: url(img/linkMerchandising.png);
width:120px;
height:81px;
left: 400px;
top: 410px;
}
a#Merchandising:hover { background-image: url(img/linkMerchandising-gruen.png); }

a#gallerie {
display:block;
position: absolute;
background-image: url(img/linkGallerie.png);
width:154px;
height:111px;
left: 900px;
top: 420px;
}
a#gallerie:hover { background-image: url(img/linkGallerie-gruen.png); }

div#copyright {
	padding-top:20px;
	background: url(img/background_menue.png);
	width: 1378px;
	height: 200px;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size:.75em;
	color:#666666;
}	
div#copyright ul {
	list-style:none;
	margin-left:10px;
	padding-left:450px;
}
div#copyright ul li img {
	text-decoration: none;
	float:left;
	color:#999;
}