@media all {
   html {height:100%} 
   
   body { 
   	min-height: 101%;	
       font-size: 100.01%; 
       position: relative; 
      background-image: url(../../images/bg_body.jpg);
      background-repeat: repeat-x;
   } 
   
   /*******************************************************************************
   // Globale Angaben
   /******************************************************************************/
   * {
      margin:0;
      padding:0;
      border:0;
      font-size: 1em;}
   
   body, div, p,  ul, ol, h1, h2, h3, select, table, form {
      font-family: Verdana, Georgia, "Times New Roman", serif;
      font-size: 11px;  
      color: #444444;
      text-align:left;
      line-height:1.4em;
   }
   body {
      text-align:center;
      background-color:#BFBFBF;
      padding-top:28px;
   }
   
   /*******************************************************************************
   // Die Hauptdivisions
   /******************************************************************************/
   #container {
      margin:auto;
      width:760px;
      background-color:#CACACA;
      padding-top:12px;
      padding-bottom:12px;
   }
   
   #logo {
      width:737px;
      height:110px;
      margin-left:11px;
      margin-bottom:8px;
   }
   
   #navigation {
      width:737px;
      height:25px;
      vertical-align:middle;
      background-color:#FFFFFF;
      margin-left:11px;
      margin-bottom:9px;
      padding-top:7px;
   }
   
   #content {
      margin-left:11px;
      width:737px;
      background-color:#FFFFFF;
      padding-top:9px;
      padding-bottom:9px;
   }
