

@import url(/webautor/functions/lib/fancybox/jquery.fancybox-1.3.4.css);
@import url(/webautor/img/jqueryui-theme/jquery-ui-1.8.4.custom.css);
@import url(/webautor/webautor-basics.css);

html {
	height: 100%;
}
body, p, h1, h2, h3, h4, h5, h6, form, table {
	margin: 0;
	padding: 0;
}
body {
	font-family: Arial, sans-serif;
	color: #333;
	font-size: 12px;
	line-height: 17px;
	background: url(/webautor/img/bg-verlauf-body.jpg) no-repeat bottom right fixed #f3f3f3;
	min-height: 100%;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}
table td,
table th {
	text-align: left;
	vertical-align: top;
	font-size: 12px;
}
img,
a img {
	border: none;
	line-height: 0;
	-ms-interpolation-mode: bicubic;
}
h1 {
	font-size: 18px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
}
h4 {
	font-size: 12px;
}
a,
a:link,
a:visited {
	color: #0070b4;
	outline: none;
	text-decoration: none;
}
a.more,
span.more {
	padding: 0 0 0 14px;
	background: url(/webautor/img/icn-arrow-right.gif) no-repeat 6px 5px;
}
option.fett {
	color: #fff;
	background-color:#999;
}
.zwischentitel {
	font-size:14px;
	font-weight:bold;
}
.ueberschrift {
	font-size:18px;
	font-weight: bold;
	font-style:italic;
	color:#0070b4;
}
.mandant {
	font-weight: bold;
	color: #000;
	font-size:13px;	
}
.inaktivklein {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #FF6633
}
.aktivklein {
	font-size: 10px;
	font-weight: bold;
	color: #fff;
	background-color: #0070b4
}
.tdstatus {
	color: #000;
}
.tabletitel {
	font-size: 13px;
	font-weight: bold;
	color: #fff;
	background: #0070b4;
	vertical-align: middle;
	padding: 0 5px;
	height: 32px;
}
.label, .label a:link, .label a:visited, .label a:hover {
	color: #fff;
	font-weight: normal;
	background-color: #0070b4;
}
td.label,
th.label {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 3px 3px 3px 4px;
}
.label img {
	vertical-align: bottom;
}
.tddunkel,
.tdhell {
	background: #ccc;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 4px 5px 3px 5px;
}
.tdhell {
	background: #e1e1e1;
}
table.tabassistent td.tdhell {
	padding: 4px;
}
table.tabassistent td.tdhell textarea.eingabe {
	margin: 0;
}
.tdstatus0,
.tdstatus1,
.tdstatus2,
.tdstatus3,
td.weekend {
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
}
.tdstatus0 {
	background: #FF6633;
}
.tdstatus1 {
	background: #FFCC00;
}
.tdstatus2 {
	background: #32CD32;
}
.tdstatus3 {
	background: #E6E6FA;
}
.weekend { 
	background: #ccc;
}
td.navigation { 
	background: url(/webautor/img/bg-iconbar.gif) repeat-x top left;
	padding: 2px 5px 0 4px;
	height: 28px;
	vertical-align: middle !important;
	border-bottom: 20px solid transparent;
}
td.navigation a.active {
	position: relative;
}
td.navigation a.active:after {
	background: url(/webautor/icons/icn-active-topnav.gif) no-repeat top left;
	content: "";
	display: block;
	width: 18px;
	height: 9px;
	left: 8px;
	top: -14px;
	position: absolute;
	z-index: 60;
}

