/* Reset */
14 a, abbr, acronym, address, area, b, bdo, big, blockquote, body, button, caption, cite,
15 code, col, colgroup, dd, del, dfn, div, dl, dt, em, fieldset, form, h1, h2, h3, h4,
16 h5, h6, hr, html, i, images, ins, kbd, label, legend, li, map, object, ol, p, param, pre,
17 q, samp, small, span, strong, sub, sup, table, tbody, td, textarea, tfoot, th, thead,
18 tr, tt, ul, var { margin :0;padding :0;vertical-align :baseline }


 @font-face {
    font-family: 'Ubuntu';
    src: url('fonts/ubuntu-r-webfont.eot');
    src: url('fonts/ubuntu-r-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/ubuntu-r-webfont.woff') format('woff'),
         url('fonts/ubuntu-r-webfont.ttf') format('truetype'),
         url('fonts/ubuntu-r-webfont.svg#ubunturegular') format('svg');
    font-weight: normal;
    font-style: normal;
}

h1 {
    margin-top: 1em;
    padding: 0em;
    font-size:15pt;
    font-family: Ubuntu, Myriad, arial, sans-serif;
    color: #000000;
}
h2 {
    margin: 0.5em;
    padding-left: 3em;
    font-size:13pt;
    font-family: Ubuntu, Myriad, arial, sans-serif;
}

h3 {
    font-weight:normal;
    margin: 0.5em;
    margin-left:0.5em;
    text-align: center;
    font-size:11pt;
    font-family: Ubuntu, Myriad, arial, sans-serif;
    color: #6e6e6e;    
  
}

h4 {
  /*  color:#B31D04;  */    
    color: #e57503;  
  /*  color: #cd7212;   */
    background-color: ;
    font-size:10pt;
    font-family: arial, sans-serif;
    margin-bottom: -0.6em;
}

h5 {
    font-weight:normal;
    font-family: arial, helvetica, sans serif;
    font-size:11pt;
    color: #000000;
}
.bold {
    font-weight: bold;
}

p {
    font-size:10pt;
    font-family: arial, sans-serif;
    min-width: 0px;
    line-height:1.35em;
}

li {
    font-family: arial, helvetica, sans serif;
    font-size:10pt;
    min-width: 0px;
    line-height:1.35em;
    color: #000000;
}

/* alle body  */
#index, #leistungen, #referenzen, #sonstiges, #kontakt, #kontakt-sub, #anfahrt, #impressum, #leermuster1, #leermuster2 {
    margin: auto;
    margin-top: 80px;
    padding-left: 0px;
    width: 1000px;
    background-color: #DBDBDB;        
 /*background-color:#f3a94e;  */    
   /*   background-color: white;  
      background-color: #fef0b7;    */ 
}

#spalte_links {
    position: absolute;   
   /* float: left;     */
    margin-left: 30px;
    margin-top: 0px;
    width: 200px;
    background-color:#f4efe0;
/* background-color:#e1d9c4;     */
    z-index: 0;
    border-radius: 20px 0px 0px 20px;    /*nur außen abgerundet*/
    box-shadow: 5px 5px 10px #6e6e6e;  
}

#svb-gelb{
    margin-top: 30px;
    margin-bottom: 1em;
}

#sidebar-pic{
    margin-top: 1em;
}

#sidebar-end{
    margin-top: 0em;
}


#sidebar-text{
    margin:0.2em;
    text-align: center;
    font-weight:normal;
    font-family: arial, helvetica, sans serif;
    font-size:10pt;
    color: #000000;
}

#topheader {
    height: 10px;
    margin-left: 230px;
    margin-right: 30px;
    padding-top: 20px;
    background-color:white;
    border-radius: 0px 20px 0px 0px;
    box-shadow: 5px 5px 10px #6e6e6e;
} 

#spalte_rechts {
    margin-left: 230px;
    margin-right: 30px;
    padding-top: 20px;
    padding-bottom: 20px;
    padding-left: 60px;
    padding-right: 60px;
    background-color:white;     
  /*   background-color: #e1dbc4;   */  
    z-index: 1;
    box-shadow: 5px 5px 10px #6e6e6e;
}

