/* --------- jobtool24, Fellbach ---------------------------------------------------------------------------------------- 
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
CSS-Design by royal emotions - stay digital, Regina Meissner, www.royalemotions.de
Kontakt: anfrage@royalemotions.de | Erstellt im Februar 2010
''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''''
-----------------------------------------------------------------------------------------------------------------------*/
body {
	padding:0px 0px 0px 0px;
	margin:0px 0px 0px 0px;
	background-color: #ffffff;
	background-image: url(pics/back_verlauf.jpg);
	background-repeat:repeat-x;
}	
h1 {
	font-family: Arial, sans-serif;
  	font-size: 28px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;	
}

h2 {
	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
}

h3 {
	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: italic;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
}

h4 {
	font-family: Arial, sans-serif;
  	font-size: 13px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
}

h5 {
	font-family: Arial, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}

h6 {
	font-family: Arial, sans-serif;
  	font-size: 11px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
fieldset, img {
	border: 0;
}
ol, ul {
	padding-top:5px;
}
ul {
	list-style-image: url(pics/haken.png);
	margin-left:30px;
	padding-left:10px;
}

ol { list-style: none; padding: 5px 0 0 0; margin: 0; }
ol li { margin-bottom: 12px; background-repeat: no-repeat; background-position: left top; padding-left:40px; min-height: 30px; }

ol li.n_1 { background-image: url(pics/eins.jpg); }
ol li.n_2 { background-image: url(pics/zwei.jpg); }
ol li.n_3 { background-image: url(pics/drei.jpg); }
ol li.n_4 { background-image: url(pics/vier.jpg); }
ol li.n_5 { background-image: url(pics/fuenf.jpg); }
ol li.n_6 { background-image: url(pics/sechs.jpg); }

ul li ul {
	list-style-image: url(pfeil_2.jpg);
	padding-left:10px;
	margin-left:10px;
	padding-top:2px;
}
ul.innerfade {list-style:none;}

#portfolio {margin:0;padding:0;}

caption, th {
	text-align: left;
}
q:before, q:after {
	content: '';
}
abbr, acronym {
	border: 0;
}

.clear {
	display: block;
	clear: both;
}

.flright {
	display:block;
	float:right;
}

.flleft {
	display:block;
	float:left;
}
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 * 
 */
body {
	font: 11px Tahoma, Arial, clean, sans-serif; *font-size: small; *font: x-small;
}
table {
	font-size: inherit; font:100%;
}
/**
 * 99% for safari; 100% is too large
 */
select, input, textarea {
	font: 99% Tahoma, arial, clean, sans-serif;
}

/* Hier individuelle Styles
---------------------------------------------------------------------------------------------------------------------- */

#container {
	position:relative;
   	width:1100px;
	top:0px;
   	margin:auto;
}
#topmenu {
	float:right;
	padding-top:10px;
	padding-right:15px;
	padding-bottom:5px;
}
#menubalken {
	float:left;
	background-image: url(pics/back_menubalken.png);
	background-repeat:no-repeat;
	padding-left:0px;
	padding-top:0px;
	margin-bottom:30px;
	width:1110px;
	height:50px;
}
#spalte1 {
	float:left;
	width:542px;
	padding-right:18px;
}
#spalte2 {
	float:right;
	margin-right:-4px;	
	margin-top:10px;
	clear:right;
}
#spalte3 {
	float:left;
	width:1100px;
	padding-right:18px;
}
#spalte4 {
	float:left;
	width:560px;
	padding-right:0px;
}
.button {
	float:left;
	clear:both;
	margin-top:-5px;
}
.headline {
	background-image: url(pics/back_headline.png);
	background-repeat:no-repeat;
	width:701px;
	height:47px;
	margin-left:-1px;
	padding-left:17px;
	padding-top:0px;
	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 45px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}
#footer {
	float:left;
	background-image: url(pics/back_footer.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	margin-bottom:30px;
	width:1100px;
	height:35px;
}
#footer_start {
	float:left;
	background-image: url(pics/back_footer.gif);
	background-repeat:no-repeat;
	padding-left:15px;
	padding-top:10px;
	margin-bottom:30px;
	margin-top:80px;
	width:1100px;
	height:35px;
}

#copyright {
	float:right;
	clear:both;
	padding-right:27px;
}
#banner {
	float:left;
	padding-left:4px;
}
#text_links {
	position:relative;
	margin-top:0px;
	float:left;
	padding-left:15px;
	width:680px;
}
#text_unterseiten {
	float:left;
	padding-left:0px;
	width:701px;
}
#text_unterseiten2 {
	float:left;
	padding-left:0px;
	width:1100px;
}
#contentblock { float:left; clear:both; margin: 0px; width:1100px; padding-top:12px; padding-bottom:40px; height:50%; background: #transparent; }
#contentblock2 { float:left; clear:both; margin: 0px; width:1100px; padding-bottom:40px; height:50%; background: #transparent; margin-top:-12px; padding-bottom:40px;}
#contentblock3 { float:left; clear:both; margin: 0px; width:1150px; padding-bottom:40px; height:50%; background: #transparent; margin-top:-12px; padding-bottom:40px;}
#contentblock4 { float:left; clear:both; margin: 0px; width:1100px; padding-bottom:40px; height:50%; background: #transparent; margin-top:10px; padding-bottom:40px;}
#startblock {float:left; clear:both; margin: 0px; width:1100px; height:400px; padding-bottom:40px;}

