html, body {
               font-family:verdana, arial, sans, Helvetica;
	           font-size: 10px;
                color:#999999;

            }
/* mac hide\*/
html, body {height:100%}
/* end hide */
html,body {
	padding:0;
	margin:0;
	
}
body{
	text-align:center;
	min-width:965px;/* for mozilla*/
	background-color: 2c2c2c;
	color: #000000;
        overflow: auto;
}
.layout {   height:567px;
	min-height:567px;
	width:850px;
	color: #000000;
	text-align:left;
	margin:5% auto 0 auto;

	position:relative;
	border: 0px solid red;
	z-index: 1;


            }

 
.img_right {  float: right; padding-left: 10px;  }
.img_left {  float: left; padding-right: 10px;  }
.img_center img { display:block; margin: 0 auto  }
    
 
.content img {border: 1px solid white}





.footer {     z-index: 3;
             width:950px;
	clear:both;
	height:30px;
	color: #000000;
	text-align:center;
	left:0;
	bottom:0;
	position: absolute;
            }
* html .footer{margin-bottom:-1px}/* ie rounding bug*/
* html .footer {/*ie*/
	\height:32px;/* for ie5 */
	he\ight:30px;/* for ie6 */
}

.footer div{			width:950px; font-size: 11px;
						height: 99%;
						background:#ddd;
						color: #888888;
						text-align: center;
						line-height: 250%}

.clearfooter {width:100%;height:20px;clear:both} /* to clear footer */

a img {border:1px solid white}
.ohne .unterschrift {display:none}
 /*//////////////////////////////////////////////
 im contentbereich
 ////////////////////////////////////////////////*/


.topnavi {position: relative;
             top: 140px;
             left: 45px}
.topnavi * {color: #999999;
                font-family: Verdana, Arial, helvetica, sans serif;
                font-size: 10px;
                text-decoration: none;
                padding: 0 8px
                }

.topnavi a.checked,
.topnavi a:link.checked,
.topnavi a:visited.checked,
.topnavi a:hover
										{ color: #cc3300;
										   background: transparent}


 .navi {width: 120px;
           position:relative;/*ie fuer float */
	       float:left;
	       top: 160px;
	       left: 45px;
	       background: url(images/navi) no-repeat;
	       border: 0px solid yellow;
          }

  .navi a,  .navi a:link,  .navi a:visited{ 
            text-decoration: none;
            color: e2e2e2;
            display: block;
            font-size: 10px;
            padding: 2px 0 2px 0px;
            background:transparent;
            overflow: hidden;
            margin: 0;
}



.navi a.checked,
.navi a:link.checked,
.navi a:visited.checked,
.navi a:hover
										{ color: #cc3300;
										   background: transparent}



 .content {        width: 689px;
                        float:right;
line-height:180%;
                        z-index: 3;
	                   margin-bottom: 30px;
	                   position: relative;
	                   top: 163px;
	                   height: 350px;
	                   overflow: auto;
	                   
}
 .content .unterschrift {display: none}
.content * {text-align: ;
                 color: e2e2e2;
line-height:180%;}
.content h1 {        margin: 0 0 4px 0;
                          font-weight: normal;
                          font-size: 14px;
                          padding: 0 0 7px 0;
                          
                          }
.content h2,.content h3 ,.content h4  {        margin: 0 0 9px 0;
                          font-weight: bold;
                          font-size: 10px;
          line-height: 140%
                          padding: 0 0 7px 0;
                          border-bottom: 1px dotted silver;
                          color: e2e2e2}
.content a, .content a:link, .content a:hover, .content a:visited
                          {color: #cc3300; text-decoration: none}

 ul {margin: 0 0 0 20px;
      padding: 0}

 /*//////////////////////////////////////////////
INFOS
 ////////////////////////////////////////////////*/
.info_wrapper {position: absolute;
                   top: 175px;
                   z-index: 5000;
                    right:35px;
                    border: 0px solid blue;
                    width: 140px}
.info_wrapper * {color: e2e2e2}
 .infobar          {clear: both;
                       text-align: left;
line-height:150%;
                       margin:0;
                       }
.infobar a {margin: 0; padding: 0; border:0}
.infobar a img {margin: 0 0 5px 0; padding: 0; border:1px solid white}

.infobar h1 {margin: 4px 0 5px 0px;
                      font-size: 14px;
                      font-weight: normal}
.info_wrapper div a img {border: 1px solid white}