/* ALLGEMEIN
------------------------------------------------------------------------------*/

*{
  margin:0;
  padding:0;
  outline:0;
  font-family:Helvetica, Arial;
  font-size:13px;
}

html, body{
  margin:0;
  padding:0;
  height: 100%;
  width: 100%;
}

body{
  background:#FFF url(../images/layout/bg_body.jpg) left top;
}

img{
  border:0;
}


/* CONTENT
------------------------------------------------------------------------------*/

#content p{
  margin:0 0 10px 0;
  line-height:1.4em;
}

#content .home{
  width:100%;
  height:100%;
  background:transparent url(../images/layout/logo.png) no-repeat 50% 50%;
}

#content .about{
  width:100%;
  height:100%;
  background:transparent url(../images/layout/about.png) no-repeat 50% 50%;
}


#content a{
  color:#666;
  text-decoration:none;
}
#content a:hover{
  color:#000;
  text-decoration:underline;
}

#content .title{
  margin:10px 0;
}

#content ul{
  list-style-type:none;
  margin:10px 0;
  padding:0;
  line-height:1.5em;
}

#content ul li{
  padding-left:14px;
  background:transparent url(../images/layout/dot.png) no-repeat left 5px;
}

#content .links{
  margin-top:40px;
}

#content .links a{
  margin:10px;
}


/* BOX
------------------------------------------------------------------------------*/

#content .box{
  width:380px;
  height:250px;
  float:left;
}

#content .box .lft{
  width:140px;
  float:left;
  font-weight:bold;
}
#content .box .rgt{
  width:100px;
  float:left;
}


/* CONTAINER
------------------------------------------------------------------------------*/

#distance {
  width: 10px;
  height: 50%;
  margin-bottom: -300px;
  float: left;
}

#container {
  margin: 0 auto;
  position: relative;
  height: 600px;
  width: 800px;
  clear: left;
  background:transparent url(../images/layout/bg_content.jpg) no-repeat left top;
}

#content{
  height:485px;
  width:760px;
  padding:20px;
}

/* MENU
------------------------------------------------------------------------------*/

#menu{
  height:35px;
  width:760px;
  padding:20px;
}

#menu .menu{
  width:760px;
  height:35px;
  border-top:1px solid #000;
  border-bottom:2px solid #000;
  background:transparent url(../images/layout/logo_sm.png) no-repeat left 50%;
}

#menu .menu ul{
  list-style-type: none;
  float:right;
  height:16px;
  background:transparent url(../images/layout/menu/bg.png) no-repeat left 50%;
  margin-top:10px;
}

#menu .menu ul li{
  float:left;
  height:16px;
  margin-right:15px;
}
#menu .menu ul li.last{
  margin-right:0;
}


#menu .menu ul li a,
#menu .menu ul li a:hover{
  text-decoration: none;
  display:block;
  height:16px;
}

#menu .menu ul li a.home{
  background:transparent url(../images/layout/menu/home.png) no-repeat 50% top;
  width:41px;
}
#menu .menu ul li a:hover.home,
#menu .menu ul li a.home_act{
  background:transparent url(../images/layout/menu/home.png) no-repeat 50% bottom;
  width:41px;
}

#menu .menu ul li a.about{
  background:transparent url(../images/layout/menu/about.png) no-repeat 50% top;
  width:45px;
}
#menu .menu ul li a:hover.about,
#menu .menu ul li a.about_act{
  background:transparent url(../images/layout/menu/about.png) no-repeat 50% bottom;
  width:45px;
}

#menu .menu ul li a.gallery{
  background:transparent url(../images/layout/menu/gallery.png) no-repeat 50% top;
  width:55px;
}
#menu .menu ul li a:hover.gallery,
#menu .menu ul li a.gallery_act{
  background:transparent url(../images/layout/menu/gallery.png) no-repeat 50% bottom;
  width:55px;
}

#menu .menu ul li a.links{
  background:transparent url(../images/layout/menu/links.png) no-repeat 50% top;
  width:42px;
}
#menu .menu ul li a:hover.links,
#menu .menu ul li a.links_act{
  background:transparent url(../images/layout/menu/links.png) no-repeat 50% bottom;
  width:42px;
}

#menu .menu ul li a.contact{
  background:transparent url(../images/layout/menu/contact.png) no-repeat 50% top;
  width:58px;
}
#menu .menu ul li a:hover.contact,
#menu .menu ul li a.contact_act{
  background:transparent url(../images/layout/menu/contact.png) no-repeat 50% bottom;
  width:58px;
}


/* GALLERY
------------------------------------------------------------------------------*/

#gallery .hidden{
  display: none;
}

#gallery #slides{
  width:680px;
  float:left;
  text-align:center;
}

#gallery .prev,
#gallery .next{
  width:40px;
  position:relative;
  top:250px;
  cursor: pointer;
  /*opacity:0.7;*/
  opacity:1;
}

#gallery .prev{
  float:left;
  text-align:left;
}

#gallery .next{
  float:right;
  text-align:right;
}

#gallery .prev:hover,
#gallery .next:hover{
  opacity:1;
}


/* TOOLTIP
------------------------------------------------------------------------------*/

#simpleTooltip {
  padding: 5px 7px;
  background: #000;
  color:#FFF;
  font-size:11px;
}

/* STOERER
------------------------------------------------------------------------------*/

.stoerer{
  width:125px;
  height:125px;
  position:absolute;
  top:50px;
  left:740px;
}

.stoerer2{
  width:175px;
  height:175px;
  position:absolute;
  top:10px;
  left:680px;
}