/********** Grundformatierung **********/

@import url(typostyle.css);


/********** Allgemein **********/

body
{
	background:#333333 url('../images/body_bg.png') repeat-x;
	margin:0;
	padding:0;
	font-family:Verdana,Arial,Tahoma;
	font-size:11px;
	color:#333333;
}

td,p,div
{
	font-family:Verdana,Arial,Tahoma;
	font-size:11px;
}
.clear { clear:both; }

.floatL { float:left; }
.floatR { float:right; }
.clear { clear:both; }
.white { color:#fff; }
.hand { cursor:pointer; }
.halfSpace { font-size:0px; height:5px; }
.fullSpace { font-size:0px; height:10px; }
.rtl { text-align:right; }


/*** Formulare ***/

.tfield {
	background:#ffffff url('../images/input_bg.gif') repeat-x;
	margin:0px;
	padding:2px;
	width:256px;
	border:1px solid #a0a0a0;
	font-size:11px;
	font-family:Arial,Tahoma,Verdana;
}

.err { border:1px solid #ff0000; }
.errText { color:#ff0000; }
textarea { overflow:auto; }


/********** Alle Links **********/

a:link, a:active, a:visited
{
	color:#777777;
	text-decoration:none;
	outline: none;
}

a:hover
{
	color:#ff0000;
	text-decoration:none;
	outline: none;
}

*html a {
	position:relative; /* (rn) */
}


/********** Main-Layer **********/
#layout {
	margin:0px auto;
	padding:0px;
	width:905px;
	position:relative;
}


/********** Header **********/
html>body #header	{ background: transparent url('../images/header_bg.png') no-repeat; }
*html #header		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/header_bg.png', sizingMethod='image'); }

#header {
	margin:0;
	padding:15px 0px 0px 30px;
	width:905px;
	height:130px;
	position:absolute;
	left:-15px;
	top:10px;
}

#header .headertext {
	margin: 0px 8px;
	padding:0px;
	width:190px;
	height:112px;
	color:#ffffff;
	overflow:hidden;
}

#header .bodyText {
	font-family: Arial;
	padding: 10px 10px 10px 10px;
	font-variant: small-caps;
	font-size: 11px;
}

#header .bodyText .title {
	color: #ffffff;
	font-size: 13px;
}


/********** Navigation **********/
#navigation {
	margin:0;
	padding:0px;
	width:215px;
}

#navigation ul, #navigation ul ul, #navigation ul ul ul, #navigation ul ul ul ul, #navigation ul ul ul ul ul {
	list-style:none;
	margin:0;
	padding:0px 0px 0px 5px;
}

#navigation ul ul {
	padding:0px 0px 0px 10px;
	width:200px;
}

#navigation ul ul ul {
	padding:0px 0px 0px 12px;
	width:188px;
}

#navigation ul ul ul ul {
	padding:0px 0px 0px 12px;
	width:176px;
}

#navigation ul ul ul ul ul {
	padding:0px 0px 0px 12px;
	width:164px;
}

#navigation ul li, 
#navigation ul li ul li, 
#navigation ul li ul li ul li, 
#navigation ul li ul li ul li ul li, 
#navigation ul li ul li ul li ul li ul li, 
#navigation ul li.on a:hover, 
#navigation ul li.on ul li a:hover, 
#navigation ul li.on ul li ul li a:hover
#navigation ul li.on ul li ul li ul li a:hover, 
#navigation ul li.on ul li ul li ul li ul li a:hover {
	background-image:none;
	background-color:transparent;
}

html>body #navigation ul li.on {
	background: transparent url('../images/navi_on.png') top no-repeat;
}

*html #navigation ul li.on {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navi_on.png', sizingMethod='crop');
	width:183px;
}