/* Bubble jobtool24
---------------------------------------------------------------------------------------------------------------------- */
#blase {
	position:relative; 
	float:left;
	width:270px;
	height:100px;
	margin-left:-300px;
	margin-top:220px;
}
	
/* Bubble testtool24
---------------------------------------------------------------------------------------------------------------------- */
#blase2 {
	position:relative; 
	float:left;
	width:270px;
	height:110px;
	margin-left:-300px;
	margin-top:255px;
}
.infoblatt {
	position:relative;
	background-image:url(pics/download_infoblatt_aktiv.gif);
	background-repeat:no-repeat;
	padding-right:40px;
	margin-top:10px;
	width:200px;
	height:50px;
	cursor:pointer;
}
.infoblatt:hover {
	position:relative;
	background-image:url(pics/download_infoblatt_hover.gif);
	background-repeat:no-repeat;
	padding-right:40px;
	margin-top:10px;
	width:200px;
	height:50px;
	cursor:pointer;
}

a.jobdemo24 {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:250px;
	height:135px;
	float:right; 
	background-image: url(button_jobdemo24.png);
	background-repeat:no-repeat;
	clear:both;
}
a.jobdemo24:hover {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:250px;
	height:135px;
	float:right; 
	background-image: url(button_jobdemo24_hover.png);
	background-repeat:no-repeat;
	clear:both;
}

a.testdemo24 {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:250px;
	height:135px;
	float:right; 
	background-image: url(button_testdemo24.png);
	background-repeat:no-repeat;
	clear:both;
}
a.testdemo24:hover {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:250px;
	height:135px;
	float:right; 
	background-image: url(button_testdemo24_hover.png);
	background-repeat:no-repeat;
	clear:both;
}


/* Hier Kontaktform
---------------------------------------------------------------------------------------------------------------------- */
/* Formular Definition */
/*//////////////////////////////////////////////////////////////////////////////*

/* Div das das Formular umschlie�t */
.formgen {
	font-size: 1em;
	padding: 0px;
	margin-bottom:100px;
	padding-top:20px;
	padding-left:15px;
	width:700px;
}

/* Was passiert wenn auf das Label geklickt wird? */
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]
{
}


.formgen form
{
line-height : 120%;

}

/* 
Wie sehen die einzelnen Bl�cke aus? 
Jedes Feld wird von einem DIV umschlossen, das hier definiert werden kann
*/

.formgen .formblock
{
	margin-bottom: 15px;
	margin-top: 10px;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 5px;	
	
}
 .forminfo 
{
	width:650px;
	margin-bottom: 15px;
	background-color: #ffffff;
	color:#04495f;
	padding-top: 3px;
	padding-bottom: 3px;
	padding-right: 2px;
	padding-left: 10px;
	margin-left:15px;
	font-weight: bold;
	border: 2px solid #c2cd00;
}

/*
Verhalten von br-Tags
*/
.formgen br
{
clear : both;
}

/* 
--------- FORMULAR-OBJEKTE ------------ 
*/


/* Mehrzeiliges Eingabefeld */
.formgen .formtextfield
{
	width:678px;
	height: 180px;
	margin-left: 0px;
	padding:5px;
	font-size: 12px;
	font-family:Arial;
	color:#04495f;
	background-image: url('pics/field_back.gif');
 	background-repeat:no-repeat;
	border: 0px solid #fff;
	background-color: #fff;
}


/* Textfeld */
.formgen .formtext
{
	width: 340px;
	height:20px;
	margin-left: 4px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 6px;
	font-size: 12px;
	font-family:Arial;
	color:#04495f;
	background-image: url('pics/input_back.gif');
 	background-repeat:no-repeat;
	background-color: #fff;
	border: 1px solid #fff;
}

.formgen .formtext:focus, .formgen .formtext:hover {
	width: 340px;
	height:20px;
	margin-left: 4px;
	margin-bottom: 8px;
	padding-bottom: 6px;
	padding-left: 4px;
	padding-top: 6px;
	font-size: 12px;
	font-family:Arial;
	color:#04495f;
	background-image: url('pics/input_back_focus.gif');
 	background-repeat:no-repeat;
	background-color: #fff;
	border: 1px solid #fff;	
}
.formgen .formtextfield:focus, .formgen .formtextfield:hover {
	width:678px;
	height: 180px;
	margin-left: 0px;
	padding:5px;
	font-size: 12px;
	font-family:Arial;
	color:#04495f;
	background-image: url('pics/field_back_focus.gif');
 	background-repeat:no-repeat;
	border: 0px solid #fff;
	background-color: #fff;
}

