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

body { 
  margin: 0; 
  padding: 0;
  font-family:Arial, sans-serif;
  font-size: 12px;
  line-height: 1.5em;
  color: #5B5B5A; 
  background: white;
 
}
/*Main Container*/
#vidMainCont{
	width:650px; height:650px; background:url(../pics/meinHaus.jpg); position:relative; margin:0; overflow:hidden
	}
	
	
	#myFlash{width:650px; height:650px}
	
#vidContent{width:650px; height:650px; position:absolute; top:0; left:0; background:none; z-index:1}
	
/*Button Container*/
#buttons{position:absolute; left:0; top:0; height:650px; width:650px; z-index:10; display:none}
/*Buttons*/
.myButton{width:24px; height:26px; overflow:hidden}
.myButton a{text-decoration: none; border:0; padding:0; display: block; text-indent: -9999px; letter-spacing: -9999px; font-size:0; width:24px; height:26px; background-position: 0 0; }
.myButton a:hover{background-position: 0 -26px;}
/*Buttons Background*/


.btn1{position:absolute; top:458px; left:443px;}
.myBtn1 {background:url(../pics/btn1.png) no-repeat; }


.btn2{position:absolute; top:382px; left:392px;}
.myBtn2 {background:url(../pics/btn2.png) no-repeat; }


.btn3{position:absolute; top:196px; left:430px;}
.myBtn3 {background:url(../pics/btn3.png) no-repeat; }


.btn4{position:absolute; top:525px; left:280px;}
.myBtn4 {background:url(../pics/btn4.png) no-repeat; }


.btn5{position:absolute; top:199px; left:292px;}
.myBtn5 {background:url(../pics/btn5.png) no-repeat; }


.btn6{position:absolute; top:468px; left:351px;}
.myBtn6 {background:url(../pics/btn6.png) no-repeat; }

.btn7{position:absolute; top:320px; left:400px;}
.myBtn7 {background:url(../pics/btn7.png) no-repeat; }


/*cover*/
#cover{position:absolute; left:0; top:0px; height:650px; width:650px; z-index:20; background-color:#EEE; display:none;  background:url(../pics/bg_transparent_50.png) repeat;

/*background-color:rgba(255, 255, 255, 0.5); */
}

/*StartButton*/
#startBtn{position:absolute; left:0; top:0px; height:650px; width:650px; z-index:100; background:url(../pics/startBtn.png) no-repeat center; }
#startBtn:hover {cursor:pointer}

#copyright{position:absolute; right:4px; bottom:4px; height:auto; width:auto; z-index:110; color:#FFF;}
#copyright a{color:#FFF; text-decoration:underline; font-size:10px;}
#copyright a:hover{color:#B62340; text-decoration:underline}


/*Contents*/
.content{position:absolute; left:20px; top:30px; height:auto; width:610px; z-index:30; display:none; background:url(../pics/bg_transparent.png) repeat;

/*background-color:#fff; background-color:rgba(255,255, 255, 0.8);*/}
.textContainer{padding:10px}
.head{height:auto; width:auto; border-bottom:thin solid #f1e9a7; padding-bottom:5px}
.headline{font-size:22px; color:#5B5B5A; padding-top:9px; font-weight:bold}
.innerContent{width:284px; min-height:120px; height:auto; background:none; float:left; padding-top:5px; color:#5F5F5F }


/*Close*/

.closeBtn{width:40px; height:40px; overflow:hidden; float:right}
.closeBtn a{text-decoration: none; border:0; padding:0; display: block; text-indent: -9999px; letter-spacing: -9999px; font-size:0; width:40px; height:40px; background: url(../pics/close.png) 0 0 no-repeat; }
.closeBtn a:hover{background-position: 0 -40px;}

.shadow {
	
	-moz-box-shadow: 3px 3px 4px #999;
	-webkit-box-shadow: 3px 3px 4px #999;
	box-shadow: 3px 3px 4px #999;
	/* For IE 8 */
	-ms-filter: "progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#99999')";
	/* For IE 5.5 - 7 */
	filter: progid:DXImageTransform.Microsoft.Shadow(Strength=4, Direction=135, Color='#999999');
}
/*Defaults*/


.left{float:left}
.right{float:right}
.ml5{margin-left:5px}
.ml10{margin-left:10px}
.mt7{margin-top:7px}
.pr10{padding-right:10px; border-right:thin solid #f1e9a7;}
.pl10{padding-left:10px}
.clear {
    clear: both;
    height: 0;
    line-height: 0;
    margin: 0;
    padding: 0;
}