@charset "utf-8";
/* CSS Document */

html, body { width: 100%; height: 100%; margin:0; }
body { background: url(../images/bg_shade.jpg) repeat-y top center; }

.clear { clear: both; font-size: 0; line-height: 0; }

.type_verdana_9_white { font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #FFFFFF; }
.type_verdana_9_darkred { font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #560108; }
.type_verdana_9_lightred { font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #B77482; }

#wrapper { width: 100%; height: 100%; background: url(../images/bg_graffi.jpg) no-repeat center center; }

#whitesquare { width: 960px; height: 460px; width: 1016px; height: 520px; position: absolute; top:50%; left: 50%; margin: -263px 0 0 -508px; /*background: Orange;*/ }
#whitesquare { /*width: 960px; height: 460px;*/ width: 1016px; height: 520px; }
#whitesquare #innerwrap { width: 100%; height: 464px; background: #FFFFFF; }
#whitesquare #topshade { width: 100%; height: 28px; background: url(../images/whitesq_shadeup.jpg) no-repeat; }
#whitesquare #bottomshade { width: 100%; height: 28px; background: url(../images/whitesq_shadedown.jpg) no-repeat; }
#whitesquare #leftshade { float: left; width: 28px; height: 100%; background: url(../images/whitesq_shadeleft.jpg) no-repeat; }
#whitesquare #rightshade {float:right; width: 28px; height: 100%; background: url(../images/whitesq_shaderight.jpg) no-repeat; }
#whitesquare #content { float: left; overflow: hidden; padding: 20px; width: 920px; height: 424px; }

#langmenu { padding-right: 28px; text-align: right; line-height: 28px; }
#langmenu a { font: 9px Verdana, Geneva, Arial, Helvetica, sans-serif; color: #B77482; text-decoration: none; }
#langmenu a:hover { color: #FFFFFF; }
#langmenu .langselected { color: #FFFFFF; }
.type_upcase { text-transform: uppercase; }

#copyright { padding-left: 28px; line-height: 28px; }
#copyright a { text-decoration: none; color: #FFFFFF; }

#navigation { position: relative; float: left; width:215px; height: 100%; padding-right: 15px; }
/*#navigation #youare { width: 110px; text-align: right; margin-left: 43px; }*/
#navigation #youare { text-align: left; }
#navigation #nav_1, #navigation #nav_2 { margin-left: 35px; }
#navigation #nav_1 { position: absolute; top: 100px; }
#navigation #brand { position: absolute; top: 194px; }
#navigation #nav_2 { position: absolute; top: 286px; }

#navigation ul { overflow: hidden; list-style: none; margin: 0; padding: 0; /*width: 110px;*/ }
#navigation li { float: left; margin-bottom: 6px; }
#navigation a { display: block; overflow:hidden; width: 123px; height: 10px; background-repeat: no-repeat; background-position: right top; text-indent: -9999px; }
#navigation a:hover { background-position: right -10px; }
#navigation .nav_selected a { background-position: right -10px; }