/* styles www.bluepoint-medical.com  */
/*                                   */
/* media:	screen                   */
/* use:		on every page            */
/* author:	click solutions GmbH     */
/*          Holger Blthmann         */
/*                                   */

* {
	padding: 0; margin: 0; }

html {
	overflow-y: scroll; }

body {
	background-color: #fcfdfe; border: none; font-family: Arial, Helvetica, sans-serif; background-image: url(../images/bg_body.gif); background-repeat: repeat-x; }

img {
	border: none; }

/*                                   */
/* hidden divs                       */
/*                                   */

#printlogo, #printfooter, #infopart {
	display: none; }


/*                                   */
/* main divs                         */
/*                                   */

div#topnavi {
	margin: 0px auto 0px auto; width: 908px; height: 25px; border-bottom: 1px solid #cdd6dc; }

div#header {
	clear: both; margin: 0px auto 0px auto; width: 908px; height: 99px; }

div#logo {
	float: left; height: 99px; }

div#flash {
	float: left; height: 103px; }

div#mainnavi {
	clear: both; margin: 0px auto 0px auto; width: 907px; background-image:url(../images/bg_mainnavi.gif); background-repeat: repeat-x; height: 40px; }

div#content {
	margin: 1px auto 0px auto; width: 907px; background-image: url(../images/bg_content.gif); background-repeat: repeat-y; }

div#subnavi {
	float: left; width: 184px; padding-top: 100px; background-image: url(../images/bg_subnavi.jpg); background-repeat: no-repeat; }

div#text {
	float: left; width: 563px; padding-bottom: 20px; background-repeat: no-repeat; }

div#addtext {
	float: left; width: 160px; height: 300px; background-image: url(../images/bg_addtext.jpg); background-repeat: no-repeat; }

div#footer {
	clear: both; margin: 0px auto 0px auto; width: 907px; background-color: #8fa2af; height: 1px; line-height: 1px; font-size: 1px; border-top: 1px solid #ffffff; }

div#regfooter {
	clear: both; text-align: right; margin: 3px auto 0px auto; padding-bottom: 30px; width: 907px; }

/*                                   */
/* topnavi divs                      */
/*                                   */

div#topnavi ul#sitenavi {
	list-style: none; float: right; width: 800px; }

div#topnavi ul#sitenavi li {
	float: right; font-size: 11px; color: #999999; margin: 8px 5px 0px 0px; }

div#topnavi ul#sitenavi li a {
	text-decoration: none; color: #999999; }

div#topnavi ul#sitenavi li a:hover {
	color: #666666; }

div#topnavi ul#langnavi {
	list-style: none; float: left; width: 100px; }

div#topnavi ul#langnavi li {
	float: left; font-size: 11px; color: #999999; margin: 8px 5px 0px 0px; }

div#topnavi ul#langnavi li a {
	text-decoration: none; color: #999999; }

div#topnavi ul#langnavi li a:hover {
	color: #666666; }


/*                                   */
/* mainnavi divs                     */
/*                                   */

div#mainnavi ul {
	list-style: none; }

div#mainnavi ul li {
	float: left; }

div#mainnavi ul li a {
	font-size: 13px; text-decoration: none; color: #1A4D8C; display: block; margin-top: 3px; padding: 6px 15px 7px 15px; border-right: 1px solid #ffffff;  }

div#mainnavi ul li a:hover {
	color: #ffffff; background-color: #1A4D8C; background-image: url(../images/bg_mainnavi_selected.gif); }

div#mainnavi ul li a.selected {
	color: #ffffff; background-color: #1A4D8C; background-image: url(../images/bg_mainnavi_selected.gif); }

div#mainnavi ul li.disabled a {
	color: #ffffff; }

div#mainnavi ul li.disabled a:hover {
	background: none; cursor: default; }

/*                                   */
/* subnavi divs                      */
/*                                   */

div#subnavi p {
	border-bottom: 1px solid #ffffff; border-top: 1px solid #ffffff; margin-top: 50px; color: #000000; padding: 10px 5px 10px 10px; font-size: 11px; }

div#subnavi p span.bp, div#text p span.bp {
	font-style: italic; color: #1A4D8C; font-weight: bold; }

div#subnavi p span.r, div#text p span.r {
	font-size: 10px; vertical-align: top; }

div#subnavi ul {
	margin: 0px 0px 0px 0px; list-style: none; }

div#subnavi ul li {
	background-color: #dddddd; }