.blockedit { 
	background-color: #ccc;
	border-bottom: 1px solid #fff;
	border-right: 1px solid #fff;
	padding: 2px 0 3px 0;
}
.blockfiller {
	background-color: #0070b4;
	border-right: 1px solid #fff;
}
.blockfiller .blockedit {
	border-right: none;
	line-height: 0;
}
.blockfiller .blockedit span {
	line-height: 17px;
	padding: 4px 0 0 5px;
	display: block;
	float: left;
	width: 17px;
	text-align: right;
}
.blacklist {
	color: #fff;
	text-decoration: none;
	background-color: #000;
}
.aktiv {
	color: #ec0000;
}
.inaktiv {
	color: #0070b4;
}
.rand,
.einzug {
	margin: 0;
}
.eingabeinfo {
	font-size: 12px;
	font-weight: normal;
	margin-left : 0px;
	background : #e1e1e1;
	color : #000;
	border: 0px solid #999;
}
.schalter {
	font-size: 11px;
	margin-left : 0px;
	background : #bfbfbf;
	color : #000;
}
td.titel1,
th.titel1,
td.titel2,
th.titel2,
td.titel3,
th.titel3 {
	border-right: 1px solid #fff;
	border-bottom: 1px solid #fff;
	padding: 3px 5px;
}
.titel1 {
	color: #fff;
	background-color: #0070b4;
}
.titel2 {
	color: #000;
	background-color: #e1e1e1;
}
.titel3 {
	color: #000;
	background-color: #d2e3ed;
}
.rubriken,.hilfe,.beschreibung1,.beschreibung2,.beschreibung3,.zahl1,.zahl2,.zahl3,.zahl4,.zahl5,.zahl6,.variante,.dokument,.status,.spalte1,.spalte2,.spalteabstand {
	color: #333;
	background-color: #fff;
}
td.beschreibung1,
td.beschreibung2 {
	padding: 4px 5px 4px 5px;
	border-bottom: 1px solid #f3f3f3;
}
td.beschreibung3 {
	padding-right: 10px;
}
.legende,
.naviklein {
	color: #666;
	font-size:9px;
}
.tablewizzardlabel {
	color: #000;
	font-weight:bold;
	background-color: #fff
}		
.tablewizzard {
	color: #000;
	background-color: #fff;
	font-weight: normal;
}		
.titelhelp {
	font-weight: bold;
	color: #0070b4;
	font-size:18px;	
}
.fusszeile {
	font-size: 10px;
	line-height: 14px;
	color: #999;
}
/* fuer timeline 
---------------------------------------------------*/
table.timeline td.titel1,
table.timeline td.beschreibung1,
table.timeline td.tdhell,
table.timeline td.tddunkel {
	padding: 1px 1px 0 2px;
}
table.timeline td.tdhell {
	background-color: #bfdbec;
}
table.timeline td.tddunkel {
	background-color: #66a9d2;
}
table.timeline td.beschreibung1 {
	border-right: 1px solid #f3f3f3;
}
/* fuer selektionsliste mit tr-hover
---------------------------------------------------*/
table.selectlist {
	margin:1px 0 6px; 0;
}
table.selectlist tr td {
	padding: 3px 5px;
	border-bottom: 1px solid #c4c4c4;
}
table.selectlist tr td tr td{
	padding: 0;
	border-bottom: 0px;
}
table.selectlist tr:hover td {
	background-color: #f0f0f0;
	cursor: pointer;
}
table.selectlist tr:hover td.tdhell {
	background-color: #e1e1e1;
}
table.selectlist tr:hover td.blockedit {
	background-color: #ccc;
}
table.selectlist.nopointer tr:hover td {
	cursor: default;
}
table.selectlist tr:hover td a {
	color: #005a91;	
}
/* eingabefelder, formular-elemente
---------------------------------------------------*/
textarea {
	overflow: auto;
}

input.eingabe,
textarea.eingabe,
textarea.eingabeheader,
input.eingabeklein {
	font: 13px/17px Arial, sans-serif;
	color: #333;
	margin: 2px 0;
	vertical-align: middle;
	border: 1px solid #a3a3a3;
	padding: 2px 0 2px 3px;
	background: url(/webautor/img/bg-input.gif) repeat-x top left #fff;	
}
select.eingabe,
select.eingabeklein {
	font: 13px/17px Arial, sans-serif;
	margin: 2px 0;
	vertical-align: middle;
	height: 23px;
	padding: 2px 2px 2px 0;
	border: 1px solid #a3a3a3;
}
input.eingabe {
	height: 17px;
}
textarea.eingabeheader {
	font-weight: bold;
	border: 1px solid #666;
}
input.eingabeklein {
	font: 12px/15px Arial, sans-serif;
	padding: 2px;
}
select.eingabeklein {
	font: 11px/15px Arial, sans-serif;
	padding: 1px 1px 1px 0;
	height: 20px;
}
input.eingabe:focus,
textarea.eingabe:focus {
	border: 1px solid #7e7e7e;
	background: #fffbeb;
	color: #000;
}
textarea.eingabeheader:focus {
	border: 1px solid #333;
}
select.eingabe:active,
select.eingabeklein:active,
select.eingabe:focus,
select.eingabeklein:focus {
	border: 1px solid #7e7e7e;
	background: #fffbeb;
	color: #000;
}
select.eingabe:active option,
select.eingabe:focus option,
select.eingabe:active option,
select.eingabe:focus option,
select.eingabe:hover option,
select.eingabe:hover option {
	background: #fffbeb;
}
input[type="file"] {
	font-size: 13px;
	height: 24px;
	line-height: 10px;
	width: 260px;
}

