/* -------------- TSL -------------------------------------------- CSS-Styles ------------------- */




/* -------------------------------------------------------------------- Initializing Document --- */


html, body, form, fieldset {
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}


h1, h2, h3, h4, h5, h6, p, pre, blockquote, ul, ol, dl, address {
	margin: 0;
	padding: 0;
}


ul {
	list-style-type: none;
}


form label {
	cursor: pointer;
}

form #submit {
	cursor: pointer;
}


fieldset {
	border: none;
}


sup {
	font-size: 9px;
}





/* --------------------------------------------------------------------- Common Styles --- */



body {
	background-color: #132350;
}


a:link {
	color: #000000;
    font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:visited {
	
	font-size: 12px;
	font-weight: bold;
	text-decoration: none;
}

a:hover {
	
	font-size: 12px;
	font-weight: bold;
	text-decoration: underline;
}




/* Logo rechts unten */
#arbeitgeber #logo a, #arbeitnehmer #logo a,
#arbeitgeber_service #logo a, #arbeitgeber_ansprechpartner #logo a,
#arbeitnehmer_service #logo a, #arbeitnehmer_ansprechpartner #logo a,
#kontakt #logo a, #impressum #logo a {
	position: absolute;
	display: block;
	top: 480px; left: 515px;
	width: 269px; height: 50px;
	background-image: url(../images/common/logo_tsl_blue.gif);
	background-repeat: no-repeat;
}






/* --------------------------------------------------------------------- SITE STRUCTURE  --- */


/* SITE ZENTRIEREN */
#tsl_container {
	position: absolute;
	width: 990px;
	height: 550px;
	top: 50%;
	left: 50%;
	margin-top: -278px;
	margin-left: -495px;
	background-color: #FFFFFF;
}



#tsl_container span {
	display: none;
}



#tsl_left {
	width: 170px;
	float: left;
}


#tsl_left #nav {
	width: 170px;
	height: 550px;
}



#tsl_img {
	width: 316px;
	float: left;
}



/* Content Bereich */
#tsl_right {
	width: 504px;
	height: 550px;
	float: left;
	overflow: auto;
}






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


#navigation {
	padding: 130px 0px 0px 10px;
}


#navbottom {
	padding: 50px 0px 0px 10px;
}


#arbeitgeber #navblock01,
#arbeitgeber_leistungen #navblock01,
#arbeitgeber_service #navblock01, 
#arbeitgeber_ansprechpartner #navblock01 {
	margin-bottom: 50px;
}


#arbeitnehmer #navblock01,
#arbeitnehmer_leistungen #navblock01,
#arbeitnehmer_service #navblock01, 
#arbeitnehmer_ansprechpartner #navblock01 {
	margin-bottom: 30px;
}



#navblock01 li, #navblock02 li, #navblock03 li {
	margin-bottom: 2px;
}





/* --------------------------------------------------------------------- Navigation Backgrounds --- */


#home #tsl_left #nav,
#kontakt #tsl_left #nav,
#impressum #tsl_left #nav {
	background-color: #132350;
}


#arbeitgeber #tsl_left #nav, 
#arbeitgeber_leistungen #tsl_left #nav,
#arbeitgeber_service #tsl_left #nav,
#arbeitgeber_ansprechpartner #tsl_left #nav {
	background-color: #CD7B2B;
}


#arbeitnehmer #tsl_left #nav, 
#arbeitnehmer_leistungen #tsl_left #nav,
#arbeitnehmer_service #tsl_left #nav,
#arbeitnehmer_ansprechpartner #tsl_left #nav {
	background-color: #78C475;
}





/* --------------------------------------------------------------------- Navigation Highlightning --- */


#arbeitgeber #navblock01 .arbeitgeber,
#arbeitnehmer #navblock02 .arbeitnehmer {
	color: #F6CD15;
}



#navblock01 a,
#navblock02 a,
#navblock03 a {
	color: #FFFFFF;;
	text-decoration: none;
	font-size: 11px;
	font-weight: bold;
}


#navblock01 a:hover,
#navblock02 a:hover, 
#navblock03 a:hover {
	color: #F6CD15;
}




#arbeitgeber_leistungen .ag_leistungen,
#arbeitgeber_leistungen .ag_direktversicherung,
#arbeitgeber_leistungen .ag_pensionszusage,
#arbeitgeber_leistungen .ag_unterstuetzungskasse,
#arbeitgeber_leistungen .ag_pensionskasse,
#arbeitgeber_leistungen .ag_vorsorge {
	color: #F6CD15;
}



#arbeitnehmer_leistungen .an_leistungen,
#arbeitnehmer_leistungen .an_direktversicherung,
#arbeitnehmer_leistungen .an_unterstuetzungskasse,
#arbeitnehmer_leistungen .an_pensionskasse,
#arbeitnehmer_leistungen .an_rente,
#arbeitnehmer_leistungen .an_vorsorge {
	color: #F6CD15;
}



#arbeitgeber_service .ag_service, 
#arbeitgeber_ansprechpartner .ag_ansprechpartner {
	color: #F6CD15;
}


#arbeitnehmer_service .an_service, 
#arbeitnehmer_ansprechpartner .an_ansprechpartner {
	color: #F6CD15;
}


#kontakt .kontakt,
#impressum .impressum {
	color: #F6CD15;
}




/* --------------------------------------------------------------------- Submenus --- */


/* SubMenues ausgeblendet */
#arbeitgeber_sub, 
#arbeitgeber_leistungen_sub,
#arbeitnehmer_sub, 
#arbeitnehmer_leistungen_sub {
	display: none;
}


