/*  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;    
}

span.unternav strong { display: block; line-height: 17px; }

.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;
}

.webconnect { font-size: line-height: 18px; font-size: 11px; }
.webconnect .unternav { overflow: hidden;  display: block; }
.webconnect .search { padding: 0 10px 20px 21px; }
.webconnect .search input[type=text] { width: 530px; }
.webconnect .search a { padding: 3px 2px 0 2px; }
.webconnect .result { margin: 0 4px; }
.webconnect .result .headline { padding: 3px 10px 0 21px; background-color: #476d80; color: #FFF; height: 17px; }
.webconnect .result .content { padding: 10px 0;  background-color: #FFF; }
.webconnect .result .content .contact { float: left; }
.webconnect .result .content .left { float: left; width: 300px; }
.webconnect .result .content .contact_netzwerk { float: left; width: 260px; }
.webconnect .result .content .contact_netzwerk .logo { padding: 0 15px 15px 21px; float: left; }
.webconnect .result .content .contact { float: left; width: 400px; }
.webconnect .result .content .logo { float: right; width: 130px; padding-right: 15px; }
.webconnect .result .content .logo img { border: 0; width: 130px; }
.webconnect .result .content .asp { width: 160px; float: right; }