/* style.css */

/* @group Global */

body {
	margin: 0;
	padding: 0;
	font: 11px/1.3em Verdana, Arial, sans-serif;
	color: #000;
	line-height: 16px;
	background-image: url(../images/desomed/gradient-blue.jpg);
	background-color: #fff;
	background-repeat: repeat-x;
	background-position: 0px 113px;
}

ul {
	list-style-image: url(../images/desomed/green-dot.jpg);
	list-style-position: outside;
	margin-left: 18px;
	margin-bottom: 16px;
	margin-top: 0px;
}

div {
	text-align: left;
}

.padding {
	padding: 4px 25px;
}

br {
	clear: both;
	margin: 0;
	padding: 0;
}

br.clear { 
	clear: both;
	line-height: 0px;
	font-size: 0px;
	height: 0px;
	white-space:  nowrap;
}

.whiteBackground {
	background: white;
}

br.none {
	clear: none;
}

form {
	margin: 0;
	padding: 0;
}

a img {
	border: none;
}

a {
	cursor: pointer;
}

img {
	border: none;
}

img.float-left {
	float: left;
	margin-right: 15px;
	margin-bottom: 15px;
}

img.float-right {
	float: right;
	margin-left: 15px;
	margin-bottom: 15px;
}

input {
	font: 11px/1.4em Verdana, Arial, sans-serif;
	color: #5F6464;
}

select {
	font: 11px/1.4em Verdana, Arial, sans-serif;
	color: #5F6464;
}

#overlay {
	position: absolute;
	top: 0;
	left: 0;
	visibility: hidden;
	z-index: 5000;
}

/* @end */

#contentHome p {
	margin-bottom: 18px;
}

#contentHome .left {
	float: left;
	width: 500px;
	padding: 24px 0 100px 75px;
}

#contentHome .right {
	float: right;
	text-align: right;
	margin: 0 0 0 0;
	padding: 0 45px 0 0;
	z-index: 1000;
}

#contentHome .logoHome {
	float: right;
	margin: -202px 0 0 0;
	padding: 0 70px 0 0;
}

#headHome {
	width: 980px;
	height: 164px;
}

#headHome .top {
	padding-top: 0px;
	padding-left: 48px;
	height: 14px;
	float: left;
}

.homeInputOut {
	text-align: right;
	padding: 110px 25px 0 0;
}

.homeInput {
	width: 234px;
	border: 1px solid #617d95;
	background-color: #fff;
}

.homeDiv {
	padding: 20px 25px;
}

/* @group content */

#main {
	clear: both;
	width: 980px;
}

#head {
	width: 980px;
	height: 138px;
	float: left;
}

#head .top {
	padding-top: 50px;
	padding-left: 3px;
	height: 22px;
	float: left;
}

#head .top .topnavimage {
	margin-right: 0px;
	margin-left: 0px;
}

#head .top .active {
	margin-left: 2px;
}

#fullsite-line {
	clear: both;
	width:100%;
	position: absolute;
	left: 0;
	top: 72px;
	border-top: 1px solid #99cc66 !important;
	height: 30px;
}

.clear {
	padding-right: 15px;
}

#logo {
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: 280px;
}

.subNav {
	width: 330px;
	clear: both;
	float: left;
	margin: 0px;
}

.subNav .pagination {
	margin-top: 10px;
	text-align: right;
}

.subNav .pagination a {
	font-size: 10px !important;
	text-decoration: none;
}

.subNavItem {
	width: 100%;
	background: url('../images/desomed/bg-light_blue.jpg') repeat;
	margin-bottom: 20px;
}

.subNav #productListLinkContainer {
	position: absolute;
	margin-top: -22px;
	margin-bottom: 6px;
	margin-left: 210px;
	z-index: 99;
}

.subNav #productListLinkContainer a {
	font-size: 10px !important;
	color: #333 !important;
	text-decoration: none !important;
}

.subNav .productOpenerLink span {
	position: absolute;
	display: block;
	margin-left: -200px;
	margin-top: -5px;
	width: 190px;
	height: 24px;
	z-index: 99;
}

