/*	
  IT-POTT OHG, Multimedia im Ruhrgebiet
  Promenadenweg 23
  45219 Essen
  Telefon: 02054-969598-3
  Telefax: 02054-969598-4 
  www.it-pott.de
*/	


html, body {	
  height:              100%;
  margin:              0;
  padding:             0;
	}
	
  html {
	overflow:            scroll;
	}
	
	body {
	font-family:         Arial, Helvetica, sans-serif; 
	font-size:           11px;
  	background:          url(../images/verlauf.jpg);
	behavior:            url(css/csshover.htc);
	background-repeat:   repeat-x;
	background-color:    #858F97;     
  } 
	
#content_high {
	position:            absolute;   
	margin:              auto;
	left:                50%;
	top:                 25px;
	margin-left:         -462px;  
	height:              115%;
	min-height:          115%;
  background:          url(../images/main_bg.gif);
	background-repeat:	 repeat-y;
	width:				       950px
  }

body>#content_high {
  height:              auto;
  z-index:             1; 
  }


/* Header */
#header {
	position:			       absolute;
  width:               950px;
	height:              142px;
	left:                0px;
	z-index:             3;  
  }

#header img {
	float:               left;
	z-index:             3; 
  }

/* Content */
#content {
  position:            relative;  
  float:               left;
  padding-top:         210px;
  width:               660px; 
  padding-right:       50px;
  font-size:           12px;
  line-height:         1.6em;
  color:               #333;  
  z-index:             1;   
  overflow:            hidden;
  }


/* Rechtes Div */
#right {
  position:            absolute; 
  left:                710px;
  top:                 222px;
  width:               235px;
  }

/* ------------------------------------------Navigation------------------------------------ */

#navi ul li:hover ul.level_2 { 
	display: 			       block;
  }
  
 #navi ul ul li:hover ul.level_3,
 #navi ul ul li.active ul.level_3,
#navi ul ul li.trail ul.level_3
  { 
	display: 			       block;
  }
   

#navi {
  position:			       absolute;
  left:                0px;
  width:               952px;
  top:                 142px;	
  text-align:          center;
	font-size:           12px;   
  z-index:             3;        
  }

#navi ul {           
	margin:              0;
	padding: 		 	       0;
	list-style: 		     none;
  }

#navi ul li {
	float: 				       left;
	position: 			     relative;
	width: 				       140px; /* Width of Menu Items */
	border-right:		     solid 2px #fff;
	background:			     url(../images/nav_off.gif);
	border-top:          2px solid #fff;   
  }
             	
#navi ul li.presse {
	position: 			     relative;
	border-right:		     none;
  width: 				       240px; /* Width of Menu Items */
  }
  	                	
#navi li ul {
	position: 			     absolute;
	left: 				       0; /* Set 1px less than menu width */
	text-align:          	left;
	display: 			       none;
  }
  
#navi ul .level_3 {
	position: 			     absolute;
	left: 				     15px; /* Set 1px less than menu width */
	text-align:          		left;
	display: 			       none;

  }

/* Styles for Menu Items */
#navi a {
	text-decoration:      none;
	display:			        block;
	padding: 			        4px;   
  color:                #fff; 
}

#navi a:hover {
  background:			      url(../images/nav_over.gif);
	color:				        #666666;
  }

#navi .active span {
	text-decoration: 	    none;
	display:			        block;
	padding: 			        4px;
 	background:			      url(../images/nav_over.gif);
	color:				        #666666;
  }

#navi .trail {
  background:			      url(../images/nav_over.gif);
	color:				        #666666;     
  }

#navi ul ul a,
#navi ul  .active span {
  padding-left:         4px;
  }

.invisible {
	width:0px;
	height:0px;
	left:-1000px;
	top:-1000px;
	position:absolute;
	overflow:hidden;
	display:inline;
	}
                         
/* Holly Hack. IE Requirement \\*/
* html #navi ul li { 
	float: 				        left; 		
	height: 			        1%;
  }
