body {
  font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
  font-size:12px;
  margin:10px 10px 10px 10px;
}

td {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
}

div#text-green {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #009900;
}

div#text-red {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #FF0000;
}

div#text-gray {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #777788;
}

div.grey {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #777788;
}

th {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
}

#main-table {
  border-color:#CCCCCC;
  border-style:solid;
  border-width:1px;
  background-color:#F1F0ED;
  padding: 0px 0px 0px 0px;
}

.main-intern-table {
  border-color:#00BB00;
  border-style:solid;
  border-width:1px;
  background-color:#F1F0ED;
  padding: 0px 0px 0px 0px;
}

#test {
	text-align:center; 
	padding:20px;
	border-width:1px;
	border-style:dotted;
	border-color:#0000FF; 
	 
	margin:25px;
}

.version {
	text-align:center; 
	padding:0px 5px 5px 5px;
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size:9px;
	color: #777788;
	margin:0px 0px 0px 0px;
}

.gray {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	color: #777788;
}

.anf-frage-title {
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size:14px;
	font-weight:bold;
}

div#top {
	height: 16px;
	margin: 10px;
	background-color:#FFFFCC;
	border-width:1px;
	border-style:solid;
	border-color:#FFCC00;
	padding:2px 5px 2px 5px;	
}

div#top-left {
	position:absolute;
	margin: 0px;
	padding:0px;
	width:100px;
}

div#top-right {
	margin: 0px;
	padding:0px;
	width:auto;
	text-align:right;
}

div#left {
	width: 120px;
	padding:0px;
	margin:10px 10px 0px 10px;
}

div#menu { 
	border-width:1px;
	border-style:dotted;
	border-color:#666666;
	margin:0px 0px 0px 0px;
	padding:5px;
	background-color: #ECF1FF;
}

div#main {
	margin:10px 10px 0px 0px;
	padding:0px 0px 0px 0px;
}

div#content {
	background-color:#F6F6F6;
	border-left: 5px solid;
	border-left-color: #ddd;
	padding:5px 5px 5px 5px;
	margin-bottom: 10px;
}

div#subsite-title {
	background-color:#B6B6B6;
	border-bottom: 5px solid;
	border-bottom-color: #ddd;
	padding:5px 5px 5px 5px;
	margin-bottom: 0px;
    font-weight: bold;
    font-size: 14px;
    color: #F3F8FF;
}

div#main-title {
    border-top-color:#00BB00;
    border-top-style:solid;
    border-top-width:1px;
    border-left-color:#00BB00;
    border-left-style:solid;
    border-left-width:1px;
    border-right-color:#00BB00;
    border-right-style:solid;
    border-right-width:1px;
    background-color:#A3A3A4;
    padding:5px 5px 5px 5px;
    margin-bottom: 0px;
    font-weight: bold;
    font-size: 16px;
    color: #FFFFFF;
}

div#content-tab { 
	background-color:#F6F6F6;
	border-left: 5px solid;
	border-left-color: #ddd;
	padding:5px 5px 5px 5px;
	margin: 0px;
}

div#content-error {
	background-image: url('../pics/exclamation.gif');
	background-repeat:no-repeat;
	background-position:10px 10px;
	background-color:#FFD7D7;
	border-left: 5px solid;
	border-left-color: #ff0000;
	overflow:auto;
	padding:5px 5px 5px 55px;
	margin-bottom:10px;
	min-height: 40px;
}


.error-extra {
    color: #aaa;
    font-size: 10px;
}

div#content-info {
	background-color:#FFFFCC;
	background-image: url(../pics/tip2.gif);
	background-repeat:no-repeat;
	background-position:5px 5px;
	border-left: 5px solid;
	border-left-color: #FFCC00;
	overflow:auto;
	padding:5px 5px 5px 36px;
	margin-bottom:10px;
	min-height:28px;
}

div.content-green {
	background-color:#BEFFBE;
	border-left: 5px solid;
	border-left-color: #006100;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	min-height:28px;
}

div.content-yellow { 
	background-color:#FFFFCC;
	border-left: 5px solid;
	border-left-color: #FFCC00;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	min-height:28px;
}

