/* Reset Reloaded, Eric Meyer, http://meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/ ------------------------- */

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, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
	background-repeat: no-repeat;
}

/* remember to define focus styles! */

:focus {
	outline: 0;
}

body {
	line-height: 1;
	text-align: center;
	font-size: 75%;
	background: url(../_images/tnf_bg.gif) repeat left top;
}

html>body {
	font-size: 12px;
}

ol, ul {
	list-style: none;
}

#wrapper {
	width: 805px;
	margin: 18px auto;
}


/*SCHRIFTEN*/

h1 {
	font: 1.67em/0.9em Arial, Helvetica, sans-serif;
	margin-top: 0.9em;
	margin-bottom: 0.9em;
}

h2 {
	font: 1em Arial, Helvetica, sans-serif;
}

/*//-------------HEADER------------------//*/

#header {
	width: 805px;
	position:relative;
}

#navigation_top {
	margin-left: 515px;
}

#navigation_top p {
	margin-bottom: 16px;
	font: 1.1em/1.5em Arial, Helvetica, sans-serif;
}

#navigation_top p a {
	color:#FFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
	right:0px;
}

#navigation_top p a:hover {
	color:#0092D2;
}

#navigation_top p a:active {
	color:#0092D2;
}

/*//-------------CONTENT------------------//*/

#content {
	width: 805px;
	position:relative;
}

#content h1{
	margin:0;
	text-decoration:none;
	border: none;
}

#content h1 span{
	border: none;
	color: #fff;
	display: none;
}

/*//-------------PICTURE------------------//*/

#picture_existenzgruender_kontakt {
	width:775px;
	height:367px;
}

#picture_weg {
	width:775px;
	height:175px;
}

.picture {
	clear:both;
	float: left;
	display: inline;
	margin:0px;
	padding:0px;
	width: 775px;
	height: 341px;
}

/*//-------------TABBED PANELS------------------//*/

/*//-------------NAVIGATION------------------//*/

#navigation {
	float:left;
	padding:0px;
	margin: -15px 0px 0px 0px;
}

*html #navigation {
	background-color:#009ee0;
}
	
#navigation li {
    float: left;
}

#navigation a {
	position: relative;
	float: left;
	padding: 0px 0px;
	margin: 0px 0px 0px 0px;
	font: 1.2em Arial, Helvetica, sans-serif;
	/*background: url(../_images/flag.png) no-repeat -155px 0px;*/
	background:url(../_images/activeGrau.png) no-repeat left top;
	cursor: pointer;
	outline:none;
	width:155px;
	height:41px;
	color:#fff;
	text-align:center;
	line-height:3.5em;
	text-decoration: none;
}

*html #navigation a {
	/*background: url(../_images/flag.jpg) no-repeat -155px 0px;*/
	background:url(../_images/activeGrau.png) no-repeat left top;
}

#navigation a:hover {
 /*  	background:
	url(../_images/flag.png) no-repeat -155px 0px;*/
	color:#009ee0;
}

*html #navigation a:hover {
	/*background: url(../_images/flag.jpg) no-repeat -155px 0px;	*/
	background:url(../_images/activeGrau.png);
}

#navigation li a.active {
/*	background:
	url(../_images/flag.png) no-repeat left top;*/
	background:url(../_images/active.png) no-repeat left top;
	outline:none;
	color:#fff;
	font-weight:bold;
	cursor:default;
	font-family: Arial, Helvetica, sans-serif;
}

#navigation li a.activeLinks {
/*	background:
	url(../_images/flag.png) no-repeat left top;*/
	background:url(../_images/activeLinks.png) no-repeat left top;
}

#navigation li a.activeRechts {
/*	background:
	url(../_images/flag.png) no-repeat left top;*/
	background:url(../_images/activeRechts.png) no-repeat left top;
}



*html #navigation li a.active {
	/*background: url(../_images/flag.jpg) no-repeat left top;*/
	background:url(../_images/active.png) no-repeat left top;
}


/*//-------------INHALT------------------//*/


#inhalt {
	height: 229px;
	width: 775px;
	background:url(../_images/TabbedPanels_bottom.png)
	no-repeat left top;
	overflow:hidden;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:2;
}

*html #inhalt {
	background:url(../_images/TabbedPanels_bottom.jpg) no-repeat left top;
	margin:0px;
	padding:0px;
	height: 229px;
	width: 775px;
	float:left;
	z-index:2;
	position:relative;
	top:-4px;
}

#inhalt h3 {
font: 1.1em/1em Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	color:#fff;
	font-weight:bold;
	margin-top:0.5em;
	text-align: left;
	line-height:1em;
	color:#fff;
}

#inhalt p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	color:#fff;
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
}

#inhalt_weg {
	height: 421px;
	width: 775px;
	background:url(../_images/TabbedPanels_bottom_derWEG.png) no-repeat left top;
	overflow:hidden;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:2;
}