input.eingabe.grau,
select.eingabe.grau {
	border: 1px dotted #7e7e7e;
	color : #666;
}


/* diverse klassen
---------------------------------------------------*/
.nowrap {white-space:nowrap;}
.right {text-align:right;}
.center {text-align:center;}
.middle {vertical-align:middle;}
.bottom {vertical-align:bottom;}

td[align="right"] {text-align:right;}
td[align="center"] {text-align:center;}
td[valign="middle"] {vertical-align:middle;}
td[valign="bottom"] {vertical-align:bottom;}

/* Tabnav
----------------------------------------------*/
.tabnav {
	display: inline-block; /* fuer clearing - nicht loeschen */
	height: 27px;
	padding-top: 15px;
}
* html .tabnav{
	height: 1%;  /* fuer clearing - nicht loeschen */
	width: auto; /* fuer clearing - nicht loeschen */
}
.tabnav {
	display: table; /* fuer clearing - nicht loeschen */
}
.tabnav ul {
	margin: 0;
	padding: 0;
	list-style-type: none;
	float: right;
}
.tabnav ul li {
	float: left;
	background-image: url(/webautor/img/tabnav/bg_tabnav-left.gif);
	background-repeat: no-repeat;
	background-position: 0 -27px;
	margin: 0 0 0 2px !important;
	padding: 0 0 0 6px;
	height: 27px;
	line-height: 2px;
	text-align: left;
}
.tabnav ul li a {
	float: left;
	display: block;
	background-image: url(/webautor/img/tabnav/bg_tabnav-right.gif);
	background-repeat: no-repeat;
	background-position: 100% -27px;
	padding: 0 10px 0 6px;
	width: 75px;
	height: 27px;
	line-height: 26px;
	color: #333 !important;
}
.tabnav ul li a:focus,
.tabnav ul li a:hover{
	color: #000 !important;
}
.tabnav ul li.active {
	background-position: left top;
	text-shadow:1px 1px 0px rgba(0,0,0,0.15);
}
.tabnav ul li.active a,
.tabnav ul li.active a:hover {
	background-position: top right;
	color: #fff !important;
	cursor: hand;
}
span.tab-text a {
	color: #000;
	float: left;
	display: block;
	padding: 5px 0 0 0;
}
/* Steplist
---------------------------------------------------------------*/
.steplist {
	height: 35px;
	font-size: 12px;
	font-weight: bold;
	margin: 5px 0 7px 0;
	background: url(/webautor/img/bg-steplist.png) no-repeat;
}
.steplist.step1 {background-position: 0 0px;}
.steplist.step2 {background-position: 0 -35px;}
.steplist.step3 {background-position: 0 -70px;}
.steplist.step4 {background-position: 0 -105px;}
.steplist.step5 {background-position: 0 -140px;}
.steplist.step6 {background-position: 0 -175px;}