#navigation ul li a:link,
#navigation ul li a:active, 
#navigation ul li a:visited,
#navigation ul li.on ul li a:link, 
#navigation ul li.on ul li a:active, 
#navigation ul li.on ul li a:visited,
#navigation ul li.on ul li ul li a:link, 
#navigation ul li.on ul li ul li a:active, 
#navigation ul li.on ul li ul li a:visited, 
#navigation ul li.on ul li ul li ul li a:link, 
#navigation ul li.on ul li ul li ul li a:active, 
#navigation ul li.on ul li ul li ul li a:visited, 
#navigation ul li.on ul li ul li ul li ul li a:link, 
#navigation ul li.on ul li ul li ul li ul li a:active, 
#navigation ul li.on ul li ul li ul li ul li a:visited
{
	margin:0px;
	padding:5px 0px 5px 27px;
	display:block;
	width:183px;
	color:#333333;
	font-weight:normal;
	text-decoration:none;
 	font-size:11px;
	cursor:pointer; /* (rn) */
}

#navigation ul li.on ul li a:link, #navigation ul li.on ul li a:active, #navigation ul li.on ul li a:visited { width:173px; }
#navigation ul li.on ul li ul li a:link, #navigation ul li.on ul li ul li a:active, #navigation ul li.on ul li ul li a:visited { width:161px; }
#navigation ul li.on ul li ul li ul li a:link, #navigation ul li.on ul li ul li ul li a:active, #navigation ul li.on ul li ul li ul li a:visited { width:149px; }
#navigation ul li.on ul li ul li ul li ul li a:link, #navigation ul li.on ul li ul li ul li ul li a:active, #navigation ul li.on ul li ul li ul li ul li a:visited { width:137px; }


#navigation ul li.on a.big:link, 
#navigation ul li.on a.big:active, 
#navigation ul li.on a.big:visited, 
#navigation ul li.on a.big:hover
{
	color:#ff0000;
	text-transform: uppercase;
}

#navigation ul li a:hover, 
#navigation ul li.on a:hover, 
#navigation ul li.on ul li a.on:link, 
#navigation ul li.on ul li a.on:active, 
#navigation ul li.on ul li a.on:visited, 
#navigation ul li.on ul li a.on:hover, 
#navigation ul li.on ul li a:hover,  
#navigation ul li.on ul li ul li a.on:link, 
#navigation ul li.on ul li ul li a.on:active, 
#navigation ul li.on ul li ul li a.on:visited, 
#navigation ul li.on ul li ul li a.on:hover, 
#navigation ul li.on ul li ul li a:hover, 
#navigation ul li.on ul li ul li ul li a.on:link, 
#navigation ul li.on ul li ul li ul li a.on:active, 
#navigation ul li.on ul li ul li ul li a.on:visited, 
#navigation ul li.on ul li ul li ul li a.on:hover, 
#navigation ul li.on ul li ul li ul li a:hover, 
#navigation ul li.on ul li ul li ul li ul li a.on:link, 
#navigation ul li.on ul li ul li ul li ul li a.on:active, 
#navigation ul li.on ul li ul li ul li ul li a.on:visited, 
#navigation ul li.on ul li ul li ul li ul li a.on:hover, 
#navigation ul li.on ul li ul li ul li ul li a:hover
{
	color:#ff0000;
	text-transform: none;
}

html>body #navigation ul li.off a:hover {
	background: transparent url('../images/navi_on.png') top no-repeat;
}

*html #navigation ul li.off a:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/navi_on.png', sizingMethod='crop');
	width:183px;
}


/********** Layer **********/
#maincontainer {
	margin:0px;
	padding:0px;
	width:905px;
}


html>body #topcontainer	{ background: transparent url('../images/topcontainer_bg.png') no-repeat; }
*html #topcontainer		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/topcontainer_bg.png', sizingMethod='image'); }
#topcontainer {
	margin:0;
	padding:0;
	height:25px;
}

