/* designpark styles */
@media screen{


#printcontent {
  font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:12px;
  color:#000000;
  display:none;
  }

body, html {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #222222;
  background-color: #27647b;
  height : 100%; 
  margin:  0px; 
  padding: 0px;
}


#horizon        
     {
 width:1px;
 height:50%;
 margin-bottom:-236px; /* Hälfte der Containerhöhe */
   /*margin-left: -436px;*/
 float:left;
   background-color: #760;
     }


#content {
  margin:0 auto;
  text-align:left;
  position: relative;
  width: 872px; height: 473px;
  visibility: visible;
  clear:left;
}





.inside a:link, .inside a:visited, .inside a:active, .inside a:hover { color:#22566A; text-decoration: underline; }

h1 { font-family: Arial, Helvetica, sans-serif;  font-size: 12px; font-weight: bold;  color: #000000; }
h2  { font-family: Arial, Helvetica, sans-serif; font-size:12px; font-weight: bold; color: #444444; line-height: 16px; display:inline; }


.text_bold { font-weight: bold;  color: #444444; line-height: 16px; }
.smallinfo  { font-size: 10px; color: #999999; }
.text11   { font-size: 11px; }

.dptext   { font-size: 11px; color: #27647b; }
.pointer   { margin-left: 40px; }



/* ----- photo shuffle ----- */

#photodiv { background-repeat: no-repeat; float: left;
      width: 474px;
      height: 473px; }




/* ----- die divs ----- */


.botcontent{clear:both;}

.navileft   { float: left; width: 199px; height: 473px; }
.naviright   { float: left; width: 199px; height: 473px; }


.main{
      float: left;
      width: 474px;
      height: 473px;
      background-repeat: no-repeat;
      background-position: center center;
}

.inside, .inside2, .inside-list {
      width: 294px; height: 280px;
      text-align: left;
      margin-left: 90px;  margin-right: 90px;  margin-top: 95px;

}

/* ----- ----- ----- */

.inside2     { 
width: 274px;
margin-left: 110px; }
.inside-list   { line-height: 19px; }

.roam {
      width: 294px; height: 68px;
      text-align: center;
      margin-left: 90px; margin-right: 90px;
      
}



/* ----- references ----- */


.ref-spacer { width: 474px;  height: 75px; }
.ref-header {
      width: 294px; height: 40px;
      margin-left: 90px; margin-right: 90px; margin-top: 0px;
      }
.ref-content {
      width: 412px; height: 242px;
      text-align: left;
      margin-left: 30px; margin-right: 32px;
      background-color: #CCCCCC;
      }
.ref-content-inner {

      padding-left: 50px;
      padding-right: 30px;
height: 242px;
overflow: hidden;
}
.ref-navi {
      width: 294px; height: 75px;
      text-align: center;
      margin-left: 90px; margin-right: 90px; margin-top: 10px;
}




/* ----- links ----- */


.roam a:link, .roam a:visited, .roam a:active {
      font-weight: bold; color: #27647b;
      text-decoration:none; line-height: 15px;
}
.roam a:hover {
      font-weight: bold; color: #27647b;
      text-decoration: underline;  line-height: 15px;
}

.ref-content a:link, .ref-content a:visited, .ref-content a:active,
.ref-navi a:link, .ref-navi a:visited, .ref-navi a:active {
      color: #27647b;  font-size: 11px;
      text-decoration:none; line-height: 15px;
}
.ref-content a:hover, 
.ref-navi a:hover {
      color: #27647b;
      text-decoration: underline; line-height: 15px;
}

.mylink     { color:#ABC3CD; text-decoration:none; }
.mylink_hover   { color:#FFFFFF; text-decoration:none; }

.mylinkl, .mylinkr, .mylinkl_hover, .mylinkr_hover, .mylinkr_on, .mylinkl_on { 
      background-position: center;
      background-repeat: no-repeat;
      width:38px;  height:45px;
}
.mylinkl     { background-image:url(../images/menu_l1.gif); float:right; }
.mylinkr     { background-image:url(../images/menu_r1.gif); float:left; }

.mylinkl_hover   { background-image:url(../images/menu_l10.gif); float:right; }
.mylinkr_hover  { background-image:url(../images/menu_r10.gif); float:left; }

.mylinkl_on   { background-image:url(../images/menu_l2.gif); float:right; }
.mylinkr_on    { background-image:url(../images/menu_r2.gif); float:left; }




/* ----- menu ----- */


.distance     { width: 199px; height: 101px; }


.menu-1, .menu-2, .menu-3, .menu-4, .menu-5, .menu-6 {
      margin-top: 14px; float: right; height: 15px;
      font-weight: bold; text-align: left; padding-left: 10px;
      border-width: 1px 0px 1px 0px; border-style: solid; border-color: #769dac;
}
.menu-1, .menu-6 { width: 120px; }
.menu-2, .menu-5 { width: 134px; }
.menu-3, .menu-4 { width: 142px; }


.menu-7, .menu-8, .menu-9, .menu-10, .menu-11, .menu-12 {
      margin-top: 14px; float: left; height: 15px;
      font-weight: bold; color: #CCCCCC; text-align: right; padding-right: 10px;
      border-width: 1px 0px 1px 0px; border-style: solid; border-color: #769dac;
}
.menu-7, .menu-12 { width: 120px; }
.menu-8, .menu-11 { width: 134px; }
.menu-9, .menu-10 { width: 142px; }



/* formulare */

input   {
      font-family: Verdana, Arial, Helvetica, sans-serif ;
      font-size: 10px;
      border: 1px solid #47474F;
}
textarea {
      font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
      font-size: 10px;
      border: 1px solid #47474F;
}
label   {
      font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
      font-size: 10px; vertical-align: middle;
      float: left;
      width: 100px;
}

.contactfield {
      margin-bottom: 3px;  margin-right: 10px;
      width: 150px; height: 12px;
      background-color: #F4F5FA;
    }
.check   {
      margin-bottom: 0px;  margin-right: 3px;
      border: none;
    }
.boxtext {
      font-family: Verdana, Arial, Helvetica, sans-serif, Tahoma;
      font-size: 10px;
}
.contacttextfield {
      margin-bottom: 8px;
      width: 250px; height: 37px;
    }
.button  {
        float:left;
      color: #666666; background-color: #D4D0C8;
      width: 150px; height: 20px;
      margin-left: 100px;
}

.Kontaktformular_error {
background-color: #c3d4db;
}

/* slideshow */

#slideshow {
  width:474px;
  height:473px;
  overflow:hidden;
}



/* ----- designpark print css ----- */




}

@media print {

#content {display:none;}

.print { width: 475px; height: 842px; float: left;/*background-color: #FFFFFF;*/ }

.print_logo { width: 630px; height: 110px; text-align: right; }
.print_info { height: 402px; width: 125px; float: left; padding-top: 450px; padding-left: 30px; font-size: 10px; }


}