/* Submenü Arbeitgeber einblenden */
#arbeitgeber #arbeitgeber_sub,
#arbeitgeber_service #arbeitgeber_sub,
#arbeitgeber_ansprechpartner #arbeitgeber_sub {
	display: block;
}


/* Submenü Arbeitgeber Leistungen einblenden */
#arbeitgeber_leistungen #arbeitgeber_sub,
#arbeitgeber_leistungen #arbeitgeber_leistungen_sub  {
	display: block;
}




/* Submenü Arbeitnehmer einblenden */
#arbeitnehmer #arbeitnehmer_sub,
#arbeitnehmer_service #arbeitnehmer_sub,
#arbeitnehmer_ansprechpartner #arbeitnehmer_sub {
	display: block;
}


/* Submenü Arbeitnehmer Leistungen einblenden */
#arbeitnehmer_leistungen #arbeitnehmer_sub,
#arbeitnehmer_leistungen #arbeitnehmer_leistungen_sub  {
	display: block;
}



/* Submenüs General Layout */
#arbeitgeber_leistungen_sub, #arbeitnehmer_leistungen_sub {
	list-style-type: disc;
	color: #FFFFFF;
	margin-left: 17px;

}







/* ---------------------------------------------------------------------  HOME  --- */


#home {
	background-color: #78C475 !important;
}


#home #navigation {
	padding: 170px 0px 0px 10px;
}

#home #navbottom {
	padding: 20px 0px 0px 10px;
}


#home #tsl_right {
	background-color: #132350;
	color: #ffffff;
}


#home #logo a {
	position: relative;
	display: block;
	width: 269px; height: 50px;
	background-image: url(../images/common/logo_tsl_white.gif);
	background-repeat: no-repeat;
	margin-top: 135px;
}



#home #unternehmen a {
	position: relative;
	display: block;
	width: 163px; height: 13px;
	background-image: url(../images/common/unternehmen.gif);
	background-repeat: no-repeat;
	margin-left: 300px;
}





/* Links Home */
a.arbeitgeber {
	color: #CD7B2B;
}


a.arbeitnehmer {
	color: #5F9B6A
}





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

#kontakt,
#impressum {
	background-color: #78C475 !important;
}


#kontakt #navigation,
#impressum #navigation {
	padding: 170px 0px 0px 10px;
}

#kontakt #navbottom,
#impressum #navbottom {
	padding: 20px 0px 0px 10px;
}







/* --------------------------------------------------------------------- MAIN IMAGES  --- */


#tsl_img h1 {
	position: relative;
	width: 316px; height: 550px;
	text-indent: -5000px;
	background-repeat: no-repeat;
}



#home #tsl_img h1 {
	background-image: url(../images/main/tsl_home.jpg);
}


#arbeitgeber #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitgeber.jpg);
}


#arbeitgeber_leistungen #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitgeber_leistungen.jpg);
}


#arbeitgeber_service #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitgeber_service.jpg);
}


#arbeitgeber_ansprechpartner #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitgeber_service.jpg);
}





#arbeitnehmer #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer.jpg);
}

#arbeitnehmer_leistungen #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer_leistungen.jpg);
}


#arbeitnehmer_service #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer_service.jpg);
}

#arbeitnehmer_ansprechpartner #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer_service.jpg);
}



#kontakt #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer.jpg);
}


#impressum #tsl_img h1 {
	background-image: url(../images/main/tsl_arbeitnehmer.jpg);
}





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


#arbeitgeber #tsl a,
#arbeitgeber_leistungen #tsl a,
#arbeitgeber_service #tsl a,
#arbeitgeber_ansprechpartner #tsl a {
	position: absolute;
	display: block;
	top: 20px; left: 10px;
	width: 54px; height: 30px;
	background-image: url(../images/common/tsl_arbeitgeber.gif);
	background-repeat: no-repeat;
}



#arbeitnehmer #tsl a,
#arbeitnehmer_leistungen #tsl a,
#arbeitnehmer_service #tsl a,
#arbeitnehmer_ansprechpartner #tsl a {
	position: absolute;
	display: block;
	top: 20px; left: 10px;
	width: 54px; height: 30px;
	background-image: url(../images/common/tsl_arbeitnehmer.gif);
	background-repeat: no-repeat;
}




#kontakt #tsl a,
#impressum #tsl a {
	position: absolute;
	display: block;
	top: 20px; left: 10px;
	width: 54px; height: 30px;
	background-image: url(../images/common/tsl_general.gif);
	background-repeat: no-repeat;
}




#tsl_content {
	padding: 20px 0px 0px 25px;
	font-size: 12px;
	line-height: 15px;
}




#tsl_content h2 {
	font-size: 20px;
	margin-bottom: 20px;
	line-height: 24px;
}




#tsl_content ul {
 	list-style-type: disc;
 	margin-top: 2px;
 	margin-left: 0.7em; 
 	padding-left: 0.7em; 
}


#tsl_content li{
	font-weight: normal;
}





/* --------------------------------------------------------------------- HL-MARGINS FOR CONTENT  --- */


#home h2 {
	margin-top: 90px;
}


#arbeitgeber h2, #arbeitnehmer h2 {
	margin-top: 20px;
}



#arbeitgeber_service h2, #arbeitnehmer_service h2 {
	margin-top: 40px;
}


#arbeitgeber_ansprechpartner h2, #arbeitnehmer_ansprechpartner h2 {
	margin-top: 60px;
}



a.HyKontakt:link {
	color: Black ;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

a.HyKontakt:visited {
	color:  Black ;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}

a.HyKontakt:hover {
	color:  Black ;
	font-weight: bold;
	text-decoration: underline;
	font-size: 11px;
}





/* --------------------------------------------------------------------- Debug --- */
/*
div { 
	border: 1px solid #CCCCCC; 
	background-color: #DDF503;
}
*/