/* Zumtobel THORN Reddot */

/* general styles */
html {
 font-family: Arial, Helvetica, sans-serif;
 font-size:small;
 font-weight:normal;
 padding:0px;
 margin:0px;
 background-color:#FFFFFF;
/*
 overflow-x: hidden;
*/
}
body {
 font-family: Arial, Helvetica, sans-serif;
 font-size:small;
 font-weight:normal;
 padding:0px;
 margin:0px;
 background-color:#FFFFFF;
/*
 overflow-x: hidden;
*/
 margin-left:0px;
 margin-right:0px;
 margin-top:0px;
 margin-bottom:18px;
}
ul,ol {
 margin-left:0px;
 padding:0px;
 list-style-position:inside;
}
li{
 clear:left;
 list-style-type:square;
}
a, a:link {
 color:#01a1ff;
 font-weight:normal;
}
a:hover {
 text-decoration:none;
}
a:visited {
 color:#9F2D86;
}
img {
 border:0px;
}

/* global areas */
#content-area {
 border-right:1px solid white; 
 margin-right: 207px; 
 padding-right: 9px;
}
#right-area {
 padding-left: 9px; 
 border-left:1px solid white; 
 width:180px; 
 padding-right: 18px; 
 float:right;
 *float:right;
}

/* text styles */
.bold-link {
 font-weight:bold;
}
a.bold-link, a.bold-link:link, a.bold-link:hover, a.bold-link:visited {
 font-weight:bold;
}
.bold-text {
 font-weight:bold;
}
.headline {
 font-size:320%;
 color:#969696;
 margin: 0px;
}
.subheadline {
 font-size:120%;
 font-weight:bold;
 color:#969696;
 padding:0px 0px 10px 0px;
 margin: 0px;
}
.download {
 padding:0px 0px 10px 0px;
 margin: 0px;
}
.headline-textarea {
 padding-bottom: 18px;
 display:block;
}
.main_img {
 padding-top:18px;
 height:280px;
 width:345px;
 display:block;
}
.image {
 font-size:80%;
 color:#C0C0C0;
 display: block;
 width: 75px;
}
hr.grey-line {
 height:1px;
 border: 0px;
 padding:0px;
 border:none;
 color: #C0C0C0;
 background-color:#c0c0c0;
 clear: left;
 margin-bottom:10px; 
}

/* banner specials */
.bannerarea {
 height:100px;
 overflow:hidden;
 margin-bottom:18px; 
}
.bannerarea img.bImgLeft {
 height:100px;
 width:345px;
 float:left;
}
.bannerarea img.bImgRight {
 height:100px;
 width:216px;
 float:right;
}

/* back-link */
div.back_link {
 *margin-top:8px; 
 margin-bottom:18px; 
 text-align:left;
 float:left;
}
.back-link {
 margin-bottom:8px; 
}

/* entry_x_of_y specials */
div.entry_x_of_y {
 *margin-top:8px; 
 margin-bottom:18px; 
 text-align:right;
}
.back {
 overflow: hidden;
 margin-top:8px; 
 margin-bottom:18px; 
}
.no_back_or_next {
 color:#969696;
}
.xofy {
 font-size:100%;
 font-weight:bold;
 color:#969696;
}

/* blackline */
.blackline {
 height: auto;
 background-color: #000000;
 font-size: 100%;
 margin-bottom: 18px;
}
.blackline p {
 font-size: 100%;
 color: #ffffff;
 padding: 2px 5px 2px 5px;
 background-color: #000000;
 margin: 0px;
}

/* specials for overview list with image and text */
.overview-list {
 margin-bottom: 18px;
/*
 TODO: testing
 width:100%;
 overflow: hidden;
*/
}
.overview-list div.image {
 float:left;
 width:74px;
 overflow:hidden;
 margin-right:10px;
}
.overview-list div.text {
 margin-left:84px;
 *float:left;
 *margin-left:0px;
}
#content-area .overview-list div.text {
 margin-right:207px;
}
.overview-list div.reddot {
 display:block;
 width:74px;
}
div.list-text {
 margin-left:84px;
 *margin-left:0px;
 *float:left;
 *padding-right: 207px; 
}
.list-element {
 float:left;
 width:100%;
 margin-top:11px;
 margin-bottom:18px;
 *margin-bottom:11px;
}
.list-element div.image {
 width:74px;
 overflow:hidden;
 float:left;
 margin-right:18px;
}

.list-element div.list-element-text {
 *float:left;
 margin-left:92px;
 *margin-left:0px;
}


/* text around image specials */
.text_around_image_circumfluent,.text_around_image {
 width:100%;
 overflow: hidden;
 float:left;
 margin-bottom:18px;
}
.text_around_image_circumfluent div.image,.text_around_image div.image {
 float:left;
 width:74px;
 overflow:hidden;
 margin-right:10px;
}
.text_around_image div.text {
 margin-left:84px;
 *float:left;
 *margin-left:0px;
}

