.clearer {clear: both; display: block; padding: 0; margin: 0; height: 0; line-height: 0px; font-size: 1px;}
.optibr {visibility:hidden; line-height:0.1%; font-size:0.1%;}
div.left {float: left;}
div.right {float: right;}

body, html {height: 100%;}

body {
	margin: 0;
	padding: 0;
	background: url(../images/bg.gif) repeat-y;
	background-color: #FFF; 
}

div#wrapper {
	padding: 0; margin: 0;
	height: 100%;
	width: 924px;
	text-align: left;
	background-color: #fff;
	background: url(../images/bg_site.gif) no-repeat;
}

div#wrapper_inner {
	padding: 25px 45px 0px 48px;
}
div#header {}

a#logo {
	float: right;
	padding: 0; margin: 0 0 10px;
	height: 45px;
	width: 178px;
	background-image: url(../images/muz_logo.gif);
	border: 0;
}
a#logo img {
	height: 45px;
	width: 178px;
	border: 0;
}
a#logo_print {display: none;}

div#content_frame {
	float: right;
	width: 665px;
}
div#content_frame_hp {background: transparent;}

div#buehne {height: 37px;}
div#buehne_sub {height: 125px;}

/* farbliche anpassungen fuer die seiten von Unternehmen */
div#buehne.corporate {background: url(../images/header/folge_muz.jpg);}
div#buehne_sub.corporate {background: url(../images/header/subhome_muz.jpg);}

div#buehne.personal {background: url(../images/header/folge_personalmarketing.jpg);}
div#buehne_sub.personal {background: url(../images/header/subhome_personalmarketing.jpg);}

div#buehne.erecruiting {background: url(../images/header/folge_erecruiting.jpg);}
div#buehne_sub.erecruiting {background: url(../images/header/subhome_erecruiting.jpg);}


div#breadcrumb {
	padding: 3px 0 5px 17px;
	font-size: 0.9em;
	font-weight: normal;
	line-height: 1.5em;
	color: #5D5D5D;
}
div#breadcrumb a {text-decoration: none;}

div#content {
	float: left;
	padding-left: 17px;
	width: 450px;
}
* html div#content {
	width: 467px;
}


/* schriftformatierungen anfang */
body {font-size: 69%;}
body, div, table, th, td {
	font-family: verdana, arial, sans-serif; 
	line-height:1.3em;
	color: #424242;
}
* html td, * html th {font-size: 69%;}
h1 {
	font-size: 1.3em; line-height: 1.3em; margin: 1em 0 0.5em;
}
h2 {
	font-size: 1.1em;
}
h3 {
	font-size: 1.1em;
}
h4 {
	font-size: 1.1em;
}
/* schriftformatierungen ende */

/* allgemeine angaben fuer linkfarben anfang */
a {
	color: #ad8969;
	text-decoration: none;
}
a:link {
}
a:visited {
}
a:active {
}
a:hover {
	text-decoration: underline;
}
/* allgemeine angaben fuer linkfarben ende */

/* form anfang */
form {padding: 0; margin: 0;}
label {
	padding: 0; margin: 0px 0 2px;
	display: block;
}
input, select {
	padding: 2px 0; margin: 0 0 10px 0;
	border: 1px solid #666;
	font-size: 1.15em;
	font-weight: normal;
}
input#abschicken {
	padding: 2px 10px;
	background: #AD8969; color: #fff;
	font-weight: bold;
	border: 2px outset #333;
}
input#abschicken:active {
	background: #996C44; color: #fff;
	border: 2px inset #333;
}
input.checkbox {
	float: left;
	width: auto;
	border: 0;
	padding: 0; margin: 0 5px 0 0;
}
textarea {
	padding: 0; margin: 0 0 1em;
	width: 434px; height: 150px;
	border: 1px solid #666;
	font-size: 1.3em;
}

div.block20 {
	width: 20%;
	float: left;
}
div.block20 input {width: 74px;}
div.block50 {
	width: 50%;
	float: left;
}
div.block50 input {width: 208px;}
div.block80 {
	width: 80%;
	float: left;
}
div.block80 input {width: 344px;}
div.block100 {
	width: 100%;
}
div.block100 input, select {width: 434px;}

