/* 
------------------------------------
general styles
------------------------------------*/

body
{
	margin: 0;
	padding: 0;
	font: 90%/1.3 arial, helvetica, sans-serif;
	color: #333;
	background: #fff url(back-body.jpg) repeat-x; 
}

h1, h2, h3, h4, h5, h6, p { margin-top: 0; }
h1, h2, h3, h4, h5 { color: #333; } /* 630 */

h1
{
	font-weight: normal;
	font-size: 180%;
}

h2 { font-size: 140%; }
h3 { font-size: 120%; }
h4 { font-size: 100%; }
img { border: none; }
a:link { color: #06458a; }
a:visited { color: #265a93; }
a:focus { color: red; }
a:hover { color: #000; }
a:active { color: red; }

hr {
	color: #7ba40d;
	background: #7ba40d;
	border: 0;
	height: 1px;
}

div.finalline hr {
	background: #ccc;
	margin: 0% 30%;
}

fieldset {
	border: 1px solid #7ba40d;
	padding: 1em;
	line-height: 130%;
}

legend
{
	color: #a4300d;
	padding: 0;
	margin: 0;
}

/*
------------------------------------
container styles
------------------------------------*/
#container
{
	width: 960px;
	padding: 0 10px;
	margin: 0 auto;
	position: relative;
	background: url(back-container.jpg) no-repeat; 
}

/* 
------------------------------------
header styles
------------------------------------*/
#header
{
	float: left;
	width: 960px;
	/* background: #393 url(back-header2.jpg) no-repeat; */
}

#nsw
{
	float: left;
	width: 680px;
	padding: 5px 0 22px 165px;
}

#nsw a
{
	color: #000000;
	text-decoration: none;
}

#nsw img { float: left; }

#nsw h1
{
	margin: 0;
	padding: 0 0 .2em;
	font-size: 180%;
	font-weight: bolder;
}

#nsw h2
{
	margin: 0;
	font-size: 100%;
	font-weight: bold;
	line-height: 110%;
	letter-spacing: 0.4em;
}

#nsw h2 a
{
	padding: .1em 0 0;
	border-top: 1px solid #5987c0;
}

#nsw h3
{
	margin: 0;
	font-size: 100%;
	font-weight: normal;
	line-height: 110%;
	color: #E0E0E0;
	letter-spacing: 0.5em;
}

#skip
{
	position: absolute;
	left: 0;
	top: 0;
	width: 950px;
	text-align: right;
}

#skip a
{
	color: #b6cae3;
	font-size: 80%;
	text-decoration: none;
	line-height: 100%;
}

/* 
------------------------------------
search styles
------------------------------------
*/

#search
{
	clear: both;
	float: left;
	width: 960px;
	padding: 5px 0 18px;
	margin: 0 0 20px;
	border-top: 1px solid #fff;
	background: #339933 url(back-search.jpg) no-repeat 0 100%;
}

#search form
{
	margin: 0;
	padding: 0;
	line-height: 100%;
	float: right;
	width: 445px;
}

#search a
{
	float: left;
	width: 180px;
	margin: .2em 5px 0 0;
	padding: 0;
	text-align: right;
	color: #fff;
}

#search label
{
	float: left;
	width: 90px;
	margin: .2em 5px 0 0;
	padding: 0;
	text-align: right;
	color: #fff;
}

#search input
{
	float: left;
	width: 108px;
	height: 18px;
	margin: 0 5px 0 0;
	padding: 0;
	border: 1px solid #62830a;
}

#search #go
{
	margin: 0;
	padding: 0;
	float: left;
	width: 30px;
	height: 20px;
	border: none;
}

/* 
------------------------------------
navigation styles
------------------------------------
*/

#navigation
{
	float: left;
	width: 180px;
	margin: 0 0 0 20px;
	padding: 0 0 20px;
	
}

#navigation ul
{
	margin: 0;
	padding: 0;
/* 	border-top: 1px solid #ddd; */
}

#navigation ul ul
{
	margin: 0;
	padding: 0;
	border-top: none;
}

#navigation ul li
{
	display: inline;
	list-style-type: none;
}

/* Menu: Top-Level*/
#navigation ul li a
{
	display: block;
	padding: 4px 20px 4px 4px;
	background: #fff no-repeat 100% 9px;
/*	border-bottom: 1px solid #ddd; */
	color: #393;
	text-decoration: none;
	font-size: 0.8em;
	font-weight: bold;
}

/* menu: Secondlevel */
#navigation ul li li a { 
	display: block;
	padding: 0px 20px 0px 20px;
	color: #000;
	border-bottom: 0px;	
	background: #fff no-repeat 10px 5px;
	font-size: 0.8em;
	margin-top: 4px;
	font-weight: bold;
}

/*sinnlos
#navigation ul li li.child_page a { 
	padding: 0px 20px 0px 37px; 
	color: #00F;
}
*/

#navigation ul li span {
	display: block;
	padding: 2px 20px 2px 4px;
/*	background: #eee url(arrow1.png) no-repeat 100% 6px; */
	border-bottom: 1px solid #ddd;
	color: #393;
	text-decoration: none;
}

/* das hier ist der grundaufbau fuer span : secondlevel*/
#navigation ul li li span { 
	padding: 0px 20px 0px 20px; 
	color: #393;
	/* background: #f00 url(arrow1.png) no-repeat 10px 5px; */
}

#navigation ul li.down a { background: #fff url(arrow2.png) no-repeat 100% 9px; }
#navigation ul li.down li a { background: #fff url() no-repeat 10px 6px; }

#navigation ul li.down span { 
 background: #fff url() no-repeat 100% 9px; 
}