/* download table */
.download-table {
 table-layout:fixed;
 border: 0px;
 width: 100%;
 float: left;
 margin-bottom: 18px;
}
.download-table td {
 vertical-align:top;
 padding: 5px;
}

/* download-list */
.download-list {
 margin-bottom:18px;
}

/* microsite */
.microsite_bgarea {
 padding-left: 18px; 
 padding-top:18px; 
 padding-bottom:18px;
 background-color: #F1F1F1;
 float:left;
}
.microsite_naviarea {
 clear:both;
}
.microsite_menue_inaktive,.microsite_menue_aktive{
 margin-right:5px;
 padding:6px 5px 3px 5px;
 *padding:6px 5px 2px 5px;
 height:15px;
 float:left;
}
.microsite_menue_inaktive a:visited {
 color:#5f5f5f;
 text-decoration:none;
 font-weight:normal;
}
.microsite_menue_inaktive a {
 color:#5f5f5f;
 text-decoration:none;
 font-weight:normal;
}
.microsite_menue_inaktive {
 color:#5f5f5f;
 border-top:1px solid #5f5f5f;
 border-left:1px solid #5f5f5f;
 border-right:1px solid #5f5f5f;
}

/* order and contact form */
.inputfield {
 width:300px;
}
.inputfield_description {
 vertical-align:top;
}
#contact_form {
 margin-bottom:18px;
}
#contact_form table {
 border-collapse:collapse;
}
#contact_form .selectbox {
 width:304px;
 *width:304px;
}
.order_checkbox {
 margin:7px 0px 0px 0px;
 *margin:7px 0px 0px 0px;
}
#order_form_ii table {
 border-collapse:collapse;
}
#order_form_ii .selectbox {
 width:304px;
 *width:304px;
}
.order-list {
 color:#ff0000;
 font-size:120%;
 font-weight:bold;
 margin-bottom:-4px;
}
.order-list li {
 margin-bottom:2px;
}

/* right box specials */
.right-box-content {
 margin:0px 0px 12px 0px;
 overflow: hidden;
 width: 100%;
 font-size:80%;
}
.image-block-right {
 font-size:80%;
 color:#C0C0C0;
 display: block;
 margin-bottom:18px;
}
.right-box-area {
 overflow:hidden;
}
.right-box-overview-list {
 width: 100%;
 overflow: hidden;
 clear:both;
 margin-bottom: 18px;
}
.right-box-overview-list div.image {
 float:left;
 width:50px;
 overflow:hidden;
 margin-right:10px;
 font-size:80%;
}
.right-box-overview-list div.text {
 margin-left:60px;
 font-size:80%;
 *float:left;
 *margin-left:0px;
}
.right-box-overview-list div.reddot {
 clear:both;
 display:block;
 width:50px;
}

/* sitemap specials */
.sitemap_column {
 width:14%;
 float:left;
}
.sitemap_element_lvl1,.sitemap_element_lvl1:link,.sitemap_element_lvl1:visited,.sitemap_element_lvl1:active {
 font-size:100%;
 color:#01a1ff;
 text-decoration:underline;
 font-weight:bold;
 border:0px;
 display: block;
 padding: 4px 10px 4px 10px;
 cursor: hand;
 cursor: pointer;
 height: auto;
}
.sitemap_element_lvl1:hover
{
 text-decoration:none;
}
.sitemap_element_lvl2,.sitemap_element_lvl2:link,.sitemap_element_lvl2:visited,.sitemap_element_lvl2:active {
 font-size:85%;
 color:#01a1ff;
 text-decoration:underline;
 font-weight:normal;
 border:0px;
 display: block;
 padding: 4px 10px 4px 20px;
 cursor: hand;
 cursor: pointer;
 height: auto;
}
.sitemap_element_lvl2:hover {
 text-decoration:none;
}
.sitemap_element_lvl3,.sitemap_element_lvl3:link,.sitemap_element_lvl3:visited,.sitemap_element_lvl3:active {
 font-size:75%;
 color:#01a1ff;
 text-decoration:underline;
 font-weight:normal;
 border:0px;
 display: block;
 padding: 4px 10px 4px 30px;
 cursor: hand;
 cursor: pointer;
 height: auto;
}
.sitemap_element_lvl3:hover {
 text-decoration:none;
}
.sitemap_element_lvl4,.sitemap_element_lvl4:link,.sitemap_element_lvl4:visited,.sitemap_element_lvl4:active {
 font-size:75%;
 color:#01a1ff;
 text-decoration:underline;
 font-weight:normal;
 border:0px;
 display: block;
 padding: 4px 10px 4px 35px;
 cursor: hand;
 cursor: pointer;
 height: auto;
}
.sitemap_element_lvl4:hover {
 text-decoration:none;
}