.textblock h2 {
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
      font-size: 13px;
      margin-bottom: 0.5em;
      margin-left: 9px;
      }
   
   #text {
      width:717px;
      background-color:#E4E5E0;
      margin-left:10px;
      margin-right:10px;
      padding-top:8px;
      padding-bottom:12px;
      min-height:400px;
   }
   
   #extra {
      margin-left:11px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
      font-size:11px;
   }
   
   /*******************************************************************************
   // Die Navigations-Divisions
   /******************************************************************************/
   #zentrale {
		font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;      
      position:absolute; 
      visibility:hidden;
      z-index:100;
      width:7em;
      background-color:#BF0D00;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #zentrale_container {
      position:absolute;
      width:7em;
      visibility:hidden;
      z-index:10;
   }
   #recherche {
		font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;
      position:absolute; 
      visibility:hidden;
      z-index:100;
      width:9.9em;
      background-color:#EEB900;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #recherche_container {
      position:absolute;
      width:9.9em;
      visibility:hidden;
      z-index:10;
   }
   #hosting {
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;
      position:absolute; 
      visibility:hidden;    
      z-index:100;
      width:8.4em;
      background-color:#9FAA00;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #hosting_container {
      position:absolute;
      width:8.4em;
      visibility:hidden;
      z-index:10;
   }
   #service {
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;
      position:absolute; 
      visibility:hidden;
      z-index:100;
      width:16.5em;
      background-color:#E55300;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #service_container {
      position:absolute;
      width:16.5em;
      visibility:hidden;
      z-index:10;
   }
   #vertrieb {
   	font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;
      position:absolute; 
      visibility:hidden;
      z-index:100;
      width:9.4em;
      background-color:#035eaf;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #vertrieb_container {
      position:absolute;
      width:9.4em;
      visibility:hidden;
      z-index:10;
   }
   #ebooks {
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
      font-size: 11px;
      position:absolute; 
      visibility:hidden;
      z-index:100;
      width:7.5em;
      background-color:#68177F;
      border:8px #FFFFFF solid;
      padding:4px;
   }
   #ebooks_container {
      position:absolute;
      width:7.5em;
      visibility:hidden;
      z-index:10;
   }

   
   /*******************************************************************************
   // Text-Divisions
   /******************************************************************************/
   .textblock {
      width:698px;
      padding-top:19px;
      padding-bottom:19px;
      margin-left:9px;
      margin-bottom:9px;
      background-image:url(../../images/bg_content_ohne.gif);
      background-repeat:repeat-y;
      min-height:350px;
   }
   
   .links {
      width:210px;
      float:left;
   }
   
   .rechts {
      width:488px;
      float:right;
   }
   
   .threecolumns {
      width: 668px; 
      margin-left: 15px;
      }
         
   .threecolumns div{
      width: 33%;
      float: left;
     }
     .threecolumns div h2, .threecolumns div p{
      margin-left: 0;
     }

     .fourcolumns { 
        position: relative;
        background: #e4e4e4;
        width: 668px;
        background: #e4e4e4 !important;
        margin:15px        ;
       
       }
       .fourcolumns div {
       float: left;
       width:25%;
       }   
   
   .fourcolumns .icon {
       margin: 10px;
       }
   
   .fourcolumns div h2, .fourcolumns div p {
       font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif !important;
       font-size:10px !important;
       }
   /*******************************************************************************
   // Textauszeichnungen
   /******************************************************************************/
   h1 {
      margin-left:9px;
      height:23px;
      width:719px;
      margin-bottom:6px;
   }
      
   h2.news {
      margin-bottom:4px;
      font-size:14px;
      color:#BF0D00;
   }
   
   h2.index_zmg{
      color:BF0D00;
      font-size:14px;
      font-weight:bold;
   }

   p {
      margin-left:9px;
      margin-right:9px;
      margin-bottom: 10px;
   }
   
   /*******************************************************************************
   // Listen
   /******************************************************************************/
   ul, ol {
      margin-left:9px;
      margin-right:9px;
      list-style:inside;
      list-style-type: none;
      list-style-image: url('../../images/pfeil-klein.gif');     
   }
   
   li.navi {
   }
   
   li.subnavi {
      margin-left:14px;
   }
   
   /*******************************************************************************
   // Links
   /******************************************************************************/
   a:link, a:visited, a:active { 
      color: #444444;
      text-decoration: underline; 
   }
   a:hover { 
      color: #aaaaaa; 
      text-decoration: none; 
   }
   
   a.extra:link, a.extra:visited, a.extra:active { 
      text-decoration: none;
   }
   a.extra:hover { 
      text-decoration: underline; 
   }
   
   
   a.zevep_navi:link, a.zevep_navi:visited, a.zevep_navi:active { 
      color: #FFFFFF;
      text-decoration: none; 
      font-weight:normal;
      line-height:1.8em;
   }
   a.zevep_navi:hover { 
      color: #FFFFFF; 
      text-decoration: underline; 
      font-weight:normal;
      line-height:1.8em;
   }
   
   a.content_navi:link, a.content_navi:visited, a.content_navi:active { 
      color: #FFFFFF;
      text-decoration: none; 
      font-weight:normal;
      line-height:1.8em;
   }
   a.content_navi:hover { 
      color: #FFFFFF; 
      text-decoration: underline; 
      font-weight:normal;
      line-height:1.8em;   
   }
   
   a.hosting_navi:link, a.hosting_navi:visited, a.hosting_navi:active { 
      color: #FFFFFF;
      text-decoration: none; 
      font-weight:normal;
      line-height:1.8em;
   }
   a.hosting_navi:hover { 
      color: #FFFFFF; 
      text-decoration: underline; 
      font-weight:normal;
      line-height:1.8em;
   }
   
   a.portal_navi:link, a.portal_navi:visited, a.portal_navi:active { 
      color: #FFFFFF;
      text-decoration: none; 
      font-weight:normal;
      line-height:1.8em;
   }
   a.portal_navi:hover { 
      color: #FFFFFF; 
      text-decoration: underline; 
      font-weight:normal;
      line-height:1.8em;
   }
   
   a.navi_links:link, a.navi_links:visited, a.navi_links:active { 
      text-decoration: none;
      font-weight:bold;
   }
   a.navi_links:hover { 
      color: #cacaca; 
      text-decoration: underline; 
      font-weight:bold; 
   }
   
   a.subnavi_links:link, a.subnavi_links:visited, a.subnavi_links:active { 
      text-decoration: none;
      margin-left:20px; 
      line-height:1.0em;
   }
   a.subnavi_links:hover { 
      color: #cacaca; 
      text-decoration: underline; 
      margin-left:20px;
   }
   
   /*******************************************************************************
   // Formulare
   /******************************************************************************/
   .kontakt {
      width: 250px;
      padding:2px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;  
      margin-bottom: 12px;
      border:1px #B2B2B2 solid;
      }
   textarea {
      width:250px;
      height:150px;
      border:1px #B2B2B2 solid;
      padding:2px;
      font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, serif;
      font-size: 11px;  
   }
   .formbutton {
      background-color:#D0D0D0;
      border-right:1px solid #A0A0A0;
      border-bottom:1px solid #A0A0A0;
      border-top:1px solid #C0C0C0;
      border-left:1px solid #C0C0C0;
   }
   /*******************************************************************************
   // Tabellen
   /******************************************************************************/
   td {
      vertical-align:top;
      line-height:1.4em;
   }
	td.navi_img{padding-top:3px; padding-right:5px;}

	}

   /*******************************************************************************
   // Subnavigation
   /******************************************************************************/
#subnavi {
margin: 20px auto auto 26px;
list-style-image: url('../../images/pfeil-klein.gif');
list-style-type:none;
}

#navigation img {
margin-left: none;
}

img.detailimage, image.detailimage {
   margin-bottom:4px;
   border:1px solid #CACACA;
}