﻿@CHARSET "utf-8";

html {
	width: 100%;
	height: 100%;
	
	background-repeat: repeat-x;
	background-color: white;
	color: #333333;
}

body {
	width: 100%;
	height: 100%;
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

hr {
	border-left: 0px; /* FĂźr Firefox und Opera */
	border-right: 0px;
	border-bottom: 0px;
	border-bottom: transparent;
	border-top: dotted 1px #666666;
	color: white;
}

a {
	color: #333333;
	background-color: transparent;
}

a:hover {
	color: black;
}

a img {
	border: none;
}

a.nodecoration {
	text-decoration: none;
}

a.nodecoration:hover {
	text-decoration: underline;
	color: black;
} 

a.red, a.email {
	color: #AC0917;
}

a.red:hover, a.email:hover {
	color: #D90F21;
}

a:hover {
}

a.black {
	color: black;
}

a.white {
	color: white;
}

a.tinylink {
	font-size: 8pt;
	font-weight: bold;
	text-decoration: none;
	color: #AC0917;
	background: url(../img/icons/arrow.gif) center left no-repeat;
    padding-left: 13px;
}

a.tinylink:hover {
	color: #D90F21;
}

li a {
	text-decoration: none;
}

li a:hover {
	text-decoration: underline;
}

h1 {
	color: black;
	font-size: 16pt;
	font-weight: normal;
	margin-top: 0px;
	margin-bottom: 2px;
}

h2 {
	color: #AC0917;
	font-size: 13pt;
	background-image: url("../img/arrow.png");
	background-position: left center;
	background-repeat: no-repeat;
	margin: 0px;
	padding: 0px;
	padding-left: 12px;
}

h2 a {
	color: #AC0917;
	text-decoration: none;
}

h2 a:hover {
	color: #AC0917;
	text-decoration: underline;
}

h3 {
	font-size: 12pt;
	margin-top: 10px;
	margin-bottom: 1px;
}

h4 {
	font-size: 11pt;
	margin-top: 10px;
	margin-bottom: 1px;
}

h5 {
	font-size: 10pt;
	margin-top: 10px;
	margin-bottom: 1px;
}

/************************* FORM DEFINITONS BEGIN *********************/
table.form {
	width: 100%;
	border-collapse: collapse;
}

table.form th {
	text-align: left;
	font-weight: bold;
	background-color: #CECECE;
}

table.form td {
	border: solid 1px #CECECE;
	font-size: 8pt;
	line-height: 14pt;
}

table.form td.labels {
	width: 25%
}

table.form td.fields {
	width: 75%
}

table.form label.required {
	font-weight: bold;
	font-size: 8pt;
	color: black;
}

table.form label.optional {
	font-weight: bold;
	font-size: 8pt;
	color: #666666;
}

table.form input.text, table.form select  {
	width: 75%
}

table.form textarea {
	font-family: Tahoma, Arial, Helvetica;
	font-size: 10pt;
	border: solid 1px black;
	width: 75%;
	height: 80px;
}

table.form input.password {
	width: 30%;
}

table.form td {
	height: 30px;
}

input.formbutton {
	font-size: 8pt;
}

table.form_errordata {
	width: 100%;
	border-collapse: collapse;
	margin-bottom: 15px;
}

table.form_errordata th {
	color: white;
	font-weight: bold;
	background-color: #AC0917;
	border: solid 1px #AC0917;
}

table.form_errordata td {
	border: solid 1px #AC0917;
}

div.form_success {
	min-height: 45px;
	padding-left: 45px;
	line-height: 45px;
	background-image: url(../img/icon_ok.png);
	background-repeat: no-repeat;
	border: 1pt solid #56AE00;
	background-color: #CCFF99;
	color: black;
}

/************************* FORM DEFINITONS END *********************/
input.actionbutton {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	background-color: #AC0917;
	border: solid 1px #D40012;
	border-style: outset;
	color: white;
	width: 200px;
	height: 30px;
	font-size: 8pt;
}

input.text, input.password, select {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px black;
	background-color: white;
	color: black;
	font-size: 8pt;
}

input.field {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	border: solid 1px #666666;
	color: #666666;
	font-size: 9pt;
	width: 98%;
}

input.button {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #666666;
	font-size: 8pt;
	font-weight: bold;
	height: 20px;
}
/*
input.text {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 10pt;
	font-weight: bold;
	background-color: #EEEEEE;
	border: solid 1px #CCCCCC;
}
*/
input.submit {
	font-family: Tahoma, Arial, Helvetica, sans-serif;
	color: #333333;
	font-size: 9pt;
	font-weight: bold;
}
	

ul.horizontal, ul.horizontal_distance {
	list-style-type: none;
}
ul.horizontal li {
	float: left;
}
ul.horizontal_distance li {
	float: left;
	margin-right: 10px;
}

p {
	font-size: 10pt;
	margin: 0px;
	padding: 0px;
}

.grey {
	color: #888888;
}

.tiny {
	font-size: 7pt;
}

.small {
	font-size: 8pt;
	line-height: 16px;
}

.normal {
	font-weight: normal;
}

.text {
	font-size: 10pt;
	line-height: 22px;
}

.title {
	font-size: 14pt;
	font-weight: normal;
}

p.small {
	
}

.textsmall {
	font-size: 8pt;
	line-height: 19px;
}

.image {
	border: solid 1px #555555;
	background-color: black;
	margin-top: 5px;
	margin-right: 10px;
}

ul.links {
	background-image: url(../img/links_back.png);
	background-repeat: repeat-x;
	background-color: #515151;
	padding: 5px;
	list-style-type: none;
	margin: 0px;
	color: white;
	font-size: 9pt;
	text-align: left;
	line-height: 25px;
}

.links a {
	font-size: 9pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
	line-height: 25px;
	font-variant: small-caps;
}

.links a:hover {
	font-size: 10pt;
	text-decoration: none;
}

.links li {
	/*border-bottom: solid 1px #454545;*/
	
}

ul.linkssmall {
	background-image: url(../img/links_back.png);
	background-repeat: repeat-x;
	background-color: #515151;
	padding: 5px;
	list-style-type: none;
	margin: 0px;
	text-align: left;
	color: white;
	font-size: 8pt;
	line-height: 18px;
}

.linkssmall a {
	text-align: left;
	font-size: 8pt;
	font-weight: bold;
	color: white;
	text-decoration: none;
	line-height: 18px;
}

.linkssmall a:hover {
	font-size: 9pt;
	text-decoration: none;
}

ul.icons {
	margin: 0px;
	padding: 0px;
}

li.icon {
	background-image:url(img/icons/small/file.png);
	background-repeat: no-repeat;
	list-style-type: none;
	padding-left: 30px;
	line-height: 25px;
	margin-bottom: 5px;
}

table.data {
	background-color: #A0A0A0;
}

table.data th {
	background-image: url(../img/th_back.png);
	height: 25px;
	color: white;
	font-size: 10pt;
}

table.data td {
	font-size: 8pt;
	line-height: 20px;
}

table.data a {
	text-decoration: none;
}

table.data tr.tr1 {
	background-color: #E6E6E6;
}

table.data tr.tr2 {
	background-color: #D2D2D2;
}

table.data tr.productsline {
	height: 9px;
	background-image: url(../img/tr_backline.png);
	background-repeat: repeat-x;
	background-color: white;
}

table.data tr.products {
	height: 50px;
	background-image: url(../img/tr_back.png);
	background-repeat: repeat-x;
	background-color: white;
}

table.data tr.products:hover {
	background: none;
	background-color: #D0D0D0;
	color: black;
	cursor: hand;
	cursor: pointer;
}

table.data tr.productswhite {
	background-color: white;
}

table.data tr.productswhite:hover {
	background: none;
	background-color: #D0D0D0;
	color: black;
	cursor: hand;
	cursor: pointer;
}

table.data tr.tr1:hover, table.data tr.tr2:hover {
	background-color: #FFA66B;
	color: black;
}

table.inline_table {
	margin-left: auto;
	margin-right: auto;
	margin-top: 15px;
	width: 100%;
}

.borderbox {
	border: solid 1px #CCCCCC;
	background-color: #EEEEEE;
	padding: 5px;
}

.linkbox, .contentbox {
	border: solid 1px #CCCCCC;
	padding: 5px;
	margin-bottom: 10px;
	width: 100%;
}

.linkbox:hover {
	background-color: #EEEEEE;
	color: black;
	cursor: hand;
	cursor: pointer;
}

select {
	border: solid 1px 
}