/* startpage */
#home-leftarea {
 width:535px;
 margin:0px 18px 0px 0px;
 float:left;
}
.black-bar {
 background-color:#000000;
 padding:2px 5px 2px 10px;
 color:#ffffff;
 font-size:100%; 
 vertical-align:middle;
}
.welcomebox p {
 margin:0px;
 padding:0px;
}
.welcomebox .image {
 width:535px;
 border:1px solid #ffffff;
 border-left:0px;
 border-right:0px;
 margin:0px;
 padding:0px;
}
.welcomebox .home-textarea {
 margin:0px;
 padding: 25px 25px 25px 25px;
 background-color:#5F5F5F;
 color:#ffffff;
}
.welcomebox a {
 color:#a9daff;
}

#home-rightarea {
 margin:0px 18px 0px 553px;
}
.home-productnews-box {
 border:1px solid #969696;
 padding-bottom: 10px;
 margin-bottom: 18px;
}
.red-bar {
 font-size:100%; 
 vertical-align:middle; 
 background-color:#ED1B2D;
}
.home-productnews-box h1 {
 font-weight:bold;
 font-size:260%;
 color:#969696;
 padding:5px 10px 0px 10px;
 margin: 0px;
}
.home-productnews-box h2 {
 font-weight:bold;
 font-size:180%;
 color:#ED1B2D;
 padding:0px 10px 10px 10px;
 margin: 0px;
}
.home-productnews-box .morelink {
 font-size:180%;
 margin: 10px;
}
.home-productnews-box-span {
 display:block;
 color:#969696;
 padding:0px 10px 0px 10px;
 margin-bottom: 42px;
}
.home-productnews-box .red-bar {
 padding:2px 5px 2px 5px;
 color:#ffffff;
 background-color:#ED1B2D;
 font-size:80%;
}

.home-quicklink-box {
 padding-bottom: 10px;
 margin-bottom: 18px;
 *float:left;
 *margin-right: 18px;
 *margin-left:0px;
}
.home-quicklink-list {
 padding-left:10px;
 padding-right:10px;
 padding-bottom:8px;
}
.home-quicklink-box .home-textarea-quicklink {
 margin-top:18px;
 width: 100%;
}
.home-small-image {
 padding-left:10px;
 padding-right:10px;
 padding-top:8px;
}

.home-latestnews-box {
 padding-bottom: 10px;
 margin-bottom: 18px;
 *float:left;
 *margin-right: 18px;
 *margin-left:0px;
}
.home-news-list {
 padding-left:10px;
 padding-right:10px;
 padding-bottom:8px;
}
.home-latestnews-box .home-textarea-news {
 margin-top:18px;

}
hr.home-grey-line {
 height:1px;
 border: 0px;
 padding:0px;
 border:none;
 color: #C0C0C0;
 background-color:#c0c0c0;
 margin-bottom:10px; 
}


/* Gallery */

div.gallery-area {
  margin-right: 220px;
  margin-bottom: 18px;
  *float: left; /* Only for IE6 */
  /*margin-right: 0px; /* Only for IE6 */
}

div.gallery-element {
	float: left;
	width: 140px;
	margin: 0px 30px 18px 0px;
}

div.gallery-element img.gallery-img {
	width: 74px;
	height: 74px;
	border: 0 none;
}

div.gallery-element a,
div.gallery-element a:link,
div.gallery-element a:hover,
div.gallery-element a:visited {
	font: normal 8pt Arial;
	color: #01a1ff;
}

div.gallery-element a:visited {
	color: #9F2D86;
}

div.gallery-element span {
	font: normal 8pt Arial;
	color: #5F5f62;
}

  /* Clearfix-Methode zum Clearen der Float-Umgebungen */
	 .clearfix:after {
		content: "."; 
		display: block; 
		height: 0; 
		clear: both; 
		visibility: hidden;
	}
	
	/* Diese Angabe bentigt der Safari-Browser zwingend !! */
	.clearfix { display: block; } 
	
	/* Overflow-Methode zum Clearen der Float-Umgebungen */
	.floatbox { overflow:hidden; }
	
	/* IE-Clearing: Bentigt nur der Internet Explorer und ber iehacks.css zugeschaltet */
	#ie_clearing { display: none }

/* Reddot-Styles */
.reddot {
 font-family: Arial, Helvetica, sans-serif;
 color: #FF0000;
 font-weight: normal;
 display: inline;
 padding: 0px;
}
.reddotFat, A.reddotFat:link, A.reddotFat:visited, A.reddotFat:hover, A.reddotFat:active {
 font-family: Arial, Helvetica, sans-serif;
 color: #FF0000;
 font-size: 100%;
 font-weight: 600;
 font-style: normal;
 line-height: normal;
 font-variant: normal;
 text-transform: none;
 text-decoration: none;
}
.notlive {
 color:red;
}