@charset "UTF-8";
/* CSS Document */
/* Globale Styles */
* {
	margin: 0px;
	padding: 0px;
}

body {
	background-color: #ffffff;
	width: 100%;
	height: 100%;
	margin: 0px;
	padding: 0px;
	font-size: 100%;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #000;
	background: transparent url(../img/header_bg.gif) left top repeat-x;	
    	outline-color: transparent !important;
    	outline-width: 0;
}

#homelink {
    	width: 330px;
    	height: 40px;
    	text-indent: -1000px;
    	position: absolute;
    	left: 50px;
    	top: 27px;
}

p, li, dd, dt, th, td, blockquote, fieldset, label {
    	font-size:75%;
    	line-height: 145%;
}

#contentFrame p, #contentFrame ul { 
	margin-bottom: 1em;
}

#contentFrame p {
	margin-bottom: 1.5em;
}

/* prevent Cascading Font-Size MSIE */
li ul li, table table td, table table th, fieldset label {
    	font-size: 100% !important;
}

p {
	margin: 0;
	margin-bottom: 0.5em;
}

img {
	border: none;
}

br {
	height: 10px;
}

h1, h2, h3, h4, h5, h6, legend {
    color: #013476;
}

h1 {
    font-weight: bold;
    font-size: 112.5%;
    margin-bottom: 20px;
}

div.csc-header h1 {
    padding-left: 0px;
}

div.csc-header h4 {
   margin-bottom: 1em; 
}


h2 {
    font-size: 87.5%;
    /* color: #000; */
    margin-bottom: 1.5em;
}

h2.sectionheader,
h3.sectionHeader,
.csc-header h3 {
    font-size: 62.5%;
    color: #013476;
    text-transform: uppercase;
    margin: 4em 0 0.5em 0;
    border-bottom: 1px solid #D9D9D9;
}

h3 {
    font-size: 75%;
    color: #013476% !important;
    margin-bottom: 0.5em;
}

h4 {
    color: #013476;
    font-size: 75%;
}

h5 {
    font-size: 75%;
    color: #000;
    margin-bottom: 0;
}

h6 {
	font-weight: normal;
    	font-style: italic;
    	color: #000;
    	margin-bottom: 0.5em;
}

#contentFrame ul {
    	list-style: square outside;
	margin: 0 0 0 15px;
	padding: 0;
}

#contentFrame ol {
    margin: 0 2em;
    padding: 0 2em;
}

#contentFrame #pagecontent h1 { /*margin-left: 10px;*/ }

#contentFrame #pagecontent div h1 { margin-left: 0; }

a:link,
a:visited {
	color: #013476;
    	outline-color: transparent !important;
    	outline-width: 0;	
}

a.h2 {
	font-weight: bold;
	text-decoration: none;
}

a:hover { color: #6AACDA; }

/* Bereich Produkte: per Sitemap generierte Listen für Aufklärungsbögen */
p.sitemapList a {
	display: block;
	padding-left: 8px;
	background: transparent url(../img/sitemap_pfeil.gif) 0px 6px no-repeat;

}

/* Bereich Produkte: manuell generierte Listen */
a.sitemapListLink {
	padding-left: 8px;
	background: transparent url(../img/sitemap_pfeil.gif) 0px 4px no-repeat;
}



/* Bild-CSS, durch Typo3 vordefiniert */
.csc-textpic,
.csc-textpic-intext-left-nowrap {
    /*border-top: 1px dotted red;
    border-bottom: 1px dotted red;*/
    overflow: hidden;
}

.csc-textpic-clear { clear: none; display: none; }

div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
	font-size: 65%;
	font-style: italic;
}

div.csc-textpic-left div.csc-textpic-imagewrap {
float:left;
}


/* Formulare */
form {
	margin: 0;
	padding: 0;
	color: #333333;
	/* font-size: 11px; */
}

fieldset {
	padding: 1em;
}

form span.required {
	color: #CC0000;
}

.tx-thmailformplus-pi1 input, .tx-thmailformplus-pi1 select {
	background: transparent url(../img/field_bg.gif) left top no-repeat;
	height: 16px;
	border: 1px solid #ccc;
	border-top-width: 0px;
	border-left-width: 0px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left: 2px;
	color: #000;
	font: normal 11px/21px Verdana, Arial, Helvetica;
}

select {
	height: 20px;
}

textarea {
	background: transparent url(../img/field_bg.gif) left top no-repeat;
	border: 1px solid #ccc;
	border-top-width: 0px;
	border-left-width: 0px;
	margin: 0;
	padding: 0;
	padding-top: 4px;
	padding-left: 2px;
}

textarea.height_200 {
	height: 200px;
}

div.twoCols input,
div.twoCols select,
div.twoCols textarea {
	width:100%;
}

div.formLine {
	clear: both;
	display: block;
	width: 98%;
	padding-bottom: 8px;
}

div.formSubmitLine {
	clear: both;
	display: block;
	width: 98%;
	padding-top: 10px;
	padding-bottom: 8px;	
	text-align: left;
}

/* Suchfeld im Header */
#search {
	display: block;
	height: 25px;
	/*width: 937px;*/
	margin-top: 14px;
	text-align: right;
	vertical-align: middle;
}