form .p {clear: both; padding: 1em 0; margin: 0;}
/* form ende */


/* ##### styles fuer die subnavigation auf der linken seite ##### */
div#subnavi {
	float: left;
	padding: 39px 0 0; margin: 0;
	background: url(../images/navi/navi_header_corp.gif) no-repeat;
	width: 161px;
	font-size: 0.9em;
}

ul#navi_left {
	padding: 0 0 54px; margin: 0; list-style: none;
	background: url(../images/navi/navi_bottom_corp.gif) left bottom no-repeat;
}
ul#navi_left li {
	padding: 0; margin: 0;
}
ul#navi_left li a {
	display: block;
	line-height: 1.3em; letter-spacing: .01em;
	padding: 4px 0 4px 22px; margin: 0;
	border-bottom: 1px solid #fff;
	font-weight: bold;
	background-color: #ad8969;
	color: #fff; text-decoration: none;
}
* html ul#navi_left li a {
	width: 100%;
}

ul#navi_left li a.hi {
	background: #996c44;
	color: #fff; text-decoration: none;
}
ul#navi_left li.more a {
	background-image: url(../images/navi/arrow_right_corp.gif);
	background-position: left center !important;
	background-repeat: no-repeat !important;
}
ul#navi_left li.more a.hi {
	background-image: url(../images/navi/arrow_down_corp.gif);
}

/* zweite navigationsebene */
ul#navi_left ul {
	padding: 0; margin: 0;
	list-style: none;
}
ul#navi_left ul li {
	padding: 0; margin: 0;

}
ul#navi_left ul li a {
	padding: 4px 0 4px 22px; margin: 0;
	font-weight: normal;
	background: #cfbaa7 !important;
	color: #000 !important;
}
ul#navi_left ul li a.hi {
	font-weight: bold;
}
/* ##### styles fuer die subnavigation auf der linken seite ende ##### */

/* metanavigation anfang */
ul#navi_meta {
	padding: 0; margin: 0 0 0 -4px;
	list-style: none;
	color: #787878;
	font-size: 0.9em;
	letter-spacing: .01em;
}
ul#navi_meta li {
	display: inline;
}
ul#navi_meta li.fontsize {margin: 0 10px 0 5px;}
ul#navi_meta li.fontsize a {margin: 0 .2em; font-weight: bold; text-decoration: none; border: 1px solid #AE8A69; color: #AE8A69}
ul#navi_meta li.fontsize a:hover {text-decoration: none; /* color: #fff; background: #AE8A69; */}
li.fontsize a.increase {padding: 0 2px !important;}
li.fontsize a.decrease {padding: 0 3px !important;}
li.fontsize a.revert {padding: 0 4px !important;}


ul#navi_meta li.pagestyle {margin: 0 10px 0 10px;}
ul#navi_meta li.pagestyle a {margin: 0 2px;}
ul#navi_meta li.pagestyle a img {vertical-align: middle;}
ul#navi_meta li a {
	padding: 0px; margin: 0 5px;
	color: #787878;
}
/* metanavigation ende */

/* styleswitcher */
div.access {
	padding: 10px 0 0 0; float: left;
}
div.access ul {
	padding: 0; margin: 10px 20px 0 0px;
	list-style: none;
	color: #747270;
	font-size: 0.9em;
	letter-spacing: .01em;
}
div.access ul li {
	display: inline;
}
div.access ul li a {
	padding: 4px;
	font-size: 1em; text-decoration: none; font-weight: bold;
	color: #444;
}
div.access ul li a:hover {
	background: #ccc;
}
/* styleswitcher ende */

/* navigation */
div.navibox {
	background: url(../images/navi/navi_bg.gif) 0 0 repeat-x;
	padding: 0; margin: 0 0 5px;
}
ul#navi { /* allgemeine angaben fuer die navigation */
	position: relative;
	list-style: none;
	padding: 0; margin: 0 0 0px;
	width: 831px;
	z-index: 20;
}