/* Label */
.formgen label {
	width: 340px;
	clear: left;
	float: left;
	height: 20px;
	font-weight: normal;
	color: #04495f;
}


/* Aussehen der Select-Ausgabe */
.formgen .formselect
{
	width: 400px;
	font-size:12px;
	background-color: #ffffff;
	border:1px solid #dddddd;
	margin-left: 4px;
	color: #000000;
}

/* Sende-Button */
.formgen .formsubmit {
	float:right;
	height:35px;
	width:135px;
	padding-top:3px;
	padding-bottom:10px;
	margin-right:10px;
	background-image: url(pics/button_green.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	valign:top;
	border:0px solid #fff;
	background-color:#fff;
	color:#ffffff;
}
.formgen .formsubmit:hover {
	background-image: url(pics/button_blue.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	height:35px;
	width:135px;
	padding-top:3px;
	padding-bottom:10px;
	margin-right:10px;
	text-align:center;
	valign:top;
	font-weight: bold;
	border:0px solid #fff;
	background-color:#fff;
	color:#ffffff;
	float:right;
}
/* Fieldsetbeschriftung */
.formgen legend {
	color: #FFFFFF;
	background-color: #990000;
	width: 150px;
}
.formgen .fieldset {
	margin-bottom: 0px;
}

/* -------------- AUSGABEN / Fehlermeldungen --------*/


/* Markierung der Labels bei Fehler */
.formgen .formerror {
	
	border-bottom-width: 1px;
	color:#00a3de;
	font-weight:bold;
}

.formgen .formcaptcha
{
	border: 0px solid #ffffff;
	vertical-align: top;
	margin-left:0px;
	float: left;
}

.formgen .formreq {
	color: #ffffff;
}

.formgen .formheadline {
 	color: #04495f;
	background-color: #transparent;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-top: 5px;
	margin-bottom: 5px;
	font-weight: bold;
	font-size:13px;
	line-height:16px;
}
/*//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////*
/* Ende der Formulardefinition */



/* Boxen rechts
---------------------------------------------------------------------------------------------------------------------- */
.box1 {
    width:390px; padding:0; padding-bottom:6px; margin:0; 
}
.pic1 {
	padding:0; margin:0;
}
.kasten_innen {
	width:390px; background-image: url(pics/kasten_middle.gif); background-repeat:repeat-y; padding:0; margin:0; margin-top:-4px;
}
.textblock {
	padding-left:15px; padding-right:15px; padding-bottom:2px;  padding-top:0px;
}

/* Boxe Preise (mehrzeilig)
---------------------------------------------------------------------------------------------------------------------- */
.box2 {
    width:600px; padding-left:44px; padding-bottom:0px; margin-bottom:0px;
}
.kasten_innen2 {
	width:600px; background-image: url(pics/kasten_preise_middle.gif); background-repeat:repeat-y; padding:0; margin:0; margin-top:-8px;
}
.headline2 {
	background-image: url(pics/back_preise_headline.png);
	background-repeat:no-repeat;
	width:590px;
	height:40px;
	margin-left:40px;
	padding-left:40px;
	padding-top:0px;
	margin-top:0px;
	font-family: Arial, sans-serif;
  	font-size: 16px;
	line-height:40px;
  	font-style: normal;
  	font-weight: bold;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}

/* Boxen ganz breit (mehrzeilig)
---------------------------------------------------------------------------------------------------------------------- */
.box3 {
    width:687px; padding-left:5px; padding-bottom:3px; margin-bottom:0px;
}
.kasten_innen3 {
	width:687px; background-image: url(pics/kasten2_middle.gif); background-repeat:repeat-y; padding:0; margin:0; margin-top:-8px; margin-bottom:-2px;
}

/* Boxen 2 nebeneinander (testtool24)
---------------------------------------------------------------------------------------------------------------------- */
.box4 {
    float:left; width:334px; padding-left:5px; padding-bottom:7px; margin-bottom:0px;
}
.box4a {
    float:left; width:334px; padding-left:20px; padding-bottom:3px; margin-bottom:0px;
}
.kasten_innen4 {
	width:334px; background-image: url(pics/kasten3_middle.gif); background-repeat:repeat-y; padding:0; margin:0; margin-top:-8px; margin-bottom:-2px;
}
.textblock2 {
	padding-left:15px; padding-right:15px; padding-bottom:2px;  padding-top:0px;}

a.button_preislink_testtool24 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:225px;
	height:60px;
	padding-left:0px;
	background-image: url(preislink_testtool24.png);
	background-repeat:no-repeat;
}
a.button_preislink_testtool24:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:225px;
	height:60px;
	padding-left:0px;
	background-image: url(preislink_testtool24_hover.png);
	background-repeat:no-repeat;
}

