html{
         margin:0;
         padding:0;
        }

html, body {
         /*height:100%; */
         height:99%;
        }

body{
                 background-image: url("http://www.roxwell-design.de/images/muster.jpg");
                 background-position: 50% 0%;
                 font-family: "Century Gothic", helvetica, tahoma;
                 font-size: 0.78em;
				 line-height: 1.5em;
				 color:#333;
				 

        }



/****************************                   Layout                 ****************/
#container {
                 z-index: 2;
                 margin:0 auto;
                 position:relative; /* puts container in front of distance */                 
				 text-align:left;
                 top: 110px;
                 height: 605px;
                 width: 700px;
                 clear:left; /* verhindert, dass container nach oben springt, wenn fenster zu klein ist*/
                 background: url("http://www.roxwell-design.de/images/tisch_pur.png") no-repeat left bottom;
				 /*background-color: maroon;*/
                 
        }

#fuss{
                 background-color: #3F3F3F;
                 background: url("http://www.roxwell-design.de/images/boden3px.gif"), -moz-linear-gradient(top, #3f3f3f 0%, #d2d2d2 100%);/*gradient für mozilla*/
                 background: -webkit-gradient(linear,  left top, left bottom,  color-stop(0, #3f3f3f),  color-stop(1, #d2d2d2));/*gradient für safari*/
                 filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#3f3f3f', endColorstr='#d2d2d2');/*gradient für IE*/
                 position: fixed;/*relative oder absolute: unten ist nicht abgedeckt,fixed die beste loesung*/
                 z-index: 1;
                 height: 38%;
                 width: 100%;
                 bottom: 0px;
                 left: 0px;
                 line-height: 0.5em;
                 color: #fff;
        }

/*********************************        Adresse Block  ***********************************/
#telefon {
                 position: absolute;
                 left: 420px;
                 top: 361px;
                 /*z-index: 1;*/
                 height: 60px;
                 width: 60px;
                 background: url("http://www.roxwell-design.de/images/telefon1.png") no-repeat left bottom;
                /*background-color: maroon;*/

        }

#nummer {
                 position:absolute;
                 display: none;
                 left: 380px;
                 top: 422px;
                 z-index:3;
                 height: 189px;
                 width: 102px;
                 background: url("../images/nummer1.png") no-repeat left bottom;
        }
/*********************************        Sessel Block  ***********************************/

#chair {
                position: absolute;
                top: 420px;
                left: 750px;
				
                /*z-index: 4;*/
                }

#chair a{
                height: 307px;
                width: 251px;
                display: block;
                background: url("../images/sessel-.png") 0px 0px no-repeat;
                text-decoration:none;
				color:#333;
				
				}
#chair a:hover {
                background-position: 0px -307px;
                }
#chair a:active {
                background-position: 0px -307px;
                }

#chair a span{ visibility: hidden;
				}

#chair a:hover span, #chair a:active span {
   				visibility: visible;
				background-color: #fff;
				position:relative; 
				top:3px;
				left: 40px;
				
				 
				}
/*********************************        RW Block  ***********************************/
#rw {
                position:absolute;
                left: 630px;
                top: 220px;
                /*z-index:3;*/
                height: 430px;
                width: 128px;
                /*background-color:#969;
                border: 1px solid fuchsia;*/
				background: url("../images/rw.png") 0px 0px no-repeat;
        }

#stuhl {
                position:absolute;
                left: 6px;
                top: 400px;
                height: 300px;
                width: 250px;
                background: url("../images/stuhl.png") 0px 0px no-repeat;

        }
/* ****************** Rechteck und dreieck: Sprechblase RW */

#sprechblase {
                position: relative;
                top:-11em;
                left:7em;
                width: 250px;
                height: 9.0em;
                border: 3px solid orange;
                padding:1em;
				padding:1.5em;
                -webkit-border-radius: 15px;
                -moz-border-radius: 15px;
                border-radius: 15px;
                /*text-align: center;*/
                background: #fff;		
				
        }

