@import url("utils/css-reset.css"); 

html, body { height: 100%; }
* { margin: 0; }
body { color: #888383; font: 11px/28px Arial, Helvetica, Geneva, sans-serif; }

img { border: 0; }
a { outline: none; }
a:link,
a:visited { color: #8a8484; }
a:hover { }

:focus { -moz-outline-style: none; }
:focus { outline: 0; }

div#intro_wrap_holder { width: 100%; background: url("../img/intro/bg.jpg") repeat-x; height: 428px; position: absolute; top: 50%; margin: -214px 0px 0px 0px; }
div#intro_wrap { width: 771px; height:	428px; margin: 0px auto; background: url(../img/intro/foto.jpg) no-repeat 0 0; position: relative; }
#container { text-align: center; position: absolute; bottom: -80px; width: 730px; margin: 0 0 0 25px; }

#lang_intro { height: 45px; border-top: 1px solid #d6d3d1; border-bottom: 1px solid #d6d3d1; }
#lang_intro ul { list-style-type:none; margin: 0 0 0 225px; padding:0; }
#lang_intro li { height:40px; width: 45px; float: left; text-indent: 25px; line-height: 45px; margin: 0 0 0 15px; }
#lang_intro li a:link,
#lang_intro li a:visited { text-decoration:none; display:block; height:40px; width: 20px; }

#lang_intro #gr a:link, #lang_intro #gr a:visited { background:url(../img/intro/lang_intro.jpg) no-repeat 0 0; }
#lang_intro #gr a:hover, #lang_intro #gr a.active_lang { background:url(../img/intro/lang_intro.jpg) no-repeat 0 -40px; }


#lang_intro #de a:link,  #lang_intro #de a:visited { background:url(../img/intro/lang_intro.jpg) no-repeat -120px 0; }
#lang_intro #de a:hover, #lang_intro #de a.active_lang { background:url(../img/intro/lang_intro.jpg) no-repeat -120px -40px; }

#lang_intro #en a:link,  #lang_intro #en a:visited { background:url(../img/intro/lang_intro.jpg) no-repeat -180px 0; }
#lang_intro #en a:hover, #lang_intro #en a.active_lang { background:url(../img/intro/lang_intro.jpg) no-repeat -180px -40px; }