div#content-question { 
	background-color:#FFFFCC;
	border-left: 5px solid;
	border-left-color: #FFCC00;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
}

.progress-main { 
	background-color:#FFFFCC;
	overflow:auto;
	padding:2px 5px 2px 5px;
	margin:2px;
}

.progress-inner { 
	background-color:#CCCCCC;
	overflow:hidden;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:8px;
	font-size:1px;
}

.content-question-mainword { 
	background-color:#DDDDDA;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin-bottom:10px;
	text-align:left;
	font-size:18px;
	font-weight:bold;
	font-variant:small-caps;
}

.content-question-answer { 
	background-color:#DDDDDA;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin:10px 0px 10px 0px;
	font-size:14px;
	text-align:center;
	width:520px;
}

.content-question-answer-form { 
	background-color:#FFFFCC;
	overflow:auto;
	padding:5px 5px 5px 5px;
	margin:10px 0px 10px 0px;
	text-align:center;
}

/* Statusleiste */
div#content-hint { 
	background-image: url(../pics/info.gif);
	background-repeat:no-repeat;
	background-position:5px center;
	background-color:#FFFFCC;
	overflow:auto;
	padding:5px 5px 5px 21px;
	margin-bottom:0px;
    border-top-color:#00BB00;
    border-top-style:solid;
    border-top-width:1px;

}


#navigation {
  padding: 0 0 0 10px;
  margin: 0 0 10px 0;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  background-color: #F0F0F0;
  color: #333;
}

#navigation p {
  padding: 0 0.5em 0.5em 0;
  margin-bottom: 1px;
}

#navigation h2 {
  padding: 2px 0px 2px 5px;
  background-color: #ddd;
  margin: 0px -5px 0px -10px;
  border-left: 0px solid; 
 /* border-left-color:#840000; */
  border-left-color:#ddd;
  border-bottom: 1px solid;
  border-bottom-color: #840000;
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 115px;
}

#navigation h2 a {
  display: block;
  margin: 0 -1px 0 0px;
  font-size: 9pt;
  color: #333;
  text-decoration: none;
  width: 100%;
}

#navigation h2.active {
  border-left: 5px solid #003366;
}

#navigation h2:hover {
  border-left: 0px solid #003366;
}

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

#navigation li {
  margin: 0px;
}

#navigation li a {
  display: block;
  padding: 2px 0px 2px 5px;
  margin:  0px -5px 0px -10px;
  border-left: 5px solid;
  border-left-color: #ddd;
  border-bottom: 1px solid #ddd;
  background-color: #F7F7F7;
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
}

#nav-active {
  padding: 2px 0px 2px 5px;
  border-bottom: 1px solid;
  border-bottom-color:#00CC00;
  background-color: #F1F0ED;
  margin: 0px -5px 0px -10px;
  border-left: 5px solid; 
  border-left-color:#00CC00;
  color: #333;
  font-size: 9pt;
  text-decoration: none;
  width: 100%;
}

#navigation li.last a {
  border-bottom: 0px solid #fff;
}

#navigation li.active a {
  border-left: 5px solid #003366;
}

#navigation li a:hover {
  border-left: 5px solid #003366;
  background-color: #EDEDED;
  color: #333;
}


#navigation ul ul {
  list-style-type: none;
  margin: 0;
  padding: 0;
  border: none;
}          

#navigation ul ul li a {
  display: block;
  padding: 1px 5px 1px 5px;
  margin:  0 -15px 0 -10px;
  border-left: 5px solid  #F0F0F0;
  background-color: #F7F7F7;
  color: #333;
  font-size: 8pt;
  text-decoration: none;
  width: 100%;
}

input.inp-mini {
  margin: 0px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:10px;
  color: #333;
  background-color: #FAFAFA;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 1px solid;
  border-color:#979797;
}

input.inp-btn-mini {
  margin: 0px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:10px;
  color: #333;
  background-color: #D8D8D8;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
  cursor:pointer;
}

input.inp, input.inp-fb {
  margin: 1px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color: #FAFAFA;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
}

