/* Andreas Seufert, 2011 */
/* DIGITABULA */
/* www.digitabula.de */


#centerArea{
  position:relative;
  margin:auto auto;
  width:960px; 
}


html{
  height:100%;
}
body{
  margin:0px;
  padding:0px;
  font-family:arial, helvetica sans-serif;
  font-size:11px;
  color:#333333;
  text-align:left;
  background: #ffffff;
  height:100%;
}
img{
  border:none;
}
a{
  font-family:arial, sans;
  text-decoration:none;
  color:#79141c;
}
a:hover{
  text-decoration:underline;
  color:#79141c;
}
.clear{
  line-height:0px;
  font-size:0px;
  clear:both;
  height:1px;
  margin-top:-1px;
}

p{
  padding:0px;
  margin-top:15px;
  margin-bottom:0px;
  text-align:left;
  line-height:160%;
}

/* index layout */


#container{
  margin: auto;
  position:relative;
  text-align:center;
  height:128px;
}

#headArea{
  width:100%;
  position:relative;
  margin: auto;
  padding:0px;
  height:128px;
  background: url(images/hg_head.gif) no-repeat;
}
#contentTable{
 table-layout:fixed;
 position:relative;
}

#nav{
  width:1000px;
  margin:0px;
  padding:0px;
  display:block;
  position:absolute;
  left:15px;
  top:40px;
  margin:0px;
}

#nav li {
  display:block;
  float:left;
  height:68x;
  margin:0px;
  padding:0px;
}
#nav strong { 
display:none;
}
#nav a {
display:block;
height:68px;
}


#subnav{
  width:180px;
  margin:0px;
  padding:0px;
  display:block;
  position:absolute;
  left:730px;
  top:22px;
  margin:0px;
}

#subnav li {
  display:block;
  float:left;
  height:19x;
  margin-bottom:10px;
  padding:0px;
}
#subnav strong { 
display:none;
}
#subnav a {
display:block;
height:19px;
}




#startbtn{
  width:231px;
  margin:0px;
  padding:0px;
  display:block;
  position:absolute;
  left:718px;
  top:12px;
  margin:0px;
}

#startbtn li {
  display:block;
  float:left;
  height:61x;
  margin:0px;
  padding:0px;
}
#startbtn strong { 
display:none;
}
#startbtn a {
display:block;
height:61px;
}

/* MENÜ DEUTSCH */


#pic_1, #pic_1_active {
background:transparent url(images/1.gif) no-repeat scroll 0px;
width:125px;
}
#pic_2, #pic_2_active {
background:transparent url(images/2.gif) no-repeat scroll 0px;
width:125px;
}
#pic_3, #pic_3_active {
background:transparent url(images/3.gif) no-repeat scroll 0px;
width:125px;
}
#pic_4, #pic_4_active {
background:transparent url(images/4.gif) no-repeat scroll 0px;
width:125px;
}
#pic_5, #pic_5_active {
background:transparent url(images/5.gif) no-repeat scroll 0px;
width:125px;
}
#pic_6, #pic_6_active {
background:transparent url(images/6.gif) no-repeat scroll 0px;
width:125px;
}
#pic_1:hover, #pic_2:hover, #pic_3:hover, #pic_4:hover, #pic_5:hover, #pic_6:hover {
background-position:0px -0px;
display:block;
}
#pic_1_active, #pic_2_active, #pic_3_active, #pic_4_active, #pic_5_active, #pic_6_active {
background-position:0px -136px;
}



/* SUBMENÜ  */


#pic_1_1, #pic_1_1_active {
background:transparent url(images/1_1.gif) no-repeat scroll 0px;
width:180px;
}
#pic_1_2, #pic_1_2_active {
background:transparent url(images/1_2.gif) no-repeat scroll 0px;
width:180px;
}
#pic_fakten, #pic_fakten_active {
background:transparent url(images/fakten.gif) no-repeat scroll 0px;
width:180px;
}
#pic_referenzen, #pic_referenzen_active {
background:transparent url(images/2_4.gif) no-repeat scroll 0px;
width:180px;
}

#pic_2_1, #pic_2_1_active {
background:transparent url(images/2_1.gif) no-repeat scroll 0px;
width:180px;
}
#pic_2_2, #pic_2_2_active {
background:transparent url(images/2_2.gif) no-repeat scroll 0px;
width:180px;
}
   
#pic_2_3, #pic_2_3_active {
background:transparent url(images/2_3.gif) no-repeat scroll 0px;
width:180px;
}



#pic_3_1, #pic_3_1_active {
background:transparent url(images/3_1.gif) no-repeat scroll 0px;
width:180px;
}
#pic_3_2, #pic_3_2_active {
background:transparent url(images/3_2.gif) no-repeat scroll 0px;
width:180px;
}
   
#pic_3_3, #pic_3_3_active {
background:transparent url(images/3_3.gif) no-repeat scroll 0px;
width:180px;
}
     