div#subnavi ul li a {
	font-size: 13px; text-decoration: none; color: #000000; display: block; padding: 5px 5px 5px 20px; border-top: 1px solid #ffffff; }

div#subnavi ul li a.selected {
	font-weight: bold; }

div#subnavi ul li a span {
	font-size: 15px; text-decoration: none; color: #1A4D8C; }

div#subnavi ul li a:hover {
	color: #1A4D8C; background-color: #ffffff;  text-decoration: none;}

div#subnavi ul ul {
	margin: 0px 0px 0px 0px; border-bottom: none; }

div#subnavi ul ul li a {
	font-size: 12px; padding: 4px 10px 4px 30px; border-top: none; }

div#subnavi ul ul ul li a {
	font-size: 12px; padding: 4px 10px 4px 40px; border-top: none; font-style: italic; }

div#subnavi ul ul ul ul li a {
	font-size: 12px; padding: 4px 10px 4px 50px; border-top: none; font-style: italic; }

div#subnavi ul ul ul ul ul li a {
	font-size: 12px; padding: 4px 10px 4px 60px; border-top: none; font-style: italic; }

div#subnavi ul li.selected, div#subnavi ul li.selected li {
	background-color: #cccccc; }

div#subnaviline {
	border-top: 1px solid #ffffff; margin: 0px 0px 0px 0px; }

ul div#subnaviline {
	border-top: none; }

/*                                   */
/* text divs                         */
/*                                   */

div#text h1 {
	margin: 0px 30px 0px 30px; padding: 10px 0px 6px 10px; font-size: 24px; font-weight: normal; line-height: 22px; color: #1A4D8C; background-image: url(../images/arrow_h1.gif); background-position: top right; background-repeat: no-repeat; }

div#text h1.product {
	padding: 10px 30px 6px 10px; }

div#text h1 img {
	margin-top: 35px; }

div#text h2 {
	margin: 10px 30px 0px 50px; padding: 10px 0px 6px 10px; font-size: 16px; font-weight: normal; line-height: 11px; color: #1A4D8C; }

div#text h2.groups {
	margin: 5px 30px 0px 30px; color: #000000; font-size: 14px; font-weight: bold; }

div#text img.image {
	margin: 13px 0px 0px 13px;  }

div#text p {
	margin: 13px 40px 0px 60px; font-size: 12px; line-height: 17px;  }

div#text p.productgroupteaser {
	margin: 13px 40px 0px 40px; padding-left: 20px; font-size: 12px; line-height: 17px; height: 140px; background-image: url(../images/bg_groupteaser.gif); background-repeat: no-repeat; }

div#text blockquote {
	margin-left: 20px; }

div#text p.info {
	margin: 3px 40px 0px 40px; }

div#text div.coltext {
	float: left; width: 380px; }

div#text div.colimages {
	float: left; width: 152px; }

div#text div.colimages img {
	margin-bottom: 10px; }

div#text p.productinfo {
	margin: 13px 40px 10px 40px; font-size: 12px; color: #1A4D8C; line-height: 20px; }

div#text p.productinfo span.fact {
	width: 95px; float: left; }

div#text p.productinfo span.value {
	float: left; width: 200px; font-weight: bold; }

div#text p.doclinks {
	clear: both; margin: 15px 20px 0px 40px; font-size: 11px; border-top: 1px solid #aaaaaa; border-bottom: 1px solid #aaaaaa; line-height: 12px; background-image:url(../images/bg_doclinks.gif); background-repeat: repeat-x; height: 33px; }

div#text p.doclinks img {
	height: 27px; width: 22px; margin-right: 5px; }

div#text p.doclinks a {
	width: 93px; float: left; padding: 3px 5px 3px 6px; border-right: 1px solid #FFFFFF; display: block; text-decoration: none;  }

div#text p.producttext {
	clear: both; margin: 25px 40px 0px 40px; font-size: 12px; line-height: 17px;  }

div#text div.colimages img {
	border: 1px solid #cccccc; }

div#text p.productinfo img.imageplaceholder, div#text p.producttext img.imageplaceholder {
	float: right; height: 150px; width: 150px; border: none; }

div#text ul {
	margin: 13px 40px 0px 60px; font-size: 12px; line-height: 17px;  }

div#subnavi a {
	color: #000000; text-decoration: none; }

div#subnavi a:hover {
	color: #000000; text-decoration: underline; }

div#text a {
	color: #1A4D8C; text-decoration: underline; }

