/*	Content: 
	**************************************************************************************
	**																					**
	**	1)	general styles																**
	**	2)	spacer divs		:	used in stead of margins to avoid box model bug			**
	**	3)	div#all			:	overall container										**
	**	4)	div#head		:	container for whole top section:						**
	**								div#a3, #wra, #slogan, topright						**
	**	5)	div#main		:	container for whole middle section:						**
	**								div#menu-1, #content, #colMiddle, #colRight			**
	**								#breadcrumb											**
	**	7)	div#bottom		:	container for whole bottom section:						**
	**								div#copy, #nav-bottom, #tipafriend,					**
	**								#printlink, #gototop								**
	**	8)	faded out elements for use in other TemplaVoila TOs							**
	**																					**
	*************************************************************************************/

/*	CSS files to import:
	**********************************************************************************************
	**                                                                                          **
	**	CSS file for head section containing:                                                   **
	**		#a3, #wra, #slogan, #topright                                                       **
	**							#topright contains: #search, menu-topright                      **
	*/	@import url(style_headsection.css);                                                     /*
	**                                                                                          **
	**	CSS file for main section containing:                                                   **
	**		#menu-1, #tipafriend2, #breadcrumb, #content, #colRight, #colMiddle                 **
	*/	@import url(style_main.css);                                                            /*
	**                                                                                          **
	**	CSS file for bottom section containing:                                                 **
	**		#copyright, #nav_bottom, #tipafriend, #printlink, #gototop                          **
	*/	@import url(style_bottomsection.css);                                                   /*
	**                                                                                          **
	**	CSS file for ALL menu definitions                                                       **
	*/	@import url(style_menu.css);                                                            /*
	**                                                                                          **
	**	CSS file for classes which are selectable in the RTE                                    **
	*/	@import url(style_rte_classes.css);                                                     /*
	**                                                                                          **
	**	CSS file for all FCEs                                                                   **
	*/	@import url(style_fce.css);                                                             /*
	**                                                                                          **
	**	CSS file for company listings                                                           **
	*/	@import url(firma_fce_style.css);                                                       /*
	**                                                                                          **
	**	CSS file for indexed search                                                             **
	*/	@import url(style_indexed_search.css);                                                  /*
	**                                                                                          **
	**	CSS file for typo3 forms                                                                **
	*/	@import url(style_typo3-forms.css);                                                     /*
	**	CSS file for typo3 login                                                                **
	*/	@import url(login.css);          			                                           /*
	**                                                                                          **
	**	all positions and dimensions of major container elements                                **
	**	are found in this CSS file, not in a possibly existing                                  **
	**	extension CSS file.                                                                     **
	**	e.g. definitions for div#head are in this CSS, while all                                **
	**	subordinate elements are found in style_headsection.css                                 **
	**                                                                                          **
	*********************************************************************************************/

html{ /* to avoid "jump" of the whole site if scrollbar appears */
	height:100%;
	margin-bottom:1px;
}
body{
	margin:0px;
	padding:0px;
	background:url(images/bg.jpg) repeat-x top left;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	background-color:#dce3ed;
}
/**	1)	general styles																	****/
p{
	margin:0px;
	font-size:11px;
}
#content p{
	line-height:18px;
}
h1,h2,h3{
	font-size:14px;
	font-weight:bold;
}
h1,h2,h3,h4,h5,h6{
	margin:0px;
	padding:0px;
}
h4{ /*	headline for e.g. INNOVATION > Innovationen der Region > 
		Unternehmens-Übersicht Mechatronik						*/
	background:#c3d0d9;
	padding:4px 10px 3px 21px;
	font-size:14px;
	font-weight:normal;
}
a img{	border:0px;}
#content p,#content h1,#content h2,#content h3,#content em{ 	
						/* margin for most elements in #content 
						   because some images use full width of #content */
	padding-right:10px;
	padding-left:21px;
}
#content a, #colMiddle a{
	text-decoration:none;
	color:#ff7701;
}
#content ul,#content ol{
	font-size:11px;
	margin-left:0px;
	padding-left:35px;
}
#content li{ margin:4px 0px 4px 0px; }	/* FF hast much smaller default	*/
* html #content li{ margin:0px; }		/* line height for li 			*/

