/*
  IT-Informatik GmbH
  Stylesheets V 1.0
*/

html, body{
  margin: 0;
  padding: 0;
  background: #f5f7f8;
  color: #333333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;
  height: 100%;
  scrollbar-base-color:#ffffff;
  scrollbar-3d-light-color:#E5E9EC;
  scrollbar-arrow-color:#333333;
  scrollbar-darkshadow-color:#ffffff;
  scrollbar-face-color:#E5E9EC;
  scrollbar-highlight-color:#E5E9EC;
  scrollbar-shadow-color:#E5E9EC;
  scrollbar-track-color:#ffffff;
	}
	
h2{
  color:#004488;    
  color:#333333;   
  font-size: 11px;
	margin-top:-3px;
	margin-bottom:14px;
	line-height:1.4em;
	font-weight:bolder;
	}	

	
.header{
	height:92px;
	}
		
td.navigation {
	height:17px;
	background: url(../images/leiste.gif);
	}
				
.main-table{
	width:850px;
	float:left;
	border:1px solid #bac3ca;
	}	

td.content{
	background:url(../images/bgcontent.gif);
	height:400px;
	}		

/* Container in dem Main-Content und Marginal liegt */
div.content{
	height:430px;
	overflow:auto;
	}	

/* Listen */
div.content ul {
  list-style-type: none;
  color: #333333;
  font-size:11px;
  margin:0px;
  padding:0px;
}

