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

* {
	padding: 0; margin: 0; }

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

img {
	border: none; }

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

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


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

div#header {
	margin: 0px auto 0px auto; width: 869px; height: 87px; }

div#main {
	margin: 0px auto 0px auto; width: 869px; }

div#navi {
	float: left; margin: 0px 0px 1px 0px; width: 200px; }

ul#mainnavi {
	width: 200px; list-style: none; background-color: #e5e5e5; background-image: url(../images/navi_bg.gif); background-repeat: repeat-x; }

ul#sitenavi {
	width: 200px; margin: 0px 0px 1px 0px; list-style: none; }

div#contentheader {
	position: relative; margin: 0px 0px 1px 206px; width: 643px; height: 79px; background-color: #f1f1f1; background-image: url(../images/contentheader_bg.gif); background-repeat: no-repeat; }

div#content {
	position: relative; margin: 0px 0px 6px 206px; width: 643px; background-color: #ffffff; }

div#text {
	float: left; width: 427px; padding: 18px 0px 10px 0px; }

div#text.onecol {
	width: 643px; }

div#addtext {
	float: left; width: 216px; padding: 18px 0px 10px 0px;  }

div#nexttopics {
	clear: both; width: 643px; padding-bottom: 10px; background-image: url(../images/nexttopics_bg.gif); background-repeat: repeat-x; background-color: #d0d0d0; border-bottom: 1px solid #d0d0d0; border-top: 1px solid #005d9f; }

div#wrapper {
	clear: both; width: 643px; height: 1px; font-size: 1px; background-color: #ffffff; border-bottom: 1px solid #ffffff; }

div#startteaser {
	position: relative; width: 643px; margin: 0px 0px 6px 206px; background-color: #e9e7e2; height: 160px; border-bottom: 1px solid #e9e7e2; }

div#contactfooter {
	clear: both; position: relative; margin: 0px 0px 1px 206px; width: 643px; height: 35px; background-image: url(../images/contactfooter_bg.gif); background-repeat: no-repeat; }

div#csfooter {
	clear: both; position: relative; margin: 2px 0px 1px 206px; width: 643px; }

/*                                   */
/* header classes                    */
/*                                   */

img#logo {
	margin: 22px 0px 0px 21px; float: left; }

img#boxtop {
	margin: 0px 52px 0px 0px; float: right; }

/*                                   */
/* navi classes                      */
/*                                   */

ul#mainnavi ul {
	list-style: none; background-image: none; }

ul#mainnavi li {
	margin: 0px 0px 0px 0px; height: 31px; border-bottom: 1px solid #0079c1; }

ul#mainnavi li a {
	display: block; padding: 8px 5px 8px 20px; color: #122c5b; font-size: 12px; text-decoration: none; background-repeat: repeat-x;  }

ul#mainnavi li a:hover {
	color: #89c1e2; background-color: #122c5b; background-image: url(../images/naviitem_bg_hover.gif); background-repeat: repeat-x;  }

ul#mainnavi li.selected {
	margin: 0px 0px 0px 0px; height: auto; background-image: url(../images/naviitem_bg_selected.gif); background-repeat: repeat-x; background-color: #122c5b; }

ul#mainnavi li.selected a {
	padding: 6px 5px 8px 20px; color: #ffffff; font-weight: bold; background: none; }

ul#mainnavi li.selected a:hover {
	color: #89c1e2; background: none;  }

ul#mainnavi li.selected li a {
	padding: 4px 5px 4px 20px; color: #ffffff; background: none; font-weight: normal; }

ul#mainnavi li.selected li a:hover {
	color: #89c1e2; }

ul#mainnavi li li, ul#mainnavi li li.selected {
	height: auto; background: none; border-bottom: none; }

ul#mainnavi li.selected li.selected a {
	padding: 4px 5px 4px 20px; color: #89c1e2; background: none; font-weight: normal; }

ul#mainnavi li li.selected a:hover {
	color: #89c1e2; background: none;  }

ul#mainnavi li.selected li.last a {
	padding-bottom: 8px; }

ul#sitenavi li#sitesearch {
	margin: 0px 0px 0px 0px; padding: 6px 5px 7px 20px; background-image: url(../images/sitesearch_bg.gif); background-repeat: repeat-x; }

ul#sitenavi input.searchbox {
	width: 125px; height: 15px; padding: 4px 4px 2px 4px; font-size: 11px; font-family: Arial, Helvetica, sans-serif; color: #000000; border: 1px solid #999999; }

ul#sitenavi 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: #999999; border: 1px solid #999999; }

ul#sitenavi li a {
	float: left; width: 66px; text-decoration: none; color: #122c5b; font-size: 11px; text-align: center; padding: 2px 0px 2px 0px; background-image: none; background-color: #e5e5e5; margin: 1px 0px 0px 1px; }

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

ul#sitenavi li a.first {
	background-image: url(../images/sitenavi_bg.gif); background-repeat: no-repeat; background-position: bottom; margin: 0px; padding: 2px 0px 3px 0px; background-color: transparent; }


/*                                   */
/* contentheader classes             */
/*                                   */

p#breadcrumb {
	padding: 15px 0px 0px 32px; font-size: 11px; color: #666666; }

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

p#breadcrumb a:hover {
	color: #0079c1; }

div#contentheader h1 {
	margin: 8px 0px 0px 32px; font-size: 24px; color: #0079c1; font-weight: normal;  }