#sprechblase:before {
                content: ' ';
                position: absolute;
                width: 0;
                height: 0;
                left: 30px;
                top: 10em;
				top: 150px;
                border: 17px solid;
                border-color: orange transparent transparent orange;
          }

#sprechblase:after {
                content: ' ';
                position: absolute;
                width: 0;
                height: 0;
                left: 33px;
                top: 10em;
				top: 149px;
                border: 14px solid;
                border-color: #fff transparent transparent #fff;
          }

#sprechblase1 {
                position: relative;
                margin: 2.0em;/*mnoyu vstavleno 8.nov*/
                width: 250px;
                height: 120px;
                border: 4px solid orange;
                -webkit-border-radius: 20px;
                -moz-border-radius: 20px;
                border-radius: 20px;
                text-align: center;
                font-size: 1.2em;
                font-family: helvetica, tahoma;
                background: #fff;
         }

#sprechblase1:before {
                content: ' ';
                position: absolute;
                width: 0;
                height: 0;
                left: 30px;
                top: 120px;
                border: 20px solid;
                border-color: orange transparent transparent orange;
          }

#sprechblase1:after {
                content: ' ';
                position: absolute;
                width: 0;
                height: 0;
                left: 34px;
                top: 120px;
                border: 15px solid;
                border-color: #fff transparent transparent #fff;
          }


/********************************     WEB   Block ***********************/
#web {position: relative;
                /*width: 604px;
                height: 450px;*/
                margin-left: -144px;
                margin-top: -30px;
				width: 120px;
                /*height: 700px;*/
                background-color:#fff;				
				border: 3px solid #ceccc7;				
                }
				
#web-klammer{	position: absolute;                
                margin-left: -310px;
                margin-top: 40px;
				width: 166px;
                height: 563px;
				background:url("../images/web-klammer.png") 0px 0px no-repeat;
                }				
/************************ WEB LISTING **********************/
        
		#web ul{
				list-style:none;
			/*margin:0px 0px 0px 0px;			
			background:green;*/
			
			}
		
		
		#web ul li, .aktiv ul li{                           
                /*padding:4px; */
				margin-left:-37px;				
				padding:2px 0px;     
               	background:#ebe9e3;
				/*border-top: 1px solid #fff;*/
               }

        #web ul li a, #web ul li a:link, .aktiv{
                display:block;
                text-decoration:none;                
				background:url("../images/schublade.png") 0px 0px no-repeat #fff;
                height:52px;
				width: 114px;
				}

       /* #web ul li a, #web ul li a:link, .aktiv{
                 padding:0px 0px 0px 185px\9;}*/ /*IE9 only*/

        /*  @-moz-document url-prefix() {
          #web ul li a, #web ul li a:link, .aktiv {padding:0px 0px 0px 155px;}} *//*Firefox only*/

       /* #web ul li a:visited{
                background:url(../images/navi2/etikett2_1.png) no-repeat;
                color:#4a084a;
                }*/

        #web ul li a:hover, #web ul li a:focus{
                display:block;
                background:url("../images/schublade.png") 0px -52px no-repeat #fff;
                padding:0px 0px 0px 0px;
                
                }

        #web ul li a:active, .aktiv {
                display:block;
                background:url("../images/schublade.png") 0px -52px no-repeat #fff;
                padding:0px 0px 0px 0px;}

        
			   
 /************************	web icons ******************************/			
		  a #web1, #web1 a:link, a #web2, #web2 a:link, a #web3, #web3 a:link, a #web4, #web4 a:link, a #web5, #web5 a:link, a #web6, #web6 a:link, a #web7, #web7 a:link, a #web8, #web8 a:link, a #web9, #web9 a:link, a #web10, #web10 a:link, a #web11, #web11 a:link, a #web12, #web12 a:link, a #web13, #web13 a:link {
				
				position:absolute;
				margin-top:-24px;
				margin-left:12px;
				/*float:left;*/
				height:30px;
				width: 100px;				
				}
			/*a #web2, #web2 a:link {
				
				position:absolute;
				margin-top:-24px;
				margin-left:6px;				
				height:30px;
				width: 90px;				
				}*/
			a:hover #web1, #web1 a:hover, #web1 a:focus, #web1 a:active{
				background: transparent url("../images/web-icons/massagestudio-rethen.png") 0px 0px no-repeat;				
				}	
							
			a:hover #web2, #web2 a:focus, #web2 a:active{
				background: transparent url("../images/web-icons/acp.png") 0px 0px no-repeat;				
				}
			a:hover #web3, #web3 a:focus, #web3 a:active{
				background: transparent url("../images/web-icons/touch.png") 0px 0px no-repeat;				
				}
			a:hover #web4, #web4 a:focus, #web4 a:active{
				background: transparent url("../images/web-icons/natur-chic.png") 0px 0px no-repeat;				
				}
			a:hover #web5, #web5 a:focus, #web5 a:active{
				background: transparent url("../images/web-icons/marketing-mt.png") 0px 0px no-repeat;				
				}
			a:hover #web6, #web6 a:focus, #web6 a:active{
				background: transparent url("../images/web-icons/kamfelder-hof.png") 0px 0px no-repeat;				
				}
			a:hover #web7, #web7 a:focus, #web7 a:active{
				background: transparent url("../images/web-icons/levkoje.png") 0px 0px no-repeat;				
				}
			a:hover #web8, #web8 a:focus, #web8 a:active{
				background: transparent url("../images/web-icons/meyers-garten.png") 0px 0px no-repeat;				
				}
			a:hover #web9, #web9 a:focus, #web9 a:active{
				background: transparent url("../images/web-icons/iacc.png") 0px 0px no-repeat;				
				}
			a:hover #web10, #web10 a:focus, #web10 a:active{
				background: transparent url("../images/web-icons/massage-zeit.png") 0px 0px no-repeat;				
				}
			a:hover #web11, #web11 a:focus, #web11 a:active{
				background: transparent url("../images/web-icons/sieg.png") 0px 0px no-repeat;				
				}
			a:hover #web12, #web12 a:focus, #web12 a:active{
				background: transparent url("../images/web-icons/schwupps.png") 0px 0px no-repeat;				
				}
			
			a:hover #web13, #web13 a:focus, #web13 a:active{
				background: transparent url("../images/web-icons/praxis-richter.png") 0px 0px no-repeat;				
				}			