div#text a:hover, div#subnavi a:hover {
	color: #000000; text-decoration: underline; }

div#text p#breadcrumb {
	margin: 20px 30px 0px 30px; padding: 0px 0px 6px 30px; font-size: 11px; line-height: 13px; color: #999999; border-bottom: 1px solid #999999; background-image: url(../images/arrow_breadcrumb.gif); background-repeat: no-repeat; }

div#text p#breadcrumb a {
	color: #999999; text-decoration: none; }

div#text p#breadcrumb a:hover {
	color: #999999; text-decoration: underline; }


div#text div.productgroups {
	height: 200px; margin: 10px 0px 0px 30px; }

div#text ul.productlist, div#text ul.subgroup {
	width: 165px; float: left; margin: 0px 0px 0px 0px; list-style: none; height: 100%; }

div#text ul.productlist li, div#text ul.subgroup li {
	width: 165px; }

div#text ul.subgroup li {
	background-color: #d0dbe8; }

div#text ul.first {
	margin-left: 0px; }

div#text ul.subgroup {
	display: none; background-color: #d0dbe8; }

div#text div.productgroups a {
	display: block; color: #000000; font-size: 14px; padding: 7px 10px 7px 10px; text-decoration: none; border-bottom: 1px solid #d0d0d0; }

div#text div.productgroups ul.subgroup a {
	font-size: 12px; padding: 5px 10px 5px 10px; text-decoration: none; border-bottom: none; }

div#text div.productgroups a:hover, div#text div.productgroups a.selected {
	background-color: #d0dbe8; color: #000000; text-decoration: none; }

div#text div.productgroups ul.subgroup a:hover {
	background-color: #b7c7db; color: #000000; text-decoration: none; }

div#text p.productlistitem {
	margin: 5px 36px 5px 34px; font-size: 12px; color: #1A4D8C; line-height: 20px; background-repeat: no-repeat; background-image: url(../images/bg_productlistitem.gif); }

div#text p.productlistitem a {
	padding: 4px 4px 4px 6px; color: #000000; height: 82px; text-decoration: none; display: block; }

div#text p.productlistitem a:hover {
	background-color: #d0dbe8; color: #1A4D8C; text-decoration: none; background-image: url(../images/bg_productlistitem.gif); background-repeat: no-repeat; }

div#text p.productlistitem span.title {
	font-size: 14px; color: #1A4D8C; }

div#text p.productlistitem img {
	border: 1px solid #cccccc; margin-left: 30px; }

div#text ul.sitemap {
	list-style: none; margin: 13px 40px 0px 80px; }

div#text ul.sitemap ul {
	list-style: none; margin: 0px 40px 10px 20px; }

div#text ul.sitemap a, div#text h2.sitemap a {
	text-decoration: none; }

div#text form.search {
	margin: 10px 40px 0px 60px; font-size: 12px; line-height: 17px;  }

div#text input.textbox, #text textarea, div#text .searchbox  {
	width: 440px; height: 15px; padding: 4px 4px 2px 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #1A4D8C; border: 1px solid #68849c; }

#text textarea {
	height: 100px; }

div#text .button, #text .send, div#text .searchsubmit {
	width: 125px; padding: 2px 4px 2px 4px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background-color: #68849c; border: 1px solid #68849c; }

div#text .send {
	color: #ffffff; background-color: #122c5b; }

div#text .searchsubmit {
	width: 27px; padding: 2px 4px 2px 4px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background-color: #68849c; border: 1px solid #68849c; }

div#text .searchbox {
	width: 250px; }

/*                                   */
/* addtext divs                      */
/*                                   */

div#addtext form#sitesearch {
	margin: 30px 5px 50px 10px; }

div#addtext form#sitesearch input.searchbox {
	width: 100px; height: 15px; padding: 4px 4px 2px 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #1A4D8C; border: 1px solid #68849c; }

div#addtext form#sitesearch input.searchbutton {
	width: 27px; padding: 2px 4px 2px 4px; font-size: 11px; font-weight: bold; font-family: Arial, Helvetica, sans-serif; color: #ffffff; background-color: #68849c; border: 1px solid #68849c; }

div#addtext p.document {
	clear: both; margin: 20px 5px 20px 15px; font-size: 12px; }

div#addtext p.document img {
	margin: 0px 5px 5px 0px; }

div#addtext p.document a {
	text-decoration: none; color: #1A4D8C; }

div#addtext p.document a:hover {
	color: #000000; }