#search input {
	width: 230px;
	margin-left: 10px;
	background: transparent url(../img/field_bg.gif) no-repeat scroll left top;
	border-color: #CCCCCC;
	border-style: solid;
	border-width: 0 1px 1px 0;
	color: #000000;
	font-family: Verdana,Arial,Helvetica;
	font-size: 11px;
      	height: 16px;
	line-height: 21px;
	margin: 0;
	padding: 4px 0 0 2px;	
}

.tx-thmailformplus-pi1 .submit, #search input#searchSubmit { 
    /*border-top: 1px solid #E0E5CD;
    border-right: 1px solid #E0E5CD;
    border-bottom: 1px solid #627FA8;
    border-left: 1px solid #627FA8;
    */
    border: 0 none;
    outline: 0 none;
    background: transparent url(../img/search_button_bg.gif) repeat-x;
    height: 22px;
    line-height: 22px;
    padding: 0 10px 3px !important;
    margin: 0;
    cursor: pointer;
}

input#searchSubmit {
    width: 60px;
    margin: 0;
}

/* Submit-Button für GoogleMaps-Form */
input#el3_submit {
	padding: 0px 5px !important;
	background: transparent url(../img/newsletter_button_bg.gif) center center no-repeat;
	border: 0 none;
	outline: 0 none;
	height: 22px;
	width: 142px;
	cursor: pointer;
}

/* Submit-Button für Kontaktformular */
.formSubmitLine .submit {
    	width: 80px;
    	background: transparent url(../img/form_button_bg_80.gif) center center no-repeat;
}

div.submitContainer {
	height: 21px;
	vertical-align: middle;
	border: 1px dotted red;
}
/* Formulare - Ende */




/* Floating clearen */
.clearFloat {
	height: 1px;
	line-height: 1px;
	clear: both;
}

/******************************/
/* Clearing - do not modify */
/**************************/

.floatholder { overflow:hidden; }

.clerasil:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

.clerasil { display: block; }
/* Floating clearen - Ende */



.contentWrapper {
	clear: left;
	float: none;
	display: block;
	border: 1px solid #fff;
}

.wrapper_5 {
	padding: 5px;
}

.wrapper_10 {
	padding: 5px;
}

.wrapperLeft_10 {
	padding-left: 10px;
}

.wrapperLeft_20 {
	/* padding-left: 20px; */
	padding-top: 5px;
}

div.twoCols {
	float: left;
	width: 48%;
}

div.threeCols {
	display: block;
	float: left;
	width: 32%;
	font-size: 62.5%;
	padding-right: 2px;
}


div.fourCols .csc-textpic-image {
	float: left;
	clear: none !important;
	display: block;
	width: 24% !important;
	font-size: 9px;
	color: #666666;
	text-align: center;
}

div.fourCols dd {
	font-size: 100%;
}

/*
.csc-textpic-imagewrap {
	width: 100% !important;
}
*/

#startPage div.fourCols {

}

div.floatRight {
	float: right;
	text-align: left;
}

div.borderLeft {
	background: transparent url(../img/border_dotted_vertical.gif) left top repeat-y;
	padding-left:5px;
}

div.textLine {
	padding-bottom: 16px;
}

div.borderTop {
	border-top: 1px solid #ccc;
	padding-top: 16px;
}


div.getMore,
div.getMore a {
	text-align: right;
	border: 0px dotted red;
}

#startPage div.getMore a {
	font-weight: bold;
	text-decoration: none;
}



/* Produkt-Listen */
.listHead {
	height: 25px;
	font: 700 12px/25px Verdana, Arial, Helvetica;
	margin-bottom: 10px;
	margin-top: 10px;
}

.listLine {
	clear: both;
	display: block;
	margin-bottom: 20px;
	padding-bottom: 10px;
	border-top: 1px solid #d9d9d9;
}

.listLine h3 {
	font-size: 100%;
	font-weight: bold;
	line-height: 20px;
	margin-top: 10px;
}

.listLine p {
	margin-bottom: 7px;
}


.listLine ul {
	 float: left;
	 padding: 0 !important;
	 margin: 0 !important;
}

.listLine ul li {
	float: left;
	list-style-type: none;
}

.listLine li.price {
	font-weight: bold;
	line-height: 21px;
	width: 300px;
	vertical-align: middle;
}

.listLine li.button {
	text-align: right;
	padding-left: 20px;
}
/* Listen - Ende */



/* Boxen */
.outerBox {
	float: none;
	display: block;
	background: transparent url(../img/box_bg_content.gif) bottom left no-repeat;
	/* height: 100%; clear: both; */
}



.innerBox { 
	display: block;
	border: 1px solid #D9D9D9;
	padding-left: 9px;
	padding-top: 5px;
	padding-right: 9px;
	margin-left: 10px;
}

.innerBox h2 {
    font-size: 62.5%;
    color: #013476;
    text-transform: uppercase;
}

#leftFrame div.innerBox {
	margin-left: 9px;
}

#contentFrame div.innerBox {
	padding-bottom: 9px;
}

.noTopBorder {
	border-top-width: 0px; 
	overflow: hidden;
}

.box_small_header_border {
	background: transparent url(../img/box_small_header.jpg) left top no-repeat;
	height: 9px;
	line-height: 9px;
	margin: 0;
	border-right: 1px solid #D9D9D9;
}

