/*  CSS definations for Telematic Team  */
/*-------------------------------------------------------------------------------------------

INDEX:

0. RESET

1. SETUP
1.1 Defaults
1.2 Common Tages

2. SITE STRUCTURE & APPEARANCE
2.1 Header
	2.1.1 Logo
	2.1.2 Navigation
2.2 Containers & Columns
  	2.2.1 Subnav
  	2.2.2 Slider
  	2.2.3 Content
  	2.2.4 Facebook
  	2.2.5 Contact-form
2.3 Footer

-------------------------------------------------------------------------------------------*/

/*-------------------------------------------------------------------------------------------*/
/* 0. RESET */
/*-------------------------------------------------------------------------------------------*/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed, figure, figcaption, footer, header, hgroup, menu, nav, output, ruby, section, summary, time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after, q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
* {
	outline:none;
}
/*-------------------------------------------------------------------------------------------*/
/* 1. SETUP */
/*-------------------------------------------------------------------------------------------*/
/* 1.1 Defaults */
h1, h2, h3, h4, h5, h6, strong {
	font-weight:bold;
}
i, em {
	font-style:italic;
}
.left {
	float:left;
}
.right {
	float:right;
}
.alignleft {
	text-align:left;
}
.alignright {
	text-align:right;
}
.aligncenter {
	text-align:center;
}
.clear {
	clear:both;
	line-height:1px;
	height:1px;
}
textarea {
	overflow:auto;
	font-family:Arial, Helvetica, sans-serif; /* Body Font Family Will Come Here */
}
a {
	color:#787878;
	text-decoration:none;
}
a:hover {
	color:#74c402;
}
address {
	font-style:normal;
}
/* 1.2 Common Tages */

/*-------------------------------------------------------------------------------------------*/
/* 2. SITE STRUCTURE & APPEARANCE */
/*-------------------------------------------------------------------------------------------*/
body {
	background:#4c4c4c;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#787878;
}
.box {
	width:1000px;
	margin:0 auto;
}

/* 2.1 Header */
.headersmall {
	background:url(/wp-content/themes/telematikteam/images/bg_header.png) repeat-x left top;
	width:100%;
	height:58px;
	position: fixed;
	top: 0;
	display:none;
	z-index: 10000;
	overflow: hidden;
	border-bottom: solid 2px #74c402;
	text-align: center;
	
}

.headerwrapper {
	position: relative;
	 left:50%;
	width:1001px;
	margin:0px auto 0px -477px;

	
}
.header-insmall {
	background:url(/wp-content/themes/telematikteam/images/bg_header_shadow.png) no-repeat center top;
	width:100%;
}
.headersmall .boxsmall {
	background:url(/wp-content/themes/telematikteam/images/bg_header2.png) no-repeat left top;
	height:148px;
}

/* 2.1.1 Logo */
.headersmall .logosmall {
	width:120px;
	float:left;
	margin:10px 0 0 -1px;
}

/* 2.1.2 Navigation */
.navigationsmall {
	width:848px;
	float:left;
	padding-top:19px;
}
.navigationsmall ul {
	float:right;
}
.navigationsmall li {
	text-transform:uppercase;
	font-weight:bold;
	font-size:12px;
	line-height:20px;
	float:left;
	padding-left:46px;
}
.navigationsmall li a.active {
	color:#74c402;
}















.header {
	background:url(/wp-content/themes/telematikteam/images/bg_header.png) repeat-x left top;
	width:100%;
	height:108px;
		border-bottom: solid 3px #74c402;
	
}
.header-in {
	background:url(/wp-content/themes/telematikteam/images/bg_header_shadow.png) no-repeat center top;
	width:100%;
}
.header .box {
	background:url(/wp-content/themes/telematikteam/images/bg_header2.png) no-repeat left top;
	height:108px;
}

/* 2.1.1 Logo */
.logo {
	width:220px;
	float:left;
	margin:20px 0 0 -1px;
	height: 64px;
}

/* 2.1.2 Navigation */
.navigation {
	width:740px;
	float:left;
	padding-top:33px;
	padding-left: 40px;
		
}
.navigation ul {
	float:right;
	text-align: left;

}
.navigation li {
	text-transform:uppercase;
	font-weight:bold;
	font-size:18px;
	line-height:30px;
	float:left;
		padding-left:58px;
		padding-bottom: 40px;
		text-align: left;
}


.navigation li a.active {
	color:#74c402;
}

