/*==========================================================*
 *	STYLES FOR H&F Industry Data:: MAIN.css
 *==========================================================*/
 
/*\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_
 ° FARBEIMER:
 °\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_
 °
 ° #4265a2 (header dark blue)
 ° #087ecd (header light blue)
 ° #9a9a9a (bg grey)
 ° #666666 (def)
 ° #395e9c (ShortcutColor)
 ° #006699 (headline)
 °
 *\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/°\_/*/
 
 
/*==========================================================*
 *	BASICS
 *==========================================================*/
 
/*==========================================================*
 *	BODY
 *----------------------------------------------------------*/
/* FireFox */ 
 
body {
	margin: 0px;
	padding: 0px;
	
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 12px;
	
	text-align: center;
	
	background-color: #9a9a9a;
	background-image: url("../design/bg_body.gif");
	background-repeat: repeat;
}

/* MSIE */ 
 
* html body {

}
 

 
/*==========================================================*
 *	LINKS
 *----------------------------------------------------------*/

a {
	color: #087ecd;
	font-weight: normal;
	text-decoration: none;
}

a:hover {		
	text-decoration: underline;
}

a:visited {
	color: #4265a2;
	text-decoration: none;
}

a:visited:hover {	
	text-decoration: underline;
}

/*==========================================================*
 *	BODYFRAME
 *==========================================================*/
 div#bodyframe {
	position: relative;
	top: 0px;
	width: 766px;
	
	padding: 0px;
	margin-top: 0px;
	
	background-color: transparent;
	
	/*
	border-style: solid;
	border-width: 1px;
	border-color:  #416f8f #416f8f #416f8f #416f8f;
	*/
}


/*==========================================================*
 *	BANNER
 *==========================================================*/
div#topframe {
	font-size: 10px;
	height: 130px;
	color: #FFFFFF;
	background-color: #4265a2;
}

div#banner {
	width: 100%;
	height: 100px;
	padding-top: 12px;	
}


div#banner img {
	border: 0px;
	margin: 0px;
}
 
div#infoline {
 	width: 100%;
	height: 18px;
	text-align:left;
	background-color: #087ecd;
}

div#infoline a {
	color: #FFFFFF;
}
div#infoline a.hover {
	text-decoration: none;
}

/* MSIE */

* html div#banner { height: 112px; }


/*==========================================================*
 *	LOCAL DIV DEFINITION
 *----------------------------------------------------------*/
div#infoline div {
	padding-top: 3px;
	height: 18px;
	display: table-cell;
}


div#update {
	width: 150px;
	text-align: center;
}

div#update p {
	padding: 0px;
	margin: 0px;
}

div#backhome {
	width: 408px;
	padding-left: 18px;
}

div#language {	
	font-size: 11px;
	width: 208px;
	padding-right: 20px;
	text-align: right;
}

/* MSIE */
* html div#infoline div {
	display: inline;
}

/*==========================================================*
 *	LOCAL DIV DEFINITION
 *----------------------------------------------------------*/

/*==========================================================*
 *	MAINFRAME
 *==========================================================*/

div#mainframe {
	position:relative;
	top: 0px;
	left: 0px;
	width: 766px;
	margin: 0px;
	padding: 0px;
	text-align:left;
	background-color: #EEEEEE;
}

div#mainframe table,tr,td {
    vertical-align: top;
}

div#mainframe table.main {
	width: 766px;
	height: 445px;
	table-layout: fixed;
	margin: 0px;
	padding: 0px;
	border-collapse: collapse;
}

/*==========================================================*
 *	NAVI
 *==========================================================*/

td#navigation {
	position:relative;
	top:0px;
	left:0px;
	width: 150px;
	padding: 0px;
	
	color:#EEEEEE;
	border:0px;
	
	background-color: #9b9b9b;
	background-image: url("../design/bg_navi.gif");
}

/* 
td#navigation div a {
	height: 35px;
	padding-top: 18px;
	padding-right: 10px;
	margin-bottom: 1px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align:right; 
	color: #FFFFFF;
	border-bottom: solid 1px #FFFFFF;
	}
	
td#navigation div.mainmenu_no a{}
td#navigation div.mainmenu_act a{}
td#navigation div.submenu_no a{}
td#navigation div.submenu_act a{}

*/


/* copied from script */

ul#nav,
ul#nav ul {
	margin: 0px;
	padding: 0px;
	width: 150px; /* Width of Menu Items */
}

ul#nav li {
	position: relative;
	list-style: none;
}

