/* CSS Arix@you 2008 for Metropoli Sport */


/* main elements */

 * {
margin: 0;
padding: 0;
} 

body {
	margin: 0;
	padding: 0;
	color: #999;
	font-family: "Lucida Sans Unicode", Tahoma, Arial, Verdana, Helvetica, sans-serif;
	font-size: 70%; 
	line-height: 170%;
	text-align: center;
	background: #fff url(../img/bg3.jpg) repeat-x 0px 0px;
}

body.interno {
	background: #fff url(../img/bg4.jpg) repeat-x 0px 0px;
}

img { 
	border: none; 
	}

a { 
	text-decoration: none;
	}

.clear {
	clear: both; 
	font-size: 1px; 
	float: none;
	height:1px;
	margin-top:-1px;
	line-height: 1px;
}
	
.hide {
	display: none; 
	}

/*  structural  elements
-----------------------------------------------------------*/

#bgwrap {
	width: 100%;
	background: url(../img/bg-main.jpg) no-repeat 200px 120px;
	padding: 0;
	margin: 0;	
	border: 0;
}

#bgwrap1 {
	width: 100%;
	background: url(../img/bg-main1.jpg) no-repeat 200px 120px;
	padding: 0;
	margin: 0;	
	border: 0;
}

#wrap {
	text-align: left;
	margin: 0 auto;
	padding: 0;
	height: 100%;
	width: 850px;
	border: 0;
	position:relative;
}


#dancer {
	position:absolute;
	top:120px;
	left:600px;
	width:295px;
	height:260px;
	z-index:10;
	}

/*  template
----------------------------------------------------*/
#logo 	{
	float: left;
	height: 76px;
	width: 240px;
	margin: 50px 0 0 -6px;
	padding: 0;
}

#header	{
	margin: 0px 0 0 0;
	padding:0;
	width: 590px;
	float:left;
}

html>body #header{
	margin: 11px 0 0 0;
}

#headersidebar	{
	float:right;
	margin: 66px 0 0 0;
	width: 240px;
	padding: 0;
}
	
#claim {
	margin: 0;
	width: 590px;
	padding: 0;
	height:32px;
}

	#login {
		border-bottom: 1px dotted #999;
		margin:10px 0px;
		padding:10px 0px;
	}

#imagefader	{
	padding: 14px 0 0 14px;
	width: 576px;
	height: 340px;
	margin: 0;
	background: transparent url(../img/bg-imagefader.png) no-repeat 0 0;
}

#imagefader1	{
	padding: 14px 0 0 14px;
	width: 576px;
	height: 190px;
	margin: 0;
	background: transparent url(../img/bg-imagefader1.png) no-repeat 0 0;
}

.content	{
	margin: 20px 0 0 0;
	width: 850px;
	float:left;
}

.content_inner	{
	margin: 4px 0 0 0;
	width: 580px;
	float:left;
}

.sidebar	{
	float:right;
	margin: 0;
	width: 230px;
	padding: 0;
}

#footer	{
	height: 50px;
	padding: 14px 0 0 20px;
	margin: 20px 0 0 0;
	text-align: left;
	background: url(../img/bg-footer.jpg) repeat-x 0 0;
}


#topbar	{	
	display: inline; 
	margin: 0 10px 5px 0;
	float:right;
}

#topbar #oben {
	padding: 0 17px 0 2px;
	background: transparent url(../img/uparrow.gif) no-repeat 100% 3px;
}

a:link {
	color:#003399;
	text-decoration: none;
}

a:visited {
	color:#003399;
	text-decoration: none;
}

a:hover {	
	color:#2CB527;
	text-decoration: none;
}

a:active {
	color:#003399;
	text-decoration: none;
}

/*  Links
----------------------------------------------------*/

.content p a:link, .content p a:visited, .content p a:active,
.content_inner p a:link, .content_inner p a:visited, .content_inner p a:active,
#headersidebar a:link,#headersidebar a:visited ,#headersidebar a:active,
#sidebar p a:link, #sidebar p a:visited, #sidebar p a:active {
	background: transparent url(../img/dot-link.gif) repeat-x 0 100%;
	padding: 0;
}