.steplist ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
.steplist ul li {
	margin: 0;
	padding: 0;
	float: left;
}
.steplist ul li a {
	text-align: center;
	display: block;
	float: left;
	width: 130px;
	padding: 9px 0 8px 3px;
	float: left;
	text-align: center;
	color: #333;
	font-weight: normal;
	line-height: 16px;
}
.steplist ul li.active a {
	font-weight: bold;
	color: #fff;
	text-shadow: 1px 1px 1px rgba(0,0,0,.45);
}
.steplist.step6 ul li a,
.steplist.step6 ul li.active a {
	color: #333;
	text-shadow: 0 -1px 0px rgba(255,255,255,.45);
}
/* Alphabet-Filter
--------------------------------------------------*/
.alphabet {
	height: 23px;
	border-bottom: 1px solid #fff;
	text-transform: uppercase;
}
.alphabet a {
	display: block;
	float: left;
	background-color: #ddd;
	text-decoration: none;
	padding: 3px 5px 3px 5px;
	border-right: 1px solid #fff;
	color: #333;
}
.alphabet a:hover,
.alphabet a.active {
	color: #fff;
	background-color: #0070B4;
}
.alphabet a:active,
.alphabet a:focus {
	color: #fff;
	background-color: #0070B4;
}
.alphabet a.all{
	padding: 3px 11px 3px 11px;
}
/* Hinweis-Boxes
------------------------------------------------- */
.message {
	margin: 8px 0;
	padding: 7px 10px 9px 10px;
}
.message a,
.message a:visited {
	text-decoration: underline;
}
.message.green {
	background: #f3fbf4;
	border: 1px solid #9bdd9e;
	color: #119300;
}
.message.green a,
.message.green a:hover {color: #119300 !important;}

.message.red {
	background: #fff3f3;
	border: 1px solid #EF000A;
	color: #EF000A;
}
.message.red a,
.message.red a:hover {color: #EF000A !important;}

.message.yellow {
	background: #fffce8;
	border: 1px solid #ffb400;
	color: #ff6c00;
}
.message.yellow a,
.message.yellow a:hover {color: #ff6c00 !important;}

.message.blue {
	background: #ebf3fc;
	border: 1px solid #0575BA;
	color: #00629f;
}
.message.blue a,
.message.blue a:hover {color: #00629f !important;}

/* topframe, navitree und logo links
---------------------------------------------------*/
body#topframe {
	background: url(/webautor/navi/background-top.gif) repeat-x #fff;
	margin: 0;
	padding: 0;
}
body#logotopleft { 	
  background: url(/webautor/navi/background-left.gif) repeat-y #fff;
  margin: 0;
  padding: 0 12px 0 0;
  text-align: center;
}
html#navileft {
	background: url(/webautor/navi/background-left.gif) repeat-y #fff !important; 
}
html#navileft body {
	background: url(/webautor/navi/background-left.gif) repeat-y #fff !important;
	overflow-x:hidden;
	padding: 0 0 0 13px;
}
td.treepic {
	line-height: 0;
	vertical-align: middle;
}
#navi td.treepic {
	vertical-align: top;
}
#navi td.treepic img {
	vertical-align: top;
	position: relative;
	top: 1px;	
}
#navi #folder0 td.treepic img {
	top: 2px;
}
#navi a:link,
#navi a:visited {
	color:#000;
}
/* sprachwechsler
------------------------------------------------------ */
td#languageWrapper {
	padding: 0;
	vertical-align: top;
	text-align: right;
}
#langSwitcher img#langActive {
	border: 1px solid #fff;
	margin: 7px 6px 0 2px;
}
#langSwitcher {
	position: relative;
}
#langSwitcher a#langActive {
	position: absolute;
	top: 0;
	right: -7px;
	width: 72px;
	height: 32px;
	display: block;
	text-align: left;
	background: url(/webautor/img/sprachwechsler/bg-btn.png) no-repeat 34px 0;
}
#langSwitcher a#langActive:hover,
#langSwitcher.over a#langActive {
	background-position: 34px -32px;
}
#langSwitcher a#langActive img {
	border: 1px solid #fff;
	margin: 7px 0 0 2px;
}
#langSwitcher #langList {
	text-align: left;
	margin: 0;
	padding: 0;
	list-style: none;
	display: none;
	position: absolute;
	top: 32px;
	right: -6px;
	width: 72px;
}
#langSwitcher #langList .langListTop {
	display: block;
	background: url(/webautor/img/sprachwechsler/bg-sw-top.png) no-repeat top right;
	height: 3px;
	overflow: hidden;
}
#langSwitcher #langList .langListContent {
	background: url(/webautor/img/sprachwechsler/bg-sw-content.png) repeat-y top right;
}
#langSwitcher #langList .langListBottom {
	display: block;
	background: url(/webautor/img/sprachwechsler/bg-sw-bottom.png) no-repeat top right;
	height: 9px;
}
#langSwitcher #langList ul {
	margin: 0;
	padding: 0 0 2px 0;
	list-style: none;
}
#langSwitcher #langList ul li {
	margin: 0;
	padding: 0;
	height: 20px;
}
#langSwitcher #langList ul li a {
	font-weight: normal;
	font-size: 11px;
	display: block;
	color: #fff;
	padding: 2px 0 0 8px;
}
#langSwitcher #langList ul li a img {
	vertical-align: middle;
	margin: -3px 3px 0 0;
}
*+html #langSwitcher #langList ul li a {
	background-color: #137dbc;
	margin: 0 8px 0 5px;
}