ul#nav li a {
	height: 16px;
	padding-top: 18px;
	padding-right: 10px;
	margin-bottom: 1px;
	display:block;
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
	text-align:right;
	color: #FFFFFF;
	
	border-bottom: solid 1px #FFFFFF;
}

/* MSIE */
* html ul#nav li a {
	height: 35px;
	padding-bottom: 1px;
}

ul#nav li.menuparent ul li a {
	margin: 0px;
	padding-left: 10px;
	text-align:left;
	background-color: #2b83c3;
}
 
/* Fix IE. Hide from IE Mac \*/
* html ul#nav li { float: left; height: 1%; }
* html ul#nav li a { height: 1%; }
/* End */
 
ul#nav ul {
	position: absolute;
	display: none;
	left: 150px; /* Set 1px less than menu width */
	top: 14px;
	}
	
/* MSIE */
* html ul#nav ul {	top: 15px;	}
 
ul#nav li ul li a { padding: 2px 5px; } /* Sub Menu Styles */
 
ul#nav li:hover ul ul,
ul#nav li:hover ul ul ul,
ul#nav li.over ul ul,
ul#nav li.over ul ul ul { display: none; } /* Hide sub-menus initially */
 
ul#nav li:hover ul,
ul#nav li li:hover ul,
ul#nav li li li:hover ul,
ul#nav li.over ul,
ul#nav li li.over ul,
ul#nav li li li.over ul { display: block; } /* The magic */
 
ul#nav li.menuparent { background: transparent url(arrow.gif) right center no-repeat; }
 
ul#nav li.menuparent:hover,
ul#nav li.over { 	
}
 
ul#nav li a:hover { 

	background-image: url("../design/bg_navi_act.gif");
}
ul#nav li.menuparent ul li a:hover {	
	background-color: #99ccff;
	background-image: none;
}

/* end copy from script */


/*==========================================================*
 *	CONTENT 
 *==========================================================*/
td#content { 
	width: 382px;
 	padding-top: 0px;
 	padding-left: 18px;
 	padding-right: 8px;
	line-height:14px;
	font-size: 12px;
	color:#666666;
	
	background-color: #FFFFFF;
	
}

/* MSIE */
* html td#content { width: auto; }

div#content img {
	border: 0px;
	margin: -5px;
	padding: 0px;
}

td#content h1, h2, h3 {
	font-size: 12px;
	font-weight:bold;
	margin-top: 20px;
	margin-bottom: 18px;
}

td#content p {a	
	margin-top: 10px;
	margin-bottom: 18px;
}

td#content img {
	margin: 0px;
	margin-left: 5px;
	margin-right: 3px;
	border: 0px;
}

/*----------------------------------------------------------*
 *	News 
 */

div#newsblock {
	padding-bottom: 15px;
	border-bottom: 1px solid #006699;
}

div#newsblock h1 {	
	color:#006699;
	font-size: 11px;
	color: #395e9c;
	font-weight: normal;
}

div#newsblock h2 {	
	color:#006699;
}

div#newsblock p {}
 
/*----------------------------------------------------------*
 *	Kontakt 
 */
 
div#contact {
	width:390px;
	margin-top: 0px;
	font-size: 11px;
	color:#395e9c;
	margin-bottom: 20px;
	padding: 0px;
} 

div#contact h1{
	width: 115px;	
	color: #FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	margin-bottom: 0px;	
	
	font-size: 11px;
	line-height: 18px;
	font-weight: bold;
	text-align: center;
	
	background-color:#395e9c; 
}

div#contact div.databody {
	border-collapse: separate;
	background-color: #EEEEEE; 
	border: 1px solid #395e9c;
	border-right-color:#EEEEEE;
}

div#contact div.dataline {
	padding-left: 5px;
	padding-top: 3px;
	padding-bottom: 3px;
}

div#contact p {
	margin:0px;
	display: table-cell;
}
 
div#contact p.name {
	width:117px;	
	font-weight: bold;
}

div#contact p.number { width:100px; }
div#contact p.mobile { width:105px; }
div#contact p.mail { width 30px; }

* html div#contact {
	width:400px;
}

* html div#contact h1{
	width:125px;
}

* html div#contact p {
	display: inline;
	border-left: none;
}

* html div#contact div.dataline {
	padding-top: 5px;
	padding-bottom: 5px;
}

* html div#contact p.name {
	width:120px;
}

* html div#contact p.number { width:100px; }
* html div#contact p.mobile { width:110px; }
* html div#contact p.mail { width:40px; }