.box_big_header_border {
	background: transparent url(../img/box_big_header.jpg) 2px top no-repeat;
	height: 9px;
	line-height: 9px;
	margin: 0;
	margin-left: 2px;
	margin-top: 0px;
	border-right: 1px solid #D9D9D9;
}

.box_footer {
	background: transparent url(../img/box_corner_bottom_right.gif) right top no-repeat;
	height: 10px;
	margin-top: 0px;
}
/*
#contentFrame .outerBox {
	width: 670px;
}
*/
/* Inhalts-Box (Content-Spalte) */
#contentFrame .box { margin-bottom: 20px; padding: 15px 0; overflow: hidden; }

#contentFrame .box h3 {
	font-size: 16px;
	padding: 0 15px;
	color: #013476;
}

#contentFrame .box .wrapper { padding: 0 15px; }

#contentFrame .noBGColor  { background-color: transparent; }
#contentFrame .noBGColorBorder { background-color: transparent; border: 1px solid #D9D9D9; }
#contentFrame .greyBGColor { background-color: #F3F3F3; }

body.DioMED #contentFrame .box h3 { color: #009791; }

#contentFrame .box ul {
    	/*list-style-image: url(../img/box_bullet.gif);*/
    	margin: 0;
	padding: 0; 
	list-style-type: none;
}

#contentFrame .box ul li {
    	background: transparent url(../img/box_bullet.gif) left 5px no-repeat;
    	padding: 0 0 0 20px; 
}

body.DioMED #contentFrame .box ul li {
    	background-image: url(../img/diomed_box_bullet.gif);
}

#contentFrame .box ul li { margin-top: 6px; }




/* NEU */
#teaser .outerBox { margin-bottom: 20px; }

#teaser .simpleBorder,
#teaser .noBorder { margin-bottom: 24px; }

#teaser .simpleBorder { 
	position: relative;
	background: transparent url(../img/box_bg_content.gif) bottom left no-repeat; 
}

#teaser .simpleBorder .innerBox { 
	position: relative;
	margin-top: -9px; 
	border-top: 1px solid #D9D9D9; 
	background-color: #FFFFFF; 
}

#teaser .noBorder .innerBox { 
	border-width: 0; 
	background-color: #C3DEF0; 
	overflow: hidden;
} 

body.DioMED #teaser .noBorder .innerBox { background-color: #CCEAE9; }

#teaser .noBorder .box_small_header_border, 
#teaser .noBorder .box_footer { display: none; }

#teaser .simpleBorder img { 
	position: relative;
	left: -10px; 
	top: -5px; 
}

#teaser p.bodytext { font-size: 11px; margin-bottom: 0; }

#teaser h3,
#teaser p.bodytext .special { color: #CC0000; }

#teaser h3 {
    	font-size:65%;
	text-transform: uppercase;
}
#teaser h4 { 
	color: #013476;
	font-family: Tahoma;
     	font-size: 15px;
}





/* Toggle-Box */
#pagecontent .toggleContainer {
	margin-bottom: 3em;
}

#pagecontent .toggleContainer.withBorder {
    border: 1px solid #D9D9D9;
    padding: 10px;
}

#pagecontent .toggleContainer .toggleHeadline {
	font-size: 85%;
    	font-weight: bold;
    	color: #013476;
}

body.DioMED #pagecontent .toggleContainer .toggleHeadline { color: #009791; }

#pagecontent .toggleMenu {
    position: relative;
    height: auto;
    margin: 15px 0;
}
#pagecontent .toggleMenu H3.sectionHeader { 
	cursor: pointer; 
	background: transparent url(../img/toggle_icons.gif) -2px -2px no-repeat;
	padding-left: 18px;
        margin: 2em 0 1em;
	padding-bottom:4px;
	font-size:  75%;
	text-transform: none;
}

body.DioMED #pagecontent .toggleMenu H3.sectionHeader { 
	/*background-image: url(../img/diomed_toggle_icons.gif); */
	color: #009791;
}

#pagecontent .toggleMenu H3.active { 
   	background-position: -2px -102px;
}

#pagecontent .toggleMenu DIV { 
    	display: none;
	height: auto;
 }
#pagecontent .toggleMenu DIV.first { display: block; }

#pagecontent .toggleMenu ul {
    margin: 0 0 0 15px
    padding: 0;
}



/* Boxen - End */






/* Accordion */
#accordion {
   border: 1px solid #D9D9D9;
   border-top-width: 0px; 
   margin-bottom: 20px;
}

#accordion h3 {
    min-height: 60px;
    background: #FFFFFF url(../img/accordion_tab_bg.png) left top no-repeat;
    display: block;
    padding-top: 10px;  
    margin-bottom: 0;  
    cursor: pointer;
    outline-color: transparent !important;
    outline-style: none !important;
    outline-width: 0px !important;
}

body.DioMED #accordion h3 { min-height: 70px; }

#accordion h3.ui-state-active { cursor: default; }

#accordion h3 span {
    color: #013476;
    font-size: 16px;  
    display: block;  
    width: auto;    
    float: left;    
    margin-left: 10px;
    padding-top: 15px;
}

