body {
font:95% Verdana,Geneva,Arial,Helvetica,sans-serif;
background-image:url(htg_rechenzentrum2.png);
color:#505050;
background-color: #FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 10px;
}


#mainnavi{
/*font-size:12px;*/
font-size:1.5em;
}

#menu_boxen a{
color:#FF0000;
text-decoration:none;
}
#menu_boxen li{
color:#FF0000;
text-decoration:none;
}
#menu_boxen ul{
color:#FF0000;
text-decoration:none;
}
#menu_boxen {
color:#FF0000;
text-decoration:none;
}


#content {
padding-top:20px;
padding-bottom:20px;
top:auto;
line-height: 1.5em;
font-size:1.2em;
font-family: Arial, Helvetica, sans-serif;
margin-top:10px;
margin-bottom:20px;
margin-right:5px;
/*font-size:12px;*/
vertical-align:top;

}
#content h1 {
	color: #005483;
	font-size:24px;
	margin-top:1.0em;
	padding-bottom:13px;
	margin-bottom:10px;
	border-bottom-style:solid;
 border-bottom-width:1px;
 border-bottom-color:#005483;
}

#content h2 {
margin-bottom:1.0em;
	color: #005483;
	font-size:20px;
}

#content h3 {
	color: #005483;
	font-size:12px;
	margin: 0px;
	padding: 0px;

}

#content h4 {
	color: #005483;
}



#content ul {
	margin-top:10px;
	margin-left:10px; 	
	
}

#content li {
	margin-top:0px;
	list-style: inside;
	margin-left:10px;
	
}



#content a {
	color: #005483;
	/*font-size:12px;*/
	text-decoration:none;
}

#content a:hover {
	color: #005483;
	/*font-size:12px;*/
	text-decoration:underline;
}

.footer {
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
       padding-top: 8px;
       margin-top: 8px;
}

.footer a{
	font-size: 10px;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	/*padding-bottom: 5px;*/
	text-decoration:none;
}

.footer a:hover{
	text-decoration:underline;
}

#box_navi, .rechts_ts_variabel{
	font-family: Arial, Helvetica, sans-serif;
	font-size:14px;
	background-color:#DBDADC;
	color:#005483;
	margin-top: 10px;
	margin-bottom: 10px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left:15px;
	width: 190px;
	text-align: left;
}

#box_navi li , .rechts_ts_variabel {
	padding:1px;
	padding-left:5px;
	margin-top:2px;
	list-style-type: none;
	border-bottom:1px;
	border-bottom-color:005483;
	border-bottom-style:solid;
	border-top:1px;
	border-top-color:005483;
	border-top-style:solid;
	border-left:1px;
	border-left-color:005483;
	border-left-style:solid;
	background-color: #EEE;
}

#box_navi a, .rechts_ts_variabel a {
text-decoration:none;
color: #005483;
}

#box_navi a:active {
background-color: #005483;
display:block;
color: #FFFFFF;
}

#box_navi a:hover {
background-color: #005483;
color: #FFFFFF;
display:block;
/*padding-left:13px;*/
}



#box_navi li a:active {
background-color: #005483;
display:block;
color: #FFFFFF;
}

#box_navi li a:focus {
background-color: #005483;
display:block;
color: #FFFFFF;
}

.rechts_ts_variabel {
 margin-top:10px;
}


/************** Schriften RTE *************************************************************************/
.infosyn1 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
    color: #005483;
	text-align:center;
	float:right;
}

.infosyn2 {
    font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	font-size: 14px;
    color: #005483;
	text-align:normal;
	
}


/******************************* Dropmenue *************************************************************/
ul.menu  {
	color:#FFF;
	text-decoration:none;
	list-style-type: none;
	padding: 0px;
	margin: 0px;
	border: 1;
	border-color: #000000;
	margin-right:10px;
}

