@charset "utf-8";
/* CSS Document */
* 
{
margin: 0;
padding: 0;
margin-left:auto;
margin-right:auto;
}

body 
{
background-image:url(images/hintergrundNEU.jpg);
background-repeat:repeat;
}

#content
{
margin-top: 80px;
padding-top: 10px;
background-color:#FFFFFF;
height: 778px;
width: 1044px ;
margin-bottom:80px;
}

#main
{
width:1024px;
height: 545px;
position: relative;
background-image:url(images/background.jpg);
}

#footer
{
position: relative;
width:1024px;
height:223px;
background-image:url(images/footer.jpg);
}


#navi 
{
	margin:0;
	height:545px;
	width:185px;
	float:left;
	padding:0;
}

#navi a
{
	text-decoration:none;
}


#navi ul li
{
    position:relative;
	list-style-type:none;
	float:left;
	padding:0;
	margin:0;
	height:545px;
	margin-left: 0;
	margin-top: 0;
}


#navi ul li a
{
	height: 545px;
	display:block;
	margin: 0;
	padding:0;
}

#logo 
{
width: 283px;
height: 112px;
position:relative;
float: right;
margin-right: 20px;
margin-top: 60px;
}

#logo img
{
	text-decoration:none;
	border: none;
	outline:none;
}

#navi ul li a#webdesign
{
	background-image:url(images/link-WEBDESIGN.jpg);
	width: 59px;
}
#navi ul li a#grafiklayouts
{
	background-image:url(./images/link-GRAFIK.jpg);
	width: 45px;
}
#navi ul li a#malereifotografie
{
	background-image:url(images/link-MALEREI.jpg);
	width: 81px;
}

#navi ul li a#webdesign:hover
{
	background-image:url(images/link-webdesign-hover.jpg);
}
#navi ul li a#grafiklayouts:hover
{
	background-image:url(images/link-grafik-hover.jpg)
}
#navi ul li a#malereifotografie:hover
{
	background-image:url(images/link-malerei-hover.jpg);
}

#navi ul li a#webdesign:active
{
	background-image:url(images/link-WEBDESIGN-gedrueckt.jpg);
}
#navi ul li a#grafiklayouts:active
{
	background-image:url(images/link-GRAFIK-gedrueckt.jpg)
}
#navi ul li a#malereifotografie:active
{
	background-image:url(images/link-MALEREI-gedrueckt.jpg);
}


#navi ul li a#awebdesign
{
	background-image:url(images/link-WEBDESIGN-gedrueckt.jpg);
	width: 59px;
}
#navi ul li a#agrafiklayouts
{
	width: 45px;
	background-image:url(images/link-GRAFIK-gedrueckt.jpg)
}
#navi ul li a#amalereifotografie
{
	background-image:url(images/link-MALEREI-gedrueckt.jpg);
	width: 81px;
}

#feld
{
background-image:url(images/feld.jpg);
width: 763px;
height: 442px;
position: relative;
float:right;
margin-right: 76px;
margin-top: 15px;
z-index:100;
}

#kontakt
{
position: relative;
float:left;
margin-top:0;
margin-left:940px;
}

#kontakt img
{
	text-decoration:none;
	border: none;
	outline:none;
}

#kontakt2 img
{
	text-decoration:none;
	border: none;
	outline:none;
}
#kontakt2
{
position: relative;
float:left;
margin-top: 80px;
margin-left:940px;
}

#footer2
{
width:1024px;
height:223px;
background-image:url(images/animation.gif);
}

#text
{
font-family:Helvetica, Verdana, Arial;
padding: 50px;
color: #330000;
padding-top: 80px;
height: 199px;}

#text a 
{
color:#663366;}

#animationG
{
height: 113px;
width: 763px;
background-image:url(images/grafik-animation.gif);
}

#animationW
{
height: 113px;
width: 763px;
background-image:url(images/web-animation.gif);
}

#animationM
{
height: 113px;
width: 763px;
background-image:url(images/malerei-animation.gif);
}