/*-------- Browser-Standard-Werte zurücksetzten --------*/

* {
    margin: 0;
    padding: 0;
    font-size: 100%; /* bei % oder 'em'-Angaben bleibt die Möglichkeit, mit Hilfe des Browsers die Schriftgröße auf z.B. 'sehr groß' zu stellen */
    font-weight: normal;
}

ul,
ol, li {
    text-decoration:  underline;
    
}

b,
strong {
    font-weight: bold;
}

img,
a img {
    border: none;
}


/* ------------ allgemeine Deklarationen ------------ */  
html {
    height: 100.2%;  
  /*  height: 100.2%; ----um scrollbalkenb zu erzwingen*/  
}
body {
    height: 100%;
    line-height: 18px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
    color: #444444;
    
    /*background: #F9F9F9;    */
background: #494949 ; 
}

p, h2, ul, ol, table {
    margin-bottom: 13px;
}
h1 {
    margin-bottom: 18px;
    font-size: 20px;
    color: #CD0000;
    line-height: 24px;
}
h2 {
    font-size: 16px;
    font-weight: bold;
    line-height: 20px;
}
h3 {
    margin-bottom: 2px;
    font-size: 14px;
    font-weight: bold;
}
h4 {
    margin-bottom: 2px;
    font-weight: bold;
}
a {
    text-decoration: none;
    text-decoration: underline;
    color: #080808;
}

/* ------------------- Kontainer -------------------- */

/* ------------------- head -------------------- */
#seite {
	height: 100%;
	width: 100%;
	display: table;	 
}

#vertical-center {
    display: table-cell;
    vertical-align: middle;
    padding: 20px; /* Beim alten IE klappt unter Umständen die verticale Zentrierung nicht. Innenabstand dient dann dazu, dass "horizontal-center" nicht direkt oben anfängt. */
} 
 
#horizontal-center {
    margin: 0px auto;
	width: 1024px;
     
}

#head {
	position: relative;
    width: 1100px;
    height: 170px;
    background: url("pics/hgtop22c.png") no-repeat top left;
}

#navi {
    position: absolute;
    top: 129px;
    left: 85px;
    width: 800px;
    height: 30px;
  /* background-color:   #525252;   */
}
 
#navi ul {
    margin: 0px 0px;
    padding:1px 0px;
    list-style: none;
}
#navi li {
    display: inline;
}
#navi a {
    width: 125px;
    display: block;
    float: left;
    text-align: center;
    text-decoration: none;
    font-weight: bold;
    color: #808080;
}
#navimp {
    position: absolute;
    top: 12px;
    right: 98px;
    width: 110px;
    height: 30px;
}
#navimp ul {
    margin: 0px 0px;
    padding:1px 0px;
    list-style: none;
}
#navimp li {
    display: inline;
}
    

 /*background-color:   #525252; */ 


/* Damit der Link der angewählten Seite hervorgehoben werden kann, benötigt man zwei id's. Eine im 'body' und eine im 'li' des Links. */
/* Bedeutung folgender CSS-Codes: z.B. bei der Kombination aus '#index #navi_1' wird der Tag (a) z.B. gelb. */
#startseite #navi_start a, #service #navi_service a, #partner #navi_partner a, #kontakt #navi_kontakt a, #bilder #navi_bilder a, #impressum #navi_impressum a {
    background-color: #F4F4F4
}
#navi a:link {}
#navi a:visited {}
#navi a:focus {}
#navi a:hover {color: #000;}
#navi a:active {color: #000;}


#titel  {       
    position: absolute;
    margin: 190px 60px;
    padding: 10px;
    width: 250px;
    height: 20px;
/*background-color:   #525252; */
}
#info  {
    position: absolute;
    margin: 40px 0px;
    padding: 0px;
    width: 364px;
    height: 300px;
    background-color:   #522252;
}


#titel .links p {
    margin-bottom: 0px 10px;
    padding: 10px;
    /*background: #F4F4F4;*/
}

/* ------------------- inhalt -------------------- */

#inhalt {
    float: left ;
    width: 1100px;
    background: url("pics/hgmiddle2.png")
}


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

#left {
    float: left;
    padding: 0px 10px;
    margin: 60px 60px;
    width: 700px;
  /*background-color:  #800000;  */ 
}

#left .links p {
    margin-bottom: 10px;
    padding: 10px;
    background: #F4F4F4;
}


/* ---------- inhalt rechts ------- */

#right {
    float: left;
    margin: 40px 0px;
    width: 180px;
    height: 400px;
/*background-color:   #4242B3; */  
    }
    
   #inforight {
    float: left;
    margin: 0px;
    width: 360px;
    height: 600px;
/*    background-color:   #4242B3;    */
    } 
#right_impressum {
    float: left;
    margin: 2px;
    width: 348px;
    height: 415px;
/*    background-color:   #4242B3;    */
    }
#right_impressum .rechts p {
    margin-bottom: 10px;
    padding: 10px;
    background: #F4F4F4;
}

#right .rechts p {
    margin-bottom: 10px;
    padding: 10px;
    background: #F4F4F4;
} 

/* ---------- viewer unten ------- */
#viewer {
    position: absolute;
   
    margin-top: -100px;
    margin-left: 4px;
    width: 1088px;
    height: 90px;
    /*  background-color: #4242B3;    */
}


/* ------------------- foot -------------------- */
#feet {
    clear: both;
    position: relative;
    float: left;
    width: 1100px;
    height: 32px;
    background: url("pics/hgbottom2.png") no-repeat top left;
} 


#iso {
    clear: both;
    position: absolute;
    float: left;
    margin-top: -30px ;
    width: 77px;
    height: 114px;
    text-align: center;
    background-color:  #808080;  
}
     
#bottom {
    float: left;
    margin: 0px;  
    width: 1100px;
    height: 20px;
    text-align: center;
/*background-color:  #808080;  */   
}