/*

Notes:
- There is still a bug in IE MAC with margin bottoms of
  divs that contain floating elements. They seem to add
	up with every div, until e.g. the text besides an    
	image that floats right is offset downwards.

*/

/*                                                */
/* tags                                           */
/*                                                */
BODY,DIV,TD,TH,UL {
	font-family: verdana,arial,helvetica,sans-serif;
	font-size: 11px;
	color: #3C3C3C;
}

BODY {
	margin-left: 24px;
	margin-top: 0px;
	padding: 0px;
	background-color: white;
}
A { font-weight: normal; text-decoration: none; color: #2574D1; }
A:hover { text-decoration: underline; color: #000000; }
A.anchor { position: relative; top: -10px; }

/* forms */
FORM { display: inline; margin: 0px; }
INPUT, SELECT, TEXTAREA { font-family: verdana,arial,helvetica,sans-serif; font-size: 11px; }
/* standard form fields for content, real widths are "width"+ border */
.formS, .formM, .formN, .formL, formXL {
	padding: 2px 0px 3px 0px; /* IE adds padding to width, so we remove padding here */
	/*border: 1px solid #92b8df;*/
	background-color: #F8F8F8;
	/*border-style: inset;*/
}
/* use formX for formfields and formXText for TDs with a special size */
.formS, .formSText { width: 71px; }
.formM, .formMText { width: 152px; }
.formN, .formNText { width: 249px; }
.formL, .formLText { width: 300px; }


/*                                                */
/* main layout classes                            */
/*                                                */

/* Superbanner box                            */
DIV.superbanner {
	position: absolute;
	width: 728px;
	height: 90px;
	top: 5px;
	left: 230px;
}

/* logo box                            */
DIV.logo {
	position: absolute;
	top: 120px;
	left: 24px;
	/*width: 755px;*/
	height: 100px;
	background-color: #4189dd;
	border-bottom: 1px solid #87B6D2;
}

/* menu level 1                                   */
DIV.menuL1Box {
	position: absolute;
	top: 221px;
	left: 24px;
	width: 918px;
	height: 22px;
	padding: 5px 0px 0px 18px;
	background-color: #a0c4ee;
	border-bottom: 1px solid #D5D5D5;
}
DIV.menuL1Box A,
DIV.menuL1Box SPAN {
	position: relative;
	top: 3px;
	font-weight: bold;
	color: #1e4067;
	padding: 3px 12px 7px 12px;
}
DIV.menuL1Box SPAN {
	color: #87B6D2;
}
DIV.menuL1Box A:hover {
	padding: 3px 12px 6px 12px;
	color: #fff;
	text-decoration: none;
	background-color: #2D7BB5;
}
DIV.menuL1Box A#active { color: white; background-color: #173250; }

DIV.menuColorBar {
	position: absolute;
	top: 249px;
	left: 24px;
	width: 936px;
	height: 5px;
	background-color: #173250;
}

DIV.skyScraper {
	position: absolute;
	left: 984px;
	top: 122px;
	padding-right: 24px;
}
DIV.skyScraper IMG { display: block; }

/*                                                              */
/* main content table                                           */
/*  ___________________________________________                 */
/* | sidebar | shadow |    content     | banner| description    */
/* | sb...   | contShL|     cont       | sb... | classes        */
/* |   162   |   16   |     402        |  162  | content widths */
/* |         |        | 0            13|       | paddings       */
/* |-------------------------------------------|                */
/* | footerL | f...CSh|    footerC             | footer classes */
/* |-------------------------------------------|                */
/* |                footerText                 |                */
/*  -------------------------------------------                 */

TABLE#cont { position: absolute; left: 24px; top: 253px; width: 936px; }

/* content */
TD.cont {
	width: 583px;
	padding: 17px 13px 0px 0px;
	vertical-align: top;
	background-image: url(../img/shT.gif);
	background-repeat: repeat-x;

}

/* content shadow left */
TD.contShL {
	width: 16px;
	vertical-align: top;
	background-image: url(../img/shL.gif);
	background-repeat: repeat-y;
}

/* footer */
TD.footerL, TD.footerCSh, TD.footerC { height: 24px; background-repeat: repeat-x; }
TD.footerL { background-image: url(../img/footerL.gif); }
TD.footerCSh { background-image: url(../img/footerCSh.gif); }
TD.footerC { background-image: url(../img/footerC.gif); }
TD.footerText, TD.footerText A {
	padding-top: 5px;
	padding-bottom: 20px;
	color: #2574D1;
	font-size: 10px;
	font-weight: normal;
}

/* sidebar and sidebar-boxes                     */
TD.sideBar {
	width: 162px;
	vertical-align: top;
	background-color: #e5e9e9;
	padding-bottom: 7px;
}

DIV.sbMenu {
	position: relative;
	padding: 17px 10px;
	background-color: #173250;
	border-bottom: 1px solid #778698;
}
DIV.sbMenu A,
DIV.sbMenu SPAN { display: block; border-top: 1px solid #778698; padding: 3px 0px 4px 0px; color: #ffffff; }
DIV.sbMenu A:hover { color: #ffffff; text-decoration: none; background-color: #1f4066; }
DIV.sbMenu A.active { font-weight: bold; }
DIV.sbMenu INPUT { margin: 6px 0px 0px 0px; width: 120px; border: 1px solid #8b99a8; color: white; background-color: #1f4066; }
DIV.sbMenu INPUT.button { margin: 6px 0px; width: 100px; border: 1px outset #778698; color: black; background-color: #e5e5e5; }

DIV.search { position: relative; background-color: #173250; padding: 0px 10px; border-bottom: 1px solid #778698; }
DIV.search TD { vertical-align: middle; }
DIV.search INPUT { margin: 6px 0px; width: 90px; border: 1px solid #8b99a8; color: white; background-color: #1f4066; }
DIV.search A { color: #ffffff; }
DIV.search A:hover { color: #ffffff; text-decoration: none; background-color: #2E82B4; }
DIV.search .txt { color: #ffffff; }

/* banner container and banner boxes             */
TD.banner {
	width: 162px;
	padding-top: 8px;
	vertical-align: top;
	background-color: #e5e9e9;
	background-image: url(../img/shBannerT.gif);
	background-repeat: repeat-x;
}

/* sidebar + banner boxes (without bar at the top) */
DIV.sbBox {
	position: relative;
	padding: 9px 10px 7px 10px;
	border-top: 1px solid #e5e9e9;	/* without this IE will not show border bottom */
	border-bottom: 1px solid white;
}
DIV.sbBoxSky {
	position: relative;
	padding: 9px 10px 7px 10px;
	border-top: 1px;	/* without this IE will not show border bottom */
	border-bottom: 1px solid white;
}
TD.banner DIV.sbBox { padding: 16px 3px 13px 3px; } /* special settings for banner box */

DIV.sbBox .img { padding-bottom: 4px;	text-align: center; } /* margin-bottom confuses IE5.0, so we use padding */
DIV.sbBox .headline { padding-bottom: 4px; color: #4189dd; font-size: 11px; }
DIV.sbBox .text { padding-bottom: 4px;  font-weight: normal; }
DIV.sbBox .text A { font-weight: normal; color: #2574D1; }

/* sidebar + banner boxes (with bar at the top) */
DIV.sbBoxBar { position: relative; /*top: -1px; /* to hide the above box's white line */ padding: 3px 3px 4px 3px; background-color: #17304d; color: white; font-weight: bold; }
TD.sideBar DIV.sbBoxBar { padding: 3px 10px 4px 10px; }

/*                                                */
/* content aspect classes                         */
/*                                                */

/* rkSynDisp (clinic display) */
table.rkSynDispImg { width: 583px; margin-bottom: 20px; } 
table.rkSynDispImg h1.rkBigHead { margin-top: 0px; padding-left: 7px; color: #4189dd; font: normal 18px/27px Verdana; }
table.rkSynDispImg td.rkColoredCell { background: #e5e9e9; }
table.rkSynDispImg td.rkPaddingLeft { width: 93px; padding-left: 10px; line-height: 10px; }

table.rkSynDisp td { font: normal 11px/140% Verdana; }
table.rkSynDisp td.mainContent { width: 385px; padding-right: 18px; vertical-align: top; }
table.rkSynDisp td.imprDetails { width: 170px; vertical-align: top; }
table.rkSynDisp div.rkImgs img { margin-right: 5px; margin-bottom: 5px; }
table.rkSynDisp .rkRightText { font: normal 11px Verdana; color: #4189DD; padding-bottom: 11px; }
table.rkSynDisp .rkRightText A { text-decoration: underline; }
table.rkSynDisp img.rkBannerBottom { margin-top: 20px; }
table.rkSynDisp h2.rk { color: #333; margin-top: 0px; }
table.rkSynDisp p { margin-bottom: 13px; }
	
/* rkSynSeaRes (and other adress lists) */
/* These classes may be obsolete after August 2006, check with negg if they are still used!!!
table.rkKl td { padding-right: 5px; padding-bottom: 3px; vertical-align: top; width: 408px; }
table.rkKl td.rkKlL { padding-top: 17px; padding-bottom: 7px; width: 170px; text-align: center; }
table.rkKl td.rkKlH { padding-top: 17px; font-weight: bold; }
table.rkKl td.rkKlH SPAN { font-weight: normal; font-style: italic; }
table.rkKl td.rkKlH A { font-weight: bold; }
table.rkKl td.rkKlBtmcl { padding-bottom: 17px; border-bottom: 1px solid black; } */

/* rkSynSeaRes (and other adress lists), new version */
table.rkSyn { width: 583px; margin-bottom: 20px; }
table.rkSyn td { padding: 1.5em 0; vertical-align: top; border-bottom: 1px solid black; }
table.rkSyn td.img { width: 170px; text-align: center; }
table.rkSyn h2 { margin-top: 0; color: #3c3c3c; }
table.rkSyn h2 a { font-weight: bold; }

/* rkoSynSeaRes, new version */
div.rkoSyn { padding: 1em 0;	border-bottom: black solid 1px; }
div.rkoSyn h2 { margin-top: 0; color: #3c3c3c; }
div.rkoSyn h2 a { font-weight: bolder; }
div.rkoSyn h2 span { font-weight: normal; font-style: italic; color: #3c3c3c; }
div.rkoSyn td { margin: 0; padding: 0; }

/*                                                */
/* module classes used in several modules         */
/*                                                */

/* the topmost box used for path and utilities    */
DIV.elementFunc { margin-bottom: 20px; }
DIV.elementFunc DIV.tabFunc { border-top: 1px solid #D7D7D7; }
DIV.elementFunc span.right { float: right; color: black; font-weight: normal; }
DIV.elementFunc DIV.pageHeading { color: #3c3c3c; padding: 5px 0px; margin-bottom: 5px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }

/* tab and tabline used to separate content blocks */
SPAN.tab {
	position: relative;
	padding: 2px 43px 3px 4px;
	color: #ffffff;
	font-weight: bold;
	/*background-color: #1470a6;*/
	background-color: #1f4066;
	z-index: 10;
	white-space: nowrap; /* this helps with IE5.5, but not IE5.01 */
}
DIV.tabLine { position: relative; height: 3px; background-color: #1f4066; z-index: 9; }

/* a box directly below the tabline for additional functions */
DIV.tabFunc, DIV.elementFuncBox {
	padding: 2px 4px 3px 4px;
	border: 1px solid #d7d7d7;
	border-top: none;
	background: #f5f5f5;
	font-size: 10px;
}
DIV.elementFuncBox {
	border: none;
	background: none;
}
/* links to be right-aligned */
DIV.tabFunc SPAN { float: right; }
DIV.elementFuncBox SPAN { float: right; }
DIV.tabFunc A { color: #2574D1; }

/* a margin-box below tabline or tabFunc. There was no other way to get */
/* this to work in all browsers. Use "height" to define the margin!     */
DIV.tabMargin {	height: 12px; }

/* common content classes for modules */
.headline { padding-bottom: 3px; font-weight: bold; color: #4189dd; } /* class is used for DIV and A */
.big { font-size: 13px; } /* node title and editorial title */
.text { line-height: 140%; }
.floatRight { float: right; margin: 0px 0px 3px 15px; } /* text in an invisible box floating right */
.clear { height: 1px; clear: both; } /* bottom end for floating boxes in modules */
/* image box with border */
.images {
	float: right;
	width: 180px;
	margin: 2px 0px 3px 10px;
	padding: 0px 5px 3px 5px;
	border: 1px solid #D7D7D7;
	background-color: #F5F5F5;
}
.images IMG  { margin: 6px 0px 1px 0px; }
/* image box without border */
.imagesNB { float: right; margin: 0px 0px 3px 15px; }
.imagesNB IMG { margin: 4px 0px 3px 0px; }
/* single image */
.image { width: 390px; padding: 5px 5px 3px 5px; border: 1px solid #D7D7D7; background-color: #F5F5F5; }
.image IMG { margin-bottom: 1px; }

/* tables within modules                                                         
   this defines alternating grey lines for modules that use tables for lists.    
	 As border for TR did not work for me we define two classes "left" and "right" 
	 that can be added to the first and last column of the table by defining two   
	 classes for the TD like this: <td class="alt left"> or <td class="alt right"> 
	 Works in all browsers I've tested. See also:                                  
	 http://www.w3.org/Style/CSS/Test/CSS3/Selectors/current/html/full/flat/css3-modsel-14.html
	                                                                               
	 Defining table column widths:                                                 
	 To define widths for a table make n classes cX where X=0,1,2,3... and give    
	 them the desired widths. Add these classes to the TH tags in the table only!  
	 Bear in mind that widths are: [total width - padding - border]. While the     
	 padding is the same for all THs only the left- and rightmost THs have a       
	 border of 1, all other THs dont! Also: you may leave one column without width 
	 definition as the total width for the table is fixed, so this col is flexible.
*/
DIV.mdTable TABLE { width: 583px; }
DIV.mdTable TH {
	padding: 2px;
	text-align: left;
	vertical-align: bottom;
	border-bottom: 1px solid #D7D7D7;
	background-color: #F5F5F5;
}
DIV.mdTable .left { border-left: 1px solid #D7D7D7; }
DIV.mdTable .right { border-right: 1px solid #D7D7D7; }
DIV.mdTable TD { padding: 2px 3px; vertical-align: top; }
DIV.mdTable TD.alt {
	padding: 2px 2px;
	border-top: 1px solid #D7D7D7;
	border-bottom: 1px solid #D7D7D7;
	background-color: #F5F5F5;
}

/* specific module classes                        */

/* standard content modules */
DIV.module { margin-bottom: 20px; }
DIV.pages { padding-top: 10px; margin-bottom: 30px; /*border-top: 1px solid #8da3ae;*/ }
DIV.pages DIV.pageHeading { color: #3c3c3c; padding: 5px 0px; margin-bottom: 5px; border-top: 1px solid #c0c0c0; border-bottom: 1px solid #c0c0c0; }

/* subNode */
DIV.subNode DIV.headline { padding-bottom: 0px; } /* any padding in a div with a floating image confuses IE MAC */
DIV.subNode DIV.big { margin-bottom: 10px; }
DIV.subNode DIV.headline IMG { position: relative; top: 2px; float: left; margin: 2px 10px 10px 0px; }
DIV.subNode DIV.text { padding-bottom: 10px; line-height: normal; }

/* files */
DIV.files DIV.tabLine { margin-bottom: 0px; /* resetting the margin that is set for all tabLines */ }
DIV.files DIV.mdTable .c1 { width: 168px; }
DIV.files DIV.mdTable .c2 { width: 168px; }
DIV.files DIV.mdTable .c3 { width: 59px; }

/* news */
DIV.news DIV.headline { padding-bottom: 0px; } /* any padding in a div with a floating image confuses IE MAC */
DIV.news DIV.headline IMG { position: relative; top: 2px; float: right; margin: 2px 0px 10px 10px; }
DIV.news DIV.text { padding-bottom: 10px; line-height: normal; }

/* mdGesundheit */
DIV.mdGesundheit DIV.tabFunc { border-top: 1px solid #d7d7d7; }
DIV.mdGesundheit DIV.tabMargin { height: 24px; }
DIV.mdGesundheit DIV.floatRight { width: 290px; }

/* userData */
DIV.userData TD { vertical-align: top; padding-bottom: 10px; }
DIV.userData TD.userDataLabel { font-weight: bold; padding-right: 20px; }

/* inlineForm */
DIV.inlineForm { padding: 15px 0px 5px 20px; background: #e5e9e9; }
DIV.inlineForm TABLE { width: 543px; }
DIV.inlineForm TD { padding: 0px 20px 10px 0px; }


/* inlineForm text blocks in mdRKSea */
DIV.inlineForm TD.mdRKSeaTitle { padding-bottom: 10px; }
DIV.inlineForm TD.mdRKSeaTip { width: 583px; padding-top: 10px; }

/* link */
DIV.linkList DIV { margin-bottom: 5px; color: #777; }
DIV.linkList DIV A { color: #2574D1; }

/* link */
TD.icdCode{font-weight:bold; height:20px;vertical-align:top;}
TD.icdText{color: #777;}
TD.icdSpacer{width:20px;}
/*                                                */
/* styles for use in user defined texts           */
/*                                                */

/* style for user-defined tables within the content */
DIV.text TABLE {
	margin: 0px;
	padding: 0px;
	position: relative;
	top: 0px;
}

DIV.text TD {
	vertical-align: top;
	padding-right: 4px;
}

DIV.gesundheit {
		float: right;
	vertical-align: top;
	padding-right: 190px;
}

/* headers */
H1,H2,H3,H4 { font-weight: bold; color: #4189dd; }
H1 { font-size: 13px; margin-top: 7px; margin-bottom: 3px; }
H2,H3,H4,H5 { font-size: 11px; margin-top: 7px; margin-bottom: 3px; }

/* ////////////////////// a:r copied definitions ///////////////////// 
                                                                       
 classes are copied from a:r-styles for compatibility in shared files  
                                                                       
//////////////////////////////////////////////////////////////////// */

DIV#editFrame {
	position: absolute;
	left: -1000px;
	top: -500px;
	width: 727px;
	height: 300px;
	z-index: 300;
	visibility: hidden;
	border-right: 5px solid #B0B0B0;
	border-bottom: 5px solid #B0B0B0;                
  border-left: 1px solid #efefef;
  border-top: 1px solid #efefef;                
}

/* width definition in first table row */
TD.editListDef { line-height: 1px; } 
TD.editListMargin { width: 15px; line-height: 1px; }

/* list cells */
TD.editList,
TD.editListC,
TD.editListR,
TD.editListG {
	border-top: 1px solid #C1C1C1;
	padding-top: 2px;
	padding-bottom: 4px;
	vertical-align: top;
}

/* emphasized list cells */
TD.editEm,
TD.editEmC,
TD.editEmR {
	padding-bottom: 10px;
	font-weight: bold;
	text-decoration: none;
	cursor: default;
}

/* list cells, definition of text alignment definition  */
TD.editListC, TD.editEmC { text-align: center; } /* centered list cells */
TD.editListR, TD.editEmR { text-align: right; }  /* right-aligned list cells */
TD.editListG { font-weight : bold; }              /* grouping cells for lists grouped by XYZ */

SPAN.label { font-weight: bold; color: #777777; }


/* obviously these are classes for barmer list implemented by akim (I know this because they are not commented ;-) */
table.inline {
  background-color: #FFFFFF;
  border-spacing: 0px;
  border-collapse: collapse;
	margin-bottom: 13px;
	width:650px;
}
td.inline{
  padding: 3px;
  border: 1px solid #389E01;
  text-align: left;
  font-family: verdana,arial,helvetica,sans-serif;
  font-color: #000000;
  
  font-size: 11px;
}
td.inline_province{
  padding: 3px;
  padding-top: 30px;
  border: 1px solid #389E01;
  text-align: left;
  font-family: verdana,arial,helvetica,sans-serif;
  color: #389E01;
  font-weight:bold;
  font-size: 11px;
  line-height:25px;
  vertical-align:top;
  
}
td.inline_green{
  padding: 3px;
  border: 1px solid #389E01;
  text-align: left;
  background-color: #DEF2C8;
  font-family: verdana,arial,helvetica,sans-serif;
  font-color: #000000;
  font-size: 11px;
}

td.inline_green A, td.inline A {
	color: #2A7801;
}