.subNav .navProducts {
	width: 312px;
	padding-bottom: 3px;
}

.subNav .navProducts a {
	border: 0;
	margin-top: 3px;
	display: block;
	float: left;
    margin-left: 3px;
}

.subNav .navProducts a img {
	height: 30px;
	border: 0;
	margin: 0;
	padding: 0;
}

div.nav {
	padding: 0px 10px;
}

.subNavMargin {
	margin-top: 5px;
}

.subNavMargin2 {
	margin-top: 8px;
	margin-left: 47px;
}

.subNavSearch {
	padding: 10px;
}

.subNavSearch a {
	text-decoration: none !important;
	font-size: 10px !important;
}

.subNavSearch .left {
	float: left;
	font-size: 10px;
}

.subNavSearch .right {
	float: right;
	font-size: 10px;
}

.subNavSearch .divider {
	line-height: 1px !important;
	height: 2px;
	border: none;
	background: #fff;
	margin: 8px 0 6px 0;
}

.subNavSearchSubmit {
	border: none;
	background: transparent;
	font-weight: bold;
	margin-left: 17px;
}

.subNavInput {
	width: 220px;
	background-color: #fff;
}

.content {
	width: 640px;
	background: #fff;
	border: 1px solid #9c9;
	float: right;
}

/* @group news */

.content .news1 {
	width: 100%;
	background: white;
	padding-top: 16px;
}

.content p, .content .news1 ul {
	margin-bottom: 18px;
}

.news1 .left {
	float: left;
	padding-top: 16px;
	width: 516px;
}

.news1 .left .top {
	padding-top: 25px;
}

.news1 .right {
	float: left;
	padding-top: 8px;
	width: 140px;
}

.floatRight {
	float: right;
}

.content .news2 {
	width: 656px;
	padding-left: 30px;
	padding-right: 46px;
	padding-top: 16px;
}

.decrease {
	width: 500px;
	height: auto;
	padding: 0;
	margin: 0;
}

.news2 .left {
	float: left;
	padding-top: 16px;
	width: 656px;
}

.news2 .left .top {
	padding-top: 25px;
}

.content .news3 {
	width: 656px;
	padding-left: 30px;
	padding-right: 46px;
	padding-top: 16px;
}

.news3 .left {
	float: left;
	padding-top: 16px;
	width: 356px;
}

.news3 .left .top {
	padding-top: 25px;
}

.news3 .right {
	float: right;
	padding-top: 8px;
	width: 290px;
}

.news3 .right .leftImg {
	margin-right: 10px;
}

.content .newsFull {
	width: 656px;
	padding-left: 30px;
	padding-right: 46px;
	padding-top: 16px;
}

.newsFull .left1 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 506px;
	padding-right: 10px;
}

.left1 .padding {
	padding-top: 8px;
	padding-bottom: 8px;
}

.newsFull .left1 .top {
	padding-top: 25px;
}

.newsFull .right1 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 140px;
}

.newsFull .left2 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 140px;
	padding-right: 10px;
}

.right2 .padding {
	padding-top: 8px;
	padding-bottom: 8px;
}

.newsFull .left2 .top {
	padding-top: 25px;
}

.newsFull .right2 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 506px;
}

.newsFull .left3 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 356px;
}

.newsFull .left3 .top {
	padding-top: 25px;
}

.left3 .padding {
	padding-top: 8px;
	padding-bottom: 8px;
}

.newsFull .right3 {
	float: right;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 290px;
}

.newsFull .right3 .leftImg {
	margin-right: 10px;
}

.newsFull .left4 {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 656px;
}

.left4 .padding {
	padding-top: 8px;
	padding-bottom: 8px;
}

.newsFull .left4 .top {
	padding-top: 25px;
}

.newsFullImg {
	margin-left: 23px;
	margin-top: 8px;
	margin-bottom: 8px;
}

.newsHSpacer {
	padding-left: 30px;
	padding-top: 14px;
}

/* @end */

.teaser {
	padding-left: 23px;
}

.teaser .left {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 140px;
	padding-right: 10px;
}

