* {margin:0; padding:0}
body {background:#302f2f; font-family:"Trebuchet MS", Arial, sans-serif; font-size:13px}
img {border:0}
li {list-style-type:none}
a:link {color:#006899; text-decoration:underline}
a:visited {color:#006899; text-decoration:underline}
a:active {color:#006899; text-decoration:underline}
a:hover {color:#006899; text-decoration:none}
/*HEADER*/
#container-header {}
#header {width:980px; margin:0 auto; background:url(../img/bg-header.jpg); height:171px}
#header a:hover {background:none}
.headerTop {margin-left:583px}
.headerTop img {float:left}
.logo {margin:44px 0 0 90px; float:left}
.logo img {float:left}
.subtitel {margin:62px 0 0 140px; float:left}
.subtitel h1 {font-family:"Helvetica Neue", Helvetica, sans-serif;; color:#006899; font-size:17px; background:url(../img/stella.gif) no-repeat 0 50%; padding-left:25px; font-style:italic; font-variant:small-caps; letter-spacing:1px}
/*CONTENT*/
#container-content {float:left; width:100%}
#content {width:800px; margin:0 auto; background:url(../img/bg-content.jpg) repeat-y; padding:0 90px}
.marker {color:#999}
.nastro {position:relative; width:310px; height:57px; top:30px; left:142px; background:url(../img/nastro.jpg)}
#content p {font-size:16px; padding-top:30px; line-height:120%; font-weight:bold}
#content ul {margin-bottom:40px; float:left; width:100%}
#content li {float:left}
.present p {margin-bottom:20px}
.descrL {float:left; width:380px; margin-right:20px}
.descrR {float:left; width:380px; margin-left:20px}
.portfolio {background:url(../img/bg-portfolio-bottom.jpg) no-repeat bottom; padding-bottom:25px}
.portfolio b {color:#006899; font-size:19px; font-variant:small-caps; display:block; border-bottom:3px solid #006899; padding-bottom:3px; margin-bottom:20px}
.stella {background:url(../img/stella.gif) no-repeat -4px 50%; padding-left:16px}
/*PORTFOLIO*/
.sitoWeb {float:left; width:800px; border-bottom:3px solid #006899; margin-bottom:20px; padding-bottom:20px}
.left {float:left; width:466px}
.left span {font-size:15px; font-weight:bold; margin-bottom:3px; color:#FFF; background:#006899; padding:0 2px}
.right {float:left; width:314px; margin-left:20px}
.right img {border:7px solid #595757; margin-bottom:15px}
/*FOOTER*/
#container-footer {width:100%; clear:both; padding:0}
#footer {background:url(../img/bg-footer.jpg); width:980px; margin:0 auto; height:383px}
#footer .email {float:left; margin:30px 0 0 57px}
#footer a {color:#FFF}
#footer a:hover {color:#FFF}
#footer .impressum {float:left; margin:45px 0 20px 32px; width:490px}
.impressum p {margin-top:80px; color:#FFF}
.impressum a, .tipp {position: relative}
.impressum a span, .tipp span {display:none} 
.impressum a:hover, .tipp:hover {background-color: transparent} 
.impressum a:hover span, .tipp:hover span {position:absolute; width:500px; bottom:25px; left:0; display:block; text-decoration: none; color:#FFF; background:#302f2f; padding:5px; border:1px solid #FFF}
.top {position:relative; top:-30px; left:270px; width:57px}
/*CLEAR*/
#content:after, .sitoWeb:after {clear:both; display:block; content:"."; height:0; visibility:hidden}