/* 2.2 Containers & Columns */
.container {
	background:#fcfcfc url(/wp-content/themes/telematikteam/images/bg_container.png) repeat-x left top;
	width:100%;
}
.container-in {
	background:url(/wp-content/themes/telematikteam/images/bg_container_shadow.png) no-repeat center top #efefef;
	width:100%;
	padding:22px 0 0 0;
}

/* leftcol */
.leftcol {
	width:164px;
	float:left;
	margin-right:1px;
	margin-right:119px;
}

/* 2.2.1 Subnav */
.subnav {
	background:#dfdfdf;
	width:100%;
	padding-top:10px;
	padding-bottom:10px;
	font-size:15px;
	color:#74c402;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 0px;
	position:relative;
	z-index:1;
}
.subnav li {
	/*background:url(/wp-content/themes/telematikteam/images/bg_subnav_li.png) no-repeat left top;*/
	padding:5px 0 5px 0;
	line-height:22px;
	font-weight:bold;
	position:relative;
	z-index:2;
}
.subnav li:first-child {
	padding-top:0;
}
.subnav li:first-child {
	background:none;
}
.subnav li a {
	display:block;
	color:#787878;
	padding:0 0 0 15px;
}
.subnav li a:hover {
	color:#74c402;
}
.subnav li a:hover, .subnav li.current-menu-item a{
	background:#0a5b93 url(/wp-content/themes/telematikteam/images/bg_subnav_active.png) repeat-y left top;
	text-shadow:none;
	color:#fff;
}

.subnav a.active {
	background:#0a5b93 url(/wp-content/themes/telematikteam/images/bg_subnav_active.png) repeat-y left top;
	text-shadow:none;
	color:#fff;
}

/* Dropdown */
.subnav ul, .subnav li { 
	position:relative; 
}
.subnav ul li.hover, .subnav ul li:hover a {
	position:relative;
	text-decoration:none;
}
.subnav ul li:hover li a {
	background:none;
	text-shadow:rgba(255, 255, 255, 1) 0px 1px 0px;
}
/* LEVEL TWO */
.subnav ul ul {
	background:#dfdfdf;
	width:164px;
	height:auto;
	position:relative;
	top:0;
	left:0;
	z-index:10000;
}
.subnav ul ul li { 
	background:none;
	display:block;
	float:none;
	padding:0;
	margin:0;
	white-space:nowrap;
}
.subnav ul ul li.last {
	padding-bottom:0;
}
.subnav ul ul li a {
	display:block;
	color:#787878;
}
.subnav ul ul li a:hover, .subnav ul ul li a.active {
	background:#0a5b93 url(/wp-content/themes/telematikteam/images/bg_subnav_active.png) repeat-y left top;
	text-shadow:none;
	color:#fff;
}
.subnav li.active ul li {
	background:none;
}
.subnav li.active ul li a {
	color:#787878;
}
.subnav li.active ul li a:hover, .subnav li.active ul li a.active {
	color:#fff;
}


/* LEVEL THREE */
.subnav ul ul ul { 
	left: 100%; 
	top: 0;
}
/* Dropdown */


/* rightcol */
.rightcol {
	width:716px;
	float:left;
	
}

/* 2.2.2 Slider */
.slider {
	width:716px;
	height:375px;
	position:relative;
	z-index:1;
	float:left;
}
.slider .slides_container {
	width:716px;
	height:375px;
	float:left;
	z-index:2;
}
.slider .caption {
	background:url(/wp-content/themes/telematikteam/images/bg_caption.png) repeat-y;
	width:409px;
	height:auto;
	position:absolute;
	right:0;
	bottom:28px;
	z-index:2;
	padding-top:14px;
	padding-bottom: 14px;
}
.slider .caption h3 {
	text-transform:uppercase;
	color:#fff;
	font-size:19px;
	line-height:22px;
	padding-left:12px;
}
.slider .caption span {
	text-transform:none;
	font-weight:normal;
	display:block;
}

/* 2.2.3 Content */
.content {
	width:100%;
	float:left;
	font-size:19px;
	padding-top:20px;
}
.content p {
	line-height:28px;
	padding-bottom:24px;
}

/* common1st */
.bottom-bar {
	margin:50px 0 0 0;
	background:#fff;
	width:100%;
	padding:0 0 66px 0;
}
.common1st {
	width:100%;
	float:left;
	padding-top:11px;
	margin-top:-30px;
}
.common1st h3 {
	background:url(/wp-content/themes/telematikteam/images/bg_heading.png) repeat-y;
	text-transform:uppercase;
	letter-spacing:-1px;
	line-height:40px;
	font-weight:normal;
	font-size:18px;
	height:39px;
	color:#fff;
	padding-left:10px;
	margin-bottom:24px;
}