.teaser .right {
	float: left;
	padding-top: 8px;
	padding-bottom: 8px;
	width: 335px;
}

.teaser .text {
	width: 485px;
	padding-left: 105px;
	padding-top: 12px;
}

/* @group downloads */

.downloadsHeadline {
	margin-left: 16px;
	margin-bottom: 10px;
}

.downloadsTable {
	width: 100%;
	margin-bottom: 16px;
	padding: 0 16px;
	line-height: 16px;
}

.downloadsTable th.first, .downloadsTable td.first {
	padding-left: 16px;

}

.downloadsTable .pdfIcon {
	position: relative;
	width: 17px;
	height: 17px;
	margin-top: 3px;
}

.downloadsTable td {
	padding: 9px 0 17px 0;
}

.datasheetsTable {
	width: 100%;
	padding: 0 16px;
	margin-bottom: 16px;
}

.datasheetsTable th {
	padding-bottom: 10px;
}

.datasheetsTable tbody td {
	padding: 6px 0 6px 0;
}

.datasheetsTable tr.even {
	background-color: #eee;
}

.downloadsTable tr.even {
	background-color: #efefef !important;
}

.datasheetsTable .productName {
	padding-left: 6px;
}

.downloadsTable a {
	padding-left: 10px;
	font-size: 11px !important;
	text-decoration: none !important;
}

.downloadsTable a:hover {
	color: #666;
}

/* @end */

.news1 .padding .contentLinks {
	margin-left: 30px;
	margin-top: 16px;
	margin-bottom: 16px;
}

.news1 .padding .padding {
	margin: 16px 30px;
}

.padding .tipPadding {
	margin-bottom: 20px;
	padding: 20px;
}

.news1 .padding .padding a {
	text-decoration: none !important;
	font-size: 11px;
}

.news1 .padding .padding .left {
	float: left;
	width: 32px;
}

.news1 .padding .padding .right {
	float: left;
	margin-top: 7px;
	margin-bottom: 10px;
	width: 420px;
}


/* @group productShort */

.productShortLink {
	display: block;
	margin-top: 4px;
	font-style: italic;
	font-size: 11px !important;
	text-decoration: none !important;
	color: #333 !important;
}

.productShortLink:hover {
	color: #666 !important;
}

/* @end */



/* @group productLong */

.productLong {
	margin: 45px 0 0 50px ;
}

.productLong .bg {
	width: 526px;
	padding-top: 158px;
	background-repeat: no-repeat;
	background-position: top center;
}

.productLong .bgFollow {
	clear: both;
	width: 526px;
	margin-top: 15px;
}

.productLong .marginLeft {
	margin-left: 13px;
	width: 513px !important;
}

.productLong .main {
	clear: both; 
	margin-left: 13px;
	background-repeat: repeat;
	padding: 15px 30px 6px 30px;
}

.downsAndLinks {
	padding-bottom: 20px;
}

.mainTip {
	clear: both; 
	margin-left: 13px;
	background-repeat: repeat;
	padding: 5px 30px 20px 30px;
}

.tipHeadline {
	margin-top: 12px;
	margin-left: 15px;
	margin-bottom: 12px;
}

.productLong .mainLeftRight {
	clear: both;
	background-repeat: repeat;
}

.productLong .mainLeft {
	width: 249px;
	height: 120px;
	float: left;
}

.productLong .divider {
	width: 264px;
	background: #fff;
	float: right;
}

.productLong .mainRight {
	margin-left: 15px;
	min-height: 120px;
	background-repeat: repeat;
}

.productLong .mainLeftRight .headline {
	display: block;
	margin: 15px 0 8px 30px;
}

.productLong .padding {
	padding: 15px 20px;
	margin: 0 0 10px 0 !important;
}

.productLong p {
	margin-bottom: 16px;
}

.productLong .padding a {
	text-decoration: none !important;
	font-size: 11px !important;
}

.productLong .padding .left {
	float: left !important;
	margin-right: 10px !important;
}

.productLong .padding .right {
	float: left !important;
}