/* Ausgewlter menuepunkt level 2*/
#navigation ul li.down li span { 
 background: #fff url(arrow1orange.png) no-repeat 10px 6px; 
 border-bottom: 1px solid #ddd;
 border-top: 1px solid #ddd;
}

#navigation ul li a:hover
{
	color: #666;
/*        background: #6c9 url(arrow1.png) no-repeat 100% 9px;  */
}

/* genau das was das verspricht, rueberhovern = anderer pfeil */
#navigation ul li li a:hover
{
	color: #000;
	background: #fff url(arrow1orange.png) no-repeat 10px 5px; 
}

/* 
------------------------------------
main styles
------------------------------------
*/

#main
{
	float: left;
	width: 530px;
	margin: 0 0 0 30px;
	padding: 0 0 20px;
}

#main a:link {
	color: #393;
	text-decoration: none;
}

#main a:visited {
	color: #393;
	text-decoration: none;
}

#main a:hover {
	color: #000;
	text-decoration: underline;
	background-color:393;
	background : #99BB76;
}

#main a:active {
	color: #000000;
	text-decoration: none;
}

/* tableblock */
/*-----------------------------------------*/
#tableblockcontainer
{
 width: 100%;
 margin: 10px auto;
 background-color: #fff;
 color: #333;
 border: 1px solid gray;
 line-height: 130%;
}

#tableblocktop
{
 padding: .5em;
 background-color: #dde4ca;
 border-bottom: 1px solid gray;
}

#tableblocktop h1
{
 padding: 0;
 margin: 0;
}

#tableblockleftnav
{
 float: left;
 width: 160px;
 margin: 0;
 padding: 1em;
}

#tableblockcontent
{
 margin-left: 200px;
 border-left: 1px solid gray;
 padding: 1em;
 max-width: 36em;
}

#tableblockfooter
{
 clear: both;
 margin: 0;
 padding: .5em;
 color: #333;
 background-color: #dde4ca;;
 border-top: 1px solid gray;
}