/* detailseite 
---------------------------------------------------*/
#detailresult {
	border-bottom: 1px solid #fff;
}
#detailresult h1,
#detailresult h2,
#detailresult h3,
#detailresult h4,
#detailresult h5,
#detailresult h6,
#detailresult pre {
	padding: 5px 0 4px 0;
}
.webautor-container ul,
.webautor-container ol {
	margin: 0;
	padding: 8px 0;
}
.webautor-container ul {
	list-style: none;
}
.webautor-container ol {
	margin-left: 4px;
}
.webautor-container ol li {
	margin: 0 0 0 25px;
}
.webautor-container ul li {
	margin: 0 0 0 0;
	padding: 0 0 0 29px;
	background: url(/webautor/img/li-element.gif) no-repeat 13px 6px;
}
.webautor-container.htmlcode {
	background-color:#efefef;
}
#detailresult div.trennlinie {
	margin-top: 12px;
	margin-left: 5px;
}
#detailresult .codeview-wrapper {
	overflow-x: auto;
  background-color: #f5f5f5 !important;
  border: 1px solid #d6d6d6 !important;
  padding: 3px 0;
}
*+html #detailresult .codeview-wrapper {position: relative;}

.webautor-container a.fancybox,
.webautor-container a.fancyboxvideo {
	position: relative;
}
.webautor-container a.fancybox span.pic-more,
.webautor-container a.fancyboxvideo span.pic-more {
	position: absolute;
	right: 0;
	bottom: 3px;
	display: block;
}
.webautor-container a.fancyboxvideo {
	display: block;
}
.webautor-container a.fancyboxvideo span.pic-more {
	right: auto;
	bottom: auto;
	left: 50%;
	top: 50%;
	margin: -28px 0 0 -23px;
}
.webautor-container a.fancybox span.icn-plus,
.webautor-container a.fancyboxvideo span.icn-plus {
	display: block;
	width: 25px;
	height: 25px;
	background: url(/webautor/img/icn-plus.png) no-repeat top left;
}
.webautor-container a.fancyboxvideo span.icn-plus {
	width: 52px;
	height: 51px;
	background: url(/webautor/img/icn-video-play.png) no-repeat top left;
}
/* redaktion ohne frame
---------------------------------------------------*/
#redaktionWrapper {
	text-align: center;
	position: fixed;
	bottom: 0;
	left: 0;
	background: #f0f0f0;
	width: 100%;
	z-index: 15;
}
#redaktionInner {
	text-align: left;
	margin: 0 auto;
}
.resizeBar {
	border-top: 1px solid #999;
	border-bottom: 1px solid #999;
	margin: -5px 0 0 0;
	height: 5px;
	background: #fff;
}
#redaktionWrapper.ui-resizable,
#redaktionWrapper.ui-resizable.ui-resizable-resizing {
	top: auto !important;
}
#redaktionWrapper #resizefix {
	position: absolute;
	left: 93%;
	width: 34px;
	text-align: right;
	margin: -1px 0 0 0;
}
/* redaktion 
---------------------------------------------------*/
#redaktion .tdhell {
	border-left: 1px solid #fff;
	padding: 3px 0 3px 4px;
}
#redaktion input[type="file"],
#erweitert input[type="file"] {
	font-size: 11px;
	height: 22px;
	line-height: 10px;
	width: auto;
}
#redaktion td.bilduploadbox {
	padding-bottom: 32px;
}
* html #redaktion td.bilduploadbox {padding-bottom: 0;}
*+html #redaktion td.bilduploadbox {padding-bottom: 0;}
/* ie8-hack */
#redaktion td.bilduploadbox {padding-bottom /*\**/: 0\9}
/* end ie8-hack */

