/* schriftstil,abstände */
html { height: 101%; margin-bottom: 1px; 
  overflow: hidden; 
  } 
body{
margin:0px; color: #6D3303;  
background-image: url('images/gilla-hg.jpg');
padding: 0px;
height:101%;
font-size: 100%; 
font-family: Courier, "Courier New", Monaco, monospace; 
     scrollbar-face-color: #DE6512;
     scrollbar-track-color: #840000;
     scrollbar-3dlight-color: #FFFF75;
     scrollbar-darkshadow-color: #000000;
     scrollbar-track-color: #840000;
     scrollbar-arrow-color: #FFFF00;
     scrollbar-highlight-color: #FFFFFF;
     scrollbar-shadow-color: #999999
}




#rahmen {
position: absolute; 
  top: 50%;
  left: 50%;
  width: 960px; 
  height: 550px; 
  z-index: 1; 
  margin-top: -275px;
  margin-left: -480px;
  padding:0pt;
  overflow:hidden;
background-image: url('images/gilla-hg.jpg');
}

#inbox {
position: absolute; 
width: 960px; 
height: 550px; 
z-index: 1; 
left: 0px; 
top: 0px; 
background-image: url('images/gilla-hg.jpg');
}


#logo {
position: relative; 
width: 165px; 
height: 550px; 
z-index: 1; 
left: 10px; 
top: 40px;
border:1px solid #DF6512;
text-decoration: none; 
}
#logo img{
border: 0px solid #DF6512;
text-decoration: none; 
}

/* Menue einstieg */

.menu a{ 
float: right; 
width: 100px; 
height: 550px;
top: 1px; 
z-index:2; 
margin-right: 22px;
background-color: #DE6512;
font-color:  #000000;
text-align:center;
valign: bottom;
font-family: Courier, "Courier New", Monaco, monospace; 
}


	#menu1 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/ich-menu.jpg') no-repeat 0px 0px;
		}
	#menu2 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/jetzt-menu.jpg') no-repeat 0px 0px;
		}
	#menu3 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/moebel-menu.jpg') no-repeat 0px 0px;
		}
	#menu4 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/alltag-menu.jpg') no-repeat 0px 0px;
		}
	#menu5 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/bild-menu.jpg') no-repeat 0px 0px;
		}
	#menu6 a {
		height: 550px;
		width: 100px;
		display: table-cell;
		background: url('images/herz-menu.jpg') no-repeat 0px 0px;
		}

	#menu1 a:hover, #menu2 a:hover, #menu3 a:hover , #menu4 a:hover , #menu5 a:hover, #menu6 a:hover   {	
		background-position: 0px -55px;
		}
	
	#menu0 a {
		height: 50px;
		width: 100px;
		display: table-cell;
		background: url('images/gilla-hg.jpg') no-repeat 0px 0px;
		}


/* Menue einstieg */



#bilder {
position: absolute;
width: 720px; 
height: 503px; 
z-index: 1; 
right: 21px; 
top: 0px; 
padding: 3px;
background-image: url('images/gilla-hg.jpg');
}


.text {
position: absolute;
overflow:auto;
width: 360px; 
height: 360px;
right: 184px;
top: 6px; 
padding: 3px;
color: #fff;
font-size: 80%;
background-image: url('images/gilla-hg.jpg');
font-family: Courier, "Courier New", Monaco, monospace 
}

/* Text BOX für ich und impressum */
.text-i {
position: absolute;
overflow:auto;
width: 490px; 
height: 470px;
right: 184px;
top: 6px; 
padding: 3px;
color: #fff;
font-size: 80%;
background-image: url('images/gilla-hg.jpg');
font-family: Courier, "Courier New", Monaco, monospace 
}
.text-i a {
padding-right: 20pt; 
font-size: 90%; 
line-height: 16pt; 
font-family: Verdana, Arial, Helvetica, Geneva, Swiss, sunsans-regular; 
font-weight: bold;
text-decoration:none; 
color: #fff;

 }

.text-i img {
left: 10px;
height:44px;
 }

 /* Links Seite */
 .text-l {
position: absolute;
overflow:auto;
width: 500px; 
height: 422px;
right: 184px;
top: 39px; 
padding: 3px;
padding-bottom:50px;
color: #fff;
font-size: 80%;
background-image: url('images/gilla-hg.jpg');
font-family: Courier, "Courier New", Monaco, monospace 
}


#kontakt {
position: absolute;
overflow:auto;
width: 400px; 
height: 400px;
top: 6px; 
padding: 3px;
color: #fff;
font-size: 80%;
background-image: url('images/gilla-hg.jpg');
font-family: Courier, "Courier New", Monaco, monospace 
}



/* Bilder mit vorschau */

#gallery {
width:740px;
background-image: url('images/gilla-hg.jpg');	
}

#gallery ul {
list-style:none; 
padding:0; 
margin:0; 
width:180px; 
position:relative; 
float:right;
}

#gallery ul li {
display:inline; 
width:51px; 
height:51px; 
float:left; 
background-image: url('images/gilla-web-1.jpg');margin-left:5px; margin-right:0; margin-top:0; margin-bottom:5px
}

#gallery ul li a {
display:block; 
width:50px; 
height:50px; 
text-decoration:none; 
border:1px solid #000;
}

#gallery ul li a img {
display:block; 
width:50px; 
height:50px; 
border:0;
}

#gallery ul li a:hover {
white-space:normal; 
z-index: 10; 
border-color:#ddd;
background: #DE6512 url("test/Gilla_test.jpg");
width:52px; 
height:52px; 
}

#gallery ul li a:hover img {
position:absolute; 
right:186px; 
top:0; 
width:auto; 
height:auto; 
z-index: 10; 
border-right:solid 20px #DE6512;
border-left:solid 20px #DE6512; 
border-top:solid 20px #DE6512;
}

#gallery ul li a:hover b {
position:absolute; 
right:186px; 
top:0; 
display:block; 
z-index: 10;
width:480px; 
height:480px; 
background: url('images/Gilla_test.jpg');
}