/* 3 bilder rechts */
.floatrightmulti
{
 float: right;
 margin: 0 0 10px 10px; 
 clear: right;
}
/* 3 bilder rechts */
.floatleftmulti
{
 float: left;
 margin: 0 0 10px 10px; 
 clear: left;
}

#tableblockleftnav p { margin: 0 0 1em 0; }
#tableblockcontent h2 { margin: 0 0 .5em 0; }


#main ol { margin: 1em 0; }
#main ol li { margin: 0 0 .2em; }

#news, #about, #translations, #access
{
	margin: 2em 0;
	padding: 20px 0 0;
	background: url(line-shadow.jpg) no-repeat;
}

#news h2, #about h2, #translations h2, #access h2 { margin: 0 0 .1em; }

#translations img, #access img
{
	float: right;
	margin: 0 0 1em 1em;
}


/* 
------------------------------------
extras styles
------------------------------------*/
#extras
{
	float: right;
	width: 150px;
	margin: 0 20px 0 0;
}
/* 
------------------------------------
toolkit styles
------------------------------------*/
#toolkit h2 { font-size: 110%; }

#toolkit ul
{
	margin: 0 0 .5em;
	padding: 0 0 .5em;
	border-bottom: 1px solid #ddd;
}

#toolkit li
{
	margin: 0;
	padding: 0;
	list-style-type: none;
	display: inline;
}

#toolkit li a
{
	display: block;
	margin: 0;
	padding: 2px 0 2px 17px;
	list-style-type: none;
	color: #393;
}

#toolkit li.long a { background: url(icon-long.gif) no-repeat 0 .3em; }
#toolkit li.short a { background: url(icon-short.gif) no-repeat 0 .3em; }
#toolkit li.smaller a { background: url(icon-smaller.gif) no-repeat 0 .3em; }
#toolkit li.larger a { background: url(icon-larger.gif) no-repeat 0 .3em; }
#toolkit li.reset a { background: url(icon-reset.gif) no-repeat 0 .3em; }
#toolkit li.print a { background: url(icon-print.png) no-repeat 0 .3em; }

/* 
------------------------------------
sidebar styles
------------------------------------*/
#sidebar {
	width: 158px;
	margin: 0 20px 0 0;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	font-size: 0.8em;
}

#sidebar h1 {
	color: #393;
	font-size: 1.55em;
	font-weight: bold;
	padding: 0px 0px 0px 0px;
	margin: 0 0 0 0;	
}

#sidebar p {
	padding: 0px 0px;
	margin: 0 0 0 0;
	line-height: 100%;
}

#sidebar span {
	color: #666;
}

#sidebar span a {
	color: #666;
}

#sidebarleft {
	width: 170px;
	margin: 0 20px 0 0;
	background-color: #fff;
	border-left: 1px solid #ccc;
	border-top: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-right: 1px solid #ccc;
	padding: 5px;
	font-size: 0.8em;
}

#sidebarleft h1 {
	color: #393;
	font-size: 1.3em;
	font-weight: bold;
	padding: 0px 2px;
}

#sidebarleft span {
	color: #666;
}

#sidebarleft span a {
	color: #666;
}

#sidebarleft br {
	padding: 0px;
	margin: 0px;	
}

#sidebarleft input[type="text"] {
	background-color: #eee;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 0.9em;	
}

#sidebarleft input[type="password"] {
	background-color: #eee;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 0.9em;	
}

#sidebarleft input[type="submit"] {
	display:block;
	background-color: #393;
	border-left: 1px solid #999;
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	border-right: 1px solid #999;
	font-size: 0.9em;	
}
/* 
------------------------------------
banner styles
------------------------------------*/
#banner { margin: 1em 0; }

#banner ul
{
	margin: 1em 0;
	padding: 0;
}

#banner ul li
{
	list-style-type: none;
	padding: 0 0 0 12px;
	margin: 0 0 .2em;
	background: url(arrow3.gif) no-repeat 0 .3em;
}