*html #inhalt_weg {
	background: url(../_images/TabbedPanels_bottom_derWEG.jpg) no-repeat left top;
	top:-4px;
}

#inhalt_weg h3 {
font: 1.1em/1em Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	color:#fff;
	font-weight:bold;
	margin-top:0.5em;
	text-align: left;
	line-height:1em;
	color:#fff;
}

#inhalt_weg p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	color:#fff;
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
}

.left {
	float: left;
	width: 240px;
	padding:12px 15px 18px 20px;
}

.mid {
	float: left;
	width: 241px;
	padding:51px 14px 18px 0px;
}

.right {
	float:right;
	width: 235px;
	padding:51px 10px 18px 0px;
}

.leftWeg {
	float: left;
	width: 237px;
	padding:8px 12px 18px 20px;
}

.midWeg {
	float: left;
	width: 241px;
	padding:33px 18px 18px 0px;

}

.rightWeg {
	float:right;
	width: 235px;
	padding:33px 10px 18px 0px;
}

.rightKontakt {
	float:right;
	width: 235px;
	padding:53px 10px 18px 0px;
}

/*//-------------IMPRESSUM------------------//*/

#container {
	height: 596px;
	width: 775px;
	background:url(../_images/TabbedPanels_bottom_impressum.png) no-repeat left top;
	overflow:auto;
	float:left;
	margin:0px;
	padding:0px;
	position:relative;
	z-index:2;
}


*html #container {
	background:url(../_images/TabbedPanels_bottom_impressum.jpg) no-repeat left top;
	overflow:auto;
}


.scroll-pane {
	clear: both;
	float: left;
	/*display: inline;*/
	width: 735px;
	margin-left: 20px;
	margin-top: 173px;
	height: 385px;
	overflow:auto;
}

* + html #container .scroll-pane { 
	margin-left: -680px;
	width:1400px
}

* html #container .scroll-pane { 
	margin-left: -340px;
	width:1400px
}

.scroll-pane h2 {
font: 1.1em/1em Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	color:#fff;
	font-weight:bold;
	margin-top:0.5em;
	text-align: left;
	line-height:1em;
	color:#fff;
}

.scroll-pane h3 {
font: 1.1em/1em Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	color:#fff;
	font-weight:bold;
	margin-top:0.5em;
	text-align: left;
	line-height:1em;
	color:#fff;
}


.scroll-pane h4 {
font: 1.1em/1em Arial, Helvetica, sans-serif;
	margin-bottom: -0.4em;
	color:#fff;
	font-weight:bold;
	margin-top:0.5em;
	text-align: left;
	line-height:1em;
	color:#fff;
}

.scroll-pane p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	color:#fff;
	font-size: 1em;
	line-height: 1.25em;
	text-align: left;
}


/*//-------------LEISTUNGEN-BUTTON-----------------//*/

#leistungen {
	margin:0px;
	padding:0px;
	background:url(../_images/leistungen.png) no-repeat left top;
	width:40px;
	height:212px;
	float:right;
	z-index:1;
	position:absolute;
	left:765px;
	top:367px;
}

#leistungen a:link, #leistungen a:visited {
	display:block;
	text-indent:-1000em;
	background:url(../_images/leistungen.png) left top;
	width:40px;
	height:212px;
}

#leistungen a:hover, #leistungen a:active {
	background-position: right top;
	
}

#leistungenTeam {
	margin:0px;
	padding:0px;
	background:url(../_images/leistungen_team.png) no-repeat left top;
	width:40px;
	height:212px;
	float:right;
	z-index:1;
	position:absolute;
	left:765px;
	top:367px;
}

#leistungenTeam a:link, #leistungenTeam a:visited {
	display:block;
	text-indent:-1000em;
	background:url(../_images/leistungen_team.png) left top;
	width:40px;
	height:212px;
}

#leistungenTeam a:hover, #leistungenTeam a:active {
	background-position: right top;
	
}

#leistungenExistenzgruender {
	margin:0px;
	padding:0px;
	background:url(../_images/leistungen_existenzgruender.png) no-repeat left top;
	width:40px;
	height:212px;
	float:right;
	z-index:1;
	position:absolute;
	left:765px;
	top:367px;
}

#leistungenExistenzgruender a:link, #leistungenExistenzgruender a:visited {
	display:block;
	text-indent:-1000em;
	background: url(../_images/leistungen_existenzgruender.png) left top;
	width:40px;
	height:212px;
}

#leistungenExistenzgruender a:hover, #leistungenExistenzgruender a:active {
	background-position: right top;
}

#leistungenWeg {
	margin:0px;
	padding:0px;
	background:url(../_images/leistungen_weg.png) no-repeat left top;
	width:40px;
	height:212px;
	float:right;
	z-index:1;
	position:absolute;
	left:765px;
	top:367px;
}