html>body #ie6_container_loesung	{ background: transparent url('../images/middlecontainer_bg.png') repeat-y; }
*html #ie6_container_loesung		{ background: url('../images/middlecontainer_bg_ie6.png') repeat-y; }
#ie6_container_loesung {
	margin:0;
	padding:0;
}

/* html>body #middlecontainer	{ background: transparent url('../images/middlecontainer_bg.png') repeat-y; } */
*html #middlecontainer		{ background: transparent url('../images/middlecontainer_bg_ie6_top.png') no-repeat; }
#middlecontainer {
	margin:0;
	padding:0px;
	width:905px;
}

html>body #middlecontainer_verlauf	{ background: transparent url('../images/middlecontainerverlauf_bg.png') left bottom no-repeat; }
*html #middlecontainer_verlauf		{ background: transparent url('../images/middlecontainerverlauf_bg_ie6.png') left bottom no-repeat; }
#middlecontainer_verlauf {
	margin:0;
	padding:160px 0px 0px 0px;
}

#navicontainer {
	margin:0;
	padding:0;
	width:215px;
	float:left;
}

/**/
html>body #contentcontainer	{ min-height:500px; }
*html #contentcontainer	{ _height:500px;}
#contentcontainer {
	margin:0;
	padding:0px 0px 0px 30px;
	width:460px;
	float:left;
}

#contentcontainer .greybox .boxcontent 		{ background:url('../images/greybox_big_bg.png') top left no-repeat; min-height:130px; }
*html #contentcontainer .greybox .boxcontent .bodyText { _height:130px; }
#contentcontainer .greybox .boxbottom 		{ background:url('../images/greybox_big_bottom.png') no-repeat; }
#contentcontainer .redbox .boxcontent 		{ background:url('../images/redbox_big_bg.png') top left no-repeat; min-height:170px; }
*html #contentcontainer .redbox .boxcontent .bodyText { _height:170px; }
#contentcontainer .redbox .boxbottom 		{ background:url('../images/redbox_big_bottom.png') no-repeat; }

#rightbarcontainer {
	margin:0;
	padding:0px;
	width:180px;
	float:right;
}

#rightbarcontainer .greybox {
	margin:0px;
	padding:0px;
}

/********** Alle Links in greybox **********/
#rightbarcontainer .greybox a:link, #rightbarcontainer .greybox a:active, #rightbarcontainer .greybox a:visited
{
	color:#333333;
	text-decoration:none;
	outline: none;
}

#rightbarcontainer .greybox a:hover
{
	color:#ff0000;
	text-decoration:none;
	outline: none;
}



#rightbarcontainer .redbox {
	margin:0px;
	padding:0px;
}

/********** Alle Links in redbox **********/
#rightbarcontainer .redbox a:link, #rightbarcontainer .redbox a:active, #rightbarcontainer .redbox a:visited
{
	color:#ffffff;
	text-decoration:none;
	outline: none;
}

#rightbarcontainer .redbox a:hover
{
	color:#cccccc;
	text-decoration:none;
	outline: none;
}



html>body #rightbarcontainer .greybox .boxcontent	{ background: transparent url('../images/greybox_bg.png') top left no-repeat; min-height:130px; }
*html #rightbarcontainer .greybox .boxcontent		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/greybox_bg.png', sizingMethod='crop'); }
*html #rightbarcontainer .greybox .boxcontent .bodyText		{ _height:130px; }
html>body #rightbarcontainer .greybox .boxbottom	{ background: transparent url('../images/greybox_bottom.png') no-repeat; }
*html #rightbarcontainer .greybox .boxbottom		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/greybox_bottom.png', sizingMethod='image'); }
html>body #rightbarcontainer .redbox .boxcontent	{ background: transparent url('../images/redbox_bg.png') top left no-repeat; min-height:170px; }
*html #rightbarcontainer .redbox .boxcontent		{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/redbox_bg.png', sizingMethod='crop'); }
*html #rightbarcontainer .redbox .boxcontent .bodyText		{ _height:170px; }
html>body #rightbarcontainer .redbox .boxbottom		{ background: transparent url('../images/redbox_bottom.png') no-repeat; }
*html #rightbarcontainer .redbox .boxbottom			{ filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/redbox_bottom.png', sizingMethod='image'); }

