@charset "iso-8859-2";
@import "menue.css";
@import "sifr.css";

/* CSS Document */
  html, body, ul, h1, h2, h3, h4, h5, h6, img, form, table {
	margin: 0px;
	padding: 0px;
	border: 0px;
  }  
  html, body {
	color: #666;
	text-align: center;
	height: 100%;
	background: #fff url(../img/bkg_body.jpg) repeat-x bottom left fixed;
	font-family: Arial, sans-serif;
	font-size: 12px;
  }      
  a { 
    text-decoration: none;
	color: #666;
  }
  a:hover { 
	color: #666;
	text-decoration: underline
  }  
  h1 {
	color: #0060a9;
	font: 22px normal Arial, sans-serif;
	margin: 18px 0 18px 0;
  }  
  h3 {
	color: #000;
	margin: 28px 0 10px 0;
	font: 15px normal Arial, sans-serif;
  }  
  h4 {
	color: #666;
	font: 10px normal Arial, sans-serif;
  } 
  h5 {
	color: #666;
	font: 24px normal Arial, sans-serif;
	text-align: center;
	vertical-align: middle;
  }  
  h6 {
	color: #000;
	font: 15px normal Arial, sans-serif;
  }
  
  img, div { 
    behavior: url("../../ingenieurgesellschaft.tec4u.com/css/iepngfix.htc");
  }  
  
/* Page top */ 
  #pageTop {
	background: #fff url(../img/bkg_header.jpg) top left repeat-x;
	height: 104px;	
	border-bottom: 1px solid #fff;
	position: relative;
  }
  
/* Header */ 
  #tec4u-logo {
    position: absolute;
	top: 27px;
	left: 0px;
	width: 135px;
	height: 58px;
  }
  #header {
    margin: 0 auto 0 auto;
    width: 980px;
	position: relative;
  }
  
/* Languages */  
  #languages ul {
	list-style: none;
	margin-top: 25px;
	width: 200px;
	float: right;
	margin-right: 390px;
	display: inline;
  }
  #languages li {
	float: right;
    padding: 2px 0px 0px 20px;
    display: block; 
	height: 15px;
  }    
  
/* Breadcrumb */  
  #breadCrumb, #breadCrumbSmall {
	color: #0061a9;
	padding: 6px 0 0 11px;
	text-align: left;
	clear: both;
	font-size: 11px;
  }
  #breadCrumbSmall {
	padding-top: 25px;
  }
  #breadCrumb a, #breadCrumb a:hover, #breadCrumbSmall a, #breadCrumbSmall a:hover {
	color: #0061a9;
  }

/* Visuals */
  #pageVisual {
	background: #fff url(../img/bkg_visual.jpg) top left repeat-x;
	height: 300px;
  }
  #pageVisualSmall {
	background: #fff url(../img/bkg_visual_small.jpg) top left repeat-x;
 	height: 150px;	
  }
  #pageVisual .textContainer {
	color: #fff;
	text-align: left;
	line-height: 1.5em;
	width: 350px;
	height: 270px;
	float: left;
  }
  #pageVisual .textContainer h2, #pageVisualSmall h2 {
	color: #fff;
	text-align: left;
	padding: 65px 0 5px 0;
	font: 27px lighter Arial, sans-serif;
  }
  #pageVisualSmall h2 {
	overflow: hidden;
	height: 32px;
  }
  #carouselServices {
    float: right;
	margin-top: 10px;
  }
   ul#engineerServices {
    float: right;
	margin-top: 75px;
	list-style-type: none;
  }
  ul#engineerServices li {
    float: left;
	padding-right: 10px;
  }  
  ul#engineerServices li a {
    display: block;
	width: 145px;
	height: 145px;
	text-decoration: none;
  }  
  ul#engineerServices li:last-child {
	padding-right: 0;
  }  
   
  /** Start here to implement all visuals for categories **/
  #pageVisual #visualPlain {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
  }
  #pageVisual #visualElektronik {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-elektronik.jpg) top left no-repeat;
	  }
  #pageVisual #visualWeiterbildung {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-weiterbildung.jpg) top left no-repeat;
  }
    #pageVisual #visualMC {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-mc.jpg) top left no-repeat;
  }
  #pageVisual #visualAutomobil {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-automobil.jpg) top left no-repeat;
  }
  #pageVisual #visualTextil {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-textil.jpg) top left no-repeat;
  }
    #pageVisual #visualHandel {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-handel.jpg) top left no-repeat;
  }
  #pageVisual #visualSchiffbau {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-schiffbau.jpg) top left no-repeat;
  }
  #pageVisual #visualNutzfahrzeuge {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-nutzfahrzeuge.jpg) top left no-repeat;
	}
 #pageVisual #visualSpeditionsmanagement {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-speditionsmanagement.jpg) top left no-repeat;
	  }
  #pageVisual #visualSpielzeug {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-spielzeug.jpg) top left no-repeat;
  }
  #pageVisual #visualMedizin {
    width: 980px;
 	height: 320px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-medizintechnik.jpg) top left no-repeat;
  }
  
  /** Start here to implement all small visuals **/
    #pageVisualSmall #visualtec4uSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-tec4u-small.jpg) top left no-repeat;
  } #pageVisualSmall #visualElektronikSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-elektronik-small.jpg) top left no-repeat;
  }  
    #pageVisualSmall #visualVeranstaltungSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-veranstaltung-small.jpg) top left no-repeat;
	  }
  #pageVisualSmall #visualWeiterbildungSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-weiterbildung-small.jpg) top left no-repeat;
  }  
   #pageVisualSmall #visualMCSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-mc-small.jpg) top left no-repeat;
  }  
  #pageVisualSmall #visualAutomobilSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-automobil-small.jpg) top left no-repeat;
  } 
  #pageVisualSmall #visualTextilSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-textil-small.jpg) top left no-repeat;
  } 
  #pageVisualSmall #visualSchiffbauSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-schiffbau-small.jpg) top left no-repeat;
	 } 
  #pageVisualSmall #visualNutzfahrzeugeSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-nutzfahrzeuge-small.jpg) top left no-repeat;
  } 
    #pageVisualSmall #visualSpeditionsmanagementSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-speditionsmanagement-small.jpg) top left no-repeat;
  } 
  #pageVisualSmall #visualSpielzeugSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-spielzeug-small.jpg) top left no-repeat;
  } 
  #pageVisualSmall #visualHandelSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-handel-small.jpg) top left no-repeat;
  } 
  #pageVisualSmall #visualMedizinSmall {
    width: 980px;
 	height: 150px;	
    margin: 0 auto 0 auto;
    background: transparent url(../img/visual-medizintechnik-small.jpg) top left no-repeat;
  } 