#content li a{
	text-decoration:none;
	color:#000;
}
.float-left{	float:left;	}
.float-right{	float:right;}
.vertical-align-top{	vertical-align:top; }
.csc-textpic-caption{
	background:url(images/bgblue.jpg) repeat;
	font-size:11px;
	color:#fff;
	padding:0px 5px 0px 5px;
	font-weight:bold;
}
span.font-size10px{
	font-size:10px;
}

/**	2)	spacer divs				:	used in stead of margins to avoid box model bug		****/
.vert-space-9px{
	height:10px;
	width:10px;
	overflow:hidden;
}
.horiz-space-1px{
	width:1px;
	height:1px;
	float:left;
}
.horiz-space-2px{
	width:2px;
	height:1px;
	float:left;
}
.vert-space-2px-vert-480{
	height:480px;
	width:2px;
	overflow:hidden;
	float:left;
}

/**********************/
/******* LAYOUT *******/
/**********************/

/**	3)	div#all			:	overall container										****/
#all{
	position:relative;
	left:50%;
	top:0px;
	margin-left:-478px;
	padding-bottom:10px;
	width:955px;
	background:#fff;
}
#ancor-top-div{ /* ancor for gototop link in template */
	position:absolute;
	top:0px;
	left:0px;
}

/**	4)	div#head		:	container for whole top section:						****/
/**								div#a3, #wra, #slogan, topright	*/
#head{
	position:relative;
	top:0px;
	left:10px;
	width:935px;
	height:135px;
}

/**	5)	div#main		:	container for whole middle section:						****/
/**								div#menu-1, #content, #colMiddle, #colRight			
/**								#breadcrumb	*/
#main{
	position:relative;
	left:10px;
	top:0px;
	width:935px;
	background:url(images/bg_main.jpg) repeat-y top left;
	overflow:auto;
}
/**	7)	div#bottom		:	container for whole bottom section:						****/
/**								div#copy, #nav-bottom, #tipafriend,
**								#printlink, #gototop	*/
#bottom{	/* Container for copyright, nav-bottom, printlink, tipafriend	*/
			/* for more definitions see style_bottomsection.css				*/
	position:relative;
	top:0px;
	left:50%;
	margin:0px 0px 0px -478px;
	width:955px;
}

/**	8)	faded out elements for use in other TemplaVoila TOs							****/
#colMiddle{		/* see style3cols.css	*/
	position:absolute;
	width:0px;
	height:0px;
	visibility:hidden;
}
#forw-backw-bottom{		/* see style3cols.css	*/
	position:absolute;
	width:0px;
	height:0px;
	visibility:hidden;
}

span.unternav {
  margin:0px;
  padding:0px;
  font-size:12px;    
}

.form-2cols #mailformstrasse, .form-2cols #mailformplz,.form-2cols #mailformort {
	float:right;
	width:225px;
	margin:2px 40px 0px 0px;
	padding:0px;
	border:1px solid #999;
}

.kontaktform #mailformstrasse, .kontaktform #mailformplz, .kontaktform #mailformort, .kontaktform #mailformanrede, .kontaktform #mailformteilnehmer, .kontaktform #mailformkonto, .kontaktform #mailformblz, .kontaktform #mailformbank, .kontaktform #mailforminhaber, .kontaktform #mailformakademisch {
	position:absolute;
	left:130px;
	width:225px;
	margin:0px;
	padding:0px;
	border:1px solid #999;
}

table.onlinebefragung {
  margin-left:20px;
  width: 100%;
  padding:0px;
}

table.sgm_befragung {
  width: 100%;
  margin-top: 10px;
 
  padding:0px;
  font-family:Verdana, Arial, Helvetica, sans-serif;
  font-size:11px;
}