#leistungenWeg a:link, #leistungenWeg a:visited {
	display:block;
	text-indent:-1000em;
	background:url(../_images/leistungen_weg.png) left top;
	width:40px;
	height:212px;
}

#leistungenWeg a:hover, #leistungenWeg a:active {
	background-position: right top;
}

#leistungenKontakt {
	display:none;
}

#leistungenImpressum {
	display:none;
}




/*//-------------TEAM------------------//*/

.team1 {
	float: left;
	width: 165px;
	padding:12px 20px 18px 20px;
}

.team2 {
	float: left;
	width: 165px;
	padding:62px 30px 18px 0px;
}

.team3 {
	float: left;
	width: 165px;
	padding:62px 30px 18px 0px;
}

.team4 {
	float: right;
	width: 165px;
	padding:62px 0px 18px 0px;
}

#inhaltTeam {
	background:
	url(../_images/TabbedPanels_bottom.jpg) no-repeat scroll center bottom;
	clear: left;
	height: 280px;
	width: 960px;
	overflow:hidden;
}


#inhaltTeam h3 {
	font: 1.4em/1em Arial, Helvetica, sans-serif;
	margin-bottom: 1em;
	color:#fff;
	font-weight:bold;
	margin-top:1em;
	text-align: left;
}

#inhaltTeam p {
	font-family: Arial, Helvetica, sans-serif;
	margin-top: 1.1em;
	margin-bottom: 1.1em;
	color:#fff;
	font-size: 1em;
	line-height: 1.4em;
	text-align: left;
}

#inhalt p a {
	color:#fff;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

#inhalt p a:hover {
	color:#333;
}


#inhalt p a:active {
	color:#333;
}


	
/*//-------------FOOTER------------------//*/

#footer {
	clear: both;
}

#footer #navigation_bottom {
	top:16px;
	left:-301px;
	position: relative;
}

#footer #navigation_bottom p {
	font: 1.1em/1.5em Arial, Helvetica, sans-serif; 
}
#footer #navigation_bottom p a {
	color:#FFF;
	text-decoration:none;
	font-family: Arial, Helvetica, sans-serif;
}

#footer #navigation_bottom p a:hover {
	color:#0092D2;
}


#footer #navigation_bottom p a:active {
	color:#0092D2;
}

/*END FOOTER*/

/*//-------------GOOGLE------------------//*/
#google {
	background:url(../_images/TabbedPanels_bottom_impressum.png) no-repeat left top;
	width:775px;
	height:596px;
	
}

.googleMaps {
	margin-top:170px;
	border: 2px solid #fff;
}

#map {
	margin-left:68px;
	}

/*START CLASS*/

.blau {
	color:#0092D2;
}

.fettblau {
	color:#0092D2;
	font-weight:bold;
}

/* ======================================================================================================================================================== */
/* jScrollPane  */
/* ======================================================================================================================================================== */

/*
 * CSS Styles that are needed by jScrollPane for it to operate correctly.
 *
 * Include this stylesheet in your site or copy and paste the styles below into your stylesheet - jScrollPane
 * may not operate correctly without them.
 */

.jspContainer {
	overflow: hidden;
	position: relative;
}

.jspPane {
	position: absolute;
}

.jspVerticalBar {
	position: absolute;
	top: 0;
	right: 0;
	width: 12px;
	height: 100%;
	background: red;
}

.jspVerticalBar {
	margin: 0;
	padding: 0;
}

.jspCap {
	display: none;
}

.jspHorizontalBar .jspCap {
	float: left;
}

/*------- hintergrund --------*/
.jspTrack {
	background:#CCC;
	position: relative;
}

/*------- anfasser --------*/
.jspDrag {
	background:#F00;
	position: relative;
	top: 0;
	left: 0;
	cursor: pointer;
}

.jspHorizontalBar .jspTrack,
.jspHorizontalBar .jspDrag {
	float: left;
	height: 100%;
}

/*------- pfeil --------*/
.jspArrow {
	background:#93F;
	text-indent: -20000px;
	display: block;
	cursor: pointer;
}

.jspArrow.jspDisabled
{
	cursor: default;
	background: #80808d;
}

.jspVerticalBar .jspArrow
{
	height: 16px;
}

.jspHorizontalBar .jspArrow
{
	width: 16px;
	float: left;
	height: 100%;
}

.jspVerticalBar .jspArrow:focus
{
	outline: none;
}

.jspCorner
{
	background: #eeeef4;
	float: left;
	height: 100%;
}

/* Yuk! CSS Hack for IE6 3 pixel bug :( */
* html .jspCorner
{
	margin: 0 -3px 0 0;
}


/*------- hintergrund --------*/
.jspVerticalBar,
.jspTrack {
	background:#009ee1;
}

/*------- anfasser --------*/
.jspDrag {
	background:#FFF;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
}

.jspTrack .jspActive, .jspTrack .jspHover, .jspDrag:hover {
	background:#FFF;
}