/*  
------------------------------------
footer styles
------------------------------------*/
#footer { clear: both; }

#footer2
{
	float: left;
	width: 960px;
	font-size: 80%;
	background: #ffff66 url(back-footer.jpg) no-repeat;
	padding: 30px 0 10px;
	color: #000000;
}

#footer ul
{
	margin: 15px 0 0;
	padding: 0;
}

#footer ul.gov
{
	float: left;
	margin: 0 0 0 20px;
}

#footer ul.gov li
{
	display: inline;
	list-style-type: none;
	margin: 0 .7em 0 0;
}

#footer ul.util
{
	float: right;
	margin: 0 20px 0 0;
}

#footer ul.util li
{
	display: inline;
	list-style-type: none;
	margin: 0 0 0 .7em;
}

#footer a { color: #000000; }

/* 
------------------------------------
next and previous styles
------------------------------------*/
#next { float: right; }

#next {
	width: 70px;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
}

#next a {
	color: #fff;
	border: 1px solid #01217C;
	background-color: #01217C;
	display: block;
	padding: 4px;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

#next a { width: auto; }

#next a:hover {
	color: #01217C;
	background-color: #fff;
}

#previous { float: left; }

#previous {
	width: 90px;
	padding: 0 0 20px 0;
	margin: 0;
	font-size: 11px;
	text-align: center;
}

#previous a {
	color: #fff;
	border: 1px solid #01217C;
	background-color: #01217C;
	display: block;
	padding: 4px;
	text-decoration: none;
	width: 100%;
	font-weight: bold;
}

#previous a { width: auto; }

#previous a:hover {
	color: #01217C;
	background-color: #fff;
}
/*  
------------------------------------------------------------------------------------------------------------
 				Typographische Elemente
------------------------------------------------------------------------------------------------------------ */
/* 
------------------------------------
 brotkruemel
------------------------------------*/
#main ul.breadcrumb {
	list-style: none;
	margin: 0;
	padding: 0;
	font-size: 0.9em;
	color: #000;
}

#main ul.breadcrumb li {
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}
#main ul.breadcrumb li a {
	text-decoration: underline;
	padding: 0px 0px 10px 10px;
	background: url(arrow1.png) no-repeat 0.1em .4em;
}
/*  
------------------------------------
 Iconlists
------------------------------------ */
#main ul.iconlist {
	list-style: none;
	margin: 0;
	padding: 0;
}

#main ul.iconlist li {
	padding: 3px 0 3px 20px;
	margin: .4em 0;
}

#main ul li.pdf { background: url(bullet_pdf.gif) no-repeat 0 .4em; }
#main ul li.doc { background: url(bullet_doc.gif) no-repeat 0 .4em; }
#main ul li.xls { background: url(bullet_xls.gif) no-repeat 0 .4em; }
#main ul li.ppt { background: url(bullet_ppt.gif) no-repeat 0 .4em; }
#main ul li.htm { background: url(bullet_htm.gif) no-repeat 0 .4em; }
#main ul li.direct { background: url(bullet_direct.gif) no-repeat 0 .4em; }

/*-----------------------*/
/* Unnummerierte listen  */
/*-----------------------*/
.kpwlist {
  margin: 1em 0;
	padding: 0 0 0 20px;
}

#.kpwlist ul {
#	margin: 1em 0;
#	padding: 0 0 0 20px;
#}

.kpwlist li
{
	list-style-type: none;
	padding: 0 0 0 20px;
	margin: 0 0 .2em;
	background: url(arrow3.png) no-repeat 0 .3em;
}

.kpwlist li li.child_page
{
	list-style-type: none;
	padding: 0 0 0 60px;
	margin: 0 0 .2em;
	background: url(arrow3.png) no-repeat 40px .3em;
}

/*
------------------------------------
 Hinweistext 
------------------------------------*/
.reader {
	padding: 10px;
	background-color: #dde4ca;
	font-size: 95%;
} 