.pdfList a {
	text-decoration: none !important;
	font-size: 11px !important;
	margin-left: 6px;
}

.pdfList .headline {
	margin-bottom: 5px;
}

.pdfListItem {
	margin-top: 3px;
	margin-left: 30px;
}

.pdfListItem img {
}

.pointList img {
	clear:both;
	margin: 10px 8px 0 30px;
	display: block;
	float: left;
}

.pointList span {
	margin: 8px 0 2px 0;
	line-height: 14px;
	width: 160px;
	float: left;
	display: block;
}

.productLongTable {
	text-align: center;
	margin-top: 6px;
	font-size: 10px !important;
	border-spacing: 2px;
	border-collapse: separate;
}

.productLongTable th, .productLongTable td {
	font-size: 10px !important;
	padding: 0.5em 0.5em 0.5em 0.5em !important;
}

.linkBox {
	padding:  12px 0 0px 16px !important;
}

.landingImage {
	margin-bottom: 20px;
}

.landingTextImage {
	position: absolute;
	top: 165px;
	left: 50%;
	width: 440px;
}

.landingTextImage div {
	padding-left: 10px;
}

.landingTextImage img {
	margin-bottom: 16px;
}

.landingTextImage p {
	margin-bottom: 16px;
}

/* @end */

.pages {
	width: 590px;
	padding-top: 16px;
	padding-bottom: 16px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #617d95;
	text-align: right;
}

.footer {
	width: 978px;
	height: 33px;
	margin-top: 50px;
	background-image: url("../images/footer.jpg");
}

.footer .text {
	padding-top: 12px;
	padding-right: 10px;
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #fff;
	text-align: right;
}

/* @end */

/* @group fonts */

a:link, a:visited, a:focus, a:hover, a:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	color: #000;
}

a:hover {
	color: #333;
	text-decoration: none;
}

a.nav:link, a.nav:visited, a.nav:focus, a.nav:hover, a.nav:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 14px;
	font-weight: bold;
	text-decoration: none;
	margin-left: 14px;
	color: #9c9d9f;
}

a.nav:hover {
	font-weight: bold;
	color: #003882;
}

.pages a:link,.pages a:visited,.pages a:focus,.pages a:hover,.pages a.newsReadMore:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #617d95;
}

.pages a:hover {
	font-weight: normal;
	font-style: italic;
	color: #617d95;
	text-decoration: underline;
}

.top a.newsReadMore:link, .top a.newsReadMore:visited, .top a.newsReadMore:focus, .top a.newsReadMore:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 10px;
	font-weight: normal;
	font-style: italic;
	text-decoration: none;
	color: #000;
}

.top a.newsReadMore:hover {
	font-weight: normal;
	font-style: italic;
	color: #666;
}

a.searchResults:link, a.searchResults:visited, a.searchResults:focus, a.searchResults:hover, a.searchResults:active {
	font-family: Verdana, Arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	text-decoration: none;
	color: #666 !important;
}

a.searchResults:hover {
	font-weight: normal;
	color: #666 !important;
	text-decoration: underline;
}

a.greyLink {
	color: #000 !important;
}

.greyLink:hover {
	color: #666 !important;
}

h1 {
	font: 16px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #000;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h2 {
	font: 13px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #e9be3c;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h3 {
	font: 13px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #4ba84d;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h4 {
	font: 13px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #426bad;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

h5 {
	font: 13px Verdana, Arial, sans-serif;
	line-height: 18px;
	color: #666;
	font-weight: bold;
	margin: 0px;
	padding: 0px;
}

.hidden {
	visibility: hidden;
}



#anwendungsbereiche-headline {
	width: 154px;
	height: 29px;
	background: url('../images/desomed/anwendungsbereiche.png') bottom right no-repeat !important;
}

#anwendungsbereiche-headline span {
	display: none;
}

sup {
	font-size: .8em !important;
	line-height: 0px !important;
	vertical-align: super !important;
}

.floatLeft { float: left; margin-right: 20px; margin-bottom: 10px; }
.floatRight { float: right; margin-left: 20px; margin-bottom: 10px; }

/* @end */