/*Boxes*/
body {
   font-size: 10px;
   color: #505050;
   background-color: #999;
   visibility: visible;
   overflow:hidden;

}
/* Layout */
#links {
	display: none;
}
#center {
   width: 950px; /* 5000 + 8 pixel  */
   height: 600px; /* 5000 + 8 pixel */
   left: 50%;
   top: 50%;
   margin-left: -475px;
   margin-top: -300px;
   position: absolute;
   border: 1px #CCCCCC solid;
   background-color: #fff;
   overflow:hidden;
}

#left{
   position: absolute;
   left: 0px; top: 0px;
   width: 200px;
   height: 600px;
   z-index: 1;
   text-align: left;
   overflow: hidden;
   border: 0px red solid;
}
#leftbox {
   display: none;
   position: absolute;
   line-height:14px;
   left: 9px;
   bottom:20px;;
   width: 170px;
   z-index: 5;
   padding-left: 5px;
   text-align: left;
   color:#333;
   overflow:hidden;
   border: 0px red solid;
}
#leftpic {
   position: absolute;
   left:10px;
   top:12px;;
   width: 40px;
   height:120px;
   z-index: 6;
   padding-left: 0px;
   overflow:hidden;
   border: 1px silver solid;
}

#header{
   position: absolute;
   background-image: url("img/header.jpg");
   background-repeat: no-repeat;
   left: 200px;
   top: 0px;
   width: 751px;
   height: 80px;
   z-index: 3;
   text-align: left;
   overflow: hidden;
   border: 0px yellow solid;
}
#top {
   position: absolute;
   background-image: url("img/bg_top.jpg");
   background-repeat: repeat-y;
   left: 201px;
   top: 103px;
   width: 745px;
   height: 22px;
   z-index: 5;
   text-align: left;
   padding-left: 5px;
   line-height:23px;
   overflow: hidden;
   border-bottom: 1px #ddd solid;
}
#content {
   position: absolute;
   background-image: url("img/bg_content.jpg");
   background-repeat: repeat-y;
   left: 200px;
   top: 126px;
   width: 430px;
   height: 434px;
   z-index: 11;
   text-align: left;
   overflow:auto;
   padding: 10px;
   border: 0px gray solid;
}
#right {
   position: absolute;
   background-image: url("img/bg_right.jpg");
   background-repeat: repeat-y;
   padding: 10px;
   padding-left: 15px;
   left: 651px;
   top: 126px;
   width: 275px;
   height: 454px;
   z-index: 2;
   text-align: left;
   border: 0px red solid;
   overflow: hidden;
}

#shop{
   display: none;
   position: absolute;
   background-image: url("img/shop.png");
   background-repeat: no-repeat;
   left: 661px;
   top: 455px;
   width: 260px;
   padding-left:10px;
   padding-right:10px;
   height: 130px;
   z-index: 17;
   text-align:center;
   border: 0px #ddd solid;
   overflow: hidden;
}
#shop .shoptext{
   position:relative;
   top:-15px;
}

#gallery{
   position: absolute;
   /*background-image: url("img/gallery.png");
   background-repeat: no-repeat;*/
   top: 127px;
   width: 260px;
   height: 300px;
   left: 660px;
   padding: 10px;
   z-index: 17;
   text-align: center;
   overflow: hidden;
   border: 0px #AAAAAA solid;
}


#footer {
   position: absolute;
   left: 200px;
   top: 580px;
   width: 440px;
   height: 20px;
   z-index: 17;
   line-height:20px;
   text-align: center;
   padding-left:10px;
   overflow: hidden;
   border-top: 1px #ddd solid;
}
#prevnext {
   position:absolute;
   left: 870px;
   text-align:right;
   top: 87px;
   width: 70px;
   height: 25px;
   z-index:25;
   float:right;
	margin-top:0px;
	margin-right:10px;
}
#prevnext a {
   color: #DDD;
}

#searchbox {
   position:absolute;
   width:180px;
   left:700px;
   top:82px;
   z-index:30;
}
.submitbutton {
   border: 0px;
   background: none;
   vertical-align:bottom;
}
#string {
   /*background-image: url(img/searchbg.png);*/
}

#homeBtn {
   position: absolute;
   left: 175px;
   top: 80px;
   width: 25px;
   height: 25px;
   z-index: 20;
   overflow:hidden;
   clear:both;
}
/*---------   Men� Leiste   ---------*/
#menu {
   position: absolute;
   left: 200px;
   top: 80px;
   width: 750px;
   height: 23px;
   z-index: 20;
   text-align: left;
   background: #fff url(img/menuehg0.png);
   border: 0px blue solid;
   display:block;
}
.menu {
   font-size: 11px;
   line-height:25px;
   border: 0px solid #66676B;
}

.menu ul {
   width: 150px;
   margin: 0;
   padding: 0;
   list-style-type: none;
   border-left: 0px solid #66676B;
}

.menu li {
   display: block;
   /*float: left; */
   text-align: center;
   margin: 10px;
   list-style-type: none;
   list-style-image: none;
}

.menu a {
   display: block;
   background-color: #cccccc;
   line-height: 1em;
   padding: 0.5em 0.5em;
   border-right: 1px solid #66676B;
   background-image: url(img/menuehg1.png);
   background-repeat: repeat-x;
   font-weight: bold;
   text-decoration: none;

}

.menu .menu-parent {
   color:#fff;
   background-image:  url(img/menuehgparent.png);
   background-repeat: repeat-x;
   background-position: right bottom;
}
.menu .menu-current {color:#ffffff; background-image:  url(img/menuehgcurrent.png);}

#breadcrumbs {font-size: 11px;}
#breadcrumbs  .menu-current a{
   font-weight: bold;
   text-decoration: none;
}

/*siehe auch ie.css */
.menu a:hover, .menu li:hover>a {
   background-color: #999999;
   color: #fff;
   background-image:  url(img/menuehg2.png);
   background-repeat: repeat-x;
   display: block;
   z-index: 20;
}

.menu li li:hover>ul {
   display: block;
   z-index: 20;

}

.menu li li {
   width: 150px;
   display: block;
   margin: 0;
   text-align: left;
   border: 1px solid #ccc;
   top:0px;
   /*-moz-opacity: 0.9; blend for Modzillas, if you like */
   /* filter: alpha(opacity=70); blend for IE, might cause troubles */
}


.menu li li a {  /* Die ausgekpappten Fl�chen */
   background: #e7e7e7;
   line-height: 1em;
   display: block;
   clear: both;
   border: none;
}



.menu ul>li + li {	/* and remove the top border on all but first item in the list */
   border-top: 0;
}


/* special colouring for "Main menu:", and for "xx submenu" items in ADxMenu
placed here to clarify the terminology I use when referencing submenus in posts */
.menu>li:first-child>a, .menu li + li + li li:first-child>a {

}
/* jquery link mit screenshot img anzeigen*/
#screenshot{
	position:absolute;
   z-index:1000;
	border:1px solid #ccc;
	background:#999;
	padding:1px;
	display:none;
	color:#fff;
	}
#preview{
	position:absolute;
	border:1px solid #ccc;
	background:#999;
	padding:1px;
	display:none;
	color:#fff;
   z-index:1000;
}
#preview a{
  cursor:pointer;
}