#footer a:link, #footer a:visited, #footer a:active, 
#topbar a:link, #topbar a:visited, #topbar a:active {
	color: #fff;
	margin: 0;
	padding: 0 2px;
}

#footer a:hover, #topbar a:hover {
	color:#2CB527;
}

#email {
}

/*  Text, Headlines, Listen 
-----------------------------------------------------------------------*/

h1 {color: #003399;
	padding: 0;
	margin: -35px 0 5px 0;
	font: normal 26px/33px Georgia, "Times New Roman", Times, serif;
}

.headlinebg {
	color: #CBECFF;
	padding: 0 0 0 14px;
	font: 70px/70px Georgia, "Times New Roman", Times, serif;
}

h2 {
	color: #333;
	padding: 0;
	margin: 27px 0 10px 0;	
	font: normal 18px/26px Georgia, "Times New Roman", Times, serif;
}

h3 {color: #54B20F;
	padding: 0 0 3px 0;
	margin: 0 0 10px 0;	
	font: normal 17px/26px "Lucida Sans Unicode", "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #ccc;
}

#headersidebar h2, #sidebar h2 {
	color: #fff;
	margin: 0;		
	padding: 0 0 0 3px;
	font: 15px/24px "Lucida Sans Unicode", "Times New Roman", Times, serif, Georgia, Arial;
	border-bottom: 1px dotted #999; border-bottom: 1px dotted #493F3F
}

#headersidebar h3, .sidebar h3 {
	color: #54B20F;
	margin: 200px 0 0 0;		
	padding: 0 0 2px 0px;
	font: bold 15px/24px  Georgia, "Times New Roman", Times, serif, Georgia, Arial;
}

.sidebar h3 {
	color: #54B20F;
	padding: 0;
	margin: 47px 0 0 0;
	font: normal 18px/26px  Georgia, "Lucida Sans Unicode", "Times New Roman", Times, serif, Arial;
	border-bottom: 1px dotted #ccc;
}

p {color: #999;
	font-size: 1.2em;	
	line-height: 1.5em;
	margin: 0 0 15px 0;
	padding: 0;
	text-align: left;
}

#headersidebar p{
	color: #999;
	font-size: 1.1em;	
	line-height: 1.4em;
}

.alleobjekte {
	padding: 9px 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
}

#footer p{
	color: #fff;
	padding:0;
	margin:0;
	font-size: 1.1em;	
	line-height: 1.4em;		
}

.pdf {
	margin: 0;
	padding: 13px 3px 13px 14px;
	background: #EDEBDA url(../img/bg-pdf.jpg) no-repeat 0px 0px;	
	min-height: 35px;
}

.zitat {
	background: transparent url(../img/zitat-first.gif) no-repeat 0 0;
	font: italic 20px/27px Georgia, "Times New Roman", Times, sans-serif;
	padding: 0 25px 0 40px;
	margin: 0;
	color: #3C618C; color: #3C618C;
}

.zitatlast {
	background: transparent url(../img/zitat-last.gif) no-repeat 100% 100%;
	margin: 0 0px 20px 0px;
}

i {font-style: italic;
	color: #333;
}

b, strong, .item {	
	font-weight: bold;
	color: #555;
}

#sidebar .linkitem, #headersidebar .linkitem {
	margin: 7px 0 0 0;
	padding: 0 0 0 12px;
	background: transparent url(../img/arrow.gif) no-repeat 1px 6px;
}

.pdf .linkitem {
	margin: 0px 0px 0 0px;
	padding: 0 0px 0 20px;
	background: transparent url(../img/arrow.gif) no-repeat 1px 8px;
	font-size: 1.1em;
	line-height: 1.7em;
}

.colored {
	background-color: #EBF1F7; 
	padding: 1px
}

.headlinecolor {
	color: #003399;
}