a.button_demoansehen {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:108px;
	height:65px;
	background-image: url(demo_ansehen.png);
	background-repeat:no-repeat;
}
a.button_demoansehen:hover {
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:108px;
	height:65px;
	background-image: url(demo_ansehen_hover.png);
	background-repeat:no-repeat;
}

/* Preise (jobtool24)
---------------------------------------------------------------------------------------------------------------------- */
.box5 {
    width:1107px; padding-left:5px; padding-bottom:7px; margin-bottom:0px;
}
.kasten_innen5 {
	width:1107px; background-image: url(pics/kastenpreise_middle.gif); background-repeat:repeat-y; padding:0; margin:0; margin-top:-8px; margin-bottom:-2px; clear:both;
}
.textblock2 {
	padding-left:15px; padding-right:15px; padding-bottom:2px;  padding-top:0px;}

.headline_preise {
	background-image: url(pics/back_headline_preise.png);
	background-repeat:no-repeat;
	width:1107px;
	height:47px;
	margin-left:-1px;
	padding-left:17px;
	padding-top:0px;
	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 45px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}

.box6 {
    float:left; top:0px; width:209px; height:470px;padding-left:6px; padding-bottom:7px; margin-bottom:0px;
}
.kasten_innen6 {
	width:209px; background-image: url(pics/kastensmall_middle.gif); background-repeat:repeat-y; margin:0; margin-top:-16px; margin-bottom:-2px;
}

.headline_flat {
	background-image: url(back_headline_flat.gif);
	background-repeat:no-repeat;
	width:640px;
	height:59px;
	margin-left:-1px;
	padding-left:17px;
	padding-top:0px;
	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 45px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}

.kasten_innen7 {
	width:209px; background-image: url(pics/kastensmall_middle.gif); background-repeat:repeat-y; margin:0; margin-top:-16px; margin-bottom:-2px;
}

.box7 {
    float:left; top:0px; margin-left:12px; margin-top:-56px; width:209px; height:450px;padding-left:6px; padding-bottom:7px; margin-bottom:0px;
}
.kasten_innen8 {
	width:209px; background-image: url(pics/kastensmall_middle.gif); background-repeat:repeat-y; margin:0; margin-top:-16px; margin-bottom:-2px;
}

.box9 {
    float:left; top:0px; width:209px; padding-left:6px; padding-bottom:7px; margin-bottom:0px;
}
.kasten_innen9 {
	width:209px; height:250px; background-image: url(pics/kastenopt_middle.gif); background-repeat:repeat-y; margin:0; margin-top:-16px; margin-bottom:-2px;
}

a.button_register {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:225px;
	height:100px;
	background-image: url(button_register.png);
	background-repeat:no-repeat;
}
a.button_register:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:225px;
	height:100px;
	background-image: url(button_register_hover.png);
	background-repeat:no-repeat;
}


.box_partnerbox {
    float:left; margin-left:12px; width:209px; padding-left:6px; padding-bottom:7px; margin-bottom:0px;
}
.kasten_innenpartner {
	width:209px; background-image: url(pics/kastensmall_middle.gif); background-repeat:repeat-y; margin:0; margin-top:-16px; margin-bottom:-2px;
}