#accordion h3 span.documentIcon,
#accordion h3 span.softwareIcon,
#accordion h3 span.multimediaIcon {
    width: 50px;
    height: 50px;
    padding: 0;
    background: transparent url(../img/accordion_icons.png) 0 0 no-repeat;
}

#accordion h3 span.softwareIcon   { background-position: -50px 0; }
#accordion h3 span.multimediaIcon { background-position: -100px 0; }

#accordion .ui-icon { display: none; }

#accordion .ui-accordion-content {
    margin-bottom: 0;	
}

#accordion .ui-accordion-content .wrapper { padding:0 10px 10px 70px; }

#accordion p {
    color: #666666;
    margin-bottom: 0;
    
}


#accordion div.jumpmenu {
    margin: 10px 0 20px;
}

#accordion div.jumpmenu form {
    color: #666666;
    font-size: 12px;
}

#accordion div.jumpmenu input {
    color: #666666;
    font-size: 11px;
    border: 0 none;
    cursor: pointer;
    background: transparent url(../img/submit_button_jumpmenu.jpg) center center no-repeat;
    width: 44px;    
    height: 22px;
    text-align: center;
    text-transform: uppercase;
    color: #000000;
    font-weight: bold;
}

#accordion select#jumpMenu { border: 1px solid #C6C7C9; }

.boxShadow {
    background: transparent url(../img/box_bg_content.gif) left bottom no-repeat;
    display: block;
    margin-bottom: 20px;
    margin-left: -10px !important;
}

.boxShadow .boxShadowTop {
    background: transparent url(../img/shadow_corner_top_left.jpg) left top no-repeat;    
    width: 10px;
    height: 10px;    
    float: left;
}

.boxShadow #accordion { margin-left: 10px; margin-bottom: 0; }

.boxShadow .boxShadowFooter {
	background: transparent url(../img/box_corner_bottom_right.gif) right top no-repeat;
	height: 10px;
	margin-top: 0px;
}


/* Accordion - special Styles */
/*body.DioMED #accordion h3 { background: transparent url(); border-top: 1px solid #CCCCCC; }*/
body.DioMED #accordion h3 span { color: #009791; }

body.DioMED #accordion h3 span.documentIcon,
body.DioMED #accordion h3 span.softwareIcon,
body.DioMED #accordion h3 span.multimediaIcon { 
	background-image: url(../img/diomed_accordion_icons.gif); 
}
/*
body.DioMED #accordion h3 span.softwareIcon   { background-position: -61px 0; }
body.DioMED #accordion h3 span.multimediaIcon { background-position: -122px 0; }
*/
/* Accordion - Ende */




/* Content Accordion */

.accordionContent {
    border: 1px solid #CCCCCC;
    border-top-width: 0;
    margin-bottom: 3em;
}

.accordionContent h3 {
    /*border-top: 1px solid #CCCCCC;*/
    background: transparent url(/fileadmin/templates/img/accordion_tab_bg.png) 0 0 repeat-x;
    line-height: 20px;
    cursor: pointer;
    outline: 0px none;
    padding: 10px 4px 4px 10px;  
}

.accordionContent h3 span {
	background: transparent url(../img/toggle_icons.gif) -2px 2px no-repeat;
	padding-left: 18px;
	color: #013476;
	display: block;
}

.accordionContent h3.ui-state-active span { background-position: -2px -100px; }

body.DioMED .accordionContent h3 span { 
	/* background-image: url(../img/diomed_toggle_icons.gif); */
	color: #009791; 
}

.accordionContent h3 span.ui-icon { display: none; }

.accordionContent .wrapper { padding: 10px 10px 10px 28px; }
/* Small Accordion */




/* Spezial-Boxen */
table.subnavigation {
	width: 100%;
	margin-bottom: 10px;
}

td.selectBox {
	width: 48%;
	border: 1px solid #ccc;
	min-height: 50px;
	padding: 1px;
	vertical-align: top;
}

td.arrowBox {
	width:20px;
	background: transparent url(../img/arrow_selection.gif) center center no-repeat;
}

.selectBox a {
	display: block;
	margin: 0;
	padding: 2px;
	padding-left: 6px;
	font: normal 12px/14px Verdana, Arial, Helvetica;
	color: #000 !important;
	text-decoration: none;
}

.selectBox a:hover {
	background-color: #9BD9E8;
}

.selectBox a.selected {
	background-color: #D7F0F6;
	font-weight: bold;
}

div.suvnavigation {
	width: 100%;
	margin-bottom: 0px;
	height: 100px;
}


div.selectBox {
	float: left;
	width: 47%;
	border: 1px solid #D9D9D9;
	height: 96%;
	padding: 1px;
	vertical-align: top;	
	overflow: auto;
}

div.arrowBox {
	float: left;
	width:20px;
	height: 100%;
	background: transparent url(../img/arrow_selection.gif) right center no-repeat;
}

div.floatRight {
	float: right;
}


/* NEU */
/*
div.subnavigation {
	width: 100%;
	margin-bottom: 10px;
	height:110px;
	background: transparent url(../img/arrow_selection.gif) center center no-repeat;
}
*/

div.subnavigation {
	height:100px;
	margin-bottom:0;
	width:100%;
}

/* Spezial-Boxen - Ende */








/* Spezielle Styles */
#page {
	width: 940px;
	height: auto;
}