#redaktion #erweitert input.eingabeklein {
	margin: 0 0 5px 0;
}
#progressbarRedaktion {
	width: 75px;
}
#redaktion .tabletitel input.eingabe,
#redaktion .tabletitel select.eingabe {
	border-color: #004b79;
}
/* loginpage
---------------------------------------------------*/
body#loginpage {
	text-align: center;
}
#login-wrapper {
	width: 340px;
	text-align: left;
	margin: 0 auto;
	padding: 110px 0 0 0;
}
p.license {
	font-size: 11px;
	text-align: right;
	padding: 0 0 2px 0;
	color: #7c7c7c;
}
#login-box {
	background: #fff;
	border: 1px solid #afafaf;
}
#client-logo {
	padding: 10px 0 0 5px;
	height: 105px;
}
#webautor-logo {
	text-align: right;
	padding: 0 10px 0 0;
	height: 42px;
}
#release-info {
	background: url(/webautor/img/bg-verlauf.gif) repeat-x #0272ba;
	color: #fff;
	padding: 16px 0 0 19px;
	height: 47px;
	font-size: 11px;
	line-height: 15px;
	margin: 0 0 0 -1px;
	width: 321px;
	text-shadow:1px 1px 0px rgba(0,0,0,0.15);
}
#loginform {
	background: #efefef;
	padding: 15px 10px 21px 17px;
	font-size: 14px;
}
#loginform .message {
	margin: 12px 0 0 0;	
}
#loginform input {
	vertical-align: bottom;
}
#loginform input.eingabe {
	padding: 4px;
	height: 17px;
	width: 227px;
}
#loginform input#login {
	margin-bottom: 7px;
}
#loginform input#passwort {
	margin-bottom: 0;
}
#loginform input.imagesubmit {
	margin-left: 8px;
}
.useragent {
	font-size: 12px;
}
#login-box,
.meldungbox {
	box-shadow: 1px 1px 3px #e2e2e2;
	-moz-box-shadow: 1px 1px 3px #e2e2e2;
	-webkit-box-shadow: 1px 1px 3px #e2e2e2;
}
/* info-label-badges inline 
---------------------------------------------------*/
.inlinelabel {
  padding: 2px 4px 2px;
  background-color: #bfbfbf;
  font-size: 9.75px;
  line-height: 13px;
  font-weight: bold;
  color: #fff;
  text-transform: uppercase;
  white-space: nowrap;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  border-radius: 3px;
  -moz-background-clip: padding; -webkit-background-clip: padding-box; background-clip: padding-box;   
}
.inlinelabel.red {
  background-color: #c43c35;
}
.inlinelabel.orange {
  background-color: #f89406;
}
.inlinelabel.green {
  background-color: #46a546;
}
.inlinelabel.blue {
  background-color: #62cffc;
}
/* zugriffsmeldung
---------------------------------------------------*/
.meldungbox {
	width: 380px;
	text-align: left;
	margin: 120px auto 0 auto;
	padding: 13px 15px 11px 15px;
	background: #fff;
	border: 1px solid #afafaf;
}
.meldungbox h2 {
	color: #0070b4;
	font-size: 20px;
	font-weight: normal;
	padding: 0 0 4px 0;
}
.meldungbox p {
	padding: 0 0 15px 0;
}
/* progressbar
------------------------------------------------------ */
#progressbar,
#progressbarRedaktion {
	height: 16px;
	width: 115px;
	padding: 1px;
	border: none;
}
#progressbar .ui-progressbar-value,
#progressbarRedaktion .ui-progressbar-value {
	background: url(/webautor/img/bg-progressbar.gif) center left;
	border: none;
	margin: 0;
}
/* supportseiten
---------------------------------------------------*/
.infopage {
	margin: 0 auto 0 auto;
	border-top: 60px solid transparent;
	border-bottom: 1px solid #fff;
	width: 632px !important;
}
.info-head {
	color: #fff;
	background: url(/webautor/support/img/bg-titel.gif) no-repeat top left #0070b4;
	padding: 13px 0 0 12px;
	height: 59px;
	border-top: 1px solid #fff;
	border-bottom: 1px solid #fff;
}
.info-head h1 {
	font-weight: normal;
	text-shadow:1px 1px 2px #055181;
	font-size: 18px;
	line-height: 17px;
	padding: 0;
	text-transform: none;
}
.infopage .column {
	width: 210px;
	padding: 0 0 7px 0;
	float: left;
}
.infopage .column h2 {
	font-size: 14px;
	border-bottom: 1px solid #fff;
	padding: 5px 0 6px 8px;
}
.infopage .col-1 {
	background: #0070b4;
	color: #fff;
	position: relative;
	border-right: 1px solid #fff;
}
.infopage .col-2 {
	background: #ccc;
	border-right: 1px solid #fff;
}
.infopage .col-3 {
	background: #e1e1e1;
}
#help-page.infopage .col-2 a,
#help-page.infopage .col-3 a {
	color: #000;
}
.infopage .col-breit {
	background: #e1e1e1;
	width: 421px;
}
.infopage .col-ganzebreite {
	background: #e1e1e1;
	width: 632px;
}
.column .col-content {
	padding: 6px 15px 5px 8px;
}
.column .col-content2 {
	padding: 15px 15px 5px 20px;
}
.column .releasenotes {
	padding: 0 0 0 7px;
	position: absolute;
	bottom: 10px;
	font-size: 11px;
}
.col-1 .col-content a,
.column .releasenotes a {
	color: #fff;
	text-decoration: underline;
}
.column .meldung {
	padding: 6px 8px 5px 8px;
	border-bottom: 1px solid #fff;
}
#supportform label {
	display: block;
	float: left;
	width: 115px;
	padding: 4px 0 6px 0;
}
#supportform input.eingabe,
#supportform textarea.eingabe {
	width: 260px;
}
#supportform select.eingabe {
	width: 265px;
	margin-bottom: 3px;
}
#preloadedImages {
	width: 0px;
	height: 0px;
	display: inline;
	background: url(/webautor/img/bg-progressbar.gif);
}
iframe {
	margin:0;
	padding:0;
	border:0;
	outline:0;
	font-size:100%;
	vertical-align:baseline;
	background:transparent;
}
iframe#idContentWordoEdit1,
iframe#idContentWordoEdit2,
iframe#idContentWordoEdit3 {
	position: absolute;
	left: -2000px;
	top: -2000px;
	width: 0;
	height: 0;
	overflow: hidden;
	display: inline;
}
#simpleTooltip {
	padding: 3px 4px 3px 3px;
	background: #ebf3fc;
	border: 1px solid #0575BA;
	color: #00629f;
}