ul#navi div { /* hauptmenupunkte divs */
	padding: 0; margin: 0;
}
ul#navi div a { /* hauptmenupunkte */
	padding: 4px 0 4px 20px; margin: 0 0 0px;
	display: block;
	font-weight: bold;
	color: #fff;
	text-decoration: none;
}
ul#navi div a:hover, ul#navi div a.hi {}

ul#navi li {
 	float: left;
	display: block;
	padding: 0; margin: 0 5px 0px 0;
	position: relative;
	cursor: default;
	border-top: 3px solid #fff;
	z-index: 20;
}
* html ul#navi li {
	margin-bottom: 0px
}

/* CORP */
li#corp {width: 161px;}
li#corp:hover, li#corp.over {background: #404040; border-top: 3px solid #996C45;}

/* PERSONAL */
li#personal {width: 241px;}
li#personal:hover, li#personal.over {background: #404040; border-top: 3px solid #B1B14D;}

/* E-RECRUITING */
li#erecruiting {width: 241px;}
li#erecruiting:hover, li#erecruiting.over {background: #404040; border-top: 3px solid #68252C;}

/* PRODUKTE */
li#produkte {
	width: 173px; margin: 6px 0 0 0 !important;
	padding: 0 !important; border-top: 0px !important;
}
* html li#produkte {
	margin-bottom: -6px !important;
}
* html ul#navi li#produkte ul {
	margin-top: 1px;
}
li#produkte:hover, li#produkte.over  {}

ul#navi li#produkte div a {
	padding: 0px 0 1px 10px; margin: 0;
	display: block; border-left: 1px solid #555; border-top: 1px solid #555;
	font-weight: bold; line-height: 1.5em;
	background: #919191 url(../images/navi/navi_products_down.gif) 100% 50% no-repeat;
}
* html ul#navi li#produkte div a {padding: 2px 0 3px 10px; margin: 2px 0 0 !important; width: 100%; line-height: 1em;}

ul#navi li#produkte div a:hover {
	background: #919191 url(../images/navi/navi_products_up.gif) 100% 50% no-repeat;
}


ul#navi li ul {
	list-style: none; width: 100%;
	padding: 0;	margin: 0;
}
li#corp ul, li#personal ul, li#erecruiting ul, li#produkte ul {
	display: none;
	position: absolute;
	top: 100%;
	left: 0;
	padding: 0; margin: 0; margin-right: 5px;
}
ul#navi li:hover ul, ul#navi li.over ul {
	display: block;
}
/* nur fuer mozilla und co. */
ul#navi li>ul {
	top: auto;
	left: auto;
}
ul#navi li li {
	padding: 0; margin: 0;
	border-left: 1px solid #999;
	border-right: 1px solid #999;
	border-top: 0;
	display: block;
	float: none;
	background-color: #d4d4d4;
}
ul#navi li li.last {
	border-bottom: 1px solid #999;
	padding-bottom: 3px;
}
ul#navi li li a {
	background: #d4d4d4;
	display: block;
	color: #1e1e1e;
	text-decoration: none;
	padding: 3px 0 4px 20px; margin: 0;
}
* html ul#navi li li a {
	width: 100%;
	margin: 0 0;
}
ul#navi li li a:hover {
	background: #e4e4e4;
	text-decoration: none;
}
/* navigation */

/* flash auf der startseite*/
div.flash {
	position: relative; left: 0; top: 0; width: 831px; height: 182px;
	z-index: 5;
}
div.zuckerstueck {
	position: absolute;
	right: 0; top: 141px;
	border-left: 2px solid #fff;
	border-top: 2px solid #fff;
	z-index: 30;
}
* html div.zuckerstueck {
	right: -1px;
}

div.zuckerstueck p {
	padding: 0; margin: 5px 0 0; line-height: 1.2em; color: #7e7e7e; z-index: 35;
}
/* flash auf der startseite*/