/* 2.2.4 Facebook */
.facebook {
	width:375px;
	float:left;
	margin-left:-7px;
}
.facebook img {
	border:#ccc 1px solid;
}

/* 2.2.5 Contact-form */
.contact-form {
	width:632px;
	float:left;
}
.contact-form h3 {
	background:url(/wp-content/themes/telematikteam/images/bg_heading2.png) repeat-y;
	margin-bottom:17px;
}
.contact-form p {
	line-height:28px;
	font-size:19px;
	letter-spacing:-1px;
	padding-bottom:22px;
}
.contact-form .col1 {
	width:354px;
	float:left;
	padding-top:23px;
}
.contact-form .col2 {
	width:278px;
	float:left;
	padding-top:23px;
}
.contact-form .col2 label {
	display:block;
	float:none;
	padding:0 0 10px 2px;
}
.contact-form .row {
	width:100%;
	float:left;
	padding-bottom:13px;
}
.contact-form .row2 {
	width:100%;
	float:left;
	padding-top:12px;
}
.contact-form .row2 label {
	width:auto;
	padding-left:5px;
	font-size:14px;
	line-height:19px;
	letter-spacing:-0.5px;
}
.contact-form .row.last {
	padding-bottom:0;
}
.contact-form label {
	display:block;
	line-height:26px;
	width:99px;
	float:left;
	font-size:19px;
}
.contact-form .input {
	border:#d4d3d3 1px solid;
	background:#fff;
	width:205px;
	height:20px;
	float:left;
	padding:3px 5px;
	font-size:15px;
	color:#787878;
	line-height:20px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	behavior:url(PIE.htc);
	position:relative;
}
.contact-form .textarea {
	border:#d4d3d3 1px solid;
	background:#fff;
	width:258px;
	max-width:258px;
	height:97px;
	float:left;
	padding:8px;
	font-size:15px;
	color:#787878;
	line-height:20px;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	behavior:url(PIE.htc);
	position:relative;
}
.contact-form .button {
	background:url(/wp-content/themes/telematikteam/images/bg_button.png) #fff no-repeat left top;
	border:none;
	width:118px;
	height:27px;
	cursor:pointer;
	float:right;
	margin:2px 3px 0 0;
}

.contact-form .button:hover {
	background-position:left bottom;
}

/* 2.3 Footer */
.footer {
	width:100%;
	min-height:77px;
	font-size:14px;
	color:#e0e0e0;
	font-weight:bold;
	letter-spacing:-1px;
	padding-top:8px;
}
.footer a {
	color:#e0e0e0;
}
.footer a:hover {
	color:#a7a7a7;
}
.footer span {
	line-height:21px;
	display:block;
}
.footer-left {
	width:642px;
	float:left;
}
.footer-left .col1 {
	width:134px;
	float:left;
}
.footer-left .col2 {
	width:250px;
	float:left;
}
.footer-right {
	text-align:right;
	width:358px;
	float:left;
	padding-top:21px;
}
.footer-right span {
	text-transform:uppercase;
	display:block;
}
.footer-right a {
	display:inline-block;
	margin-left:12px;
}

/* fonts */ /* fonts */
.subnav, .content p, .contact-form p, .contact-form label, .footer {
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
}

.honeypot {
	display:none;

}



nav  { z-index: 999; }
nav ul li ul {z-index: 999; text-align: left; position:absolute; width:170px; font-size: 14px; line-height: 40px; margin: 0px;   top: 99px;  }
nav ul li ul li {width:170px; z-index: 999;  font-size: 10px; line-height: 14px; padding: 0px !important; margin: 0px;  background: #74c402; }
nav ul li ul li a {z-index: 999; display:block; font-size: 10px; line-height: 9px; padding: 0px; padding-top: 5px; padding-left: 5px; margin: 0px;  padding-bottom: 6px; color:#fff;}
nav ul li ul li:hover a {z-index: 999; display:block; font-size: 10px; line-height: 9px; padding: 0px; padding-left: 5px; padding-top: 5px; margin: 0px;  padding-bottom: 6px; color:#444;}
nav ul li ul.fallback {z-index: 999;display:none; font-size: 10px; line-height: 14px; padding:  0px; margin: 0px;}
nav ul li:hover ul.fallback {z-index: 999; display:block; line-height: 12px; padding-top: 10px; margin: 0px;}