div#addtext p.teaser {
	clear: both; margin: 20px 5px 20px 12px; font-size: 12px; }

div#addtext p.news, div#addtext span.news {
	clear: both; margin: 20px 0px 0px 0px; padding: 7px 20px 7px 20px; text-transform: uppercase; color: #1A4D8C; border-bottom: 3px solid #ffda71; font-weight: bold; background-image: url(../images/bg_news.gif); background-repeat: no-repeat; background-color: #ffffcf; font-size: 12px; }

div#addtext p.news a, div#addtext span.news a {
	text-decoration: none; color: #1A4D8C; font-weight: normal; text-transform: none;  }

div#addtext p.news a:hover, div#addtext span.news a:hover {
	text-decoration: underline; color: #1A4D8C; }


div#addtext p {
	margin-top: 5px; color: #003b79; padding: 10px 0px 5px 10px; font-size: 11px; }

div#addtext p a {
	color: #003b79; text-decoration: none; }



/*                                   */
/* regfooter classes                 */
/*                                   */

div#regfooter p {
	font-size: 11px; color: #666666; }

/*                                   */
/* filemanager classes                 */
/*                                   */
div#text div.listheader {
	height: 0px; }

div#text div.listtree div.treeitem {
	clear: both; padding-top: 2px; margin: 0px 2px 0px 5px; }

div#text div.listtree div.treeitem a.text {
	float: left; color: #122C5B; padding-top: 4px; text-decoration: none; font-size: 11px; width: 250px; }

div#text div.listtree div.tree div.treeitem a.text {
	width: 230px; }

div#text div.listtree div.tree div.tree div.treeitem a.text {
	width: 210px; }

div#text div.listtree div.tree div.tree div.tree div.treeitem a.text {
	width: 190px; }

div#text div.listtree div.tree div.tree div.tree div.tree div.treeitem a.text {
	width: 170px; }

div#text div.listtree div.treeitem a.text,
div#text div.listtree div.tree div.treeitem a.text,
div#text div.listtree div.tree div.tree div.treeitem a.text,
div#text div.listtree div.tree div.tree div.tree div.treeitem a.text,
div#text div.listtree div.tree div.tree div.tree div.tree div.treeitem a.text {
	width: 300px; }

div#text div.listtree div.treeitem a.text:hover {
	color: #000000;}


div#text div.listtree div.treeitem a.icon {
	float: left; padding-top: 0px; text-decoration: none; width: 20px;}

div#text div.listtree div.treeitem a.icon img {
	margin: 3px 0px 2px 2px; }

div#text div.listtree div.tree {
	display: none; margin: 0px 2px 0px 20px; }

div#filemanager {
	margin: 10px 30px 0px 30px; height: 150px; border:1px solid #aaaaaa; overflow:scroll;}


div#filelist {
	margin: 10px 30px 0px 30px; height: 200px; border:1px solid #aaaaaa; overflow:scroll;}

div#preview {
	display: none; position: absolute; z-index: 500; top: 440px; }

div#text table td.fileimg {
	width: 30px; }

div#text table td.filetext p {
	margin-left: 10px;  }

div#text table td.filesize p {
	margin-left: 10px;  }
	
	
div#start {
	float: left; height: 351px; width: 747px; }
	
div#start ul {
	float: left; list-style-type: none; width: 185px; }
	
div#start ul li {
	height: 43px; width: 184px; border-bottom: 1px solid #FFFFFF; }
	
div#start ul li a {
	display: block; height: 43px; width: 184px; text-indent: -20000px; background-image: url(../images/button_oxytruea_de.gif); }
	
div#start ul li#buttonoxytruea a {
	background-image: url(../images/button_oxytruea_de.gif); }
	
div#start ul li#buttonoxytruesc a {
	background-image: url(../images/button_oxytruesc_de.gif); }
	
div#start ul li#buttonspirotrue a {
	background-image: url(../images/button_spirotrue_de.gif); }
	
div#start ul li#buttonoxytruefc a {
	background-image: url(../images/button_oxytruefc_de.gif); }
	
div#start ul li#buttonalcotruec a {
	background-image: url(../images/button_alcotruec_de.gif); }
	
div#start ul li#buttonsoftcap a {
	background-image: url(../images/button_softcapa_de.gif); }

	
div#start ul li#buttoncapnotrue a {
	background-image: url(../images/button_capnotrue_de.gif); }	