/* content_hp */
/* die groesse bestimmt sich durch div.content_hp und div.right !! */
div.content_hp {
	float: left; width: 550px;
	padding: 0; margin: 40px 0px 0 0;
}
div.content_hp h1 {
	padding: 0 0 0 0; margin: 0 0 10px;
	font-size: .85em;
	font-weight: normal;
	color: #7e7e7e;
}
div.content_hp h2 {
	padding: 0; margin: 0 0 .2em;
	font-size: 1.6em;
	line-height: 1.2em;
	font-weight: bold;
	margin-bottom: 5px;
}
div.content_hp div.right {width: 384px; margin-bottom: 30px;}
/* content_hp */

/* Anfang Snippetbereich */
#snippet {width: 173px; margin-top: 40px; float: right;}
#content_frame_hp #snippet {width: 250px; margin-right: -8px;}

#snippet p {margin:0;}
#snippet h4 {margin: 0; margin-bottom: 5px;}

/** kann evtl raus */
/*.snippet1, .snippet2, .snippet3 {margin-bottom: 35px;}
.snippet1 {padding-bottom: 10px;}
.snippet1_ro {background:url(../images/snippet/ro.gif) top right no-repeat;}
.snippet1_ru {background:url(../images/snippet/ru.gif) bottom right no-repeat;}
.snippet1_lu {background:url(../images/snippet/lu.gif) bottom left no-repeat;}
.snippet1_content {margin:0; padding:0px; padding-top: 3px; background:url(../images/snippet/bg_corp.jpg) top left no-repeat;}
.hp .snippet1_content {background:url(../images/snippet/bg_corp_small.jpg) top left no-repeat;}
.snippet1_content p {margin:0; padding:5px 13px 15px 10px;}
.snippet1_content h4 {background-color: #857D77; color: #fff; margin: 0 7px 0 0 !important; padding: 1px 13px 2px 10px}

.snippet2 a.pdf {display: block; background: url(../images/icon_pdf.gif) 0 5px no-repeat; padding-left:20px; padding-top: 7px}
.snippet2 a span {color: #000; white-space: nowrap;}*/
/* Ende Snippetbereich */

/* Anfang Contentbereich */
#content img {border: 1px solid #857D77;}
#content .p {margin-bottom: 25px; clear: both;}
.pic_right {float: right; margin: 3px 0 3px 8px;}
.pic_left {float: left; margin: 3px 11px 3px 0;}
.pic_clearer {margin: 0}
.bu {color: #ad8969; font-size: .8em; padding: 5px 0 10px;}
/* Ende Contentbereich */

/* ##### Anfang Styles fuer Footer ##### */
#footer {
	font-size: 0.9em;		
	text-align: center;
}
.footerline {height: 70px; border-bottom: 1px solid #D5DADD; margin-bottom: 7px;}
#footer .p {margin-bottom: 25px; clear: both; color: #6C6C6C; line-height: 1.5em;}
#footer a {color: #6C6C6C;}
div.valid {padding: 0; margin: 10px 0; text-align: center;}
div.valid img {border: 0 !important;}
/* ##### Ende Styles fuer Footer ##### */


/*<group=tabellen>*/
table.standard_table {background-color: #F7F7F0;}
table.standard_table caption, table.standard_table td.head {
	vertical-align: top;
	border-style: solid;
	border-color: white;
	border-width: 2px 2px 0 0;
	padding: 3px 9px;
	background-color: #ACAD41;
	color: #fff;
	white-space: nowrap
}
table.standard_table td {
	vertical-align:top;
	border-style:solid;
	border-color:white;
	border-width:2px 2px 0 0;
	padding:3px 9px;
}
/*</group>*/

/*<group=listen>*/
#content ul {padding: 0; margin: 12px 0;
	vertical-align: top;
	list-style-type: none;
	list-style-position: outside;}
#content ol {padding: 0; margin: 12px 0;
	list-style-type: decimal;
	list-style-position: outside;}
#content li {padding: 0 0 0 18px; margin: 4px 0; background: url(../images/bullet_gruen.gif) 0 1px no-repeat;}
/*</group>*/

/** neue styles [homepage umbau] */
.snippet_box {
	background: url(../images/snippet/shadow.gif) no-repeat bottom right;
}

