* {
padding: 0;
margin: 0;
}


body
{
	background-color: #8ca19e;	
	color: #cad1d1;
	font-size: 12px;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	line-height: 1.8;


}


.text
{
	font-size: 12px;
	line-height: 1.8;
	font-weight: regular;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;	
	color: #e2e7e7;
}


.headline1
{
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color: #ffc600;
	letter-spacing: 6px;
}

.headline2
{
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color: #38f4ca;
	letter-spacing: 6px;
}

.headline3
{
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color: #8dd87d;
	letter-spacing: 6px;
}

.headline4
{
	font-size: 12px;
	line-height: 2;
	font-weight: bold;
	font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;
	color: #b8faaa;
	letter-spacing: 6px;
}


#mantel
{
	width: 660px;
	margin: auto;

}





#navi
{
	position: absolute;
	top: 33px;
	right: 16px;
	text-align: right;
	line-height: 1px;
}


#navideutsch
{
	position: absolute;
	top: 33px;
	right: 9px;
	text-align: right;
	line-height: 1px;
}


#logo
{
	position: absolute;
	top: 30px;
	left: 5px;

}

#weiss
{
	width: 660px;
	margin: 0px auto 0;
	overflow: auto;
}
	

#center
{
	position: relative;
	text-align: center;	
}




A:link {color: 871e72; 	line-height: 1.8; border:0 none; 	letter-spacing: 0px; text-decoration:none; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;}
A:visited {color: 871e72;  	line-height: 1.8; border:0 none; letter-spacing: 0px; text-decoration:none; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;}
A:active {color: dc0005;  	line-height: 1.8; border:0 none; letter-spacing: 0px; text-decoration:none; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;}
A:hover {color: 871e72;  	line-height: 1.8; border:0 none; font-weight: bold; letter-spacing: 0px; text-decoration:none; font-family: 'Lucida Grande', 'Lucida Sans Unicode', 'Lucida Sans', sans-serif;}


/*8df3ff
7ddde7
b2008e*/



/*navigationsbuttons*/

#works {
    background-image: url(pix/buttons/work_1.gif);
    width: 85px; 
    height: 30px;
}

#works:hover {
    background-image: url(pix/buttons/work_2.gif);
}



#aboutme {
    background-image: url(pix/buttons/aboutme_1.gif);
    width: 85px; 
    height: 30px;
}

#aboutme:hover {
    background-image: url(pix/buttons/aboutme_2.gif);
}



#foryou {
    background-image: url(pix/buttons/foryou_1.gif);
    width: 85px; 
    height: 30px;
}

#foryou:hover {
    background-image: url(pix/buttons/foryou_2.gif);
}



#theothers {
    background-image: url(pix/buttons/theothers_1.gif);
    width: 85px; 
    height: 30px;
}

#theothers:hover {
    background-image: url(pix/buttons/theothers_2.gif);
}





#smallprint {
    background-image: url(pix/buttons/smallprint_1.gif);
    width: 85px; 
    height: 30px;
}

#smallprint:hover {
    background-image: url(pix/buttons/smallprint_3.gif);
}






#arbeiten {
    background-image: url(pix/buttons/arbeiten_1.gif);
    width: 113px; 
    height: 30px;
}

#arbeiten:hover {
    background-image: url(pix/buttons/arbeiten_2.gif);
}





#uebermich {
    background-image: url(pix/buttons/uebermich_1.gif);
    width: 113px; 
    height: 30px;
}

#uebermich:hover {
    background-image: url(pix/buttons/uebermich_2.gif);
}




#fuereuch {
    background-image: url(pix/buttons/fuereuch_1.gif);
    width: 113px; 
    height: 30px;
}

#fuereuch:hover {
    background-image: url(pix/buttons/fuereuch_2.gif);
}





#dieanderen {
    background-image: url(pix/buttons/dieanderen_1.gif);
    width: 113px; 
    height: 30px;
}

#dieanderen:hover {
    background-image: url(pix/buttons/dieanderen_2.gif);
}






#kleingedrucktes {
    background-image: url(pix/buttons/kleingedrucktes_1.gif);
    width: 113px; 
    height: 30px;
}

#kleingedrucktes:hover {
    background-image: url(pix/buttons/kleingedrucktes_2.gif);
}



#lorocom {
    background-image: url(pix/logo_1.gif);
    width: 139px; 
    height: 30px;
}

#lorocom:hover {
    background-image: url(pix/logo_2.gif);
}