input.inp-fb:hover {
  margin: 1px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #000;
  background-color: #ddfad1;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
}

input.inp-forward {
  margin: 1px;
  background-image: url(../pics/24-arrow-forward.png);
  background-repeat:no-repeat;
  background-position:right center;
  padding: 3px 29px 3px 5px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color: #FAFAFA;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
  cursor:pointer;
}

input.inp-back {
  margin: 1px;
  background-image: url(../pics/24-arrow-back.png);
  background-repeat:no-repeat;
  background-position:left center;
  padding: 3px 5px 3px 29px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color: #FAFAFA;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
  cursor:pointer;
}

textarea.inp {
  margin: 1px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color: #FAFAFA;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
}


input.inp-gray {
  margin: 1px;
  font-family: "Trebuchet MS", Arial, Verdana, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color: #DFDFDF;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#979797;
}

input.inp-err {
  margin: 1px;
  font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
  font-size:12px;
  color: #333;
  background-color:#FFD7D7;
  border-top: 1px solid;
  border-right: 1px solid;
  border-bottom: 1px solid;
  border-left: 5px solid;
  border-color:#ff0000;
}


/******* NAVLIST (TABS) ********/
.tabbed-table {
	border-right: 1px solid #777788;
	border-bottom: 1px solid #777788;
	border-left: 1px solid #777788;
	margin-top: 0px;
}

/* Gr�n umrandete Zeile in der Tabelle */

tr.green td {
   border-bottom-color: #0f0;
}
tr.green td {
   border-bottom-color: #0f0;
   }
tr.green td.first-child {
   border-left-color: #0f0;
   }
tr.green td.last-child {
   border-right-color: #0f0;
}

.tr-border-green-left {
	border-left:1px solid #00AA00;
	border-top:1px solid #00AA00;
	border-bottom:1px solid #00AA00;
}
tr#tr-border-green-middle {
	border-top:1px solid #00AA00;
	border-bottom:1px solid #00AA00;
}
.tr-border-green-right {
	border-right:1px solid #00AA00;
	border-top:1px solid #00AA00;
	border-bottom:1px solid #00AA00;
}

/* Rot umrandete Zeile in der Tabelle */
.tr-border-red-left {
	border-left:1px solid #AA0000;
	border-top:1px solid #AA0000;
	border-bottom:1px solid #AA0000;
}
.tr-border-red-middle {
	border-top:1px solid #AA0000;
	border-bottom:1px solid #AA0000;
}
.tr-border-red-right {
	border-right:1px solid #AA0000;
	border-top:1px solid #AA0000;
	border-bottom:1px solid #AA0000;
}


#navlist
{
	padding: 3px 0;
	margin-left: 0;
	margin-bottom: 0;
	margin-top: 3px;
	border-bottom: 1px solid;
	font: bold 12px "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	border-bottom-color: #777788;
}

#navlist li
{
  list-style: none;
  margin: 0;
  display: inline;
}

#navlist li a
{
  padding: 3px 1.0em;
  margin-left: 3px;
  border: 1px solid #778;
  border-bottom: none;
  background: #DDE;
  text-decoration: none;
}

#navlist li a:link { color: #448; }
#navlist li a:visited { color: #667; }

#navlist li a:hover
{
  color: #000;
  background: #AAE;
  border-color: #227;
}

#navlist li a#current
{
background: #F6F6F6;
border-bottom: 1px solid #F6F6F6;
}


.ausw-box
{
	background-color: #ffffff;
	padding: 5mm;
	width: 175mm;
	border: 1px solid #cccccc;
}

.std-ausw
{
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 13px;	
}

.std-ausw-big
{
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 14px;	
}

.ausw-edit
{
	font-size: 9px;	
}

.std-ausw-root
{
	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
	font-size: 13px;	
	background-color: #E0E4FF;
}


@page {
  @bottom-center {
  	margin-top:15px; 
  	padding:10px; 
  	border-top:1px solid #dddddd;
  	font-family: "Trebuchet MS", Verdana, Arial, helvetica, sans-serif;
  	font-size: 10px;
    content: counter(page) " / " counter(pages);
  }
}