@import 'reset.css';

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #646464;
	margin: 0;
	background: url(../images/back.gif);
}

h1 {
	font-size: 13px;
	font-weight: bold;
	color: #000;
	margin-bottom: 0.5em;
}

img {
	display: block;
}

a:active, a:focus { 
	outline:0;
	color:#cc6600;
} 

#shadow-top {
	width: 100%;
	height: 4px;
	background: url(../images/shadow_top.gif);
}

#aligner {
	width: 950px;
	margin: 0 auto;
	xxxborder: 1px solid #000;
	overflow: auto;
}

#left, #middle, #right {
	float: left;
	margin-bottom: 4px;
	
}

#left, #txt, #txttop, #txt-imprint, #right, #footer, #footertop {
	background: url(../images/trentatre.gif);
}

#left {
	width: 128px;
	height: 683px;
	position: relative;
}

#middle {
	width: 672px;
	margin: 0 6px 0 6px;
}

#right {
	width: 133px;
	height: 683px;
	overflow: hidden;
}

#footer {
	width: 944px;
	text-align: right;
}

#footer, #footertop {
	clear: left;
}

#footertop {
	height: 103px;
	margin-top: 4px;
	position: relative;
}

#footertop a {
	position: absolute;
	bottom: 8px;
}

#footer a, #footertop a {
	font-size: 9px;
	xxxdisplay: block;
	xxxwidth: 150px;
	color: #bbb;
	margin-right: 3px;
	xxxmargin-left: 814px;
	padding-top: 2px;
	xxxpadding-left: 10px;
	text-decoration: none;
	xxxbackground:  url(../images/arrow_smaller.gif) 0 1px no-repeat;
}

/*
#footer a:hover, #footertop a:hover {
	background:  url(../images/arrow_smaller_act.gif) no-repeat;
}
*/

#txt {
	height: 175px;
	overflow: hidden;
	position: relative;
}

#desc-text {
	position: absolute;
	bottom: -10px;
	xxxbackground: #333;
	color: #333;
	font-weight: bold;
	
}

#txttop {
	height: 245px;
	overflow: hidden;
	position: relative
}

#txt-imprint {
	height: 683px;
	overflow: hidden;
}

#txttop img {
	position: absolute;
	right: 10px;
	top: 10px;
}

a {
	color: #888;
}

a:hover {
	color: #333;
}

#txt div, #txttop div, #txt-imprint div {
	padding: 15px 12px 15px 12px;
}


#logo {
	margin: 14px 0 0 7px;
}

#mainnavi {
	width: 128px;
	list-style: none;
	position: absolute;
	bottom: 10px;
	right: 0;
	text-align: right;
}

#mainnavi li a {
	font-size: 17px;
	color: #bbb;
	font-weight: bold;
	text-decoration: none;
	display: block;
	padding-right: 15px;
	margin-top: 7px;
	background: url(../images/arrow_left.gif) no-repeat 119px 3px;
}
	
#mainnavi li a:hover {
	background: url(../images/arrow_left_act.gif) no-repeat 119px 3px;
	color: #888;
}

#subnavi {
	list-style: none;
	margin: 12px 0 0 0;
	height: 162px;
	overflow: hidden;
}

#subnavi_inner li {
	margin-bottom: 0.5em;
}

#subnavi_inner li a {
	font-size: 1.2em;
	color: #bbb;
	font-weight: bold;
	text-decoration: none;
	padding-left: 14px;
	background: url(../images/arrow.gif) no-repeat 0 1px;
}

#subnavi_inner li a:hover {
	color: #888;
	background: url(../images/arrow_act.gif) no-repeat 0 1px;
}

#slidertop {
	height: 326px;
	margin-top: 4px;
}

	/* slider */
		#slider-vertical {
			height: 505px;
			overflow: hidden;
		}
		
		#slider-vertical li {
			height: 101px;
			xxxxborder: 1px solid #000;
		}

		#slider ul, #slider li, #slider-vertical ul, #slider-vertical li { 
			margin:0;
			padding:0;
			list-style:none;
			}	
		#slider, #slider li{ 
			height: 504px;
			width: 672px;
			overflow: hidden;
			}	
		#slider, #slider-vertical { 
			position: relative;
			}	
		#slider, #slider-vertical {
			margin-top: 4px;
		}
		
		#slider-vertical li img {
			xxxpadding-bottom: 1px;
		}
	
		#prevBtn, #nextBtn { 
			display: block;
			width: 150px;
			height: 504px;
			z-index: 1000;
			position: absolute;
			}	
		#nextBtn { 
			margin-left: 524px;
			}														
		#prevBtn a, #nextBtn a{  
			display: block;
			width: 150px;
			height: 100%;
			z-index: 1000;
			}
		#prevBtn a {
			background: url(../images/shadow_button_left.png) no-repeat;

		}
		#nextBtn a {
			background: url(../images/shadow_button_right.png) 130px 0 no-repeat;

		}
		#prevBtnVertical, #nextBtnVertical  {
			z-index: 1000;
			position: absolute;
			width: 133px;	
		}
		#nextBtnVertical {
			margin-top: 491px;
		}
		#nextBtnVertical a, #prevBtnVertical a  {
			display: block;
			height: 14px;
			width: 100%;
		}
		#nextBtnVertical a {
			background: url(../images/shadow_button_bottom.png) -1px 0;
		}
		#prevBtnVertical a {
			background: url(../images/shadow_button_top.png);
		}
	/* // slider */