.leistungen ul{
	border: 3px solid #ccc;
	margin: 0 10px 0px 15px;
	padding: 2px 10px;
}

.leistungen li {
	list-style: none;
	margin: 5px 0 5px 13px;
	padding: 0 15px 0px 22px;
	font-size: 1.1em;	
	background: url(../img/plus.gif) no-repeat 0px 5px;					
	line-height: 1.4em;
}

.columnleft {
	float:left;
	width: 270px;
	padding: 0 20px 0 0;
	margin: 10px 0 0 0;
}

.columncenter {
	float:left;
	width: 270px;
	padding: 0 20px 0 0;
	margin: 10px 0 0 0;
}

.columnright {
	float:left;
	width: 270px; 
	padding: 0 0 0 0px;
	margin: 10px 0 0 0;
}

.columnleft p, .columncenter p, .columnright p{
	padding: 0 0 0 0;
	font-size: 1.1em;	
	line-height: 1.4em
}

.columnleft h2, .columncenter h2, .columnright h2 {
	margin: 0px 0 10px 0;	
	font:16px "Lucida Sans Unicode", "Times New Roman", Times, serif, Georgia, Arial;
	color:#003399;
}
 
 /*  Fotos
-----------------------------------------------------------------------*/ 

.img-shadow img {
	border: 1px solid #ccc;
	padding: 2px;
	display: block;
  	background-color: #fff;
}

.rightalign {
	float: right;
	margin: 0 2px 0 6px;
}

.leftalign {
	float: left;
	margin: 0 10px 1px 0;
	padding: 0;
}

/* Navigation
----------------------------------------------------*/
#navigation {
	height: 81px;
	margin: 0;
	padding:0;
	float:right;
}

/* nav linee */
#navigation ul {
	background:url(../img/menu.gif);
	width:598px;
	height:29px;
	margin: 0;
	padding: 0;
	position: relative;
	}
	
#navigation ul li	{
	margin: 0;
	padding: 0;
	list-style: none;
	position: absolute;
	top: 0;
	}
	
#navigation ul li, #navigation a	{
	height: 29px;
	display: block;
	}

#navigation ul li a {
	text-indent: -9999px; 
	text-decoration: none;
	}

	#mn1 {left: 0; width: 119px;}
	#mn2 {left: 119px; width: 120px;}
	#mn3 {left: 239px; width: 119px;}
	#mn4 {left: 358px; width: 120px;}
	#mn5 {left: 478px; width: 120px;}

	#mn1 a:hover {background: transparent url(../img/menu.gif) 0 -29px no-repeat;}
	#mn2 a:hover {background: transparent url(../img/menu.gif) -119px -29px no-repeat;}
	#mn3 a:hover {background: transparent url(../img/menu.gif) -239px -29px no-repeat;}
	#mn4 a:hover {background: transparent url(../img/menu.gif) -358px -29px no-repeat;}
	#mn5 a:hover {background: transparent url(../img/menu.gif) -478px -29px no-repeat;}
	
/* Lightbox Fotos
----------------------------------------------------*/
	
.sidebar .objekt {
	padding:5px 0 10px 0;
	margin: 0 0 10px 0;
	clear: both;
}
.objekt ul {
	list-style:none;
	margin:0;
	padding:0;
}

.objekt ul li{
	float:left;
	padding:0;
	margin:10px 11px 8px 0;
	text-align:center;
}

.objekt img{
	float:left;
	margin:0;
	border:1px solid #ccc;
	padding: 1px;
	background-color: #eee;
}


.objekt ul li img:hover{
	border:1px solid #003399;
}	

#headersidebar .objekt p {
	color:#FFFFFF;
	height:113px;
}

.objekt ul.linea {
	list-style:none;
	margin:0px;
	padding:0;
	display:block;
}

.objekt ul.linea li{
	padding:0 0 0 14px;
	margin:0;
	text-align:left;
	background:url(../img/arrow.gif) no-repeat center left;
	float:none;
	display:block;
}