.webautor-container .pic-left .fancybox,
.webautor-container .pic-right .fancybox {
	position: relative;
}
.webautor-container .pic-left span.pic-more,
.webautor-container .pic-right span.pic-more {
	position: absolute;
	right: 0;
	bottom: 3px;
	background: url(/img/bg-black-30pc.png);
	display: block;
}
.webautor-container .pic-left span.icn-plus,
.webautor-container .pic-right span.icn-plus {
	display: block;
	width: 23px;
	height: 23px;
	background: url(/img/buttons/icn-plus.png) no-repeat 4px 4px;
}


/* rubrik-result 
------------------------------------------------------ */
.rubrikresult .blockedit { 
	padding: 0;
	line-height: 15px;
}
.rubrikresult .rubriken { 
	border-bottom: 1px solid #f3f3f3;
}

/* dokument-links
------------------------------------------------------ */
a.document {
	padding: 2px 0 2px 25px;
	background-position: 0 0;
	background-repeat: no-repeat;
	background-image: url(/webautor/icons/filetypes/unknown.gif);
}
	a.art {background-image: url(/webautor/icons/filetypes/art.gif);}
	a.bmp {background-image: url(/webautor/icons/filetypes/bmp.gif);}
	a.cdr {background-image: url(/webautor/icons/filetypes/cdr.gif);}
	a.csv {background-image: url(/webautor/icons/filetypes/csv.gif);}
	a.doc {background-image: url(/webautor/icons/filetypes/doc.gif);}
	a.docx {background-image: url(/webautor/icons/filetypes/docx.gif);}
	a.dot {background-image: url(/webautor/icons/filetypes/dot.gif);}
	a.dwg {background-image: url(/webautor/icons/filetypes/dwg.gif);}
	a.dxf {background-image: url(/webautor/icons/filetypes/dxf.gif);}
	a.eps {background-image: url(/webautor/icons/filetypes/eps.gif);}
	a.exe {background-image: url(/webautor/icons/filetypes/exe.gif);}
	a.gif {background-image: url(/webautor/icons/filetypes/gif.gif);}
	a.htm {background-image: url(/webautor/icons/filetypes/htm.gif);}
	a.html {background-image: url(/webautor/icons/filetypes/html.gif);}
	a.jpeg {background-image: url(/webautor/icons/filetypes/jpeg.gif);}
	a.jpg {background-image: url(/webautor/icons/filetypes/jpg.gif);}
	a.m1v {background-image: url(/webautor/icons/filetypes/m1v.gif);}
	a.mov {background-image: url(/webautor/icons/filetypes/mov.gif);}
	a.mp3 {background-image: url(/webautor/icons/filetypes/mp3.gif);}
	a.mpeg {background-image: url(/webautor/icons/filetypes/mpeg.gif);}
	a.mpg {background-image: url(/webautor/icons/filetypes/mpg.gif);}
	a.pdf {background-image: url(/webautor/icons/filetypes/pdf.gif);}
	a.pdz {background-image: url(/webautor/icons/filetypes/pdz.gif);}
	a.pes {background-image: url(/webautor/icons/filetypes/pes.gif);}
	a.png {background-image: url(/webautor/icons/filetypes/png.gif);}
	a.pps {background-image: url(/webautor/icons/filetypes/pps.gif);}
	a.ppt {background-image: url(/webautor/icons/filetypes/ppt.gif);}
	a.pptx {background-image: url(/webautor/icons/filetypes/pptx.gif);}
	a.ram {background-image: url(/webautor/icons/filetypes/ram.gif);}
	a.rm {background-image: url(/webautor/icons/filetypes/rm.gif);}
	a.rtf {background-image: url(/webautor/icons/filetypes/rtf.gif);}
	a.swf {background-image: url(/webautor/icons/filetypes/swf.gif);}
	a.sys {background-image: url(/webautor/icons/filetypes/sys.gif);}
	a.tif {background-image: url(/webautor/icons/filetypes/tif.gif);}
	a.txt {background-image: url(/webautor/icons/filetypes/txt.gif);}
	a.unknown {background-image: url(/webautor/icons/filetypes/unknown.gif);}
	a.xls {background-image: url(/webautor/icons/filetypes/xls.gif);}
	a.xlsx {background-image: url(/webautor/icons/filetypes/xlsx.gif);}
	a.xlt {background-image: url(/webautor/icons/filetypes/xlt.gif);}
	a.xml {background-image: url(/webautor/icons/filetypes/xml.gif);}
	a.zip {background-image: url(/webautor/icons/filetypes/zip.gif);}

/* webkit-kompatibilitaet
---------------------------------------------------*/
@media screen and (-webkit-min-device-pixel-ratio:0) {
    html {background: #f3f3f3;}
    .infopage {border: none;}
}

/* ie6-kompatibilitaet
---------------------------------------------------*/
* html {
	overflow-x: hidden;
}
* html #login-wrapper {
	padding: 30px 0 0 0;
}
* html #navi table {
	width: 205px !important;
}
* html #langSwitcher #langList ul li a {
	background-color: #137dbc;
	margin: 0 8px 0 5px;
}
* #langSwitcher #langList ul li a img {
	margin-right:0;
}
* html td.navigation { 
	border-bottom-color: #f3f3f3;
}
* html #detailresult {
	width: auto;
	border-bottom: 0;
}
* html #redaktionWrapper {
	position: absolute;
	bottom: 0 !important;
  top: expression(documentElement.scrollTop+documentElement.clientHeight-this.clientHeight);
}
* html .resizeBar {
	margin: 0;
	height: 3px;
	overflow: hidden;
}
* html #redaktionWrapper #resizefix {
	display: none;
}