/********************************     print   Block ***********************/
.print{
                position: relative;
                /*width: 604px;
                height: 450px;*/
                margin-left: 4px;
                margin-top: 0px;
              /*  background-color:#f93;
                z-index:4;*/
                }
#zeiger-hand{	position: relative;
                width: 110px;
                height: 24px;
                margin-right: 90px;
                margin-top: 160px;               	
                z-index:4;
				float:right;
				background: transparent url("../images/zeiger-hand-.png") no-repeat 0 0px;}


#print_icons{
                position: relative;				
                height: 250px;
                /* width: 300px;
				background-color:yellow;
                float: left;*/
				margin: -760px 0 0 250px;                
				display: block;
                

        }
#wr_icon a {
                 position:absolute;
                 background-image: url("../images/print/wr_icon.png");
                 float:left;
                 width: 83px;
                 height: 102px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0px;}

#wr_icon a:hover {
                 background: transparent url("../images/print/wr_icon.png") 0px 102px;}


#schlee_icon a {
                 position:absolute;
                 margin-top: 20px;
                 margin-left: 125px;
                 background-image: url("../images/print/schlee_icon.png");
                 float:left;
                 width: 57px;
                 height: 78px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0 0px;}

#schlee_icon a:hover {
                 background: transparent url("../images/print/schlee_icon.png") 0px 78px; }


#massagezeit_icon a {
                 position:absolute;
                 margin-top: 140px;
                 margin-left: 230px;
                 background-image: url("../images/print/massage-zeit_icon.png");
                 float:left;
                 width: 80px;
                 height: 98px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0 0px;}

#massagezeit_icon a:hover {
                 background: transparent url("../images/print/massage-zeit_icon.png") 0px 98px; }


#bundschuh_icon a {
                 position:absolute;
                 margin-top: 4px;
                 margin-left: 220px;
                 background-image: url("../images/print/bundschuh_icon.png");
                 float:left;
                 width: 76px;
                 height: 102px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0 0px;}