ul.menu li {
	float: left;
	border-right: 1;
	border-right-color: #999999;
	border-right-style: solid;
	/*border-bottom: 0;
	border-bottom-color: #999999;
	border-bottom-style: solid;
           border-bottom-width: thin;*/	
           font-family: Arial, Helvetica, sans-serif;
	border-right-width: thin;
}

ul.menu a {
	padding-left:6px;padding-right:6px;
	padding-top:3px;
	padding-bottom:2px;
	display: block;
            font-weight: normal;
	color:#FFF;
	text-decoration:none;
	background-color:#005483;
	
}


ul.menu hover, ul.menu active, ul.menu focus {
	color:#005483;
	/*display:block;*/
	background-color:#FFF;
}

ul.menu a:hover, ul.menu a:active, ul.menu a:focus {
	color:#005483;
	/*display:block;*/
	background-color:#FFF;
}

ul.menu ul li {
    /*float:left;*/
	float:none;
}

/* Zweite Ebene */
        ul.menu ul {
              margin:0;
              padding: 0;
              position: absolute;
              background-color: #005483;
              color:#FFF;
              border: 1px solid #005483;
              display: none;
              width: auto;
			  z-index:100;
			     }

		ul.menu ul a{
                        color:#FFF;
			background-color:#005483;#
			white-space:nowrap;
		}
		
		ul.menu ul a:hover, ul.menu ul a:active  {
			background-color:#FFF;
			color:#005483;
			display:block;
			white-space:nowrap;
			  
		}
		
/* Zweite Ebene anzeigen */
       ul.menu li.hover ul, ul.menu li:hover ul  {
               display: block;
			   width: auto;#
			   
			   }

/* Dritte Ebene */
        ul.menu ul ul{
		z-index:100;
        margin:0;
        padding: 0;
        position: absolute;
        background-color: #DBE29A;
        border: 1px solid #000;                
		display: none;
        width: 180px;;
			     }
				 
		

	   ul.menu li.hover ul ul, ul.menu li:hover ul ul {
				display: none;
                margin-left: 100px; /* Breite eines Listenelements - ?&#339;berlagerung */
                margin-top: -15px; /* Höhe eines Listenelements */
    		    }

   /* Dritte Ebene anzeigen */
       ul.menu li.hover ul li.hover ul, ul.menu li:hover ul li:hover ul {
                display: block;
	      }

/****************************** Ende Testmenü ***************************************************************/*/

/****** MAILFORMULAR *************************************************/
legend {
padding-left:10px;
padding-right:10px;
border: 0px;
}

fieldset {
border:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:10px;
border: 1px dotted #C0C0C0;
}

.radiolayout {
width:80%;
padding-top:15px;
padding-bottom:15px;

}

.formu {
width:80%;
padding-top:10px;
padding-bottom:10px;
padding-left:30px;
border: 1px dotted #C0C0C0;
background-image:url(htg_mail.png)
}

.mf-radio {
border:0px;
}

.mf-text {
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}

.mf-text{
color: #000000;
border: 1px solid #C0C0C0;
margin-bottom: 5px;
}


.mf-text:focus {
	background-color: #CCCCCC;
}

.mf-check {
border: 0px;
}

.mf-select {
border:0px;
}

.mf-input {
border: 1px solid #C0C0C0;
margin-bottom: 5px;
overflow:hidden;
}


.mf-input:focus {
	background-color: #CCCCCC;
}


.mf-submit {
color: #ffffff;
background-color: #C0C0C0;
border: 0px;
}
/****************** ENDE MAILFORMULAR ***********************************/

/*********** TEST IMAGEMAP *****************************************************/
#xticker {
   border : 1pt #777777 solid;
   left : 380;
   position : relative;
   top : -80;
   width : 210;
   height : 60;
   background-color:#FFF;
}

/*#Layer1 {
   position : relative;
   background-color:#FFF;
   width : 215px;
   height : 98px;
   z-index : 1;
   left : 0;
   top : 0;*/
}/*****************************************************************************/
