/*========================================================================
	Main Elements
========================================================================*/

body {
	/*background-color:#626366;*/
	background-color:#333;
	margin:30px 0px 0px 0px;
	padding:0px;
	font-family:Arial, Helvetica, sans-serif;	
	font-size:12px;	
	line-height:18px;
	color:#000000;
}

h1,h2,h3 {
	font-size:12px;
	font-weight:bold;
	line-height:20px;
	margin:0px;	
	padding:0px;
	padding-bottom:10px;
}

p {
	margin:0px 0px 16px;
	padding:0px;
}

ul {
	margin:0px;
	padding:0px 0px 0px 0px;
	list-style:none;
}

li {
	line-height:20px;
	background-image:url(../pix/main/aufzaehlung.gif);
	background-repeat:no-repeat;
	background-position:0% 9px;
	padding-left:10px;
}	

a {
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
	/*color:#6eccf5;*/
	color:#EE4C55;
}

a:hover {
	/*color:#ee4c55;*/
	color:#000;
}


a.active {
	color:#ee4c55;
}

a.mail {
	font-size:13px;
	font-weight:normal;
}

.klein {
	font-size:12px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:12px;
}


/*========================================================================
	Default Elements
========================================================================*/

.clearBoth {
	clear:both;
	height:0px;
	line-height:0px;
	font-size:0px;
}

form {
	margin:0px;
	padding:0px;
}

/*========================================================================
	Container
========================================================================*/

div#mainContainer {
	position:relative;
	width:955px; height:599px;
	margin:auto;
	padding:0px;
	background-color:#fff;
}

/*========================================================================
	Header
========================================================================*/

div#header {
	position:relative;
	top:0px; left:0px;
	width:955px; height:110px;
	font-size:11px;
	margin:0px;
	padding:0px;	
}

div#logo {
	position:absolute;
	display:block;
	bottom:25px; left:35px;
	width:60px; height:60px;	
}

div#brand {
	position:absolute;
	display:block;
	bottom:25px; left:175px;
	width:182px; height:34px;
	background:url(../pix/main/brand-trans.png) no-repeat;
}

div.search {
	position:absolute;	
	top:91px; left:762px;
	width:47px; height:15px;
	line-height:10px;
	padding:4px 0px 0px 4px;	
	border-left:1px solid #ee4c55;	
}

div.searchBox { 
	position:absolute;	
	top:91px; left:818px;
	width:136px; height:16px;
	margin:0px; padding:0px;	
}

div.searchBox input {
	width:131px; height:16px;
	margin:0px;
	padding:2px 0px 0px 4px;
	font-size:11px;	
	border:hidden;
	border:1px solid #ee4c55;
	background-color:#ffffff;
}


/*========================================================================
	Navigation
========================================================================*/

div#navigation {
	position:relative;
	float:left;	
	width:140px; height:489px;
	margin:0px;	
	padding:0px 0px 0px 35px;
	font-size:11px;
	font-weight:bold;
	line-height:17px;
	color:#000000;	
}

div.naviHome  {	
	width:140px; height:17px;
	margin:0px; padding:0px;
	border-top:1px solid #ee4c55;
	border-bottom:1px solid #ee4c55;	
}

div.naviDienstleistung,div.naviUnternehmen {	
	width:140px;
	margin:30px 0px 0px 0px;
	padding:0px;
	border-top:1px solid #ee4c55;
}

div.naviDienstleistung div,div.naviUnternehmen div {
	width:140px; height:17px;
	margin:0px; padding:0px;	
	border-bottom:1px solid #ee4c55;
}
	
a.naviNode {	
	margin:0px; padding:0px;
	color:#000000;		
	display: block;
}

a.naviNode:hover {
	color:#fff;
	background-color: #EE4C55;
	padding-left: 2px;
}
	
a.naviNodeHome, a.naviNodeHomeActive, a.naviNodeActive {
	color:#fff;
	background-color: #EE4C55;
	padding-left: 2px;
	display: block;
}

/* ---------- Unternavigation ----------- */
a.naviSubNode {	
	margin:0px 0px 0px 10px; padding:0px;
	color:#000000;		
	display: block;
}

a.naviSubNode:hover {
	color:#fff;
	background-color: #EE4C55;
	padding-left: 2px;
}
	