#bundschuh_icon a:hover {
                 background: transparent url("../images/print/bundschuh_icon.png") 0px 102px; }

#levkoje_icon a {
                 position:absolute;
                 margin-top: 120px;
                 margin-left: 100px;
                 background-image: url("../images/print/levkoje_icon.png");
                 width: 105px;
                 height: 127px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0 0px;}

#levkoje_icon a:hover {
                 background: transparent url("../images/print/levkoje_icon.png") 0 127px; }

#klose_icon  a {
                 position:absolute;
                 margin-top: 140px;
                 margin-left: 5px;
                 background-image: url("../images/print/klose_icon.png");
                 float:left;
                 width: 60px;
                 height: 100px;
                 background-repeat:no-repeat;
                 padding: 0 0px 0 0px;}

#klose_icon a:hover { background: transparent url("../images/print/klose_icon.png") 0px 100px; }

/**********************************SIGNET BLOCK******************************/

#signet a, #signet a:hover {
                 position:absolute;
                 /*margin-top: 269px;
                 margin-left:492px;  */
                 margin:273px 0 0 492px;
                 height: 75px;
                 width: 82px;
				 background: transparent url("../images/ordner.png") no-repeat 0 0px;
                /*  display: block;
                background-color:red;*/ }

#signet a:hover {
                 
				 height: 75px;
                 width: 82px;
				 background: transparent  url("../images/ordner-signet.png") no-repeat 0 0;}

#signet-navi a, #signet-navi a:hover {
                /* position:absolute;
                 margin-top: 269px;
                 margin-left:492px;  
                 margin:269px 0 0 492px;*/
                 height: 5px;
                 width: 2px;
                background: transparent url("../images/boden.png") no-repeat 0 0px;
                /*  display: block;
                background-color:red; */}				

#signet_1 a, #signet_1 a:hover
                 {z-index:1;
                 height: 75px;
                 width: 82px;}

 #signet_2 a, #signet_2 a:hover
                 {z-index:2;
                 height: 75px;
                 width: 82px;}

 #signet_3 a, #signet_3 a:hover
                 {z-index:3;
                 height: 75px;
                 width: 82px;}

 #signet_4 a, #signet_4 a:hover
                 {z-index:4;
                 height: 75px;
                 width: 82px;}

 #signet_5 a, #signet_5 a:hover
                 {z-index:5;
                 height: 75px;
                 width: 82px;}

 #signet_6 a, #signet_6 a:hover
                 {z-index:6;
                 height: 75px;
                 width: 82px;}

 #signet_7 a, #signet_7 a:hover
                 {z-index:7;
                 height: 75px;
                 width: 82px;}

 #signet_8 a, #signet_8 a:hover
                 {z-index:8;
                 height: 75px;
                 width: 82px;}

 #signet_9 a, #signet_9 a:hover
                 {z-index:9;
                 height: 75px;
                 width: 82px;}

 #signet_10 a, #signet_10 a:hover
                 {z-index:10;
                 height: 75px;
                 width: 82px;}
				 
#signet_11 a, #signet_11 a:hover
                 {z-index:11;
                 height: 75px;
                 width: 82px;}
/********************************           Details  ***********************/
#lampe {		position: absolute;
                top: 10px;
                left: 750px;
				height: 75px;
                width: 82px;
				z-index:10;
				background: transparent url("../images/lampe.png") no-repeat 0 0px;}
				
#kiste {
	position: absolute;
	top: 449px;
	left: 260px;
	height: 47px;
	width: 118px;
	z-index: 5;
	background: transparent url("../images/kiste.png") no-repeat 0 0px;
}				
				
a:active, a:focus {
                 outline: none /*Gepunkteter Rahmen bei Links und Tabs im Firefox entfernen*/
        }
a img {
border: none;
outline: 0 none;
}

#eimer {		position: absolute;
                top: 430px;
                left: -270px;
				height: 190px;
                width: 68px;
				z-index:11;
				background: transparent url("../images/eimer.png") no-repeat 0 0px;}