/*
// $Id: ausbildung.css 24 2009-03-16 15:12:25Z dierker $
// $HeadURL: svn://svnserver/matthaei-ausbildung/styles/ausbildung.css $
//
// (c) 2009 monsun media GmbH
//

orange: 	#fe7e04;
text-grau:	#8f8c8c;

*/

* {
	outline:none;
}

body {
	background:#dcdcdc url(common/bg-body.jpg) 0 0 repeat-x;
	margin:0;
	padding:0;
	color:#fff;
	font-size:12px;
	font-family:Verdana,Arial,Helvetica,sans-serif;
	line-height:18px;
}

a {
	text-decoration:underline;
	color:#fff;
}

a img {
	border:none;
	color:transparent;
}

div.header {
	width:900px;
	margin:0 auto;
	height:102px;
}

div.siteContainer {
	width:860px;
	padding:20px;
	background-color:#fff;
	margin:0 auto;
}

h1, h2, h3 {
	font-size:12px;
	line-height:16px;
	font-weight:normal;
	margin:0;
}

h1{
	font-size:23px;
	line-height:23px;
	margin:0 0 20px 0;
}
h2 {
	font-weight:bold;
}
h3 {
	background:blue;
}

/*********************************************************************/
/* Article                                                           */
/*********************************************************************/
div.Article ul {
	margin:15px 0;
	padding:0 0 0 20px;
}
div.Article ul li {
	list-style-image:url(common/list-bullet.gif);
}
div.Article ul.jobs li {
	list-style-image:url(common/list-bullet-jobs.gif);
}

/*********************************************************************/
/* Tabelle Karriere                                                  */
/*********************************************************************/
table.karriere{
	border-collapse:collapse;
	width:100%;
}
table.karriere tr td {
	border-bottom:1px solid #fe7e04;
	vertical-align:center;
	padding:10 0 0 0;
}
table.karriere tr th {
	border-bottom:1px solid #fe7e04;
	text-align:left;
	vertical-align:bottom;
	padding:13px 0 2px 0;
}

/*********************************************************************/
/* logoContainer                                                     */
/*********************************************************************/
div.header div.logoContainer  {
	float:right;
	height:102px;
	width:170px;
}
div.header div.logoContainer a {
	display:block;
	height:102px;
	width:170px;
	background:transparent url(common/logo-matthaei.gif) 0 0 no-repeat;
}
div.header div.logoContainer a span {
	display:none;
}


/*********************************************************************/
/** naviContainer                                                    */
/*********************************************************************/
div.naviContainer {
	position:relative;
}

/*********************************************************************/
/** MainNavi                                                          */
/*********************************************************************/
div.MainNavi {
	color:#8f8c8c;
}

div.MainNavi a {
	color:#8f8c8c;
	text-decoration:none;
}

div.MainNavi a:hover,
div.MainNavi a.active {
	color:#fe7e04;
	text-decoration:none;
}

div.MainNavi ul {
	margin:0;
	padding:0;
	height:85px;
}

div.MainNavi ul li {
	list-style:none;
	float:left;
	padding-right:20px;
}

div.MainNavi ul li a {
	text-decoration:none;
	background-color:transparent;
	background-position:0 0;
	background-repeat:no-repeat;
	display:block;
	height:85px;
	width:85px;
}
div.MainNavi ul li a span {
	display:none;
}

body.de div.MainNavi ul li a.mn1 { background-image:url(mainnavi/de-mn-01.gif); }
body.de div.MainNavi ul li a.mn2 { background-image:url(mainnavi/de-mn-02.gif); }
body.de div.MainNavi ul li a.mn3 { background-image:url(mainnavi/de-mn-03.gif); }

div.MainNavi ul li a.active,
div.MainNavi ul li a:hover {
	background-position:0 -85px;
}


/*********************************************************************/
/* SubNavi                                                           */
/*********************************************************************/
div.SubNavi {
	color:#8f8c8c;
	position:relative;
	position:absolute;
	top:0px;
	left:205px;
	width:365px;
	overflow:hidden;
	font-size:11px;
	line-height:17px;
}
div.SubNavi a {
	color:#8f8c8c;
	text-decoration:none;
}
 div.SubNavi a:hover
,div.SubNavi a.active {
	color:#fe7e04;
	text-decoration:none;
}


div.SubNavi ul {
	list-style:none;
	padding:0;
	margin:0;
	height:85px;
	overflow:hidden;
	position:relative;
}

div.SubNavi ul li {
	list-style:none;
	margin:0;
	padding:0;
}
div.SubNavi ul li a {
	text-decoration:none;
	display:block;
	width:160px;
}
div.SubNavi ul li.active a {
	background:transparent url(common/more-active.gif) center right no-repeat;
	color:#fe7e04;
}

/* ~~~~~~ 2nd level ~~~~~~ */
div.SubNavi ul.SubNavi2 {
	position:absolute;
	top:0;
	left:190px;
	border-left:1px solid #8f8c8c;
}
div.SubNavi ul.SubNavi2 li {
	padding-left:10px;
}
div.SubNavi ul.SubNavi2 li a {
	color:#8f8c8c;
	background:none;
	width:119px;
}
div.SubNavi ul.SubNavi2 li.active a {
	background:none;
	color:#fe7e04;
}


/*********************************************************************/
/* contentContainer                                                  */
/*********************************************************************/
div.contentContainer {
	width:860px;
}


/*********************************************************************/
/* mainbar                                                           */
/*********************************************************************/
div.mainbar {
	width:860px;
	height:489px;
	position:relative;
}


/*********************************************************************/
/* mainbarContainer                                                  */
/*********************************************************************/
div.mainbarContainer {
	width:240px;
	height:406px;
	padding:40px 20px 10px 20px;
	position:absolute;
	top:33px;
	background:#fe7d05 url(common/container-bg-orange.jpg) 0 0 no-repeat;
	overflow:auto;
	overflow-x:hidden; /* IE-hack */
}
div.mainbarContainer1 { left:0; }
div.mainbarContainer2 { left:290px; }
div.mainbarContainer3 {	left:580px; }


/*********************************************************************/
/* servicebar                                                        */
/*********************************************************************/
div.servicebar {
	padding-top:52px;
	color:#fe7e04;
	height:19px;
	position:relative;
	font-size:80%;
}

div.servicebar a {
	color:#8f8c8c;
	text-decoration:none;
}

div.servicebar a:hover {
	color:#fe7e04;
}


div.servicebar a.impressum {}
div.servicebar a.website {
	border-left:1px solid #8F8C8C;
	padding-left:5px;
}