/* Typography 
-----------------------------------------------------------------------------------*/
body,table,select,input {
	font-family: arial,tahoma,helvetica;
	font-size: 8pt;
}
H1 {
  font-weight: bold;
  font-size: 10pt;
  line-height: 20px;
  border-bottom: 1px solid #9D9D9D;
  font-family: arial,tahoma,helvetica;
  color: #F26522;
}
H2 {
  font-weight: bold;
  font-size: 9pt;
  line-height: 10px;
  font-family: arial,tahoma,helvetica;
  color: #333333;
}
H3 {
  font-weight: bold;
  font-size: 8pt;
  line-height: 0px;
  font-family: arial,tahoma,helvetica;
  color: #333333;
}

a {
	text-decoration: none;
}
a:hover {
	text-decoration: none;
}
A.grau:active {
	FONT-SIZE: 9px;	COLOR: #F26522; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-weight: normal;  BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.grau:link {
	FONT-SIZE: 9px; COLOR: #F26522; FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-weight: normal; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.grau:visited {
	FONT-SIZE: 9px; COLOR: #F26522;FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-weight: normal; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
A.grau:hover {
	FONT-SIZE: 9px;	COLOR: #333333;  FONT-FAMILY: Verdana,Tahoma,Arial,Helvetica,Sans-serif,sans-serif; font-weight: normal; BACKGROUND-COLOR: transparent; TEXT-DECORATION: none
}
.grau {
	color: #F26522;
	font-size: 8pt;
}
.rot {
	color: #FF0000;
	font-size: 8pt;
}
.gruen {
	color: #00AA55;
	font-size: 8pt;
}
.orange {
	color: #F26522;
	font-size: 8pt;
}
.error {
	color: #FF0000;
	font-size: 8pt;
	font-weight: bold;
}
pre,
.code {
	background-color:#f9f9f9;
	border-left:5px solid #5a5a47;
	margin:10px 0pt 15px;
	padding:10px 15px;
	font-size: 11px;
	color: #5a5a47;
}
.info {
	background:transparent url('../images/info.gif') no-repeat left top;
	color:#333333;
	padding-left:30px;
}
.infobox {
	background: url('../images/info.gif') no-repeat 10px center #E5E5E5;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 6px 0px 6px 40px;
	color:#333333;
}
.warning {
	background:transparent url('../images/warning.gif') no-repeat left top;
	color:#cc0000;
	padding-left:30px;
}
.warningbox {
	background: url('../images/warning.gif') no-repeat 10px center #E5E5E5;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 6px 0px 6px 40px;
	color:#333333;
}
.tag {
	background:transparent url('../images/tag_orange.gif') no-repeat left top;
	color:#cc0000;
	padding-left:30px;
}
.tagbox {
	background: url('../images/tag_orange.gif') no-repeat 10px center;
	border-top: 1px dotted #9E9E9E;
	padding: 8px 0px 0px 40px;
	color:#333333;
}
.dotbox {
	border-top: 1px dotted #9E9E9E;
	padding: 8px 0px 0px 2px;
	color:#333333;
}
.tips {
	background:transparent url('../images/tips.gif') no-repeat left top;
	color:#333333;
	padding-left:30px;
}
.tipbox {
	background: url('../images/tips.gif') no-repeat 10px center #E5E5E5;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 6px 0px 6px 40px;
	color:#333333;
}
.date {
	color:#35cc00;
	padding-left:30px;
}
.audio,
.credit,
.email,
.feed,
.help,
.webcam {
	background:transparent url('../images/audio.gif') no-repeat left top;
	padding-left:30px;
}
.credit {
	background:transparent url('../images/credit.gif') no-repeat left top;
}
.email {
	background:transparent url('../images/email.gif') no-repeat left top;
}
.feed {
	background:transparent url('../images/feed.gif') no-repeat left top;
}
.help {
	background:transparent url('../images/help.gif') no-repeat left top;
}
.helpbox {
	background: url('../images/help.gif') no-repeat 10px center #E5E5E5;
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	padding: 6px 0px 6px 40px;
	color:#333333;
}
.webcam {
	background:transparent url('../images/webcam.gif') no-repeat left top;
}
.highlight-1,
.highlight-2,
.highlight-3,
.highlight-4 {
	padding:1px 5px;
}
.highlight-1 {
	background:#ffffda;
}
.highlight-2 {
	background:#f9f9f9;
}
.highlight-3 {
	background:#5a5a47;
	color: #fff;
}
.highlight-4 {
	background:#719402;
	color: #fff;
}
span.clear,
span.clear-1,
span.clear-2,
span.color,
span.color-1,
span.color-2,
span.color-3,
span.color-4,
span.color-5,
span.color-6,
span.color-7 {
	display: block;
	padding: 5px 10px;
	margin-bottom: 10px;
}
span.clear {
	border-top: 1px solid #eee;
	border-bottom: 1px solid #eee;
}
span.clear-1 {
	border-top: 1px solid #5a5a47;
	border-bottom: 1px solid #5a5a47;
	color: #5a5a47;
}
span.clear-2 {
	border-top: 1px solid #5c7700;
	border-bottom: 1px solid #5c7700;
	color: #5c7700;
}
span.color {
	border-top: 1px solid #b9b9ae;
	border-bottom: 1px solid #b9b9ae;
	background: #efefe2;
	color: #5a5a47;
}
span.color-1 {
	border-top: 1px solid #9E9E9E;
	border-bottom: 1px solid #9E9E9E;
	background: #E5E5E5;
	color: #333333;
}
span.color-2 {
	border-left: 2px solid #9E9E9E;
	color: #333333;
}
span.color-3 {
	border-left: 2px solid #F36621;
	color: #333333;
}
span.color-4 {
	border-top: 2px solid #4b4b3a;
	border-bottom: 2px solid #4b4b3a;
	background: #5a5a47;
	color: #fff;
}
span.color-5 {
	border-top: 2px solid #838357;
	border-bottom: 2px solid #838357;
	background: #4b4b3a;
	color: #fff;
}
span.color-6 {
	border-top: 2px solid #597401;
	border-bottom: 2px solid #597401;
	background: #719402;
	color: #fff;
}
span.color-7 {
	border-top: 2px solid #719402;
	border-bottom: 2px solid #719402;
	background: #597401;
	color: #fff;
}