img#boxbottom {
	margin: 0px 32px 0px 0px; float: right; }

/*                                   */
/* text classes                      */
/*                                   */

div#text h2 {
	margin: 18px 32px 0px 32px; font-size: 14px; font-weight: bold; line-height: 18px; color: #0079c1; }

div#text h3 {
	margin: 8px 32px 0px 32px; font-size: 13px; font-weight: bold; line-height: 18px; }

div#text p {
	margin: 0px 32px 18px 32px; font-size: 13px; line-height: 18px; }

div#text blockquote {
	margin: 0px 0px 18px 10px; font-size: 13px; line-height: 18px; }

div#text ul {
	margin: 0px 32px 18px 52px; font-size: 13px; line-height: 18px; list-style-type: square; }

div#text table.featuretable {
	width: 550px; margin: 0px 32px 18px 32px;  border-spacing: 0; border-collapse: collapse; font-size: 13px; line-height: 18px; }

div#text table.featuretable td {
	padding: 3px 5px 3px 15px; vertical-align: top; border-top: 1px solid #dddddd; }

div#text table.featuretable tr.block td {
	font-weight: bold; }

div#text table.featuretable td.indent {
	padding: 3px 5px 3px 25px; color: #666666; }

div#text table.featuretable td.feature, div#text table.featuretable tr.block td.feature  {
	width: 60px; padding: 5px 0px 0px 0px; text-align: center; font-size: 15px; vertical-align: top; }

div#text table.featuretable td.featurespecial, div#text table.featuretable tr.block td.featurespecial  {
	width: 60px; padding: 5px 0px 0px 0px; text-align: center; font-size: 15px; vertical-align: top; }

div#text table.featuretable th {
	width: 60px; padding: 3px 0px 3px 0px; vertical-align: top; text-align: center; line-height: 13px; font-weight: bold; }

div#text table.featuretable tr.block {
	background-color: #dddddd; }

div#text a {
	color: #0079c1; text-decoration: underline; }

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

#text form.login {
	margin: 30px 0px 30px 0px;  }

#text p.login, #text p.loginfirst, #text p.loginlast {
	margin: 0px 100px 0px 40px; padding: 5px 10px 5px 10px; background-color: #ffffff; font-size: 0.80em; line-height: 1.30em; border: 1px solid #cccccc; }

#text p.login {
	border-bottom: none; border-top: none; }

#text p.loginfirst {
	margin: 0px 100px 0px 40px; padding: 10px 10px 5px 10px; border-bottom: none; }

#text p.loginlast {
	margin: 0px 100px 0px 40px; padding: 5px 10px 10px 10px; border-top: none; }

#text p.formerror {
	background-color: #990100; color: #FFFFFF; }

#text p.errormessage {
	margin: 20px 60px 10px 40px; font-weight: bold; color: #990100; }

#text span.formtext {
	width: 100px; float: left; }

/*                                   */
/* addtext classes                   */
/*                                   */

div#addtext h2 {
	margin: 18px 32px 0px 32px; font-size: 13px; font-weight: bold; line-height: 18px; }

div#addtext p {
	margin: 0px 32px 18px 32px; font-size: 13px; color: #666666; line-height: 18px; }

div#addtext ul {
	margin: 0px 32px 18px 32px; font-size: 13px; color: #666666; list-style-type: none; }

div#addtext li {
	margin-top: 5px; }

/*                                   */
/* nexttopics classes                */
/*                                   */

div#nexttopics h3 {
	margin: 10px 32px 4px 32px; font-size: 13px; font-weight: bold; line-height: 18px; }

div#nexttopics p {
	margin: 0px 32px 4px 32px; font-size: 13px; line-height: 18px; }

div#nexttopics a {
	color: #004677; text-decoration: none; }

div#nexttopics a:hover {
	color: #0079c1; }


/*                                   */
/* contactfooter classes             */
/*                                   */

div#contactfooter p {
	margin: 0px 0px 0px 16px; padding: 10px 10px 10px 5px; color: #ffffff; font-size: 12px; background-color: #122c5b; }

div#contactfooter span {
	color: #b9a069; font-weight: bold; font-style: italic; margin-left: 10px; }

div#contactfooter a {
	text-decoration: none; color: #122c5b; }

div#contactfooter a:hover {
	color: #0071c1; }

/*                                   */
/* csfooter classes                  */
/*                                   */

div#csfooter p {
	margin: 0px 0px 0px 0px; text-align: right; font-size: 11px; }

div#csfooter a {
	text-decoration: none; color: #94cce3; text-decoration: none;}

div#csfooter a:hover {
	color: #ffffff; }

/*                                   */
/* startteaser classes               */
/*                                   */

div#startteaser div.teaser {
	display: inline; float: left; width: 200px; margin: 20px 1px 0px 0px; padding-bottom: 10px; background-color: #FFFFFF; }

div#startteaser div.first {
	margin-left: 20px; }

div#startteaser div.teaser h2 {
	padding: 7px 5px 7px 20px; background-color: #8f8f8f; color: #ffffff; font-size: 13px; font-weight: bold; background-image: url(../images/teaserheader_bg.gif); background-repeat: repeat-x; }

div#startteaser div.teaser p {
	padding: 10px 20px 0px 20px; background-color: #ffffff; font-size: 12px; }

div#startteaser a {
	text-decoration: none; color: #0079c1; text-decoration: none;}

div#startteaser a:hover {
	color: #122c5b; }