.snippet_box div.snippet_box_inner {
	background: url(../images/snippet/shadow2.png) no-repeat left top !important;
	background: url(../images/snippet/shadow2.gif) no-repeat left top;
	padding: 0px 6px 6px 0px;
}

div.snippet_box h3 {
	padding: 3px 5px; margin: 0;
	background: #F7F5F6;
	color: #AC8B68;
	border: 1px solid #E3E3E3;
}

div.snippet_box h3.erecruiting {color: #6B2831}
div.snippet_box h3.personal {color: #ACAE40}
div.snippet_box h3.corp {color: #AC8B68}
div.snippet_box h3.jobstairs {color: #FF982C}


div.snippet_box a.erecruiting {color: #6B2831}
div.snippet_box a.personal {color: #ACAE40}
div.snippet_box a.corp {color: #AC8B68}
div.snippet_box a.jobstairs {color: #FF982C}




/* snippet_content start */
.snippet_content {
	padding: 5px 5px 5px; margin: 0;
	background: #fff;
	color: #424242;
	border: 1px solid #E3E3E3;
	border-top: 0px;
}
.snippet_content h4 {
	margin: 0;
}
.snippet_content p {
	margin: 0 0 .5em;
}
.snippet_content p img {
	margin: 0 5px 2px 0px;
	float: left;
	margin-bottom: 0;
}

/* snippet_content end */

/** snippets */
img.toggle, img.plus {width: 12px; height: 12px}
img.toggle {
  background: url(../images/icon/icon_minus.gif);
  float: right;
}
img.collapsed {
  background: url(../images/icon/icon_plus.gif) !important;
}

/** hp_content area */
span.area {
  display: block;
	padding: 0 0 0 0; margin-bottom: 3px;
	font-size: .85em;
	font-weight: normal;
	color: #7e7e7e;
}
div.content_hp h2.emphasize {
  padding: 0px 0 0 0px;
  vertical-align: bottom !important;
}


div.personal h2, div.personal a, div.personal li {color: #ACAE40}
div.erecruiting h2, div.erecruiting a, div.erecruiting li {color: #6B2831}
div.corp h2, div.corp a, div.corp li {color: #996C45}

.seperator {
background-color:#D5DADD;
color:#D5DADD;
/* border-bottom: 1px solid #D5DADD; */ 
margin-top: 23px; 
margin-bottom: 25px;
height: 1px;
border:none;
}

.simple_clear {clear: both}

p.hp_download {margin: 0 !important; margin-top: 5px !important}
ul.hp_download {
  margin: 0;
  padding: 0;
	vertical-align: top;
	list-style-type: none;
	list-style-position: outside
}
ul.hp_download li.pdf {height:17px; padding: 0 0 0 28px; margin: 4px 0; background: url(../images/icon/icon_pdf.gif) 0 0px no-repeat;}

/** snippets */
div.snippet_box {width: 100%; margin-bottom: 1.5em;}
.snippet1, .snippet2, .snippet3 {margin-bottom: 1.5em;}
span.small {color: #424242; font-size: 9px}
div.snippet_poll div.p {margin-top: 5px}
.snippet2 a.pdf {display: block; background: url(../images/icon_pdf.gif) 0 5px no-repeat; padding-left:20px; padding-top: 7px}
.snippet2 a span {color: #000; white-space: nowrap;}

/** poll snippet */
.snippet_poll {
  margin-top: 10px;
  padding: 15px;
}
.snippet_poll h2 {
  font-size: 12px;
}
input.poll {
  vertical-align: middle;
  margin-top: 5px;
  font-size: 9px;
	padding: 2px 10px;
	background: #6E6E6E;
	color: #fff;
	border-top: 1px outset #AEAEAE;
	border-right: 1px outset #282828;	
	border-bottom: 1px outset #282828;
	border-left: 1px outset #AEAEAE;
}

span.date {font-size: 11px;}
div.snippet_event {margin-bottom: 10px}

a.addthis_button{
	margin-bottom: 20px;
	display: block; 
}