a:link {color: #000000; text-decoration: underline; font-size: 11px;}
a:visited {color: #000000; text-decoration: underline; font-size: 11px;}
a:hover {color: #000000; text-decoration: underline; font-size: 11px;}
a:active {color: #000000; text-decoration: underline; font-size: 11px;}

a.link_mainnav:link {color: #e0e0e0; text-decoration: none; font-size: 11px; font-weight: bold;}
a.link_mainnav:visited {color: #e0e0e0; text-decoration: none; font-size: 11px; font-weight: bold;}
a.link_mainnav:hover {color: #ffffff; text-decoration: underline; font-size: 11px; font-weight: bold;}
a.link_mainnav:active {color: #ffae00; text-decoration: none; font-size: 11px; font-weight: bold;}

a.link_servicenav:link {color: #ffffff; text-decoration: none; font-size: 11px;}
a.link_servicenav:visited {color: #ffffff; text-decoration: none; font-size: 11px;}
a.link_servicenav:hover {color: #ffffff; text-decoration: underline; font-size: 11px;}
a.link_servicenav:active {color: #ffffff; text-decoration: underline; font-size: 11px;}

a.link_breadcrumbnav:link {color: #ffffff; text-decoration: underline; font-size: 11px;}
a.link_breadcrumbnav:visited {color: #ffffff; text-decoration: underline; font-size: 11px;}
a.link_breadcrumbnav:hover {color: #ff7700; text-decoration: underline; font-size: 11px;}
a.link_breadcrumbnav:active {color: #ffffff; text-decoration: underline; font-size: 11px;}

a.link_companynav:link {color: #ffffff; text-decoration: none; font-size: 11px;}
a.link_companynav:visited {color: #ffffff; text-decoration: none; font-size: 11px;}
a.link_companynav:hover {color: #ffffff; text-decoration: underline; font-size: 11px;}
a.link_companynav:active {color: #ffffff; text-decoration: none; font-size: 11px;}

a.link_leftnav:link {color: #ff7700; text-decoration: none; font-weight: bold; font-size: 12px;}
a.link_leftnav:visited {color: #ff7700; text-decoration: none; font-weight: bold; font-size: 12px;}
a.link_leftnav:hover {color: #ff7700; text-decoration: underline; font-weight: bold; font-size: 12px;}
a.link_leftnav:active {color: #ff7700; text-decoration: underline; font-weight: bold; font-size: 12px;}

a.link_leftnav_sub:link {color: #505050; text-decoration: none; font-weight: bold; font-size: 11px;}
a.link_leftnav_sub:visited {color: #505050; text-decoration: none; font-weight: bold; font-size: 11px;}
a.link_leftnav_sub:hover {color: #ff7700; text-decoration: underline; font-weight: bold; font-size: 11px;}
a.link_leftnav_sub:active {color: #ff7700; text-decoration: underline; font-weight: bold; font-size: 11px;}

a.link_leftnav_sub2:link {color: #505050; text-decoration: underline; font-size: 11px; line-height: 13px; }
a.link_leftnav_sub2:visited {color: #505050; text-decoration: underline; font-size: 11px; line-height: 13px;}
a.link_leftnav_sub2:hover {color: #ff7700; text-decoration: underline; font-size: 11px; line-height: 13px;}
a.link_leftnav_sub2:active {color: #ff7700; text-decoration: underline; font-size: 11px; line-height: 13px;}

a.link_news:link {color: #505050; font-weight: bold; text-decoration: underline; font-size: 11px;}
a.link_news:visited {color: #505050; font-weight: bold; text-decoration: underline; font-size: 11px;}
a.link_news:hover {color: #000000; font-weight: bold; text-decoration: underline; font-size: 11px;}
a.link_news:active {color: #000000; font-weight: bold; text-decoration: underline; font-size: 11px;}

a.boldlink:link {color: #505050; font-weight: bold; text-decoration: none; font-size: 12px;}
a.boldlink:visited {color: #505050; font-weight: bold; text-decoration: none; font-size: 12px;}
a.boldlink:hover {color: #000000; font-weight: bold; text-decoration: underline; font-size: 12px;}
a.boldlink:active {color: #000000; font-weight: bold; text-decoration: none; font-size: 12px;}

a.greylink:link {color: #505050; text-decoration: none; font-size: 11px; padding-right: 6px}
a.greylink:visited {color: #505050; text-decoration: none; font-size: 11px; padding-right: 6px;}
a.greylink:hover {color: #000000; text-decoration: underline; font-size: 11px; padding-right: 6px;}
a.greylink:active {color: #505050; text-decoration: none; font-size: 11px; padding-right: 6px;}


/* global */
body,td{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #202020;
}

input,select,textarea{
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
}

.submitButton {
	border: 2px solid #ff7700;
	border-top: 2px solid #ffaa00;
	border-bottom: 2px solid #ff3300;
	font-size: 12px;
	cursor: pointer;
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 10px;
	height: 20px;
	width: 85px;
}

form{
margin: 4px;	
}

h1{
	color: #505050;
	font-size: 11px;
	margin-bottom: 0px;
}

h2{
	font-size: 10px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

h3{
	font-size: 10px;
	font-style: normal;
	font-weight: normal;
	color: #666666;
	text-decoration: none;
}

h4{							/* used for table-headline*/
	color: #ff7700;
	font-size: 11px;
	font-weight: bold;
	margin-top: 0px;
	margin-bottom: 0px;
}

hr{
background-color:#666666;
color:#666666;
border: #666666;
height: 1px;
}


/* navigation */
.leftnav{
	padding: 8px 0px 4px 0px;
}
.leftnav_sub{
	line-height: 11px;
	padding: 0px 2px 0px 9px;
}
.leftnav_sub2{
	line-height: 11px;
	padding: 0px 2px 6px 11px;
}


/* news */
.news{
	margin-top: 14px;
}

/* footer */
.footer{
	font-size: 10px;
	font-style: normal;
	color: #333333;
}

/* content */
.content_indent{
	padding-left:20px;
}

/* bildertabelle */
.asset_left{
	float: left;
	margin-right: 20px;
	margin-bottom: 10px;
}
.asset_right{
	float: right;
	margin-left: 10px;
	margin-bottom: 10px;
}
.asset_text{
	background: #ffeedd;
	padding: 2px;
}


/* image-element */
#image-element img{				/*Linie zwischen den Bildern*/
	border-bottom: 1px solid #ffffff;
}

/* icon-element */
#icon-element table{
	margin: 5px 5px 5px 20px;
	border: 1px solid #999999;
	background-color: #e9e9e9;
	width: 500px;
}

/* back-to-top_button */
#bu_back-to-top{
	float: right;
}

/* jump-link-table */
.jumplinktable{
	float: left;
	padding: 0px;
	line-height: 14px;

}

/*--------------- start to check if this is needed or can replaced with productdisplay... -------------------*/
/* datatable */
.datatable{							/*Tabelle Abstand/Hintergrund*/
	/* do not delete - empty class is necessary */
	margin-bottom: 20px;
	margin-top: 4px;
	background: #ffffff;
	}
.datatable td{						/*Tabellenzellen Standard*/
	padding-left: 5px;
	padding-right: 5px;
	background: #fdc064;
	color: #303030;
	font-size: 10px;
}
.datatable .row_head td{		/*Tabellenreihe Kopfzeile*/
	background: #ff9900;
	color: #000000;
	font-size: 10px;
	vertical-align: top;
	padding-bottom: 2px;
}
.datatable .row_basic td{ 		/*Tabellenreihe Standard*/
	background: #f4f4f4;
}

.datatable .row_basic td a { 		/*Tabellenreihe Alternativ - active*/
	color: #303030;
	text-decoration:none;
}

.datatable .row_basic_on td{ 		/*Tabellenreihe Standard - active*/
	background: #e1e1e1;
	color: #000000;
}

.datatable .row_basic_on td a { 		/*Tabellenreihe Alternativ - active*/
	color: #ffffff;
	text-decoration:none;
}

.datatable .row_alt td{ 		/*Tabellenreihe Alternativ*/
	background: #cfdae8;
}

.datatable .row_alt td a { 		/*Tabellenreihe Alternativ - active*/
	color: #303030;
	text-decoration:none;
}

.datatable .row_alt_on td{ 		/*Tabellenreihe Alternativ - active*/
	background: #b2c6e0;
	color: #000000;
}

.datatable .row_alt_on td a { 		/*Tabellenreihe Alternativ - active*/
	color: #ffffff;
	text-decoration:none;	
}

.datatable .row_basic td.button{ 		/*Tabellenreihe Standard*/      /* Pfeil */
	padding-right: 0px;
	background-image: url(../images/arrow_invert.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #303030;	
}
.datatable .row_basic_on td.button{ 		/*Tabellenreihe Standard - active*/      /* Pfeil */
	background: #ff7700;
	padding-right: 0px;
	background-image: url(../images/arrow_invert.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #f0f0f0;	
}

.datatable .row_alt td.button{ 		/*Tabellenreihe Alternativ*/       /* Pfeil */
	padding-right: 0px;
	background-image: url(../images/arrow_invert.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #303030;
}
.datatable .row_alt_on td.button{ 		/*Tabellenreihe Alternativ - active*/    /* Pfeil */
	background: #ff7700;
	padding-right: 0px;
	background-image: url(../images/arrow_invert.gif);
	background-position: right;
	background-repeat: no-repeat;
	color: #f0f0f0;			
}
/*--------------- start to check if this is needed or can replaced with productdisplay... -------------------*/


td.button-empty{
	border-right-color: #ffffff;
	border-right-style: solid;
	border-right-width: 6px;
}


.datatable .row_sep td{ 		/*Tabellenreihe Alternativ*/
	background: #ffffff;
	font-size: 4px;
	line-height: 10px;
}

/* background */
.bg_main {
	background-image: url(/images/bk1.png);
	background-repeat: repeat;
}
.bg_header_bluegradient {
	background-image: url(/images/bg_header-blauverlauf.gif);
	background-repeat: repeat;
}
.bg_header_image {
	background-image: url(/images/header-weltkarte.gif);
	background-repeat: no-repeat;
}

.bg_white {
	background-color: #ffffff;
}
.bg_orange {
	background-color: #ff9900;
}
.bg_bluegradient {
	background-image: url(/images/bg_blauverlauf.jpg);
}


/* text */
.text_mainnav{
	font-size: 11px;
	color: #e0e0e0;
	word-spacing: -2px;
	letter-spacing: 0px;
}
.text_servicenav{
	font-size: 11px;
	color: #ffffff;
	word-spacing: 6px;
}
.text_leftnav{
	font-size: 11px;
	color: #505050;
}


.text_white{
	color: #ffffff;
	font-size: 11px;
}
.text_whiteBold{
	color: #ffffff;
	font-size: 11px;
	font-weight: bold;
}

.text_whiteBigBold{
	color: #ffffff;
	font-size: 13px;
	font-weight: bold;
}
.text_black{
	color: #000000;
	font-size: 11px;
}

.text_blackBold{
	color: #000000;
	font-size: 11px;
	font-weight: bold;
}
.text_blackBigBig{
	color: #000000;
	font-size: 13px;
	font-weight: bold;
}

.text_grey{
	color: #505050;
	font-size: 11px;
}
.text_greyBigBold{
	color: #505050;
	font-size: 13px;
	font-weight: bold;
}

.text_orange{
	color: #ff7700;
	font-size: 11px;
}
.text_orangeBold{
	color: #ff7700;
	font-size: 11px;
	font-weight: bold;
}
.text_orangeBigBold{
	color: #ff7700;
	font-size: 13px;
	font-weight: bold;
}



.overviewtable_head {
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	background: yellow;
}
.overviewtable {
	height: 22px;
	background: #d5d7e0;
}
.overviewtable_2nd {
	height: 22px;
	background: #e2e3e4;
}
.overviewtable_active {
	height: 22px;
	background: #e2ceaf;
}

.resulttable_head {
	height: 22px;
	font-size: 12px;
	font-weight: bold;
	background: #b7bbc7;
	padding-bottom: 1px;
}
.resulttable {
	height: 22px;
	background: #d5d7e0;
}
.resulttable_2nd {
	height: 22px;
	background: #e2e3e4;
}


/* formular */
.form_default {color: #000000}
.form_false {color: #FF0000}

input.input_login { width:44px;}

input.input_fuenf { width:50px;}
input.input_acht { width:80px;}
input.input_zehn { width:100px;}
input.input_vierzehn { width:140px;}
input.input_achtzehn { width:180px;}
input.input_zwanzig { width:200px;}
input.input_dreiundzwanzig { width:230px;}


/* list-elements */
ul{/*wenn der letzte wert (links) zu klein verschwindet/verkleinert buttet-image*/
	/* border: 1px dotted red; */
	list-style-type: square;
	margin: 0px 0px 6px 12px;
	padding: 10px;
}
li{
	/* border: 1px dotted blue; */
	padding: 0px;
	margin: 0px 0px 5px 12px;
	line-height: 12px;
}


.list_narrow{			/*wenn der letzte wert (links) zu klein verschwindet/verkleinert buttet-image*/
	padding: 0px 0px 0px 10px;
	margin: 4px 0px 0px 10px;
}
.list_narrow li{		/*alle child-<li>-elemente bekommen eigenen abstand*/
	padding: 1px;
	margin: 1px;
}


/* Gallery */
.slideElement{
	background-color: #f3f3f3;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #e4e4e4;
	}
.slideElementActive{
	background-color: #ffffff;
	margin-right: 15px;
	margin-bottom: 20px;
	float: left;
	border: 1px solid #ff7700;
}