/* 
------------------------------------
 Tabbed Text
------------------------------------*/
.TabbedText {
 padding: 11px 0 15px 0px;
 margin:0;
 background-color:#dde4ca;
 float:left;
 position:relative;
 font-size: 0.8333em !important;
 line-height: 1.3em !important;
 width: 100%;
 font-size:1em !important;
 height: auto;
 overflow:hidden;
}

.TabbedTextInhalt {
 overflow: hidden;
 height: 150px;
 background-color: #FFF;
 padding: 3px 3px 3px 3px;
 margin: 0px 3px 3px 3px;
 font-size:1em !important;
}

.TabbedTextHeadline {

}

.TabbedTextTabs  {
 border-bottom: 1px solid #ccc;
 margin: 0;
 padding: 0;
}

.TabbedTextTabs li {
 display:inline;
 overflow: hidden;
 list-style-type: none;
 margin: 0;
 padding: 0;
}

.TabbedTextTabs a {
 background: #e5e5e5;
 color:#666666;
 padding: 1px 5px 2px 5px !important;
 margin: 2px 0 0 3px !important;
 border: 1px solid #ccc;
 text-decoration: none;
 line-height: 16px;
 font-weight: bold;
}

ul.TabbedTextTabs:after {
 content: "*";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
 background: #FFF;
}

li.TabbedTextAktiv a{
 background: #fff;
 border-bottom: 1px solid #fff;
}
/* 
------------------------------------
 Dropcaps
------------------------------------*/
.dropcap
{
 float: left;
 width: .7em;
 font-size: 4em;
 line-height: 83%;
}
/* 
------------------------------------
 Einleitungstext
------------------------------------*/
.introtext {
	font-color: #6c9;
	font-weight: bold;
	padding: 10px 0px 10px 0px;
}
/* 
------------------------------------
 Bild im Textfluss rechts
------------------------------------*/
.floatright
{
  float: right;
  margin: 0 0 10px 10px;
  background:#dde4ca;
  padding: 0px;
  border-top: 0px solid #999;
  border-right: 0px solid #555;
  border-bottom: 0px solid #555;
  border-left: 0px solid #999;
}
div.floatright img
{
  border-top: 1px solid #666;
  border-right: 1px solid #666;
  border-bottom: 1px solid #666;
  border-left: 1px solid #666;
}
/* 
------------------------------------
 Bild im Textfluss links
------------------------------------*/
.floatleft
{
  float: left;
  margin: 0 10px 10px 0px;
  background:#dde4ca;
  padding: 0px;
  border-top: 0px solid #999;
  border-right: 0px solid #555;
  border-bottom: 0px solid #555;
  border-left: 0px solid #999;
}
div.floatleft img
{
  border-top: 1px solid #555;
  border-right: 1px solid #999;
  border-bottom: 1px solid #999;
  border-left: 1px solid #555;
}
/* 
------------------------------------
 Bild zentriert anzeigen
------------------------------------*/
.CenterImageBox{
  line-height: 1em;
  background:#dde4ca;
}
.CenterImageBox p{
  padding-left: 4px;
  font-size: 0.8333em !important;
}
.CenterImageBox img{
  float: left;
  display: block;
  border: 1px solid #666;
}
.CenterImageBox ul{
  float: right;
  margin: 0;
  padding: 0;
}
.CenterImageBox ul li{
  float:left;
}
/*-----------------------------------
LinkKiste (s. Manual)
-------------------------------------*/
.LinkKiste {
 width:180px;
 border:solid 1px #ccc;
 padding:0 !important;
 background-color:#dde4ca;
 font-size: 0.833em;
 line-height: 1.2em;
}

