/* Global Reset ala Eric Meyer */



html, body, div, span, applet, object, iframe,

h1, h2, h3, h4, h5, h6, p, blockquote, pre,

a, abbr, acronym, address, big, cite, code,

del, dfn, font, img, ins, kbd, q, s, samp,

small, strike, sub, tt, var,

dl, dt, dd, ol, ul, li,

fieldset, form, label, legend,

table, caption, tbody, tfoot, thead, tr, th, td {

margin: 0;padding: 0;border: 0;outline: 0;font-weight: inherit;font-style: inherit;font-size: 100%;font-family: inherit;vertical-align: baseline; font-family: arial; }

:focus {outline: 0;}

body {line-height: 1;color: black;background: white;}



/* tables still need 'cellspacing="0"' in the markup */

table {border-collapse: separate;border-spacing: 0;}

caption, th, td {text-align: left;font-weight: normal;}

blockquote:before, blockquote:after,

q:before, q:after {content: "";}

blockquote, q {quotes: "" "";}



html {

  height: 100%;

}



body {

  background: #a0a0a0 url('../img/body-bg.png') repeat-x left top;

  margin: 0;

  color: #333;

  font-size: 12px;

  font-family: arial;

  width: 100%;

  height: 100%;

}



a {

  text-decoration: none;

}



h1 {

  font-size: 20px;

  margin: 0 0 30px;

}



h2 {
  font-size: 12px;
  color: #333;
  font-weight: bold;
  margin: 25px 0 25px;
}



.font-size-11 {

  font-size: 11px;

}



#wrapper {

  width: 100%;

  overflow: hidden;

  position: relative;

  background: url('../img/body-bg.png') repeat-x left top;

}



#page {

  width: 1024px;

  position: relative;

  margin: 0 auto;

  overflow: hidden;

}



#header {

  width: 800px;

  height: 70px;

  position: relative;

  padding: 35px 0 0 224px;

}



#header img {

  position: absolute;

  left: 38px;

}



#header h1 {

  position: absolute;

  left: 460px;

  top: 65px;

}



.ansprechpartner #main {
  height: 1500px;
}

.ansprechpartner #content {
  height: 1100px;
}

.kontakt #main {
  height: 1250px;
}

.kontakt #content {
  height: 850px;
}



#main {

  width: 100%;

  height: 900px;

  margin: 5px 0 0;

  overflow: hidden;

  position: relative;

}



#main-left {

  float: left;

  width: 784px;

  position: relative;

}



#teaser {

  position: relative;

  width: 520px;

  height: 245px;

  margin: 0 0 0 226px;

}



#main-left-bottom {
  width: 100%;
  overflow: hidden;

}



#main-menu {width: 700px; margin: 10px 0 0 250px; list-style-type: square; color: #fff; }
#main-menu li { color: #fff;  float: left; margin: 0 12px 0 0;}
#main-menu li:hover {color: #333;}
#main-menu li a { color: #fff; margin: 0 12px 0 0;}  
#main-menu li.active a,
#main-menu li.active {color: #333;}
#main-menu span {width: 1px; height: 12px; margin: 0 15px 0 0; background: #fff; display: inline; float: right;}

#sub-menu {
  float: left;
  width: 224px;
  height: 630px;
  background: #ff6600;
  border: 1px solid #fff;
}

#sub-menu ul {margin: 80px 0 80px 60px; list-style-type: square;}
#sub-menu ul li { color: #fff; margin: 0 0 15px;}
#sub-menu ul li:hover { color: #333;}
#sub-menu li a { color: #fff;}  
#sub-menu li.active,
#sub-menu li.active a     {
  color: #333;
}

#sub-menu img {
margin: 37px auto 0;
display: block;
}



#content {

  float: right;

  position: relative;

  width: 508px;

  height: 567px;

  background: #fcfcfc;

  padding: 35px 25px 25px;

  margin: 7px 0 0;

}



#content p {

  line-height: 27px;

  text-align: justify;

}



#main-right {

  float: right;

  position: relative;

  width: 230px;

  margin: 9px 0 0;

  padding: 5px;

  height: 882px;

  background: #fff url('../img/bg-right.png') repeat-x right top;

}



.box {  

  width: 218px;

  padding: 5px;

  position: relative;

  border: 1px solid grey;

  background: #e5e5e5;

}



.box.personal-service {

  margin-top: 110px;

}







.box p {

  width: 170px;

  text-align: center;

}



.box .phone {

  font-size: 16px;

  font-weight: bold; 

  padding: 9px 0;

}



.box.youtube {

  margin-top: 120px;

  text-align: center;

}



#youtube-player {

  width: 190px;

  height: 145px;

  margin: 20px auto 0;

}



.box.faq {

  margin-top: 30px;

  text-indent: 15px;

}



.box.data {

  margin-top: 20px;

}



ul.squares{ margin: 20px 0 0 30px; list-style-type: square; color: #ff6600; }

ul.squares li { margin: 10px 0 10px;}

ul.squares li a { color: #333;}

ul.squares li a:hover {color: #ff6600;}



#copyright {

  position: absolute;

  bottom: 10px;

  right: 10px;

  font-size: 9px;

}



a#next {

  position: absolute;

  right: 50px;

  bottom: 50px;

  font-size: 14px;

  color: #333;

}



a#next:hover {

  color: ff6600;

}



ul#footer {position: absolute; bottom: 10px; left: 30px; list-style-type: none;}

ul#footer li { font-size: 9px; display: inline; margin: 0 15px 0 0;}

ul#footer li a { color: #333;}



.contact {

  width: 400px;

  height: 150px;

}



.contact p {

  float: left;

}



.contact .img {

  width: 80px;

  height: 100px;

  border: 2px solid #333;

  float: right;

}

#galery {
  list-style-type: none;
}

#galery li {
  float: left; 
  margin: 0 10px 20px 10px;
}

.mapLink {
  text-decoration: underline;
  color: #f60;
}

#layer {
  width: 100%;
  height: 100%;
  position: absolute;
  background: url('../img/transparent.png') repeat left top;
  z-index: 5;
}

#images {
  width: 720px;
  height: 540px;
  z-index: 7;
  margin: 100px auto 0;
  padding: 10px;
  border: 5px;
  background: #333;
  border: 5px solid #fff;
}

#nextPic,
#prevPic {
  color: #fff;
  font-size: 70px;
  position: absolute;
  font-weight: bold;
  top: 225px;
}

#nextPic {
  left: 740px;
}

#prevPic {
  left: -60px;
}

#closeLayer span {
  width: 20px;
  height: 20px;
  padding: 0 0 10x 0;
  background: #fff;
  border: 5px solid #fff;
  margin: -25px 0 0 710px;
  top: -25px;
  border-radius: 20px;
  display: block;
}

#closeLayer  {
  font-size: 20px;
  font-weight: bold;
  color: #000;
  left: 5px;
  position: absolute;
  text-indent: 5px;
}

.orangeLink {
  color: #f60;
  text-decoration: underline;
}