#rightbarcontainer .greybox .boxbottom, 
#rightbarcontainer .redbox .boxbottom,
#contentcontainer .greybox .boxbottom, 
#contentcontainer .redbox .boxbottom {
	margin:0px;
	padding:0px;
	height:16px;
}

#rightbarcontainer .greybox .boxcontent, #contentcontainer .greybox .boxcontent {
	margin:0px;
	padding:15px 21px 1px 17px;
	color:#333333;
	line-height:15px;
}

#rightbarcontainer .redbox .boxcontent, #contentcontainer .redbox .boxcontent {
	margin:0px;
	padding:15px 21px 1px 17px;
	color:#ffffff;
	line-height:15px;
}

*html #rightbarcontainer .greybox .boxcontent, 
*html #contentcontainer .greybox .boxcontent, 
*html #rightbarcontainer .redbox .boxcontent, 
*html #contentcontainer .redbox .boxcontent
{
	height:60px;
} 

#rightbarcontainer .greybox .boxcontent h1.title2, #contentcontainer .greybox .boxcontent h1.title2 {
	margin:0px 0px 6px 0px;
	padding:0px 0px 6px 0px;
	border-bottom:1px #ff0000 solid;
	color:#ff0000;
	font-size:13px;
	font-weight:bold;
}

#rightbarcontainer .redbox .boxcontent h1.title2, #contentcontainer .redbox .boxcontent h1.title2 {
	margin:0px 0px 6px 0px;
	padding:0px 0px 6px 0px;
	border-bottom:1px #ffffff solid;
	color:#ffffff;
	font-size:13px;
	font-weight:bold;
}

html>body #bottomcontainer	{ background: transparent url('../images/bottomcontainer_bg.png') no-repeat; }
*html #bottomcontainer		{ background: transparent url('../images/bottomcontainer_bg_ie6.png') no-repeat; }
#bottomcontainer {
	margin:0;
	padding:0px 15px 20px 225px;
}

#bottomcontainer #footernavi, #bottomcontainer #footernavi a:link, #bottomcontainer #footernavi a:active, #bottomcontainer #footernavi a:visited {
	margin:0;
	padding:0px;
	color:#c9c9c9;
	font-size:11px;
	text-decoration: none;
}

#bottomcontainer #footernavi a:hover { text-decoration: underline; }







/********** Sitemap **********/
#sitemap {
	margin:0px;
	padding:0px;
}

#sitemap ul, #sitemap ul ul, #sitemap ul ul ul, #sitemap ul ul ul ul, #sitemap ul ul ul ul ul {
	position:relative;
	list-style:none;
	margin:0px;
	padding:0px;
}

#sitemap ul ul {
	padding:0px 0px 0px 30px;
}

#sitemap ul ul ul, #sitemap ul ul ul ul, #sitemap ul ul ul ul ul {
	padding:0px 0px 0px 12px;
}

#sitemap ul li {
	background:#eeeeee url('../images/arrow_sitemap.gif') 10px 7px no-repeat;
	margin:0px 0px 6px 0px;
	padding:0px;
}

#sitemap ul li ul li, #sitemap ul li ul li ul li, #sitemap ul li ul li ul li ul li, #sitemap ul li ul li ul li ul li ul li {
	background-color:transparent;
	background-image:none;
}

#sitemap ul li a:link, 
#sitemap ul li a:active, 
#sitemap ul li a:visited,
#sitemap ul li a:hover
{
	margin:0px;
	padding:5px 0px 5px 30px;
	display:block;
	width:430px;
 	font-size:11px;
	font-weight:normal;
	color:#e20026;
	text-decoration:none;
	text-transform: uppercase;
}