/* Kopf-Bereich */
#header {
	height: 141px;
	/*width: 985px;*/
	background: transparent url(../img/header.jpg) left top no-repeat;
}

#header h1 {
	float: left;
	font-size: 100%;
	margin-left: 22px; 
	line-height: 54px;
}

#header #topnavigation,
#header #topnavigation2,
#header #search { padding-right: 10px; }


/* Menüleiste 1 */
#topnavigation, #menuline1 {
	/*width:  937px;*/
	height: 27px;
	border: 0px dotted red;
	text-align: right;
	vertical-align: middle;
}

#topnavigation a,
#topnavigation span {
	color: #ffffff;
	text-decoration: none;
	font-size: 11px;
	line-height: 25px;
}

#topnavigation a:hover {
	color: #9BD9E8;
}

#topnavigation #langSwitcher {
    float: left;
    margin-left: 62px;
    color: #FFFFFF;
    font-size: 10px;
}

#topnavigation #langSwitcher span { color: #FFFFFF; cursor: default; }



#menuline2 {
	line-height: 40px;
	font-size: 68.75%;
	font-weight: bold;
	text-align: right;
}

#menuline3 {
	height: 54px;
	margin-left: 40px;
}


/* Topmenu 2 */
#topnavigation2 {
    height: 40px;
    line-height: 40px;
    text-align: right;
    font-size: 75%;
    font-weight: bold;
    
}

#topnavigation2 a { 
	text-decoration: none; 
	margin: 0 4px; 
	font-weight: bold;
}

#topnavigation2 a:hover,
#topnavigation2 a.selected { color: #FFFFFF; }
/* Kopf-Bereich - Ende */





/* Breadcrumb Navigation */
#bc {
        font-size: 90%;
        height: 25px;
	margin-left: 40px;
	margin-top: -10px;
	width: 880px;
	border-bottom: 1px solid #D9D9D9;
}

#bc ul li {
    display: inline;
}

#bc a:link, #bc a:visited, #bc a:hover { color: #000000; text-decoration: none; }
#bc a:hover { text-decoration: underline; }

#bc a.selected:link, #bc a.selected:visited, #bc a.selected:hover {
	font-weight: bold;
	text-decoration: none;
}

/* Breadcrumb Navigation - Ende */





#middleFrame {
	width: 920px;
	min-height: 600px;
	margin-top: 5px;
	display: block;
}


/* Div für Strich senkrecht am oberen Rahmen */
#BCBorderVert {
    position: absolute;
    top: 157px;
    left: 40px;
    height: 32px;
    width: 1px;
    background-color: #D9D9D9;
    z-index: 100;
    zoom: 100%;
} 


/* Linke Seite */
#leftFrame {
	float: left;
	width: 259px;
	width: 220px;
	min-height: inherit;
	margin-right: 30px;
}

body.ThiemeCompliance #leftFrame {
    margin-right: 30px;
}


/* Navigation 1 */
#navigation, 
#navigation2 {
	display: block;
	width: 229px;
	width: 190px;
	float: right;
}



#navigation div.innerBox {
	padding: 0;
}

a#navLogo {
    display: block;
    height: 76px;
    width: 180px;
    overflow: hidden;
}

body.DioMED a#navLogo { background: transparent url(../img/diomedMenuHead.gif) center center no-repeat; }

#navigation ul {
	margin: 0 auto;
	padding: 0;
	/*width: 219px;*/
	text-align: left;
	display: block;
}

#navigation ul li {
	display: block;
	list-style: none;
	vertical-align: middle;
    	font-size: 75%;
	line-height: normal;
	border-top: 1px solid #D9D9D9;
	padding: 1px;
}

/* ersten Border ausblenden */
#navigation ul li:first-child {
	border-top: none !important;
}

#navigation ul li.first {
	border-top: none !important;
}

#navigation ul li.first a {
	padding: 0 !important;
}

#navigation ul li a,
#navigation ul li span {
	display: block;
	text-decoration: none;
	font-weight: bold;
	padding-top: 8px;
	padding-bottom: 10px;
	padding-left: 16px;
}

#navigation ul li span {
	cursor: default;
}


/* geöffnetes Menu */
#navigation ul li.active {
	background-color: #FFF; /* D7F0F6 */
	padding: 0;
	margin: 0;
	/*border-right: 1px solid #D9D9D9;*/
}

#navigation ul ul,
#navigation ul ul ul {
	padding: 0px;
	/*background-color: #FFF;  #D7F0F6;
	width: 218px;
	border-right: 1px solid #D9D9D9; */
}

#navigation ul ul li {
	display: block;
	border: none ;
	padding: 0px;
	padding-left: 10px;
}


#navigation ul ul li a {
	display: block;
	font-weight: normal;
	padding-top: 0px;
}

#navigation ul ul li span {
	font-weight: bold;
	padding-top: 0px;
}
/* Navigation 1 - Ende */




/* Navigation 2 */
#navigation2 .outerBox { margin-bottom: 19px; }

#navigation2 .innerBox { padding-bottom: 10px; }

#navigation2 ul li { list-style: none; }

#navigation2 ul.mainmenu li {
    font-size: 10px;
    line-height: 18px;
    font-weight: bold;
    text-transform: uppercase;    
    border: 0 none;
    color: #013476;
    cursor: default;
}

