/* -------------------------------------------------------- */
* {
    margin:0pt;
}

html {
    margin-bottom:1px;
    /*height: auto;*/
    margin-bottom:0;
}

body, html {
    /*height:100% !important;*/
    padding:0pt;
}

body {
    height: 100%;
	background:#000;
    min-height: 0;
}

* html { /*height:100% !important;*/ }

#loading {
    position: absolute;
    top: 59.5%; 
    left: 49.5%;
    z-index: 3;
    width: 24px; 
    height: 24px;
    text-indent: -999em;
    background-image: url(/images/sprachwahl/progress.gif); }
    
#supersize{
    position:fixed; }
    
#supersize img, #supersize a{
    height:100%;
    width:100%;
    position:absolute;
    z-index: 0; }
    
#supersize .prevslide, #supersize .prevslide img{
    z-index: 1; }
    
#supersize .activeslide, #supersize .activeslide img{
    z-index: 2; }
    
/* -------------------------------------------------------- */

#main-home {
    position:absolute;
    top: 0;
    text-align:left;
    width:100%;
    height: 100%; 
    z-index:3; }

#servicenav-home {
    padding: 10px 0 0 47px;
    height: 12px;
    width: 680px;}
    
#header-home-bg {
    position:absolute;
    z-index:10;
    left:0;
    top:0;
    width:100%;
    height:75px;
    background-color:black;
    border-bottom:1px solid #3e3e3e; }
    
#header-home-logo {
    position:absolute;
    z-index:20;
    left:50%;
    top:4px;
    margin-left:315px;
    width:135px; }
    
#header-home {
    border:0px solid white;
    position:absolute;
    z-index:11;
    top:0;
    left:50%;
    width:900px;
    text-align:left;
    margin-left:-450px; }
    
#header-home-langnav {
    float:right;
    margin:10px 0 0 0;
    padding-right:150px;
    width:100px;
    text-align:right; }
    
#header-home-servicenav {
    width:350px;
    height:54px;
    text-align:left;
    margin:10px 0 0 46px; }
    
#header-home-topnav div {
    float: left; }
    
#header-home-topnav-nav {
    background-color:black;
    border-bottom:1px solid #3E3E3E;
    padding-bottom:7px; }

#teaser-col1 {
    position: absolute;
    z-index:16;
    top:150px;
    margin-left: 27px;
    left:50%;
    text-align:right; }
    
#teaser-col2 {
    position: absolute;
    z-index:15;
    top:150px;
    margin-left: 240px;
    left:50%;
    text-align:right; }
    
#fotocredit2 {
    width:150px;
    text-align: center;
    height: 80px;
    /*bottom: 20px;*/
    bottom: 30%;
    position: absolute;
    /*left: 3%;*/
    left: 5%;
    z-index: 11; }
    
    
    
    
h1 { font: bold 20px Arial,Helvetica,Verdana; }
    
#teaser-la-mano {
    color: #FFED00;
    padding: 450px 0 0 770px;
    width: 200px;
    z-index: 8;
    position: absolute; }

#teaser-la-mano img {
    margin-left: 9px; }
    
#teaser-rockshow {
    color: #FFED00;
    margin: 170px 0 0 234px;
    width: 164px;
    height: 226px;
    /* background: url(../images/home/teaser_rockshow_bg.gif) no-repeat;*/
    z-index: 13;
    position: absolute; }

#teaser-rockshow div {
    padding: 170px 0 0 23px;
    width: 125px; }
    
#teaser-rockshow a span {
    color: #FFED00;
    font-weight: bold;
    padding-left: 19px;
    background: transparent url(../images/ic_service_yellow.gif) no-repeat scroll 0pt -1px; }
    
#teaser-roadtrip-usa {
    /* padding: 370px 0 0 280px; */
    padding: 370px 0 0 520px;
    z-index: 11;
    position: absolute; }
    
#teaser-roadtrip-usa-at {
    /* padding: 400px 0 0 540px; */
    padding: 400px 0 0 520px;
    z-index: 11;
    position: absolute; }
    
#teaser-monte-bianco {
    color: #ffffff;
    padding: 465px 0 0 270px;
    width: 213px;
    z-index: 12;
    position: absolute; }
    
#teaser-via-italia {
    color: #FFED00;
    padding: 240px 0 0 770px;
    width: 200px;
    z-index: 9;
    position: absolute; }
       
#teaser-via-italia div, #teaser-la-mano div  {
    padding: 0 0 0 18px;
    background:url(../images/ic_service_yellow.gif) 0 -1px no-repeat; }
    
#teaser-via-italia a, #teaser-la-mano a, #teaser-rockshow a {
    color: #dddddd; }

#teaser-via-italia a span, #teaser-la-mano a span {
    color: #FFED00;
    font: bold 11px Verdana;
}

#fotocredit {
    color: #333333;
    padding: 590px 0 0 788px;
    width: 150px;
    z-index: 7;
    position: absolute; }


#teaser-home {
    padding: 10px 0 0 48px;
    z-index: 12;
    position: absolute; }
    
#teaser-home2 {
    padding: 400px 0 0 48px;
    z-index: 11;
    position: absolute; }
    
#teaser-home3 {
    padding: 560px 0 0 720px;
    z-index: 7;
    position: absolute; }
    
#teaser-home3b {
    padding: 260px 0 0 360px;
    z-index: 11;
    position: absolute; }
    
    
    
    

div.teaser {
    text-align: left;
    background: url(data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAAAEAAAABCAYAAAAfFcSJAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAAA9JREFUeNpiYGBg2AwQYAAAuAC01qHx9QAAAABJRU5ErkJggg%3D%3D);    
    border: 2px solid #3f3f3f;
    margin: 0 0 5px 0;
    width: 204px; }

div.teaser a.text-teaser {
    text-align: left;
    display:block;
    text-decoration:none;
    padding:8px;
    font:18px Arial; }
    
#imprint-it-home {
    text-align:right;
    color: #000000;
    padding: 3px;
    z-index: 10;
    position: absolute;
    left: 45%;
    bottom: 0px;
	background:#ffffff;
	opacity:0.7;
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=70)";
	filter:alpha(opacity=70); }
    
    
 /*
  USAGE: All you have to do is include this one line in your CSS file, with the
  tag names to which you want the script applied:
 */

 /*img, div { behavior: url(styles/iepngfix.htc) }*/

 /*
  Alternatively, you can specify that this will apply to all tags like so:
   * { behavior: url(iepngfix.htc) }
 */
 
@media all
{
  body { position:relative; }  /* Essential in IE7 for correct layout scaling ... */
  * html body { position:static; }  /* ... but not for IE5.x and IE6 */
  #main { position: relative; } /* helpful for several problems in older IE versions*/
}