.LinkKiste .LinkKisteInner {
 background-color:#fff;
 margin:0;
 border:0;
 padding:5px;
}
.LinkKiste h4{
 padding:5px 0 1px 5px;
 font-weight: bold;
 font-size: 1em;
 color:#666 !important;
}
.LinkKisteLink{
 padding-right:5px;
 font-weight: bold;
 font-size: 1.2em;
 line-height: 1.5em;
}
.LinkKisteBottomlink {
 margin-top:6px;
 padding-top:6px;
 background: transparent url("http://www.spiegel.de/static/sys/v8/backgrounds/bg_maincontainer_line.gf") repeat-x top left;
}
.LinkKisteBottomlink a {
 float: right;
 padding: 0 16px 0 0;
 font-weight: bold;
 background: transparent url("http://www.spiegel.de/static/sys/v8/icons/ic_right_two_arrows.gif") no-repeat 100% 70%;
}
.Ausrichtung,
.AusrichtungLinks,
.spAssetAlignright,
.spAssetAligncenter {
	page-break-inside: avoid;
	text-align:left;
}
.AusrichtungLinks {
	float: left;
	margin: 0 15px 0px 5px !important;
}
.AusrichtungLinks:after {
	clear:both;
}
.AusrichtungLinks img {
	float: left;
	margin: 0;
}
.AusrichtungRechts {
	float: right !important;
	margin: 0 0 15px 12px !important;
}
.AusrichtungCenter {
	clear: both;
	float: none;
	margin: 12px auto;
}
.AusrichtungCenter:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}
/*-----------------------------------
Formular
-------------------------------------*/
.kpwform {
	padding: 5px;
}

div.fieldwrapper{ /*field row DIV (includes two columns- Styled label column and 'thefield' column)*/
	width: 550px; /*width of form rows*/
	overflow: hidden;
	padding: 5px 0;
}

div.fieldwrapper label.styled{ /* label elements that should be styled (left column within fieldwrapper DIV) */
	float: left;
	width: 150px; /*width of label (left column)*/
	text-transform: uppercase;
	border-bottom: 1px solid #9c6;
	margin-right: 15px; /*spacing with right column*/
}

div.fieldwrapper div.thefield{ /* DIV that wraps around the actual form fields (right column within fieldwrapper DIV) */
	float: left;
 	margin-bottom: 10px; /* space following the field */
}

div.fieldwrapper div.thefield input[type="text"]{ /* style for INPUT type="text" fields. Has no effect in IE7 or below! */
	width: 250px;
}

div.fieldwrapper div.thefield textarea{ /* style for TEXTAREA fields. */
	width: 300px;
	height: 150px;
}

div.buttonsdiv{ /*div that wraps around the submit/reset buttons*/
	margin-top: 5px; /*space above buttonsdiv*/
}

div.buttonsdiv input{ /* style for INPUT fields within 'buttonsdiv'. Assumed to be form buttons. */
	width: 80px;
	background: #9c6;
}

/*-----------------------------------------
Stellenanzeigen
-------------------------------------------*/
.stellenanzeige {
	font-size: 1em !important;	
	horizontal-align: center;
}

.stellenanzeige table {
	border-spacing: 0px;
	width: 350px;
}

.stellenanzeige th {
	background: #fe0;
	margin: 0px;
	width: 250px;	
	padding-top: 5px;
	padding-bottom: 5px;
}

.stellenanzeige td {
 	background: #fe0;
	font-size: 0.7em !important;	
	padding-top: 5px;
	padding-bottom: 8px;
}

.stellenanzeige #slogan {
 	background: #fe0;
	font-size: 0.8em !important;	
	font-weight: bold;
	text-align: center;
	padding-top: 10px;
	padding-bottom: 10px; 
}

.stellenanzeige #highlight {
 	background: #eee;
	font-size: 0.8em !important;	
	font-weight: bold;
	padding-left: 20px;
	padding-right: 5px;
	padding-top : 5px;
	padding-bottom : 5px;
}

.stellenanzeige #addi {
	text-align: center;
}