#footer {
    margin-left: 230px;
    margin-right: 30px;
    height: auto;
    padding-top: 5px;
    padding-bottom: 20px;
    padding-left: 60px;    
    padding-right: 60px;
    background-color:#f4efe0;
    z-index: 2;
    border-radius: 0px 0px 20px 20px;
    box-shadow: 5px 5px 10px #6e6e6e;
}    

#foot_a {
    float: left;
    margin-left: 0px;
    width: 180px;
    padding-top: 10px;
    font-family: arial, helvetica, sans serif;
    font-size:9.5pt;
    line-height:1.3em;
    color:#494949;
    /*background-color:#ff55ff;     */
}

#foot_b {
    float: left;
    margin-left: 40px;
    width: 180px;
    padding: 10px;
    font-family: arial, helvetica, sans serif;
    font-size:9.5pt;
    line-height:1.3em;
    color:#494949;
    text-align: center;
    /*background-color:#ff55ff;     */
}                  

#foot_c {         /* internal links */
   float: right;
 /* margin-right: 60px;   */
 /*   margin-left: 35px;   */
    width: 180px;
    padding: 10px;
    font-family: arial, helvetica, sans serif;
    font-size:9.5pt;
    line-height:1.3em;
    text-align: right;
   /*background-color:#ff55ff;     */
}

.ext-link a:hover {
    font-weight: bold;
    font-style: normal;
}

#innovationspark-plan  {            /* nur für die Googlemap in Anfahrt */
    margin-top: 0.8em;
    width: 100%;
    height:100%;         
    margin-bottom: 1em;
}

 
 /*--------------- Navigation -----------------*/
#navi-block {   
    margin-left: 200px;
    margin-right: 30px;
    height:200px;
    background-image:url(images/header800px.jpg);  
/*    background-image:url(images/svb-nur-header4.jpg);    */
    background-repeat: no-repeat;
    box-shadow: 5px 5px 10px #6e6e6e;
}
    
  ul#Navigation {     /* der gesamte Menubereich */
    position: absolute;  
    margin-left: 230px;
    width: 45em;
    padding-top: 8.8em;
    height: 4em;
}

  ul#Navigation li {     /* Listenelemente Hauptmenu*/
    position: relative;
    list-style: none;
    float: left;
    width: 4em;   /*Breite Menukopf, vererbt auf Submenue*/
    margin-left:1.5em ;
    margin-right: 1.5em;
    padding: 0;
  }

 ul#Navigation li ul { /*der gesamte SubMenu-Bereich*/
    position: absolute;
    top: 2.1em; left: 0.1em;
    margin-left: 0.5em; padding: 0;
    width: 12em;
    border-radius: 5px;
    box-shadow: 2px 2px 15px #6e6e6e;        
  }

  ul#Navigation a { /* Links Hauptmenue */
    display: block;  
    width: 5.5em;
    padding: 0.5em 0.5em;
    text-align: center;
    text-decoration: none;
    font-family: Ubuntu, Myriad, arial, sans-serif;
    font-size:11pt;
    color: #6e6e6e;
  }

  ul#Navigation li ul a { /* Links Submenue */
    text-align: left;
    padding-top: 0.6em;
    padding-bottom: 0.6em;
    margin-left:0px;
    /*width:125px; */
    font-family:arial, helvetica, sans serif;
    font-size:11pt;
    color: #6e6e6e;
}
  ul#Navigation a:hover {
    color: black; /*schriftfarbe*/
    font-weight: bold;
    font-style: normal;
}

   /* Dynamischen Ein-/Ausblendung der Submenues*/
  ul#Navigation li ul {
    display: none; /* erstmal unsichtbar */
  }
  ul#Navigation li:hover ul{
    display: block;
    background-color: #f4efe0;    /* Glühbirnen gelb #ffd53c;  */
    width:150px;
  }