/* For Newsletter
---------------------------------------------------------------------------------------------------------------------- */
.textblock2 {
	padding-left:15px; padding-bottom:2px;
}
.newsletterfeld {
	padding-left:15px;
	padding-top:3px;
	width:270px; 
	height:21px;
	padding-top:10px;
	padding-bottom:10px;
	margin-left:-10px;
	background-image: url(pics/back_newsletter.gif);
	background-repeat:no-repeat;
	border:1px solid #fff;
	font-family: Arial, sans-serif;
  	font-size: 13px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
}
.newslettersubmit {
	height:35px;
	width:135px;
	padding-top:3px;
	padding-bottom:10px;
	background-image: url(pics/button_green.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	valign:top;
	border:0px solid #fff;
	background-color:#fff;
	color:#ffffff;
}
.newslettersubmit:hover {
	background-image: url(pics/button_blue.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	height:35px;
	width:135px;
	padding-top:3px;
	padding-bottom:10px;
	text-align:center;
	valign:top;
	font-weight: bold;
	border:0px solid #fff;
	background-color:#fff;
	color:#ffffff;
}
.abmeldebutton {
	height:28px;
	width:135px;
	padding-right:40px;
	padding-top:6px;
	background-image: url(pics/button_green.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	text-align:center;
	font-weight: bold;
	valign:center;
	border:0px solid #fff;
	color:#ffffff;
}
.abmeldebutton:hover {
	background-image: url(pics/button_blue.gif);
	background-repeat:no-repeat;
	cursor:pointer;
	height:28px;
	width:135px;
	padding-right:40px;
	padding-top:6px;
	text-align:center;
	valign:center;
	font-weight: bold;
	border:0px solid #fff;
	color:#ffffff;
}


/* Hier Typo und Schriftklassen
---------------------------------------------------------------------------------------------------------------------- */

.jt {
  	font-family: Arial, sans-serif;
  	font-size: 11px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
	}
a.jt:link {
  	color: #04495f;
	hidefocus:0;
	outline:0;
	}
a.jt:hover {
  	color: #c2cd00;
	hidefocus:0;
	outline:0;
	}
a.jt:focus {
	hidefocus:0;
	outline:0;
	}
.jt_2 {
  	font-family: Arial, sans-serif;
  	font-size: 13px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
	}
a.jt_2:link {
  	color: #a0a912;
	hidefocus:0;
	outline:0;
	}
a.jt_2:hover {
  	color: #04495f;
	hidefocus:0;
	outline:0;
	}
a.jt_2:focus {
	hidefocus:0;
	outline:0;
	}
	
.jt_big {
  	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: normal;
  	line-height: 22px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
	}
a.jt_big:link, a.jt_big:active, a.jt_big:visited  {
  	color: #04495f;
	font-weight:bold;
	hidefocus:0;
	outline:0;
	}
a.jt_big:hover {
  	color: #c2cd00;
	font-weight:bold;
	hidefocus:0;
	outline:0;
	}
a.jt_big:focus {
	font-weight:bold;
	hidefocus:0;
	outline:0;
	}
	
.jt_big_green {
  	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: italic;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #c2cd00;
  	text-transform: none;
  	text-decoration: none;
	}
.jt_big_green:link {
  	color: #c2cd00;
  	text-transform: none;
  	text-decoration: none;
	hidefocus:0;
	outline:0;
	}
a.jt_big_green:hover {
  	color: #04495f;
	text-transform: none;
  	text-decoration: none;
	hidefocus:0;
	outline:0;
	}
.jt_big_green2 {
  	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #c2cd00;
  	text-transform: none;
  	text-decoration: none;
	}

.jt_big_blue {
  	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
.jt_text {
  	font-family: Arial, sans-serif;
  	font-size: 13px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
	}
a.jt_text:link, a.jt_text:visited, a.jt_text:active {
  	color: #04495f;
	hidefocus:0;
	outline:0;
	}
a.jt_text:hover {
  	color: #00a3de;
	hidefocus:0;
	outline:0;
	}
a.jt_text:focus {
	hidefocus:0;
	outline:0;
	}
	
.jt_middle {
  	font-family: Arial, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #04495f;
  	text-transform: none;
  	text-decoration: none;
	}

.jt_grau {
  	font-family: Arial, sans-serif;
  	font-size: 12px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #919090;
  	text-transform: none;
  	text-decoration: none;
	}
.green {
  	font-family: Arial, sans-serif;
  	font-size: 11px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #aeb701;
  	text-transform: none;
  	text-decoration: none;
	}	
a.green:link, a.green:visited {
  	color: #00a3de;
	hidefocus:0;
	outline:0;
	}
a.green:hover {
  	color: #aeb701;
	hidefocus:0;
	outline:0;
	}
a.green:focus {
	hidefocus:0;
	outline:0;
	}
.job_green {
  	font-family: Arial, sans-serif;
  	font-size: 14px;
  	font-style: italic;
  	line-height: 15px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #c2cd00;
  	text-transform: none;
  	text-decoration: none;
	}	
.tool_blue {
  	font-family: Arial, sans-serif;
  	font-size: 14px;
  	font-style: normal;
  	line-height: 15px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
.premium_blue {
  	font-family: Arial, sans-serif;
  	font-size: 14px;
  	font-style: italic;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
.premium_blue2 {
  	font-family: Arial, sans-serif;
  	font-size: 16px;
  	font-style: italic;
  	line-height: 15px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
		
.jt_huge {
  	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
.jt_huge_grau {
  	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: normal;
  	font-variant: normal;
  	color: #555555;
  	text-transform: none;
  	text-decoration: none;
	}
a.jt_huge_grau:link, a.jt_huge_grau:visited, a.jt_huge_grau:active {
  	color: #555555;
	hidefocus:0;
	outline:0;
	}
a.jt_huge_grau:hover {
  	color: #c2cd00;
	hidefocus:0;
	outline:0;
	}
a.jt_huge_grau:focus {
	hidefocus:0;
	outline:0;
	}
.jt_huge_green {
  	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: italic;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #c2cd00;
  	text-transform: none;
  	text-decoration: none;
	}
.jt_huge_blue {
  	font-family: Arial, sans-serif;
  	font-size: 18px;
  	font-style: normal;
  	line-height: 20px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
.jt_hd_blue {
  	font-family: Arial, sans-serif;
  	font-size: 28px;
  	font-style: normal;
  	line-height: 16px;
  	font-weight: bold;
  	font-variant: normal;
  	color: #00a3de;
  	text-transform: none;
  	text-decoration: none;
	}
	
/* Hier Style f�r Sitemap
---------------------------------------------------------------------------------------------------------------------- */
	
a.level1 {
	color: #04495f;
	font-size: 12px;
	line-height:25px;
	text-decoration: none;
	}
a.level1:hover {
	color: #c2cd00;
	font-size: 12px;
	line-height:25px;
	text-decoration: none;
	}
a.level2 {
	color: #04495f;
	font-size: 12px;
	line-height:18px;
	padding-left:22px;
	text-decoration: none;
	}
a.level2:hover {
	color: #c2cd00;
	font-size: 12px;
	line-height:18px;
	padding-left:22px;
	text-decoration: none;
	}		
a.level3 {
	color: #04495f;
	font-size: 12px;
	line-height:16px;
	padding-left:45px;
	text-decoration: none;
	}
a.level3:hover {
	color: #c2cd00;
	font-size: 12px;
	line-height:16px;
	padding-left:45px;
	text-decoration: none;
	}
	
/* Hier Men�styles und Navigation
---------------------------------------------------------------------------------------------------------------------- */

#header-nav {position:relative; width:1100px; height:20px; left:12px; top:0px; list-style:none; z-index:30;}
#header-nav a {font-size: 14px; color: #00a3de; list-style:none; padding-right:0px; text-align:center; text-decoration: none;}
#header-nav a:hover {background-repeat:no-repeat; font-size: 14px; color: #57cffa; list-style:none;  text-decoration:none;}
#header-nav a:focus { outline:0; hidefocus:0; font-size: 14px; color: #57cffa;  text-decoration:none; list-style:none;}
#header-nav a.active {font-size: 14px;color: #00a3de;  text-decoration: none; list-style:none;}
#header-nav a.current {font-size: 14px;color: #04495f; text-decoration: none; list-style:none;}

#header-nav ul {list-style:none; margin-left:0px; margin-top:11px; padding-left:4px;}
#header-nav li {float:left; text-decoration: none;}
#header-nav li a { float: left; padding-right:18px; padding-top:0px; margin-top:0; height:20px; list-style:none; text-decoration: none;}	
#header-nav li a.current {float: left; padding-right:18px; padding-top:0px; margin-top:0; height:20px; list-style:none; color:#04495f; text-decoration:none;}


#submenu 							{float:left; width:1100px; list-style:none;}
#submenu ul 						{float:left; margin:0;  padding-top:13px; padding-left:18px; list-style:none; }
#submenu li 						{float:left; margin:0; padding:0; list-style:none;}
#submenu ul.nav2nd a, 
#submenu ul.nav2nd a:link 			{float:left; color: #858a8c; padding:0px; padding-right:20px; text-decoration: none ; list-style:none; outline:0; hidefocus:0;}
#submenu ul.nav2nd a:hover			{float:left; color: #00a3de; padding:0px; padding-right:20px; text-decoration: none; list-style:none; outline:0; hidefocus:0;}
#submenu ul.nav2nd a:focus			{float:left; color: #00a3de; padding:0px; padding-right:20px; text-decoration: none; list-style:none; outline:0; hidefocus:0;}
#submenu ul.nav2nd a.current, 
#submenu ul.nav2nd a.active, 		
#submenu ul.nav2nd a.current:link	{padding:0px; padding-right:20px; margin-left:0px; color: #04495f; text-decoration:none; outline:0; hidefocus:0; list-style:none;}


#submenu2 							{float:right; width:390px; list-style:none;}
#submenu2 ul.nav3rd a, 
#submenu2 ul.nav3rd a:link   		{color: #00a3de; display: block; width:300px; padding: 0 0 0 0px; text-decoration: none ;line-height: 20px; list-style:none; outline:0; hidefocus:0; list-style:none;}
#submenu2 ul.nav3rd a:hover  		{color: #04495f; display: block; width:300px; padding: 0 0 0 0px ;text-decoration: none ;line-height: 20px; list-style:none; outline:0; hidefocus:0; list-style:none;}

#submenu 2							{float:right; width:300px; list-style:none;}
#submenu2 ul.nav3rd a.current, 
#submenu2 ul.nav3rd a.active, 		
#submenu2 ul.nav3rd a.current:link	{padding: 0 0 0 0px; margin-left:0px; color: #04495f; text-decoration: none; outline:0; hidefocus:0; list-style:none;}

#submenu_special 							{float:left; width:1100px; list-style:none;}
#submenu_special ul 						{float:left; margin:0;  padding-top:13px; padding-left:35px; list-style:none; }
#submenu_special li 						{float:left; margin:0; padding:0; list-style:none;}
#submenu_special ul a:link 					{float:left; color: #858a8c; padding:0px; padding-right:28px; text-decoration: none ; list-style:none; outline:0; hidefocus:0;}
#submenu_special ul a.current				{float:left; color: #04495f; padding:0px; padding-right:28px; text-decoration: none ; list-style:none; outline:0; hidefocus:0;}
#submenu_special ul a.active, 		
#submenu_special ul a, 
#submenu_special ul a:link					{float:left; padding:0px; padding-right:28px; margin-left:0px; color: #858a8c; text-decoration:none; outline:0; hidefocus:0; list-style:none;}
#submenu_special ul a:hover					{float:left; color: #00a3de; padding:0px; padding-right:28px; text-decoration: none; list-style:none; outline:0; hidefocus:0;}
#submenu_special ul a:focus					{float:left; color: #00a3de; padding:0px; padding-right:28px; text-decoration: none; list-style:none; outline:0; hidefocus:0;}

/* ----------- Sliding Boxes Start   ---------------------------------------------------- */
			a{ color:#000000; text-decoration:none; }
						
			.boxgrid{ 
				width: 215px; 
				height: 215px; 
				margin:9px; 
				float:left; 
				background:transparent; 
				border: solid 0px #ffffff; 
				overflow: hidden; 
				position: relative; 
				text-decoration:none;
				cursor:pointer;
			}
				.boxgrid img{ 
					position: absolute; 
					top: 0; 
					left: 0; 
					border: 0; 
					text-decoration:none;
					
				}
				.boxgrid p{ 
					padding-left: 15px; 
					padding-top: 5px; 
					color:#2c363d; 
					font:12px Arial, sans-serif; 
					text-decoration:none;
				}
				.boxgrid h4{ 
					padding-left: 15px; 
					padding-top: 0px; 
				}
				
			.boxcaption{ 
				float: left; 
				cursor:pointer;
				background:#fff; 
				position: absolute; 
				height: 215px;
				width: 215px; 
				opacity: .93; 
				/* For IE 5-7 */
				filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=93);
				/* For IE 8 */
				-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=90)";
 			}
 				.captionfull .boxcaption {
 					top: 0px;
 					left: 0;
 				}
 				.caption .boxcaption {
 					top: 160px;
 					left: 0;
 				}


/* ----------- Produktportfolio  --------------------------------------------------------------------- */


a.button_jobtool24 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:200px;
	height:40px;
	top:147px;
	left:103px;
	padding-right:5px;
	background-image: url(button_jobtool24_1.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_jobtool24:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:103px;
	padding-right:5px;
	background-image: url(button_jobtool24_1hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:200px;
	height:40px;
	top:147px;
	left:434px;
	padding-right:5px;
	background-image: url(button_testtool24_1.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:434px;
	padding-right:5px;
	background-image: url(button_testtool24_1hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24premium {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:140px;
	left:456px;
	padding-right:5px;
	background-image: url(button_testtool24_2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24premium:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:140px;
	left:456px;
	padding-right:5px;
	background-image: url(button_testtool24_2hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_jobtool24board {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:270px;
	left:90px;
	padding-right:5px;
	background-image: url(button_jobtool24_3.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_jobtool24board:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:270px;
	left:90px;
	padding-right:5px;
	background-image: url(button_jobtool24_3hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24partner {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:40px;
	top:70px;
	left:720px;
	padding-right:5px;
	background-image: url(button_testtool24_4.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24partner:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:40px;
	top:70px;
	left:720px;
	padding-right:5px;
	background-image: url(button_testtool24_4hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24coach {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:427px;
	left:410px;
	padding-right:5px;
	background-image: url(button_testtool24_3.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24coach:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:427px;
	left:410px;
	padding-right:5px;
	background-image: url(button_testtool24_3hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24coach2 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:791px;
	padding-right:5px;
	background-image: url(button_testtool24_3.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24coach2:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:791px;
	padding-right:5px;
	background-image: url(button_testtool24_3hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24ana {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:622px;
	padding-right:5px;
	background-image: url(button_testtool24_5.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24ana:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:190px;
	height:40px;
	top:147px;
	left:622px;
	padding-right:5px;
	background-image: url(button_testtool24_5hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box1 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:110px;
	top:230px;
	left:410px;
	padding-right:5px;
	background-image: url(button_box_1.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box1:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:110px;
	top:230px;
	left:410px;
	padding-right:5px;
	background-image: url(button_box_1hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box1a {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:110px;
	top:260px;
	left:623px;
	padding-right:5px;
	background-image: url(button_box_1.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box1a:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:110px;
	top:260px;
	left:623px;
	padding-right:5px;
	background-image: url(button_box_1hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box2 {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:90px;
	top:530px;
	left:410px;
	padding-right:5px;
	background-image: url(button_box_2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box2:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:90px;
	top:530px;
	left:410px;
	padding-right:5px;
	background-image: url(button_box_2hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box2a {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:90px;
	top:282px;
	left:792px;
	padding-right:5px;
	background-image: url(button_box_2.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_testtool24box2a:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:150px;
	height:90px;
	top:282px;
	left:792px;
	padding-right:5px;
	background-image: url(button_box_2hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_jobtool24sol {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:300px;
	height:40px;
	top:240px;
	left:37px;
	padding-right:5px;
	background-image: url(button_jobtool24_4.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
a.button_jobtool24sol:hover {
	position:absolute;
	cursor:pointer; 
	outline:0; hidefocus:0;
	width:300px;
	height:40px;
	top:240px;
	left:37px;
	padding-right:5px;
	background-image: url(button_jobtool24_4hover.jpg);
	background-repeat:no-repeat;
	z-index:10;
}
#rahmen_portfolio {
	position:relative;
	background-image: url(portfolio_back.png);
	background-repeat:no-repeat;
	margin-left:70px;
	width:970px;
	height:635px;
}


/* container for slides (Banner auf Startseite) -------------------------------------------------------------------------------------- */

.images {
	position:relative;	
	height:230px;
	width:565px;
	float:left;	
	margin:15px;
	cursor:pointer;
}
/* single slide */
.images div {
	display:none;
	position:absolute;
	top:0;
	left:0;		
	margin:7px;
	margin-left:-7px;
	height:256px;
	font-size:12px;
}

/* tabs (those little circles below slides) */
.slidetabs {
	clear:both;
	margin-left:330px;
}

/* single tab */
.slidetabs a {
	width:8px;
	height:8px;
	float:left;
	margin:3px;
	background:url(../files/js/navigator.png) 0 0 no-repeat;
	display:block;
	font-size:1px;		
}

/* mouseover state */
.slidetabs a:hover {
	background-position:0 -8px;      
}

/* active state (current page state) */
.slidetabs a.current {
	background-position:0 -16px;     
} 
/* prev and next buttons */
.forward, .backward {
	float:left;
	margin-top:110px;
	background:#fff url(../files/js/hori_large.png) no-repeat;
	display:block;
	width:30px;
	height:30px;
	cursor:pointer;
	font-size:1px;
	text-indent:-9999em;	
}

/* next */
.forward 				{ background-position: 0 -30px; clear:right; }
.forward:hover 		{ background-position:-30px -30px; }
.forward:active 	 	{ background-position:-60px -30px; } 


/* prev */
.backward:hover  	{ background-position:-30px 0; }
.backward:active  	{ background-position:-60px 0; }

button {
	border:1px solid #c2cd00;
	background-color:#00a3de;
	padding:2px;
	color: #fff;
	font-size:11px;
	cursor:pointer;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;

}

/* disabled navigational button. is not needed when tabs are configured with rotate: true */
.disabled {
	visibility:hidden !important;		
}

/* Tooltip button ---------------------------------------------------------------------------------------------------------------- */

.toolTip { /* This is the hook that the jQuery script will use */
	padding-right: 20px; /* This is need to make sure that the help icon is always visible */
	background: transparent url(../files/js/pfeil.png) no-repeat right;
	cursor:help; 
	font-size: 14px;
  	font-style: italic;
  	color: #00a3de;
	position: relative; /* This contains the .toolTipWrapper div that is absolutely positioned  */
			z-index:1000;
}

	.toolTipWrapper { /* The wrapper holds its insides together */
		width: 300px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: 20px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #04495f;
		font-style: normal;
		font-weight: normal;
		font-size: 11px; /* A font size is needed to maintain consistancy */
		z-index:1000;
	}
	.toolTipWrapper2 { /* The wrapper holds its insides together */
		width: 300px;
		position: absolute; /* Absolute will make the tooltip float above other content in the page */
		top: -170px;
		display: none; /* It has to be displayed none so that the jQuery fadein and fadeout functions will work */
		color: #04495f;
		font-style: normal;
		font-weight: normal;
		text-align:left;
		font-size: 11px; /* A font size is needed to maintain consistancy */
		z-index:1000;
	}
	
		.toolTipTop { /* Top section of the tooltip */
			width: 300px;
			height: 17px;
			background: transparent url(../files/js/tooltop.png) no-repeat;
				z-index:1000;
		}

		.toolTipMid { /* Middle section of the tooltip */
			padding: 3px 20px;
			background: transparent url(../files/js/toolmiddle.png);
			background-image:repeat-x;
			z-index:1000;
		}
		
		.toolTipBtm { /* Bottom Section of the tooltip */
			height: 19px;
			background: transparent url(../files/js/toolbottom.png) no-repeat;
				z-index:1000;
		}
		
/* Laufleiste Historie  ---------------------------------------------------------------------------------------------------------------- */	

#laufleistenbox {
		padding-left:5px; width:690px; background-color:#fff; background-image:url(../files/bild_laufleiste.gif); background-repeat:no-repeat; background-position:40px -50px;
}
.tabulobox {
		width:215px; padding-top:200px; background-image:url(back_hist_box.png); background-position:0px 150px; background-repeat:no-repeat;
}
.tabulo {
		position:relative;text-align:center;  padding-left:-15px; top:-40px; height:129px; width:220px;
}