body{
   background:#FDE697;
}

h1{
   text-align:center;
}

h2{
   text-align:center;
}

.navigation{font:0.8em/1.5em; padding-left:10px;}

.tdImgTop{ padding-top:10px;padding-right:10px; vertical-align:top;}
.tdImgBottom{ padding-bottom:10px;padding-left:10px; vertical-align:bottom;}
.tdText{ padding:5px;text-align:justify;}

ul {
   list-style-image:none;
   list-style-type:none;
   list-style-position:outside;
}

li{
	float: left;
	padding: 0;
}

.normal{
   list-style-type:circle;
}

.normal li{
   float:none;
}


.invisible-menu {
   visibility: hidden;
   width:90px;
}

#main-table{
   width:100%;
   border:1px;
   padding:5px;
   }

#left-nav{
   padding:5px;
}

#content{
top:0px;
left:0px;
bottom:0px;
right:0px;
margin:0px;
padding:0px;
height: expression( ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight - 150) + "px");
width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth -(160+(2*5))) + "px");
}

#logo{
   position:fixed;
   top:5px;
   left:10px;
   height:90px;
   width:100px;
   background-color:#FBCF8E;
   padding:0;
   text-align:left;
}

#topbar{
   position:absolute;
   top:0;
   right:0px;
   left:0;
   height:100px;
   width: expression(( document.documentElement.clientWidth ? document.documentElement.clientWidth : document.body.clientWidth) + "px");
   background-color:#FBCF8E;
   margin-top:0px;
   margin-right:0px;
   margin-left:0px;
   padding 0px;
}

#infoarea{
   position:absolute;
   top:5px;
   right:0px;
   left:10px;
   bottom:0px;
   margin-top:110px;
   margin-right:0px;
   margin-bottom;0px;
   margin-left:160px;
}

#left-navigation{
   position:absolute;
   top:100px;
   bottom:0;
   left:0px;
   width:150px;
   height: expression( ( document.documentElement.clientHeight ? document.documentElement.clientHeight : document.body.clientHeight-100) + "px");
   background-color:#FBCF8E;
   border: 1px dotted #FDE697;
}

#menu{
   left:160px;
   top:100px;
   margin-left:160px;
   margin-top:45px;
}

#menu a {
	display: block;
	text-decoration: none;
         height:50px;
         width:90px;
}

#link_ich {
   background-image: url(main/ich.gif);

	}

	#link_ich:hover, #link_ich:active, #link_ich:focus, #link_ich_active {
		background-image: url(main/ich_active.gif);
	}

         #link_zuhause {
		background-image: url(main/zuhause.gif);
	}

	#link_zuhause:hover, #link_zuhause:active, #link_zuhause:focus, #link_zuhause_active {
		background-image: url(main/zuhause_active.gif);
	}

         #link_hobby {
		background-image: url(main/hobby.gif);
	}

	#link_hobby:hover, #link_hobby:active, #link_hobby:focus, #link_hobby_active {
		background-image: url(main/hobby_active.gif);
	}

         #link_reisen {
		background-image: url(main/reisen.gif);
	}

	#link_reisen:hover, #link_reisen:active, #link_reisen:focus, #link_reisen_active {
		background-image: url(main/reisen_active.gif);
	}

         #link_ausfluege {
		background-image: url(main/ausfluege.gif);
	}

	#link_ausfluege:hover, #link_ausfluege:active, #link_ausfluege:focus, #link_ausfluege_active {
		background-image: url(main/ausfluege_active.gif);
	}