/* RESET */
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, em, img, ins, kbd, q, s, samp,small, strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ol, ul, li,fieldset, form, label, legend,table, caption, tbody, tfoot, thead, tr, th, td,article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary,time, mark, audio, video { margin: 0; padding: 0; border: 0; font-size: 100%; font: inherit; vertical-align: baseline; }
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {  display: block; }
body { line-height: 1; }
ol, ul { list-style: none; }
table { border-collapse: collapse;  border-spacing: 0; }

body {
  background: #666;
  color: #555;
  font-family: Arial, sans-serif;
  padding-bottom: 7px;
}
#wrapper {
  margin: 20px auto 0 auto;
  width: 980px;
  background: #fff;
  box-shadow: 0 0 10px 0px #333;
  overflow: hidden;
}

/* LOGO */

#logo {
  display: block;
  padding: 27px 34px 27px 34px;
  width: 912px;
  height: 31px;
  background: url(../images/logo.png) no-repeat 35px 27px;
}
#logo:hover {
  background-position: 35px -153px;  
}

/* MAIN */

#main {
  min-height: 436px;
  border-width: 2px 0 2px 0;
  border-style: solid;
  border-width: #666;  
}
#main h1 {
  margin: 35px;
  font-size: 25px;
  line-height: 35px;
  text-transform: uppercase;  
}
#main h2 {
  margin: 10px 35px;  
  font-size: 16px;
}
#main p,
.detailtext p {
  margin: 10px 35px;
  font-size: 14px;
  line-height: 24px;
}
#main a,
.detailtext a {
  color: #d73440;
  text-decoration: none;
}
#main a:hover,
.detailtext a:hover {
  text-decoration: underline !important;
}
#main em {
  font-style: italic;
}
#main p.zitat { 
  font-size: 13px;
  color: #aaa;
  font-style:italic;
  display: block;
}
#main ul {
  list-style-type: disc;
  margin-left: 55px;
  line-height: 22px;
  font-size: 14px;
}

/* NAVIGATION */

nav {
  padding: 35px;
  width: 100px;
  float: left;
}
nav a {
  text-decoration: none;
  font-size: 14px;
  color: #555;
  padding: 3px 0;
  display: inline-block;
}
nav .active a,
nav .trail a,
nav a:hover,
#main a:hover,
footer a:hover {
  text-decoration: none;
  color: #d73440;
}

/* PROJEKTDETAILTEXT */

.detailtext {
  width: 595px;
  float: right;
  background: url(../images/nav.png) no-repeat 417px 22px;   
  height: 112px;
  padding-top: 54px;
  padding-right: 210px;
/*   display: table; */
}

.detailtext .mod_article {
/*
  display: table-cell;
  vertical-align: middle;
*/
  height: 168px;
}

/* FOOTER */

footer {
  width: 980px;
  margin: 10px auto 0 auto;
  color: #c0c0c0;
  font-size: 11px;
  text-align: center;
}
footer a {
  text-decoration: none;
  color: #c0c0c0;
}

.image_container img {
  display: block;
}

/* PROJEKTE */

.projekte #main .mod_article {
  margin-left: 90px;
  float: left;
  width: 172px;
  margin-top: 30px;
  margin-right: 52px;
}
.projekte #main .mod_article h2 {
  margin-left: 0;
  margin-right: 0;
}
.projekte .ce_image {
  margin-bottom: 30px;
}
.projekte figcaption {
  font-size: 12px;
  margin-top: 5px;
}
.projekte .ce_image img {
  box-shadow: 0 0 6px 0px #aaa;
}
.projekte .ce_image img:hover {
  box-shadow: 0 0 6px 0px #777;
}
.projekte #main .block {
  overflow: visible;
}

/* PROFIL */

.profil #main h1 {
  margin-bottom: 5px;
}
.profil #main .zitat {
  margin-bottom: 50px;
}
.profil .image_container {
  margin-left: 35px;
}

/* SLIDESHOW */

#paginator {
  position: absolute;
  top: 453px;
  left: 209px;
  z-index: 20;
  border: 1 px solid red;
  overflow: hidden;
}
#paginator a {
  overflow: hidden;
  display: block;
  height: 10px;
  width: 10px;
  background: #ccc;
  border-radius: 5px;  
  text-indent: -99px;
  float: left;
  margin-right: 5px;
}
#paginator a:hover {
  background: #aaa;
}
#paginator a.activeSlide {
  background: #d73440;   
}
.ce_gallery img {
  cursor: pointer;
}

/* SERVICE */

.service .formbody {
  margin: 35px 70px;
}
.service .formbody label {
  float: left;
  width: 200px;
}
.service .formbody label[for=ctrl_2_confirm],
.service .formbody #ctrl_2_confirm {
  display: none;
}
.service p.error {
  display: none;
}

/* KONTAKT */

.kontakt #main,
.anfrage-erhalten-vielen-dank #main {
/*   background: url(/content/images/kontakt/kontakt.jpg) no-repeat 0 0;   */
  overflow: hidden;
}
#kontakt {
  float: left;
  width: 480px;
}
#kontaktformular {
  float: left;
  width: 400px;
}
#kontaktformular .formbody {
  margin-left: 35px;
}
#kontaktformular label {
  font-size: 14px;
  width: 140px;
  float: left;
}
#kontaktformular input {
  width: 200px;
}
#kontaktformular textarea {
  width: 200px;
  height: 80px;
}
#kontaktformular .submit {
  margin-left: 140px;
}