.objekt img.nofloat {
	float:none;
	margin:4px 0;
	border:1px solid #ccc;
	padding: 1px;
	background-color: #eee;
}

.objekt a.on {
	color:#2CB527;
}
	
/* form
----------------------------------------------------*/
form {
	display:inline;
}

input {
	background:#481C1B;
	font:10px Arial, Helvetica, sans-serif;
	color:#FFFFFF;
	border:none;
	margin:0;
	padding:2px;
}

fieldset {
	margin-top: 10px;
	margin-bottom: 20px;
	border-right:1px solid #fff;
	border-bottom:1px solid #fff;
	padding:10px;
}

legend {
	margin-bottom: 5px;
	padding: 2px 0;
	font: bold 1.1em arial, Verdana, sans-serif;
	color: #ED5A12;
	margin-top:20px;
}	

.enter {
	padding-left:36px;
}

/********* styles for text zoom *********/ 

.highslide-html {
    background-color: white;
	text-align:left;
}
.highslide-html-blur {
}
.highslide-html-content {
	position: absolute;
    display: none;
	font-size:10px;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}

.control {
	float: right;
    display: block;
    /*position: relative;*/
	margin: 0 5px;
	font-size: 9pt;
    font-weight: bold;
	text-decoration: none;
	text-transform: uppercase;
	color: #999;
}
.control:hover {
	color: black !important;
}
.highslide-move {
    cursor: move;
}


/* lista prodotti */

#worklist {
	padding:0px;
}

.work {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #666;
	border-top:1px solid #ccc;
	border-left:1px solid #ccc;
	border-bottom:2px solid #ccc;
	border-right:2px solid #ccc;
	padding:4px;
	margin-top:10px;
}

.work img {
	border:2px solid #61A8C8;
	float:left;
	margin-right:10px;
	}

.worka {
	display:block;	
	cursor:pointer;
	line-height:15px;
	font-size: 13px;
	color: #888;
}

.worka:hover {
	background:#FDF6AC url(../img/scheda_ico.gif) no-repeat 98% 80%;
}

.paginazione {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #888;
	border-bottom:1px solid #ccc;
	padding:20px 0px;
	margin:10px 0px 0px 0px ;
	clear:both;
}

.prev {
	width:240px;
	float:left;
	margin:0px 0px 0px 10px;
	pading:0px;
}

.pages {
	width:240px;
	float:left;
	padding:0px;
}

.next {
	width:70px;
	pading:0px;
	float:left;
	text-align:right;
}

/* thumbnails 0.2
=================================*/
.thumb {float:left;text-align:center;margin:1px;background:url(../img/th_bg.jpg) no-repeat left top; padding:8px 0px 10px 0px;}
.thumb td{text-align:center;}
.thumb table{margin:0px 0px 0px 0px;}
.thumb .img{width:190px;height:174px; }

.thumb .info{width:auto;text-align:left; padding:0px 0px 0px 12px;}
.thumb .info table{width:164px;}
.thumb .info .code{font-weight:bold;font-size:10px;padding-top:4px;}
.thumb td.txt {font-size:9px;padding:6px 0px 0px 0px}
.thumb .txt div{height:30px; padding-top:0px; overflow:hidden}

/* photo_details
=================================*/
.photo_details {width:100%; height:auto; margin-top:5px;}
.photo_details .details{padding-left:20px; line-height:22px;padding-top:4px;}
.photo_details .details span{font-weight:bold;}
.nav {border-bottom:1px dotted #cccccc;padding-bottom:3px;font-weight:bold;}
.nav a{color:#000000;font-weight:normal}

img.mainphoto {
	float:left;
	margin-right:20px;
	padding:4px;
	border:1px solid #ccc;
	background:#fff;
}

#italo {
	margin-top:20px;
	font-size:18px;
	border-bottom:1px solid #ccc;
	width: 240px;
	padding-bottom:10px;

}

#italo a, #italo a:link, #italo a:visited, #italo a:active  {
color:#2CB527;
background:none;
}

#italo a:hover {
color:#003399}