#navigation2 ul.mainmenu li a { text-decoration: none; }

#navigation2 ul.submenu li,
#navigation2 ul.submenu li a {
    line-height: 14px;
    color: #000000;
    font-size: 11px;
    font-weight: normal;
    text-transform: none;
    text-decoration: none;
    padding: 0;
    margin-top: 6px;
}

#navigation2 ul.submenu li a:hover { color: #6AACDA; }

body.DioMED #navigation2 ul.submenu li a:hover { color: #009791 !important }

#navigation2 ul.submenu li.active a { font-weight: bold; }

#navigation2 a { text-decoration: none; }

#navigation2 ul.submenu ul.hidden { display: none; }

body.tcCom #navigation2 .mainmenu { position: relative; top: -40px; }
/* Navigation 2 - Ende */






/* Newsletter */
#newsletter {
	margin-top: 10px;
	margin-left: 10px;
	float: right;
	width: 180px;
	color: #000000;
	background: #F0F7FB url(../img/newsletter_bg.jpg) 25px 10px no-repeat;
	padding-top: 77px;
}

body.DioMED #newsletter { background: #EDF8FD url(../img/diomed_newsletter_bg.jpg) 25px 10px no-repeat; }

#newsletter .innerBox { 
    margin: 0px;
    border: 0 none;
    padding: 10px;
}

#newsletter .innerBox h2 { color: #013476; }
body.DioMED #newsletter .innerBox h2 { color: #013476 !important; }

#newsletter a {
    display: block;
    width: 142px;
    height: 22px;
    background: #EDF8FD url(../img/newsletter_button_bg.gif) center center no-repeat;
    color: #000000;
    line-height: 22px;
    margin-top: 10px;
    text-align: center;
    text-decoration: none;
}

#newsletter a:hover { color: #666666; }

body.DioMED #newsletter a { background-image: url(../img/newsletter_button_diomed_bg.gif); }

#newsletter input {
	width: 130px;
}
/* Newsletter - Ende */


/* getAcrobat */
#getAcrobat {
	width: 219px;
	margin-top: 20px;
	margin-bottom: 40px;
	float: right;
	font-size: 11px;
	color: #666666;
}

#getAcrobat a {
	color: #666666;
}
/* getAcrobat - Ende */
/* Linke Seite - Ende */



/* Content-Bereich */
#contentFrame {
	float: left;
	display: block;
	border: 0px dotted red;
	width: 660px;
	min-height: inherit;
}


#stage {
	height: auto;
	min-height: 144px;
	width: 670px;
	/*background: transparent url(../img/pcom_start_pic.jpg) right top no-repeat;*/
	background: transparent url(../img/subpage_01.jpg) right top no-repeat;
	margin-bottom: 30px;
	/*padding-left: 10px;*/
	overflow: hidden;
	text-align: right;
	
}

body.DioMED #stage {
 	background: transparent url(../img/subpage_01.jpg) right top no-repeat;
}

.stageImage { margin-bottom: 10px; }
.stageImage .outerBox img { position: relative; margin-top: -10px; }  
.stageImage .box_big_header_border { background-position: 0 0; }

#stageSlider { float: right; }

#pagecontent { 
	/*width: 470px; */
	padding-left: 10px;
        width: 460px;
}


.noTeaser #pagecontent { width: 660px; }

/*
#pagecontent div,
#pagecontent p { margin-left: 10px; }

#pagecontent div div,
#pagecontent p p,
#pagecontent div p,
#pagecontent div.outerBox { margin-left: 0; }

#pagecontent div.outerBox div.innerBox,
#pagecontent div.outerBox div.box_footer  { margin-left: 10px; }
*/

#pagecontent div.outerBox { margin-left: -10px; }


#startPic {
	height: 187px;
	background: transparent url(../img/pcom_start_pic.jpg) 3px top no-repeat;
	border-right: 1px solid #D9D9D9;
}

#startPage div.innerBox {
	height: 110px;
}





/* NEU Stage-Slider */
#stage #sliderNav {
    background: transparent url(../img/slider_nav_bg.png) 0 0 no-repeat;
    height:40px;
    padding-left: 16px;
    padding-top: 16px;
}

#stage ul#sliderNav li,
#stage div#sliderNav a {
    display: block;
    float: left;
    width: 32px;
    height: 22px;
    line-height: 22px;
    text-align: center;
    background: transparent url(../img/slider_nav_item_bg.png) 0 0 no-repeat;
    font-size: 11px;
    font-weight: bold;
    font-family: Verdana, Arial, Helvetica;
    color: #000000; 
    text-decoration: none;
    margin-right: 10px;
}

#stage div#sliderNav a:hover,
#stage div#sliderNav a.activeSlide {
    background-image: url(../img/slider_nav_item_active_bg.png);
}

.ProCompliance #stage #sliderNav { background-image: url(../img/proC_slider_nav_bg.png); }
.proCompliance #stage ul#sliderNav li,
.ProCompliance #stage div#sliderNav a { background-image: url(../img/proC_slider_nav_item_bg.png); }
.ProCompliance #stage div#sliderNav a:hover,
.ProCompliance #stage div#sliderNav a.activeSlide { background-image: url(../img/proC_slider_nav_item_active_bg.png); }
/* Content-Bereich - Ende */