a.naviSubNodeHome, a.naviSubNodeHomeActive, a.naviSubNodeActive {
	color:#fff;
	background-color: #EE4C55;
	margin:0px 0px 0px 10px; padding:0px;
	display: block;
}

/* ---------- Notfallnummer ----------- */
div.emergency {	
	width:129px;
	margin:15px 0px 0px 0px;
	font-size:12px;
	font-weight:bold;
	line-height:15px;
	color:#ee4c55;
}

/*========================================================================
	Spalte rechts
========================================================================*/

div#mainRightRed,div#mainRightBlue {
	color: #fff;
	position:relative;
	display:block;
	float:left;
	width:192px; height:488px;
	background-color:#ee4c55;
	border-top:1px solid #ee4c55;
}

div#mainRightBlue { background-color:#c5e8fa; }

div#mainRight a:hover,div#mainRightBlue a:hover { color:#ffffff; }

div.txt {
	font-size:11px;
	font-weight:bold;
	line-height:30px;
	color:#ffffff;
	padding:41px 8px 0px 8px;
}


/*========================================================================
	Content
========================================================================*/

div#mainContent,div#mainContent3,div#blackBar,div#contentSmall,div#contentCol {
	position:relative;
	float:left;
	width:588px;
	margin:0px; padding:0px;	
}

div#mainContent { height:488px; }

div#mainContent3 { width:780px;height:488px;}

div#redBarWide,div#blackBar {
	position:absolute;
	width:588px; height:19px;
	margin:0px; padding:0px;
	background-color:#ee4c55;
}

div#redBar {
	position: absolute; left:0px; top: 0px; 
	width: 780px; 
	z-index:1000;
	height:19px;
	margin:0px; padding:0px;
	background-color:#ee4c55;
}

div#redBarWide { width:780px; }

div#blackBar { background-color:#000000; }

div.contentWhite,div.contentBlack,div.contentRed,div.content3 {
	position:absolute;
	display:block;
	top:19px;
	width:534px; height:440px;
	margin:0px;
	padding:30px 27px 0px 27px;
	overflow-x:hidden;
	overflow-y:hidden;
}