/*----------------------------------------------------------*
 *	Download 
 */
 
div#download {
	margin-top: 10px;
	margin-bottom: 25px;
}
 
* html div#download h1 {	
 	width:390px;	
}

div#download table {
	width:370px;
 	padding-top: 10px;
 	border-top: 1px solid #006699;
 	
 	font-size: 12px;
}

div#download td {
	text-align:left;
	vertical-align:top;

}
div#download td.link {
	width:250px;
}
div#download td.link a{
	font-weight: bold;
}

div#download td.bytes {	
	width: auto;
	padding-left: 5px;
}

div#download td.image {
	width: 50px;
	text-align:right;
}
 
/*----------------------------------------------------------*
 *	 Standorte
 */ 
div#location {
	margin-top: 10px;
	margin-bottom: 25px;
}
 
* html div#location h1 {	
 	width:390px;	
}

div#location table {
	width:370px;
 	padding-top: 10px;
 	border-top: 1px solid #666666;
 	
 	font-size: 12px;
}

div#location td {
	text-align:left;
	vertical-align:top;
}

div#location td p{
	margin:0px;
	padding:0px;
}

div#location td.category {
	width:150px;
	font-weight: bold;
}

div#location td.place {		
	width:auto;
	padding-left: 5px;
}

div#location td.image {
	width: 50px;
	text-align:right;
}
 
/*----------------------------------------------------------*
 *	 Special Headlines
 */

h1#blueline {
 	width:380px;	
	color:#FFFFFF;
	padding-left: 5px;
	padding-right: 5px;
	margin-top: 20px;
	margin-bottom: 15px;	
	
	font-size: 12px;
	line-height: 18px;
	font-weight:bold;
	text-align:left;
	
	background-color:#395e9c; 
}

* html h1#blueline{ width:390px; }

/*----------------------------------------------------------*
 *	 Categoryimg
 */
 
div#catimg {
	text-align:left;
	padding:0px;
	margin-left:-7px;
}

/*----------------------------------------------------------*
 *	 Tabelle
 */
table.contenttable {
	font-size: 12px;
}

tr.tr-0 td{
	color:#FFFFFF;
	background-color:#395e9c;
}

td.td-0 {
	width: 150px;
}

td.td-1,td.td-2,td.td-3,td.td-last {
	width: 50px;
	text-align:center;
}


/*----------------------------------------------------------*
 *	 Formulare
 */
 
form, fieldset {
	border: 0px;
	border-collapse: collapse;
}

div.csc-mailform-field {
	width: 390px;
	margin-top: 10px;
	display:table;
}

label{
	font-size: 12px;
	color: #006699;
	display: table-cell;
	width: 110px;
	font-weight: bold;
	vertical-align: top;	
}

* html label { display: inline; }

input, textarea {
	font-family: Verdana;
	font-size: 11px;
	vertical-align: top;	
	
	display: inline;
	padding-left: 3px;
	
	color: #666666;
	
	background-color: #FFFFFF;
	border: 1px solid #666666;
}

* html input, textarea { display: inline; }

.hidden { display:none;}
 
/*==========================================================*
 *	SHORTCUTS 
 *==========================================================*/
 
td#shortcuts {
	top:0px;
	width: 200px;
	padding-top: 40px;
	padding-left: 8px;
 	padding-right: 0px;
	
	font-size: 11px;
	color: #395e9c;
	
	background-color: #ededed;
}

/* MSIE */

* html td#shortcuts { width: 208px; }

td#shortcuts h1 {
	font-size: 11px;
	font-weight: bold;
	margin-top: 10px;
	margin-bottom: 15px;
}

td#shortcuts p {
	margin-top: 20px;
	margin-bottom: 10px;
	line-height: 12px;
}

td#shortcuts img{
	margin: 0px;
	border: 0px;
}


div#navigation, div#content, div#shortcuts {
	display:none;
}


/*==========================================================*
 *	BOTTOMFRAME 
 *==========================================================*/
 
div#bottomframe {
	position:relative;
	top: -1px;
	left: 0px;
	width: 766px;
	height: 17px;
	padding-top: 3px;
	padding-left: 3px;
	margin-bottom: 30px;
	text-align: left;
	font-size: 10px;
	
	color: #EEEEEE;	
	background-image: url("../design/bg_content.gif");
	background-repeat: repeat-y;
}

* html div#bottomframe { height: 20px; padding-top: 4px;}