#sitemap ul li ul li a:link, 
#sitemap ul li ul li a:active, 
#sitemap ul li ul li a:visited,
#sitemap ul li ul li a:hover,
#sitemap ul li ul li ul li a:link, 
#sitemap ul li ul li ul li a:active, 
#sitemap ul li ul li ul li a:visited,
#sitemap ul li ul li ul li a:hover, 
#sitemap ul li ul li ul li ul li a:link, 
#sitemap ul li ul li ul li ul li a:active, 
#sitemap ul li ul li ul li ul li a:visited,
#sitemap ul li ul li ul li ul li a:hover, 
#sitemap ul li ul li ul li ul li ul li a:link, 
#sitemap ul li ul li ul li ul li ul li a:active, 
#sitemap ul li ul li ul li ul li ul li a:visited,
#sitemap ul li ul li ul li ul li ul li a:hover
{
	padding:5px 0px;
	width:100%;
	color:#626262;
	font-weight:normal;
	text-decoration:none;
	text-transform: none;
}


/*** Jobangebote UND A-Z Angebote ***/

.job_header {
	cursor:pointer;
	border-top:1px #afafaf solid;
	background:url('../images/job_header.gif') left bottom no-repeat;
	padding:7px 12px 9px;
	color:#515151;
	width:436px;
}
.job_header i {
	color:#009900;
}
.job_header img {
	width:17px;
	height:16px;
	background:url('../images/job_header_open.gif') no-repeat;
	margin-left:10px;
}
.job_header img.icon_close {
	width:17px;
	height:16px;
	background:url('../images/job_header_close.gif') no-repeat;
	margin-left:10px;
}
.job_info {
	display:none;
	border-left:1px #afafaf solid;
	border-right:1px #afafaf solid;
	border-bottom:1px #afafaf solid;
	margin:3px 0px 0px;
	padding:5px 10px 10px;
	color:#515151;
}
.job_status_green, .job_status_yellow, .job_status_red, .job_status_gray {
	width:30px;
	height:37px;
	padding:8px 0px 8px 1px;
	background-image:url('../images/job_status.png');
	background-repeat:no-repeat;
	text-align:center;
	font-weight:bold;
	color:#333333;
	float:left;
}
.job_status_green {
	background-position:0px 0px;
}
.job_status_yellow {
	background-position:0px -53px;
}
.job_status_red {
	background-position:0px -106px;
}
.job_status_gray {
	color:#ffffff;
	font-size:10px;
	background-position:0px -159px;
}

.job_address {
	width:388px;
	min-height:50px;
	_height:50px;
	border-top:1px #afafaf solid;
    background:url('../images/job_subbg.png') left bottom no-repeat;
    padding:7px 7px 11px 12px;
    float:right;
}

/*** A-Z Angebote ***/

#alphabet {
    width:458px;
    height:29px;
    padding:0px 1px;
    background:url('../images/atoz_alphabet_bar.gif') no-repeat;
}
#alphabet td {
    padding:0px 1px 0px 0px;
    background:url('../images/atoz_alphabet_sepa.gif') right 5px no-repeat;
}
#alphabet td.last {
    padding:0px 0px 0px 0px;
    background:transparent;
}
#alphabet td a {
    display:block;
	font:16px Arial;
	color:#ffffff;
	text-align:center;
	padding:4px 2px;
}
#alphabet td a:hover {
    background:url('../images/atoz_alphabet_hover.gif') repeat-x;
}
#alphabet td a:active,
#alphabet td a.on {
    background:url('../images/atoz_alphabet_on.gif') repeat-x;
}

a.link-to-provider {
	display:block;
	padding:3px 5px;
	background-color:#3a3a3c;
	border:1px #cccccc solid;
	color:#ffffff;
	text-align:right;
	font-size:10px;
}
a.link-to-provider:hover {
	background-color:#5a5a5c;
}