@import "fonts.css";
@import "menu.css";


html {
	height: 100%;
}

body {
 	background: #ffffff url(img/bg2.jpg) top left no-repeat;
}

	
#header {
height: 65px;
width: 640px;
margin-bottom: 30px;
}	
	
#footer {
float: left;
clear: both;
margin-top: 30px;
height: 15px;
width: 640px;
background: url(img/footer_bg.gif) bottom repeat-x;
}
	
#copyright {
clear: both;
width: 410px;
margin-right: 150px;
float: left;
}
			
#impressum {
width: 80px;
float: left;
text-align: right;
}
	

#pagina {
	BORDER-TOP-WIDTH: 0px; 
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	BORDER-LEFT-WIDTH: 0px; 
	BORDER-BOTTOM-WIDTH: 0px; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 20px auto 0px; 
	WIDTH: 640px; 
	PADDING-TOP: 0px; 
	TEXT-ALIGN: left;
	BORDER-RIGHT-WIDTH: 0px;
	height: 100%
}

			
#mainmessage {
margin-bottom: 5px;
}
			


#content-left {
width: 250px;
margin-right: 5px;
float: left;
height: 100%
}
			
#content-right {
width: 380px;
float: right;
height: 100%
}

#copertina {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	VISIBILITY: visible; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 0px; 
	WIDTH: 640px; 
	PADDING-TOP: 0px;  
	float: left;
	TEXT-ALIGN: center
}

#copertina .fronte {
	DISPLAY: block; 
	FLOAT: left; 
	BACKGROUND-IMAGE: url(img/copertina500.png); 
	WIDTH: 250px; 
	MARGIN-RIGHT: 0px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 366px
}

#copertina A {
	BACKGROUND-POSITION: 0px 0px; WIDTH: 250px; HEIGHT: 366px
}
#copertina A:hover {
	BACKGROUND-POSITION: -250px 0px; WIDTH: 250px; HEIGHT: 366px
}


#icone {
	PADDING-RIGHT: 0px; 
	PADDING-LEFT: 0px; 
	VISIBILITY: visible; 
	PADDING-BOTTOM: 0px; 
	MARGIN: 0px 0px 5px; 
	WIDTH: 250px; 
	PADDING-TOP: 0px; 
	HEIGHT: 37px; 
	TEXT-ALIGN: center
}

#icone .contatti {
	DISPLAY: block; 
	FLOAT: left; 
	BACKGROUND-IMAGE: url(icone/contatti.gif); 
	WIDTH: 70px; 
	MARGIN-RIGHT: 10px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 37px
}

#icone .ordina {
	DISPLAY: block; 
	FLOAT: left; 
	BACKGROUND-IMAGE: url(icone/ordina.gif); 
	WIDTH: 70px; 
	MARGIN-RIGHT: 10px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 37px
}

#icone .blog {
	DISPLAY: block; 
	FLOAT: left; 
	BACKGROUND-IMAGE: url(icone/blog.gif); 
	WIDTH: 70px; 
	MARGIN-RIGHT: 10px; 
	BACKGROUND-REPEAT: no-repeat; 
	HEIGHT: 37px
}


#icone A {
	BACKGROUND-POSITION: 0px 0px; WIDTH: 70px; HEIGHT: 37px
}
#icone A:hover {
	BACKGROUND-POSITION: 0px -37px; WIDTH: 70px; HEIGHT: 37px
}

.skill {
float: left;
width: 380px;
margin-bottom: 10px;
padding-left: 25px;
background: url(img/check.gif) top left no-repeat;
}