div.contentWhite { background-color:#ffffff; }

div.contentBlack { background-color:#fff; color:#000; }

div.contentRed { background-color:#ee4c55; color:#ffffff; }

div.contentRed a:hover { color:#ffffff; }

div.content3 { width:779px; padding:30px 0px 0px; background-color:#ffffff; }


div#contentSmall { width:356px; }

div#contentCol { width:150px; font-size:11px; padding-left:26px; }

div.kontakt,div.kontaktRight {
	float:left;	
	width:150px; /*width:135px;*/
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin-bottom:14px;
}

div.kontakt { margin-bottom:10px; padding-right:27px; }

div.liste {
	float:left;
	width:160px;
	padding-right:10px;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
}

div.liste ul {
	margin:0px; padding:0px;
	list-style:none;
}

div.liste li {
	line-height:18px;
	background-image:none;
	padding:0px;
}


/*========================================================================
	SCROLLER
========================================================================*/
/*
div#scrollContent {
	position:absolute;
	left:162px;
	top:11px;
	width:542px;
	height:320px;
	overflow:hidden;
}
*/

div#scrollBg {
	position:absolute;
	top:18px; right:0px;
	width:16px; height:470px;
	border-left:1px solid #c5e8fa;
	border-right:1px solid #c5e8fa;
	
}

div.scrollUp {
	position:absolute;
	display:block;
	right:4px; top:22px;
	margin:0px; padding:0px;
}

/*div.scrollUp img { margin:0px; padding:0px;} */

* html div.scrollUp { top:17px; }
*+html div.scrollUp { top:14px; }

div.scrollDown {
	position:absolute;
	right:4px;
	bottom:4px;
	margin:0px; padding:0px;
}

* html div.scrollDown { bottom:2px; }
*+html div.scrollDown { bottom:1px; }

div#slideBarArea {
	position:absolute;
	top:33px; right:4px;
	width:11px; height:440px;
	margin:0px; padding:0px;
	z-index:500;
	cursor:pointer;
}

div#slideBarKnob {
	position:relative;
	top:0px; left:0px;
	width:12px; height:8px;
	margin:0px; padding:0px;
	background:url(../pix/main/scroller/knob-trans.png) no-repeat;
}

* html div#slideBarKnob {
	left:1px;
}

/*========================================================================
	Organigramm
========================================================================*/
div.orgKontakt,
div.orgKontaktGreen,
div.orgKontaktBlue {
	position:absolute;
	top:0px; left:0px;
	display:none;
	width:175px; height:430px;
	margin:0px; padding:0px;
	font-size:11px;
	color:#ffffff;
	background:#000000;
}

div.orgKontakt img { margin:0px; padding:0px;}

div.orgKontakt p { padding:0px 5px; }

/*div.orgKontaktClose {
	position:absolute;
	bottom:4px; right:7px;
}*/

div.orgBox,div.orgBoxOver,div.orgBoxActive,div.orgBoxOverGreen, div.orgBoxOverBlue {
	position:absolute;
	display:block;	
	width:150px; height:27px;
	margin:0px;
	padding:2px 0px 0px 0px;
	font-size:10px;
	line-height:11px;
	text-align:center;
}

/*.klein { letter-spacing:-0.06em; }*/

div.orgBox.kleintxt,div.orgBoxOver.kleintxt,div.orgBoxActive.kleintxt { font-size:9px; }

/**+ html div.orgBox.klein,div.orgBoxOver.klein,div.orgBoxActive.klein { font-size:9px; letter-spacing:-0.03em; }*/



div.orgBoxOver {cursor:pointer; }
div.orgBoxOver:hover { background-color:#ee4c55; }
div.orgBoxActive { background-color:#ee4c55; }
div.orgBoxActiveGreen { background-color:#6bc877; }
div.orgBoxActiveBlue { background-color:#71a8ff; }



div.orgBoxActiveGreen,  div.orgBoxOverGreen:hover { background-color:#6bc877; }
div.orgBoxActiveBlue,div.orgBoxOverBlue:hover { background-color:#71a8ff; }

/*========================================================================
	Zahlen und Fakten
========================================================================*/

table.zahlen {
	width:534px !important;
	font-size:11px;
	font-weight:normal;
	line-height:16px;
	margin:0px 0px 18px 0px;
	padding:0px;
	border-top:1px solid #54c2fa;
}

table.zahlen td {
	height:18px;
	margin:0px 4px 0px 0px;	
	padding:0px 4px 0px 0px;	
	vertical-align:top;
	border-bottom:1px solid #54c2fa;
}

table.zahlen td.bg { 
	width:55px; 
	background-color:#eef5fc;
	text-align:right; 
}

.blau { color:#54c2fa; font-weight:bold; }



/*========================================================================
	Lehrlinge
========================================================================*/

div.lehrlinge {
	position:relative;
	float:left;
	width:150px;
	padding:10px 42px 0px 0px;
	font-size:11px;	
	color:#000000;
	line-height:16px;
}

div.lehrlinge.right { padding:10px 0px 0px 0px;}

a.link {
	color:#000000;
	font-size:11px;
	font-weight:normal;	
}

a.link:hover {
	color:#ffffff;
	font-weight:normal;	
}

a.linkActive {
	color:#ffffff;
	font-size:11px;
	font-weight:normal;	
}

img.pixLehrlinge {
	position:relative;
	float:left;
	display:block;
	width:48px; height:61px;	
	margin:0px; padding:0px;	
}

/* ---------- Formular ----------- */

div#contactLehrlinge {
	position:absolute;
	display:none;
	top:128px; left:581px;
	width:167px; height:440px;
	padding:6px 4px 20px 4px;
	font-size:11px;
	line-height:16px;
	color:#000000;
	background-color:#ffffff;	
}

.feld {
	width:97%; height:12px;
	font-size:11px;
	margin-bottom:10px;
}

div#contactLehrlinge textarea {
	width:97%;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
}


/*========================================================================
	Stellen
========================================================================*/

div.stellen {
	width:518px;
	font-weight:normal;
	margin:0px 0px 20px 0px;
}

a.stellenLink { 
	position:absolute;
	left:370px;	
}


/*========================================================================
	Kontakte
========================================================================*/

div#map {
	position:absolute;
	display:block;
	width:192px; height:488px;
	top:0px; left:0px;
}