/* angewählte Seite im Hauptmenu markieren :
 Mit diesem Abschnitt werden die aktuell angewählten Seiten im Hauptmenu markiert (Rand mit Schatten und in schwarz). Soll die Markierung auch sichtbar sein, wenn eine Seiten aus dem Submenu angewählt wurde, dann müssen auch die Submenuseiten hier aufgeführt werden und im html der Submenuseiten muss der link aufs Hauptmenu auch zur Klasse .h-menu gehören.*/

 /*Hauptmenuseiten*/
    #index .h-menu, #leistungen .h-menu, #referenzen .h-menu, #sonstiges .h-menu, #kontakt .h-menu
 /*Submenuseiten        */
   #kontakt-sub .h-menu, #anfahrt .h-menu, #impressum .h-menu, #leermuster1 .h-menu,#leermuster2 .h-menu
{   border-radius: 5px;
    box-shadow: 1px 1px 6px #494949; 
  /*  background-color: #ffd53c;     */      
    color:black;
}

/* damit eine angewählte Submenu-Seite im Submenu markieren wird muss sie hier eingetragen sein*/
    #kontakt-sub .sub-menu, #anfahrt .sub-menu, #impressum .sub-menu, #leermuster1 .sub-menu, #leermuster2 .sub-menu   
{   border-radius: 5px;
    box-shadow: 1px 1px 6px #494949;   
    color:black
    }


a.navilink:link { color: white; text-decoration:none;}
a.navilink:visited { color: white; text-decoration:none; }
a.navilink:focus  { color: white; text-decoration:none; }
a.navilink:hover { color: black; text-decoration:none; }
a.navilink:active { color: black; text-decoration:none;}

 /* ------------------ neue Navigation Ende -------------*/

.ext-link {
    background: url(images/link-rot.png) no-repeat left;
   /* color:#B31D04;      */
    color: #e57503; 
    text-decoration: none;
    font-size:9.5pt;
    font-family: arial, sans-serif;
 }
 
 a.ext-link:hover   {  font-weight: bold; }

 .int-link {
    /*background: url(pics/link.png) no-repeat left;   */
    color:#494949;
    text-decoration: none;
    font-size:9.5pt;
    font-family: arial, sans-serif;
 }

a.int-link:link { color: #6e6e6e; text-decoration:none;}
a.int-link:visited { color:#6e6e6e; text-decoration:none; }
a.int-link:focus  { color:#6e6e6e; text-decoration:none; }
a.int-link:hover { color: black; font-weight:bold; text-decoration:none; }
a.int-link:active { color: black; text-decoration:none;}


.map{
    float:right;
    border-radius: 10px;
    box-shadow: 5px 5px 10px #494949;
    margin-bottom: 3em;
    margin-right: 2em;
    width:550px;
    height:350px;
}

.text-schmal {
    margin-right:4.5em;
}

.list  {
    list-style:none;
    font-size:9.5pt;
    font-family: arial, sans-serif;
    line-height:1.4em;
 }

.olist {
    list-style:disc;
    font-size:9.5pt;
    font-family: arial, sans-serif;
    line-height:1.4em;
 }

 .olist-abstand li{
    list-style:disc;
    font-size:9.5pt;
    font-family: arial, sans-serif;
    margin-left: -2em;
    margin-right:5em;
    line-height:1.3em;
    margin-bottom:0.6em;
 }

.list-text {
    margin-top: -0.6em;
    margin-bottom: -0.6em;
    line-height:1.4em;
    list-style:none;
    font-size:9.5pt;
    font-family: arial, sans-serif;
 }
 
.disclaimabsatz {
    color: #e57503;
    /*color:#B31D04;   */
    text-decoration: none;
    font-weight: bold;
    font-size:9.5pt;
    font-family: arial, sans-serif;
 }

 .fuss {
    border-radius: 5px;
    box-shadow: 2px 2px 10px #494949;
    color: #6e6e6e;
    width: 650px;
    font-size:9pt;
    margin-top:20em;
    line-height:2em;
    text-align:center;
 }