div#start ul li#buttoncapnotruemg a {
	background-image: url(../images/button_capnotrue_mg_de.gif); }
	
div#start ul li#buttonsoftwrap a {
	background-image: url(../images/button_softwrap_de.gif); }
	
div#start ul li#buttontrademarks a {
	background-image: url(../images/button_trademarks_de.gif); }
	


div#start ul li#buttonoxytruea a:hover {
	background-image: url(../images/button_oxytruea_de_o.gif); }
	
div#start ul li#buttonoxytruesc a:hover {
	background-image: url(../images/button_oxytruesc_de_o.gif); }
	
div#start ul li#buttonspirotrue a:hover {
	background-image: url(../images/button_spirotrue_de_o.gif); }
	
div#start ul li#buttonoxytruefc a:hover {
	background-image: url(../images/button_oxytruefc_de_o.gif); }
	
div#start ul li#buttonalcotruec a:hover {
	background-image: url(../images/button_alcotruec_de_o.gif); }
	
div#start ul li#buttonsoftcap a:hover {
	background-image: url(../images/button_softcapa_de_o.gif); }
	
div#start ul li#buttonsoftwrap a:hover {
	background-image: url(../images/button_softwrap_de_o.gif); }

	
div#start ul li#buttoncapnotrue a:hover {
	background-image: url(../images/button_capnotrue_de_o.gif); }
	
div#start ul li#buttoncapnotruemg a:hover {
	background-image: url(../images/button_capnotrue_mg_de_o.gif); }
	
div#start ul li#buttontrademarks a:hover {
	background-image: url(../images/button_trademarks_de_o.gif); }


div#start.en ul li#buttonoxytruea a {
	background-image: url(../images/button_oxytruea_en.gif); }
	
div#start.en ul li#buttonoxytruesc a {
	background-image: url(../images/button_oxytruesc_en.gif); }
	
div#start.en ul li#buttonspirotrue a {
	background-image: url(../images/button_spirotrue_en.gif); }
	
div#start.en ul li#buttonoxytruefc a {
	background-image: url(../images/button_oxytruefc_en.gif); }
	
div#start.en ul li#buttonalcotruec a {
	background-image: url(../images/button_alcotruec_en.gif); }
	
div#start.en ul li#buttonsoftcap a {
	background-image: url(../images/button_softcapa_en.gif); }
	
div#start.en ul li#buttonsoftwrap a {
	background-image: url(../images/button_softwrap_en.gif); }

	
div#start.en ul li#buttoncapnotrue a {
	background-image: url(../images/button_capnotrue_en.gif); }
	
div#start.en ul li#buttoncapnotruemg a {
	background-image: url(../images/button_capnotrue_mg_en.gif); }
	
div#start.en ul li#buttontrademarks a {
	background-image: url(../images/button_trademarks_en.gif); }
	


div#start.en ul li#buttonoxytruea a:hover {
	background-image: url(../images/button_oxytruea_en_o.gif); }
	
div#start.en ul li#buttonoxytruesc a:hover {
	background-image: url(../images/button_oxytruesc_en_o.gif); }
	
div#start.en ul li#buttonspirotrue a:hover {
	background-image: url(../images/button_spirotrue_en_o.gif); }
	
div#start.en ul li#buttonoxytruefc a:hover {
	background-image: url(../images/button_oxytruefc_en_o.gif); }
	
div#start.en ul li#buttonalcotruec a:hover {
	background-image: url(../images/button_alcotruec_en_o.gif); }
	
div#start.en ul li#buttonsoftcap a:hover {
	background-image: url(../images/button_softcapa_en_o.gif); }
	
div#start.en ul li#buttonsoftwrap a:hover {
	background-image: url(../images/button_softwrap_en_o.gif); }

div#start.en ul li#buttoncapnotrue a:hover {
	background-image: url(../images/button_capnotrue_en_o.gif); }
	
div#start.en ul li#buttoncapnotruemg a:hover {
	background-image: url(../images/button_capnotrue_mg_en_o.gif); }
		
div#start.en ul li#buttontrademarks a:hover {
	background-image: url(../images/button_trademarks_en_o.gif); }	
	
div#start div#animation {
	float: left; margin: 0px 0px 0px 0px; width: 561px; height: 351px; background-image: url(../images/image_building_de.jpg); }
	
div#start div#animation.loading {
	background-image: url(../images/loading.gif); background-position: center center; background-repeat: no-repeat; }
	
div#start div.hidden {
	display: none; }