/* Content */ 
  #contentArea {
    line-height: 1.5em;
    margin: 0 auto 0 auto;
    width: 980px;
	height: auto !important;
	background-color: #fff;
	text-align: left;
	overflow: hidden !important;
	padding-top: 25px;
  }


/* Columns */  
  #contentArea #columnMain {
	float: left;
	margin: 0 10px 0 60px;
	line-height: 1.7em;
	color: #666;
	width: 635px;
  }
  #contentArea #columnMain ul {
	list-style-type: none;
  }
  #contentArea #columnMain li {
    background: url(../img/arrow_blue.gif) 0 6px no-repeat;
	padding-left: 14px;
  }

  #contentArea .menuWelcomePage h6 {
	font-size: 11px;
	text-transform: uppercase;
	color: #666;
	margin-bottom: 5px;
  }  
  #contentArea #columnLeft, #contentArea .menuWelcomePage {
	float: left;
	word-spacing: 0.1em;
	color: #666;
	text-align: left;
  }
  #contentArea #columnLeft ul, #contentArea .menuWelcomePage ul { 
	border-bottom: 1px #d0d1d2 solid;
    list-style: none;
	font-size: 12px;
  }
  #contentArea #columnLeft li, #contentArea .menuWelcomePage li { 
	width: 234px;
	border-top: 1px #d0d1d2 solid;
  }  
  #contentArea #columnLeft li a, #contentArea .menuWelcomePage li a {
	text-decoration: none;
	display: block;
	height: auto;
	color: #666;
	background: url(../img/arrow_blue.gif) 2px 9px no-repeat;
	padding-top: 3px;
	padding-right: 5px;
	padding-bottom: 2px;
	padding-left: 13px;
  }  
  #contentArea #columnLeft li a:hover, #contentArea #columnLeft li a.selected, #contentArea .menuWelcomePage li a:hover, #contentArea .menuWelcomePage li a.selected  {
	color: #666666;
	background: #e5e5e5 url(../img/arrow_grey.gif) 2px 9px no-repeat;
  }
  #contentArea .contactArea {
	font-size: 11px;
	line-height: 1.4em;
	padding: 25px 0 0 11px;
  }  
  #contentArea .menuWelcomePage {
	margin-top: 0px;
	margin-right: 50px;
	margin-bottom: 0;
	margin-left: 0;
  }  
  
  /* News */
  #contentArea #newsWelcomePage {
	margin-top: 13px;
	background: url(../img/bkg_news.jpg) top left no-repeat;
	float: right;
	padding: 15px;
	width: 200px;
	line-height: 1.4em;
	font-size: 11px;
	min-height: 97px;
	height: auto;
  }  
  #contentArea #newsWelcomePage h6 {
	font-size: 11px;
	text-transform: uppercase;
	color: #d4021d;
	margin-bottom: 9px;
  }  
  #contentArea #newsWelcomePage .newsTitle {
	font-size: 11px;
	color: #000;
	text-transform: uppercase;
  }  
  #contentArea #newsWelcomePage a {
	font-size: 11px;
	float: right;
  }
   
   
/* Footer */  
  #footer {
    margin: 0 auto 0 auto;
    width: 980px;
    height: 30px;
	background-color: #FFF;
  }
  
/* Allgemeines */
  .clr {
	clear: both;
    font: 0em sans-serif;
	visibility: hidden;
	height: 0px;
  }
  td.hordivider {
    border-bottom: 1px solid #fff;
  }
  td.vertdivider {
    border-left: 1px solid #fff;
  }
  
  /* Links */
  .notes {
	text-decoration: none;
	color: #666;
	background-color: #fff;
  }
  .notes:hover {
	text-decoration: none;
	color: #fff;
	background-color: #1371b8;
  }
  
  /* Highlight box */
  .highlightBox {
	font-weight: bold;
	font-style: italic;
	background-color: #e5e5e5;
	color: #888;
	padding: 7px;
	font-size: 12px;
	border-width: 0px;
	border-style: none;
	line-height: 16px;
  } 
   /* Image left */
  .imageleft {
	float: left;
	margin-top: 5px;
	margin-right: 10px;
	margin-bottom: 5px;
	margin-left: 0px;
  }  
     /* Image right */
  .imageright {
	float: right;
	margin-top: 5px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 10px;
  }