#pic_3_4, #pic_3_4_active {
background:transparent url(images/3_4.gif) no-repeat scroll 0px;
width:180px;
}

  
#pic_start1 {
background:transparent url(images/btn1.jpg) no-repeat scroll 0px;
width:213px;   
background-position:0px 0px;
}

#pic_start2 {
background:transparent url(images/btn2.jpg) no-repeat scroll 0px;
width:213px;   
background-position:0px 0px;
} 

#pic_start3 {
background:transparent url(images/btn3.jpg) no-repeat scroll 0px;
width:213px;     
background-position:0px 0px;
}
  

#pic_start4 {
background:transparent url(images/btn4.jpg) no-repeat scroll 0px;
width:213px;  
background-position:0px 0px;
}  

#pic_start5 {
background:transparent url(images/btn5.jpg) no-repeat scroll 0px;
width:213px;
background-position:0px 0px;
}

#pic_start1:hover, #pic_start2:hover, #pic_start3:hover, #pic_start4:hover, #pic_start5:hover  {
background-position:0px -61px;
display:block;
}

#pic_5_1, #pic_5_1_active {
background:transparent url(images/5_1.gif) no-repeat scroll 0px;
width:180px;
}
#pic_5_2, #pic_5_2_active {
background:transparent url(images/5_2.gif) no-repeat scroll 0px;
width:180px;
}

#pic_1_1:hover, #pic_1_2:hover, #pic_fakten:hover, #pic_referenzen:hover, #pic_2_1:hover, #pic_2_2:hover, #pic_2_3:hover, #pic_3_1:hover, #pic_3_2:hover, #pic_3_3:hover, #pic_3_4:hover, #pic_5_1:hover, #pic_5_2:hover  {
background-position:0px -0px;
display:block;
}
#pic_1_1_active, #pic_1_2_active, #pic_fakten_active, #pic_referenzen_active, #pic_2_1_active, #pic_2_2_active, #pic_2_3_active, #pic_3_1_active, #pic_3_2_active, #pic_3_3_active, #pic_3_4_active, #pic_5_1_active, #pic_5_2_active {
background-position:0px -38px;
}







#hg_start {
background:url(images/hg_startseite.jpg);
}




/* oben rechts */
#links {
padding-top:6px;
height:15px;
}
#language span {
  color:#ffffff;
}
#lang_active {
  font-size:10px;
  color:#cfcfcf;
}
#lang {
  margin-right: 40px;
  vertical-align: middle;
}

/* Logo */
#logo {
  margin:0px;
  height:40px;
  left:712px;
  position:absolute;
  top:57px;
  z-index:20;
}


/* CONTENT*/

#contentArea{
  padding-left:15px;
  height:345px;
  position:relative;
  background:#d4d4d4;
}


          
 /* HG Content */   
 
#contentLeftArea {
  float:left;
  overflow: auto;
  width:680px;
  height:330px;
  margin-top:0px;
  padding:0px;
  line-height:126%; 
  background:#ffffff;
}
 #contentLeftAreastart {
  float:left;
  overflow: auto;
  width:930px;
  height:330px;
  margin-top:0px;
  padding:0px;
  line-height:126%; 
  background:#ffffff;
}
 /* HG Subnav */   
#contentRightArea {
  float:left;
  margin-left:15px;
  width:235px;
  height:330px;
  margin-top:0px;
  float:left;
  padding:0px;
  background:#f0f0f0;
}



#contentAreaLeftInnen {
  float:left;
  margin-left:50px; 
  margin-top:30px;   
  width:600px;
  height:270px;
  padding:0px; 
}

 
#contentAreaLeftInnenstart {
  float:left;
  margin-left:50px; 
  margin-top:30px;   
  width:600px;
  height:270px;
  padding:0px; 
}


#headline {
  font-weight:bold;
  font-size:28px;
  color:#777777;
  letter-spacing:-0.05em;
  text-transform:uppercase;
  text-align:left;
  line-height:120%;
  margin-bottom:30px;
}
 
#subheadline { 
  font-weight:bold;
  font-size:14px;
  color:#333333;
  letter-spacing:-0.0em
  text-align:left;
  line-height:160%;
  margin-bottom:10px;
}

#textleft {
  font-weight:regular;
  font-size:12px;
  color:#333333;
  text-align:left;
  line-height:160%;
  margin-bottom:10px;
}

 
#textbullet {
  font-weight:regular;
  font-size:12px;
  color:#333333;
  text-align:left;
  line-height:145%;
  margin-bottom:5px;
}

/* Footer */


#footertext  {
  height:24px;
  font-size:10px;
  text-align:right;
  color:#666666;   
  background:url(images/hg_footer.gif) left repeat-x;
}
#footertext a{
  color:#666666;
}
#footertext a:hover{
  color:#333333;
}