/* =============================================================

	Projekt:		Towerconsult
	Autor:			FinwallMedia, S. Meier

	Erstellt:		05.12.2006
	Modifiziert:	<!--%TimeStamp%-->20.08.2007 09:44<!---->

============================================================= */

* { padding: 0; margin: 0; }

body {
	height: 100%; background: #fff; color: #11100E;
	font: normal 75.01% "Trebuchet MS", verdana, arial, helvetica, sans-serif; }

a { color: #E10915; text-decoration: none; }
a:hover { text-decoration: underline; }
a#anfang { position: absolute; left: 0px; top: 0px; }
a#printlink { background: url(../img/drucken.gif) left center no-repeat; padding-left: 16px; margin-left: 22px; }

.hide, dfn { display: none; }
a img { border: none; }
table, td, input, select, textarea { font-size: 1em; }
sup, sub { font-size: 0.65em; }

.cleaner1, .cleaner2 {
	display: block; clear: both; font-size: 0px; line-height: 0px; background: transparent; }

.cleaner1 { height: 0px; }
.cleaner2 { height: 1px; }

h1 { margin: 5px 0 0 27px; width: 260px; font-size: 1.6em; line-height: 1.5em; color: #11100E; }
h2 { font-size: 1.2em; margin-bottom: 6px; padding-bottom: 0; line-height: 1.2em; color: #11100E; }
h3 { font-size: 1em; margin-bottom: 6px; padding-bottom: 0; line-height: 1.2em; color: #11100E; }

a.anker { text-decoration: none; color: #11100E; }
a.startlink { float: right; }

p.noscript {
	padding: 20px 46px;
	color: #E10915;
	width: 728px;
	margin: 0 auto;
	background: url(../img/bg_noscript.jpg) repeat-y;
}


/** =Klappmenü oben **/
#menu_abs { position: absolute; width: 100%; z-index: 89; top: 111px; }

.menu {
	position: relative; z-index:100; width: 784px; margin: 0 auto; font-size: 1.1em;
	line-height: 1.1em; background: #E10915 url(../img/bg_menu1.jpg) repeat-x;
	font-family: "Trebuchet MS", verdana, arial, helvetica, sans-serif;
}

	#menu_round_corner_left, #menu_round_corner_right {
		font-size: 0px; line-height: 0px; display: block; width: 5px; height: 38px; }

	/* runde Ecken */
	#menu_round_corner_left {
		float: left; background: url(../img/bg_menu_left.jpg) left bottom no-repeat; }
	#menu_round_corner_right {
		float: right; background: url(../img/bg_menu_right.jpg) left bottom no-repeat; }

	.menu ul { list-style-type: none; padding-left: 7px; }
	.menu ul ul { padding-left: 0 !important; }

	.menu a#last { background: none; margin-right: -1px; }
	.menu ul ul a.drop { background: #F8F4E7; }
	.menu ul ul a.drop:hover, .menu ul ul a:hover { color: #D7682F; text-decoration: underline; }
	.menu ul ul :hover > a.drop { color: #D7682F; text-decoration: underline; }
	.menu ul ul ul a:hover { color: #D7682F; text-decoration: underline; }
	.menu ul ul { visibility: hidden; position: absolute; height: 0; border-top: 1px solid #9A0410; top: 36px; left: 0; }
	* html .menu ul ul { top: 36px; t\op: 36px; }
	.menu ul ul li { padding-left: 0; border-left: 1px solid #9A0410; border-right: 1px solid #9A0410; }
	.menu ul ul ul { left: 208px; top: -1px; }
	.menu table { position: absolute; top: 0; left: 0; }
	.menu ul ul a {
		background: #F8F4E7; color: #960512; height:auto; padding: 8px 14px; width: 180px;
		border-bottom: 1px solid #9A0410; font-weight: normal; font-size: 0.9em;
		filter:Alpha(opacity=100, finishopacity=90, style=2); -moz-opacity: 0.95; }
	.menu a:hover { background: url(../img/bg_menu_items.gif) 100% 66% no-repeat; text-decoration: underline; }
	.menu ul ul a:hover { background: #F8F4E7; }
	* html .menu ul ul a { width: 180px; w\idth: 180px; }
	.menu ul li:hover ul, .menu ul a:hover ul { visibility: visible; }
	.menu ul :hover ul ul { visibility: hidden; }
	.menu ul :hover ul :hover ul{ visibility: visible; }

	.menu ul li.active a#last { margin-right: 0; background: #F8F6EB url(../img/bg_menuactive.jpg) right top no-repeat; }
	.menu ul li.active { margin-left: -1px; background: #F8F6EB url(../img/bg_menuactive.jpg) left top no-repeat; }
	.menu ul li.active a { color: #2f2f2f; background: #F8F6EB url(../img/bg_menuactive.jpg) right top no-repeat; }
	.menu ul li.active ul a { background: #F8F6EB none !important; color: #960512; }
	.menu ul li.active ul a:hover { color: #D7682F; }

/** LAYOUT **/
#top_abs {
	width: 800px; height: 128px; padding: 0 10px; margin: 0 auto;
	background: url(../img/bg_top.jpg) left bottom no-repeat; }

	#navi_top { float: right; padding: 80px 40px 0 20px; color: #E10915; }
	#logo { width: 120px; float: left; padding: 20px 0px 0 35px; }

/* =Header */
.header_abs { width: 100%; }

	#header_abs_start {	background: url(../img/bg_header_abs.gif) repeat-x; }
	#header_abs_all { background: url(../img/bg_header_abs2.gif) repeat-x; }

	#header { width: 824px; margin: 0 auto; background: #fff; }

	.header_border { width: 10px; font-size: 0px; line-height: 0px; height: 200px; }
		#header_border_left {
			float: left; background: #fff url(../img/header_left.jpg) repeat-y; }
		#header_border_right {
			float: right; background: #fff url(../img/header_right.jpg) repeat-y; }

	.header_border2 { width: 10px; height: 70px; }

		#header_border_left2 {
			float: left; background: #fff url(../img/header_left2.jpg) repeat-y; }
		#header_border_right2 {
			float: right; background: #fff url(../img/header_right2.jpg) repeat-y; }

	#header_content_all {
		border-left: 20px solid #fff; border-right: 20px solid #fff; padding-top: 20px;
		height: 50px; background: #fff url(../img/bg_header_all.jpg) left bottom no-repeat; }

#main {
	width: 760px; margin: 0 auto; padding: 20px 30px; line-height: 1.5em;
	background: url(../img/bg_content.jpg) left top no-repeat; }

	#startbox { float: left; width: 470px; }

		#startbox_top {
			display: block; height: 9px; font-size: 0px; line-height: 0px;
			background: url(../img/bg_box_top.gif) no-repeat; }

		#startbox_bottom {
			display: block; height: 9px; font-size: 0px; line-height: 0px;
			background: url(../img/bg_box_bottom.gif) no-repeat; }

			/** Toggle-Modul **/
			.tabberlive .tabbertabhide {
				display: none; }
			.tabber { background: #EDE6C6; border-left: 1px solid #D5C796; border-right: 1px solid #D5C796; }
			.tabberlive {
				padding: 20px 20px; border-left: 1px solid #D5C796; border-right: 1px solid #D5C796;
				font-size: 1.2em; font-weight: bold; background: #EDE6C6 url(../img/bg_toggle.jpg) 0 16px repeat-x; }
			ul.tabbernav { margin: 0 !important; padding: 3px 0 !important; }
			ul.tabbernav li { list-style: none; display: inline; background: none !important; }
			ul.tabbernav li a:hover { text-decoration: underline; }
			ul.tabbernav li.tabberactive a {
				background: #EDE6C6 !important; border: 1px solid #EDE6C6;
				border-left: 1px solid #B59C48; border-right: 1px solid #B59C48; }
			ul.tabbernav li.tabberactive a:hover { text-decoration: underline; }
			.tabberlive .tabbertab {
				border-top: 0 !important; font-weight: normal; line-height: 1.5em; }
			.tabberlive .tabbertab h2 { display:none; }
			.tabberlive .tabbertab h3 { display:none; }
			.tabberlive#tab2 .tabbertab { overflow:auto; }
			#tab1 { background: url(../img/iconstart4_2.jpg) 300px 45px no-repeat; padding: 40px 135px 10px 18px; min-height: 150px; }
			#tab2 { background: url(../img/iconstart3.gif) 310px 45px no-repeat; padding: 40px 135px 10px 18px; min-height: 150px; }

		.startbox_bold_text {
			font-size: 1.3em; font-weight: bold; display: block; margin-top: 5px; margin-bottom: 8px; }

	#col_right_start { float: right; width: 240px; padding: 32px 20px 20px 18px; line-height: 1.5em; }

/* Subsites */
#subsites {
	line-height: 1.5em; width: 725px; margin: 0 auto; padding: 20px 50px 20px 45px;
	background: url(../img/bg_content.jpg) left top no-repeat; font-size: 1em; }

	h1.content_headline { margin: 0 0 10px 0; color: #E10915; line-height: 1.5em; }
	#subsites h2 { background: url(../img/bg_h2.jpg) left bottom no-repeat; padding-bottom: 20px; }
	.tmpl_standard_left { float: left; width: 480px; }
	.tmpl_standard_right { width: 200px; padding: 0 20px 20px 10px; float: right; }
	.tmpl_team_left { float: left; width: 280px; }
	.tmpl_team_right { width: 420px; padding: 0 0px 20px 0px; float: right; }
		.teamtext_left { padding-bottom: 15px; float: left; width: 200px; }
		.teamtext_right { padding-bottom: 15px;float: left; width: 220px; }
	.tmpl_jobs_left { float: left; width: 480px; padding-right: 20px; }
	.tmpl_jobs_left2 { float: left; width: 460px;  }
	.tmpl_jobs_right { width: 220px; float: right; }
	.tmpl_jobdetail_right { width: 180px; padding: 0 0 20px 30px; float: right; }
	.tmpl_partner_left { float: left; width: 220px; margin-left: -3px; }
	.tmpl_partner_left a { border: 3px solid #fff; display: block; width: 210px; }
	.tmpl_partner_left a:hover { border: 3px solid #E10915; }
	.tmpl_partner_right { width: 480px; padding: 0 0px 20px 0px; float: right; }
	.tmpl_kontakt_left { float: left; width: 280px; }
	.tmpl_kontakt_right { width: 420px; padding: 0 0px 20px 0px; float: right; }
	.tmpl_rss_left { float: left; width: 280px; padding-right: 40px; }
	.tmpl_rss_right { width: 380px; padding: 0 0px 20px 0px; float: right; }

/* Jobbox */
.jobbox_top {
	display: block; height: 8px; line-height: 0px; font-size: 0px;
	background: url(../img/comp_kontakt1.jpg) right top no-repeat; }

.jobbox_bottom {
	display: block; height: 14px; line-height: 0px; font-size: 0px; background: url(../img/comp_kontakt2.jpg) right top no-repeat;
}
.jobbox {
	padding: 20px 10px 20px 10px; background: url(../img/comp_kontakt.jpg) right top repeat-y; }

/* Standortanzeige */
#breadcrumbs { padding: 13px 0 0 28px; }
#breadcrumbs, #breadcrumbs a { color: #000; }
#topprint { text-align: center;	border-top: 50px solid #fff; font-size: 0.9em; }

#footer {
	width: 744px; margin: 0 auto; padding: 5px 20px; color: #999; text-align: center;
	font-size: 0.9em; border-top: 2px solid #E1E1E3; }

.tmpl_jobs_left ul { margin: 10px 0 20px 0; list-style-type: square; }
	.tmpl_jobs_left li { margin-left: 20px; }

.tmpl_jobs_left p {
	margin-bottom: 1em;
}

.eventtoggle {
	width: 310px; display: none; margin-top: 10px; height: auto;
	font-size: 0.9em; line-height: 1.5em; }

.eventtoggle2 { display: none; margin-top: 10px; height: auto; }
a.animate2 { cursor: pointer; background: none !important; display: block; margin-bottom: 10px; }
.footnote { font-size: 0.9em; }

/** Jobs - Übersicht **/
.jobs_overview { background: url(../img/bg_jobs.jpg) repeat-y; padding: 20px; margin-bottom: 20px; }
.jobs_overview_pic { float: left; width: 120px; margin-right: 30px; }
.jobs_overview_text { float: left; width: 310px; }

a.animate { cursor: pointer; padding-left: 17px; background: url(../img/icon_bottom.gif) left center no-repeat; }
a#slide { background: url(../img/icon_top.gif) left center no-repeat !important; }
/** KONTAKTFORM **/
#kontaktform label { display: block; float: left; width: 120px; }
#kontaktform input, #kontaktform textarea {
	width: 240px; font: normal 1em verdana, arial, sans-serif; padding: 2px; margin-bottom: 5px; }
#kontaktform textarea { height: 6em; }

#sortform { padding: 2px; text-align: center; }
#sortform select { padding: 2px; width: 220px; }

/** Tooltip **/
#tooltip.fancy {
	opacity: 0.85;
	filter:Alpha(opacity=100, finishopacity=50, style=2);
	border: none;
	width: 190px;
	padding: 20px;
	height: 115px;
	background: url(../img/tooltip.png) no-repeat;
}
#tooltip.fancy h3 {
	margin-bottom: 0.75em; line-height: 1.5em !important; font-weight: normal !important;
}

ul.start_jobs {
	font-size: 0.95em;
	font-weight: bold;
	list-style: none;
}

ul.start_jobs li {
	padding: 0 0 0 20px;
	background: url(../img/list_icon_start.gif) 0 0.6em no-repeat;
}

ul.start_jobs li a, ul.start_news a {
	color: #11100E;
}

ul.start_jobs li a:hover, ul.start_news li a:hover {
	color: #E10915;
}

ul.start_news {
	font-size: 0.95em;
	list-style: none;
}

ul.start_news li {
	padding: 0 0 8px 0;
}

ul.content_list, ul.content_list_rss {
	list-style: none;
	margin: 0.5em 0 1.5em 0.5em;
}

	ul.content_list li {
		padding: 0 0 0 20px;
		background: url(../img/list_icon_start3.gif) 0 0.5em no-repeat;
	}

	ul.content_list_rss li {
		padding: 0 20px 0 20px;
		background: url(../img/list_icon_rss.gif) 0 0.1em no-repeat;
	}

.faq_zahl, .rss_zahl {
	float: left;
	width: 20px;
	display: block;
}

.faq_text, .rss_text {
	display: block;
	float: left;
	width: 400px;
}

.rss_text {
	width: 300px;
}

.rss_image {
	float: left;
	margin: 2px 10px 10px 0;
}