/* Teaser */
#teaser { 
	float: right; 
	width: 190px;
	height: auto; 
}

#teaser div.jumpmenu form {
    color: #666666;
    font-size: 12px;
}

#teaser select#jumpMenuTeaser { border: 1px solid #C6C7C9; width: 160px; }

#teaser div.jumpmenu form input.jumpMenuButton {
	background: transparent url(../img/newsletter_button_bg.gif) no-repeat scroll center center;
	color: #000000;
	height: 22px;
	line-height: 22px;
	text-align: center;
	width: 142px;
	border: 0 none;
	outline: 0 none;
	margin-top: 4px;
}

body.DioMED #teaser div.jumpmenu form input.jumpMenuButton { background-image: url(../img/newsletter_button_diomed_bg.gif); }
/* Teaser - Ende */




/* Seitenende */
#pageEnd {
	float: none;
	clear: both;
	display: block;
	height: 30px;
	width: 880px;
	margin-left: 40px;
	margin-top: 40px;
	border-left: 1px solid #D9D9D9;
	border-bottom: 1px solid #D9D9D9;
	text-align: right;
}



#pageEnd a {
	font-size: 68.75%;
	color: #666;
	text-decoration: none;
	background: transparent url(../img/arrow_top.gif) left top no-repeat;
	padding-left: 16px;
}

#pageEnd a:hover {
	color: #9BD9E8;
}
/* Seitenende - Ende */




/* Footer-Bereich */
#footer {
	float: none;

	clear: both;
	display: block;
	width: 900px;
	margin-left: 40px;
	height: 25px;
	vertical-align: middle;
	border: 0px dotted red;
	padding-top: 10px;
	padding-bottom: 20px;
	font-size: 75%;
}

#footer a {
	border-left: 1px solid #000;
	padding-left: 10px;
	padding-right: 10px;
}
/* Footer-Bereich - Ende */








a.pdfButton,
a.zipButton {
	display: inline-block;
	background: transparent url(../img/pdf_button.gif) left center no-repeat;
	padding-left: 24px;
	line-height: 21px;
}

a.zipButton { background-image: url(../img/zipfile.gif); }

a.orderButton {
	display: block;
	background: transparent url(../img/order_button.jpg) left center no-repeat;
	padding-left: 40px;
	line-height: 21px;
}




/* Diomed */

.DioMED #pagecontent h1,
.DioMED .innerBox h2,
.DioMED #pagecontent h2,
.DioMED .csc-header h2,
.DioMED h2.sectionheader,
.DioMED h2.sectionheader,
.DioMED #pagecontent h3,
.DioMED .csc-header h3,
.DioMED .listLine h3,
.DioMED #pagecontent h4,
.DioMED #pagecontent h5,
.DioMED #pagecontent h6 {
	color: #009791 !important;
}

.DioMED #teaser .innerBox h2 { color: #013476 !important; }

/* excluded: 
.DioMED a:link,
.DioMED a:visited,
.DioMED #navigation ul li a,
.DioMED #navigation ul li span,
*/

.DioMED a:hover {
    color: #009791;
}

.DioMED #header {
	background-image: url(../img/header.jpg);
}


.DioMED div.box_small_header_border {
	background-image: url(../img/diomed_box_small_header.jpg);
}


.DioMED div.box_big_header_border {
	background-image: url(../img/diomed_box_big_header.jpg);
	background-position: 0 top;
}

.DioMED #startPic {
	background-image: url(../img/diomed_start_pic.jpg);
	height: 186px;
}

.DioMED #startPage div.innerBox {
	height:120px;
}

.DioMED div.textLine a {
	font-weight: bold;
}

.DioMED div.textLine a.h2 {
	color: #009791;
	font-size: medium;
	font-weight: normal;
	line-height: 145%;
	margin-bottom: 0px;
	display: block;
}


.smallFont {
	font-size: x-small;
}

.DioMED div.diomedDigital {
	background: transparent url(../pics/diomed_digital.jpg) center top no-repeat;
	height: 80px;
}

.DioMED div.diomedWebClient {
	background: transparent url(../pics/diomed_webclient.jpg) center top no-repeat;
	height: 80px;
}

.DioMED div.diomedWebInfo {
	background: transparent url(../pics/diomed_webinfo.jpg) center top no-repeat;
	height: 80px;
}

.DioMED .selectBox a.selected {
	background-color:#D9EFEB;
}

.DioMED .selectBox a:hover {
	background-color: #EBF6F4;
}

.DioMED div.arrowBox {
	background-image: url(../img/diomed_arrow_selection.gif);
}

.DioMED .listLine {
	background: transparent url(../img/icon_bogen.jpg) 0 10px no-repeat;
	padding-left: 50px;
	min-height: 80px;
}

.DioMED .listLine ul li.price {}

.DioMED a.orderButton {
	background-image: url(../img/diomed_shop_cart.jpg);
}

/* Diomed neu */
.startPageIcon {
	height: 50px;
	text-align: center;
	padding-top: 80px;
	border: 0px dotted red;
}