* html #navi ul li a { 
	height: 			        1%; 
  }

#content a {
	text-decoration:      none;
	color:                #000;  
  }

#content a:hover {
	text-decoration:      underline;
	color:                #000;  
  }

/* Ueberschriften */
h1 {
	position:             relative;
  font-weight:          bold;
	font-size:            18px;
	border-bottom:        3px solid #ffcc00;
	color:                #666;  
  margin-bottom:        40px;
  }
  
 .home h1 {
	position:             relative;
  	font-weight:          bold;
	margin-top:-5px;
	font-size:            18px;
	border-bottom:        3px solid #ffcc00;
	color:                #666;  
  	margin-bottom:        40px;
  } 
  
h2 {
  font-weight:          bold;
	font-size:            12px;
	color:                #666;
  }

h3 {
  font-weight:          bold;
	font-size:            11px;
	margin-bottom:        0;
  }

/* Klassen */
#content .mod_article {
  margin-left:          143px;
  }


#content .mod_article img {
  position:             absolute;
  left:                 0px;
  border:               0px;
  }   
  
body.fondsvermoegen #content .mod_article img {
  position:             relative;
  }
  
body.fondsvermoegen #content .mod_article img.mime_icon {
  position:             relative;
  border: none;
  }    

.login_depot {
  position:             absolute;
  left:0; 
  margin-top:40px;
  margin-left:25px;
  }  

.ce_text{
  margin-bottom:        60px;
  }
  
.ce_download {
  margin-bottom:        0px;
  }
  
.downloadarchivItem {
  margin-bottom:        0px;
  }
  
.downloadarchivList {
  margin-bottom:        0px;
  }
.ce_downloadarchiv {
   margin-bottom:       30px;
  }
  
#content .mod_article .mime_icon {
  position:             relative;
  top:                  3px;
  } 
  
#content .mod_article .einzug img {
  position:             relative;
  left:                 -143px;
  top:                  6px;
  margin-right:         -109px;
  margin-bottom:        30px;   
}

 .urkunde img {
  margin-left:          23px;	
  }

.teaser_news {
  padding-top:          20px;
  }
  
.news_short,
.news_full {
  height:               150px;
	}

.news_short img,
.news_full img {
  margin-left:          23px;
	}

.adressen img {
  margin-top:           -63px;
  }

#content .mod_article #team img {
position:relative;

}
#content #team {
position:relative;
width:518px;
height:321px;
top:-20px;
overflow:hidden;

	
}

.highlight {
  color:                #333;
  letter-spacing:       0.1em;
	font-weight:          bold;
  }

#content .archiv_link a,
#content .back a {
  position:             relative;
  top:                  -15px;
  color:                #666;
  letter-spacing:       0.1em;
	font-weight:          bold;
  text-decoration:      none;
  }

#content .more {
  color:                #666;
  letter-spacing:       0.1em;
	font-weight:          bold;
  text-decoration:      none;
}  
  
#content .archiv_link a:hover,
#content .back a:hover,
#content .more:hover {
  color:                #000;
  text-decoration:      none;
  }  

iframe {
 margin-top:            10px;
 }
 
.left {
 float:                 left;
 }
 
.right {
 float:                 right;
 }
 
/* Rechte Tabelle Klassen */
.hg_du {
	background:           url(../images/tab_hg1.gif);
	height:						    20px;
	padding-left:				  5px;
 }

.fett {
	color:						    #ffcc00;
	font-weight:				  bold;	
 }

.einger {
	font-weight:				  bold;
	padding-left:				  5px;
 }

.hg_he {
	background:					  url(../images/tab_hg2.gif);
	height:						    20px;
 }

.tabelle {
	margin-left: 				  9px;
	font-size:					  13px;
	color: 						    #fff;
 }
 
 .ansprechpartner table {
 float:none;
 padding-bottom:25px;

 
 }
 
.tabelle a {
	text-decoration:      none;
	color:                #fff;  
  }

.tabelle a:hover {
	text-decoration:      underline;
	color:               	#ffcc00;  
 }