div.content li {
  background-image:url(../images/listImg.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-left: 1.3em;
  padding-top:2px;
}
/* Links in Listen */
div.content ul li a, 
div.content ul li a:link,
div.content ul li a:visited
{
  background-image:none;
  color:#333333;
  color:#bd2b16;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;  
  text-decoration:none;
  padding:0px;
}

div.content ul li a:hover,
div.content ul li a:active
{
  text-decoration:underline;
}

/* HINWEIS: Content besteht aus main-content und Marginalspalte */

/* Container fuer den Contentbereich */	
div.main-content{
	float:left;
	display:inline; /* wg. IE-BUG */
	margin-left:25px;
	margin-top:18px;
	width:575px;
	line-height:15px;
	}	
	
div.main-content h1{
	font-size:18px;
	color:#004488;
	margin-top:0px;
	margin-bottom:12px;
	line-height:18px;
	font-weight:bold;
	}

/* Container fuer die Marginalspalte */
div.marginal{
	float:left;
	margin-left:30px;
	margin-top:18px;			
	width:205px;
	}	

/* Footer */	
.footer{
	height:17px;
	background:url(../images/footer.gif);
	}
	
.footer-copyright{
	width:235px;
	float:right;
	font-size:9px;
	color:#ffffff;
	text-align:center;			
	}
	
.footer-copyright a:link,
.footer-copyright a:visited,
.footer-copyright a:hover,
.footer-copyright a:active{
	color:#ffffff;
	text-decoration: none;
	}	
	
.footer-menu{
	margin-left:20px;
	width:500px;
	float:left;
	font-size:9px;
	color:#9da4aa;
	display:inline; /* wg. IE-BUG */
	}	
	
.footer-menu a:link,
.footer-menu a:visited,
.footer-menu a:active{
	color:#9da4aa;
	text-decoration: none;
	}	
	
.footer-menu a:hover{
  color:#606468;
	text-decoration: none;
	}		
	
	
/* #################### Content Styles ####################### */

/* Default-Link im Contentbereich */
div.main-content a:link,
div.main-content a:visited {
  color: #bd2b16;
  font-size:11px;
  text-decoration: none;
}

div.main-content a:hover{
  text-decoration:underline;
}

div.main-content a:active{
  text-decoration: none;
}

/*##################################################################################################################*/

/*div.main-content a.contentHeadline:link{
  font-size:18px;
  margin-top:0px;
  margin-bottom:12px;
  line-height:18px;
  font-weight:bold;
  color: #004488;
  text-decoration:none;
}
*/
/* Links für die Überschriften im Contentbereich */
div.main-content a.contentHeadline,
div.main-content a.contentHeadline:link,
div.main-content a.contentHeadline:hover,
div.main-content a.contentHeadline:active,
div.main-content a.contentHeadline:visited
{
  font-size:18px;
  font-weight:bold;
  color: #004488;
  text-decoration:none;
}





.infobox{
  background: #e0e6eb;
  }
.infobox th{
  font-size:13px;
  text-align:left;
  }
.infobox td{
  border: 1px solid #c3cdd5;
  background: #ffffff;
  padding:5px;
  }
	
/* #################### Marginalspalte Styles ####################### */	  

/* Marginalspalte Vorlage */
table.marginal_tpl {
  width:200px;
  /*margin-bottom:10px;*/
  /*background-image: url("../images/line_marginal.gif");*/
  background-position: bottom;
  background-repeat:no-repeat;
  line-height:1.3em;  
}
table.marginal_tpl th{
  color: #333333;
  font-size: 13px;
  line-height:1.4em;
  text-align:left; 
  padding-bottom:5px;
}

table.marginal_tpl td{
  padding-bottom:5px;
  font-size:11px;
  line-height:15px;
}

/* Links */
table.marginal_tpl td a,
table.marginal_tpl td a:link,
table.marginal_tpl td a:visited,
table.marginal_tpl td a:hover,
table.marginal_tpl td a:active
{
  background-image:url(../images/listImg.gif);
  background-position:0px 2px;
  background-repeat: no-repeat;
  padding-left: 12px;
  color: #bd2b16;
  font-size:9px;
  text-decoration: none;
}
/* Links in Listen */
table.marginal_tpl li a, 
table.marginal_tpl li a:link,
table.marginal_tpl li a:visited,
table.marginal_tpl li a:hover,
table.marginal_tpl li a:active
{
  background-image:none;
  color:#333333;
  font-family: verdana, arial, helvetica, sans-serif;
  font-size: 11px;  
  text-decoration:none;
  padding:0px;
}
table.marginal_tpl ul {
  list-style-type: none;
  color: #333333;
  font-size:11px;
  margin:0px;
  padding:0px;
}

table.marginal_tpl li {
  background-image:url(../images/listImg.gif);
  background-repeat: no-repeat;
  background-position: 0 .5em;
  padding-left: 1.3em;
  padding-top:2px;
}

/* #################### Seitenspezifische Styles ####################### */	

/* Jobs-Uebersicht-Tabelle*/
table.jobs {
  font-size:11px;
  width:100%;
  margin-bottom:20px;
  table-layout: fixed;
}

table.jobs th {
  background: #e5e9ec;
  font-weight: bolder;
  height:18px;
  text-align: left;
  padding-left:5px;
  width:390px;
}	
table.jobs td {
  background: #ffffff;
  font-weight:normal;
  padding-left:5px;
}

table.jobs td.desc {
  background: #f7f8f9;
  padding:5px;
}

.jobs tr.line td, 
.jobs tr.line th {
  border-bottom: 1px solid #e5e9ec;
  border-bottom: 1px solid #c3c6c9;
  } 
  
/* Jobs-Detail-Ansicht */  
div.job-detail div.subHead{
  font-weight: bold;
  }
  
div.job-detail div.list-text{
  background-image:url(../images/listImg.gif);
  background-position:8px 3px;
  background-repeat:no-repeat;
  padding-left:22px;
  font-weight: normal;
  margin-top:3px;
  height:12px;
  height: auto;/* Moz */
  }   

/* Veranstaltungen-Detail-Ansicht */  
.event-detail div.subHead{
  font-weight: bold;  
  }  
.event-detail div.list-text{
  background-image:url(../images/listImg.gif);
  background-position:8px 3px;
  background-repeat:no-repeat;
  padding-left:22px;
  font-weight: normal;
  margin-top:3px;
  height:12px;
  } 
.event-detail div.dllink a,
.event-detail div.dllink a:link,
.event-detail div.dllink a:visited{
  color: #304b66;
  background-image:url(../images/dldisk.gif);
  background-position:3px 2px;
  background-repeat:no-repeat;
  padding-left:18px;
  font-weight: normal;
  margin-top:3px;
  height:12px;  
  }
.event-detail div.dllink a:hover{
  text-decoration:underline;
  }
 
  
  
/* Dienstleistungen-Produkte Übersicht */
.matrix{
	font-family: verdana, arial; 
  font-size:11px;
  color: #ffffff;
  }
.matrix td{
  height:23px;
  vertical-align:middle;
  padding-left: 10px;
  }
.matrix td.blue{
  font-weight:bold;  
  background:#004489;
  width:250px;
  }
.matrix td.grey{
  font-weight:normal;  
  background:#c7cdd1;
  width:80px;
  }
.matrix td.grey-dark{
  font-weight:normal;  
  background:#9c9d9f;
  width:100px;
  }
.matrix td.blue-bright{
  font-weight:bold; 
  background:#9da7cc;
  width:115px;
  }

/* Referenzen Tabelle */
table.referenzen{
	margin-bottom:20px;
	}
  
table.referenzen th{
	text-align:left;
	border-bottom:1px solid #eeeeee;
	height:20px;
}
table.referenzen td{
  padding-top:6px;
	padding-left:15px;
  } 

  
/* Kontaktformular */
/* Buttons */
div.main-content a.button:link, 
div.main-content a.button:visited {
  /*background:url(/procunet/public/ulm/images/common/link_triangle.gif) no-repeat 5px 6px #f7f7f7;*/
  font-size: 11px;
  font-weight: bold;
  color: #333333;
  background:#e0e6eb;
  line-height:19px;
  padding:1px 5px 2px 5px;
  border:1px solid #bac3ca;
  margin-left:5px;
  text-decoration:none;
}
div.main-content a.button:hover, 
div.main-content a.button:active {
  /*background:url(/procunet/public/ulm/images/common/link_triangle.gif) no-repeat 5px 6px #f7f7f7;*/
  background:#e0e6eb; 
  color: #333333; 
  font-weight: bold;
}  
/*################## STARTSEITE ##################### */

.start-infobox {
  border: 1px solid #8194ab;
  }
.start-infobox th{
  background-color: #8194ab;
  font-size:12px;
  font-weight:bold;
  color: #ffffff;
  text-align:left;
  padding-left:5px;
  height:18px;
  }	
	
.start-infobox td{
  font-weight:normal;
  font-size:11px;
  padding:5px;
  }	

.start-textbox{
  /*border-bottom: 1px solid #bac3ca;*/
  background-image: url("../images/line_startpage.gif");
  background-position: bottom;
  background-repeat:repeat-x;
  margin-top:10px;
  }
	
.start-textbox th{
  font-size:12px;
  font-weight:bold;
  text-align:left;
  vertical-align:top;
  height:18px;
  }
.start-textbox td{
  padding-bottom:9px;
  font-size:11px;
  }

.start-infobox td a,
.start-infobox td a:link,
.start-infobox td a:visited,
.start-infobox td a:hover,
.start-infobox td a:active
{
  background-image:url(../images/listImg.gif);
  background-position:0px 2px;
  background-repeat: no-repeat;
  padding-left: 12px;
  color: #bd2b16;
  font-size: 9px;
  text-decoration: none;
}

.start-textbox td a,
.start-textbox td a:link,
.start-textbox td a:visited,
.start-textbox td a:hover,
.start-textbox td a:active
{
  background-image:url(../images/listImg.gif);
  background-position:0px 2px;
  background-repeat: no-repeat;
  padding-left: 12px;
  color: #bd2b16;
  font-size: 9px;
  text-decoration: none;
}