.icon_01 {
	background: transparent url(../img/startpage_pic_01.jpg) center top no-repeat;
}
.icon_02 {
	background: transparent url(../img/startpage_pic_02.jpg) center top no-repeat;

}
.icon_03 {
	background: transparent url(../img/startpage_pic_03.jpg) center top no-repeat;
}

.startPageIcon a {
	text-decoration: none;
	font-size: small;
	font-weight: bold;
	color: #000000;
}

.selectBoxLink {
	background: transparent url(../img/diomed_icon_checked.gif) left 2px no-repeat;
	padding-left: 28px;
}





/* TopList */
dl,
#topList dl {
	width: 100%;
	height: auto;
	display:block;
	margin: 0;
	margin-bottom: 8px;
}

#topList dt, 

#topList dd {
	font-size: small;
	font-weight: bold;
}








#topList dt {
	float: left;
	padding: 0;
	padding-left: 4px;
	padding-right: 4px;
	margin: 0;
	margin-top: 2px;
	color: #fff;
	font-size: small;
	height: 16px;
	background-color: #009791;
}

#topList dd {
	float: right;
	margin:0;


	padding: 0;
	width: 270px;
	display:block;
}

#topList dd a.topListLink { 
	text-align: left;
	padding-left: 3px;
	display: block;
	text-decoration: none;
}

.mm_object {
	background: transparent url(../img/mm_object_placeholder.jpg) 0 0 no-repeat;
	width: 300px;
	height: 200px;
	margin-bottom: 5px;
}


/* Pager */




#pager {
	font-size: 68.75%;
}

#pager div.twoCols {
	width: 60%;
}

#pager div.floatRight {
	text-align: right;
	width: 38%;
}

#pager select {
	width: 130px;
}

#pager ul {
	list-style-type: none;
	padding: 0;
	margin: 0;
	float: left;
}

#pager ul li {
	float: left;
	margin-right: 4px;
	height: 20px;
	line-height: 20px;
	vertical-align: middle;
}

#pager ul li.description {
	font-weight: bold;
	margin-right: 8px;
}

#pager ul li.pages a,
#pager ul li.active {
	display: block;
	height: 20px;
	width: 20px;
	text-align: center;
	background-color: #CCCCCC;
	font-weight: bold;
	text-decoration: none;
}

#pager ul li.active {
	color: #ffffff;
	background-color: #009791;	
}

#pager ul li.forward {
	margin-left: 6px;
}

a.active {
    font-weight: bold !important;
    color: #6AACDA !important;
}

.DioMED a.active {
    color: #009791 !important;
}





/* ThiemeCompliance Styles */

.ThiemeCompliance #startPic {
    background: transparent url(../img/thiemecompliance_start_pic.jpg) 10px top no-repeat !important;
    height: 207px;
}

.ThiemeCompliance #startPic_conhIT {
	background-image: url(../img/stage_conhIT.jpg) !important;
	height: 197px;
}

.ThiemeCompliance #header {
	background-image: url(../img/header.jpg);
}

.ThiemeCompliance #searchLinkDiv {
	/*display: none;*/
}

.ThiemeCompliance h2.sectionheader {
	margin-top: 30px;
}

.ThiemeCompliance .logoProcompliance,
.ThiemeCompliance .logoDiomed {
	height: 150px; 
}

.ThiemeCompliance .logoProcompliance {
	background: transparent url(../img/logo_procompliance.gif) center center no-repeat;
}

.ThiemeCompliance .logoDiomed {
	background: transparent url(../img/logo_diomed.gif) center center no-repeat;
}

.ThiemeCommpliance #footer a#AGB {
	display: none;
}

.csc-textpic-imagewrap {
    width: auto !important;
}


/* News */

.news-single-timedata, .news-list-date, .news-latest-date {
	font-size: 70%;
}

.news-single-category {
	font-size: 70%;
	margin: 0 0 1em 0;
}

.news-single-item h3 {
	font-size: 75%;
	margin: 0 0 1em 0;
	line-height:140%;
	color: #000;
}

.news-single-related dd {
	font-style: italic;	
}

.news-single-backlink {
	font-size: 75%;
}

.news-list-morelink, .newsLatest .getMore {
	font-size: 75%;
	display: inline;
}

.news-list-item {
	margin: 0 0 1.5em 0;
}

.news-list-item h3, .newsLatest h3 {
	font-size: 85%;
	margin: 0.3em 0;
}

.newsLatest a img,
.news-list-item a img { 
	display: block;
	float: left;
	margin: 0 10px 10px 0;
}
 
.news-list-item p.bodytext { display: inline; }

.newsLatest h3 a:link, .newsLatest h3 a:visited, .news-list-item h3 a:link, .news-list-item h3 a:visited {
	text-decoration: none;
}



.tx-ttnews-browsebox p {
	float: right;
}

.tx-ttnews-browsebox td p {
	font-size: 100%;
	float: none;
}

.tx-ttnews-browsebox td {
	padding: 0.2em;
}

.tx-ttnews-browsebox table {
	float: left;
}

.newsLatest {
	margin: 1.5em 0;
}

.newsdetail {
	display: none;
}

.csc-form-fieldcell input {
  width: 100%;
}

td p {
  font-size: 100%;
}


/* Editorklassen */
.detail {
    color: #009791;
}

.name-of-person {
    color: #013476;
}

.important {
    color: #CC0000;
}