/*

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: #ffffff; }
A { font-weight: normal; text-decoration: none; color: #1A86C6; }
A:hover { text-decoration: underline; color: #000000; }
A.anchor { position: relative; top: -10px; }
HR { border: none; height: 1px; color: #d7d7d7; background: #d7d7d7; }

/* forms */
FORM { display: inline; margin: 0px; }
INPUT, SELECT, TEXTAREA {
	font-family: Verdana, Geneva, 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; /* IE adds padding to width, so we remove padding here */
	/*border: 1px solid #d7d7d7;*/
	background-color: #F5F5F5;
}	
.formS { width: 55px; }
.formM { width: 112px; }
.formN { width: 181px; }
.formL { width: 260px; }


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

/* search engine blinker                          */
DIV.seBlinker {
	position: absolute;
	left: -900px;
	width: 500px;
}

/* kassenarzt logo box                            */
DIV.logo {
	position: absolute;
	left: 24px;
	top: 0px;
	width: 755px;
	height: 100px;
	background-color: #1A86C6;
	background-image: url(../img/logo_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #87B6D2;
}

DIV.logo IMG#logo { position: absolute; left: 27px; top: 38px; }
DIV.logo IMG#claim { position: absolute; right: 19px; top: 14px; }

/* menu level 1                                   */
DIV.menuL1Box {
	position: absolute;
	top: 101px;
	left: 24px;
	width: 737px;
	height: 22px;
	padding: 5px 0px 0px 18px;
	background-color: #1470A6;
	border-bottom: 1px solid #D5D5D5;
}
DIV.menuL1Box A,
DIV.menuL1Box SPAN {
	position: relative;
	top: 3px;
	font-weight: bold;
	color: #fff;
	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 { background-color: #94AEBC; }

DIV.menuColorBar {
	position: absolute;
	top: 129px;
	left: 24px;
	width: 755px;
	height: 5px;
	background-color: #94AEBC;
}

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

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

TABLE#cont { position: absolute; left: 24px; top: 134px; width: 755px; }

/* content */
TD.cont {
	width: 402px;
	padding: 17px 0px 0px 0px;
	vertical-align: top;
	background-image: url(../img/shT.gif);
	background-repeat: repeat-x;
}
TD.padR { 
	width: 13px; 
	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: 22px; 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: #1a86c6;
	font-size: 10px;
	font-weight: normal;
}

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

DIV.sbMenu {
	position: relative;
	padding: 17px 10px;
	background-color: #94AEBC;
	background-image: url(../img/sbMenu_bg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
	border-bottom: 1px solid #FFFFFF;
}
DIV.sbMenu A,
DIV.sbMenu SPAN { display: block; border-top: 1px solid #ffffff; padding: 3px 0px 4px 0px; color: #ffffff; }
DIV.sbMenu A:hover { color: #ffffff; text-decoration: none; background-color: #8AA5B2; }
DIV.sbMenu A.active { font-weight: bold; }
DIV.sbMenu INPUT { margin: 6px 0px 0px 0px; width: 120px; border: 1px solid #E1E8EC; color: #ffffff; background-color: #89A6B5; }
DIV.sbMenu INPUT.button { margin: 6px 0px; width: 100px; border: 1px outset #E1E8EC; color: #ffffff; background-color: #A2B9C5; }

DIV.search { position: relative; background-color: #1470A6; padding: 0px 10px; border-bottom: 1px solid #FFFFFF; }
DIV.search TD { vertical-align: middle; }
DIV.search INPUT { margin: 6px 0px; width: 90px; border: 1px solid #6298B7; color: #ffffff; background-color: #3D82AB; }
DIV.search A { color: #ffffff; }
DIV.search A:hover { color: #ffffff; text-decoration: none; background-color: #2E82B4; }

/* nws = news */
div.nwsletter { background-color: #1470A6; padding: 5px 10px; border-bottom: 1px solid #ffffff; }
div.nwsletter div { color: white; }
div.nwsletter input.button { margin-top: 5px; width: 93px; border: 1px outset #E1E8EC; color: #ffffff; background: #3d82ab; }

/* banner container and banner boxes             */
TD.banner {
	width: 162px;
	padding-top: 8px;
	vertical-align: top;
	background-color: #E5E5E5;
	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 #E5E5E5;	/* without this IE will not show border bottom */
	border-bottom: 1px solid #FFFFFF;
}
TD.banner DIV.sbBox { padding: 16px 3px 13px 3px; } /* special settings for banner box */
DIV.skyScraper DIV.sbBox { background: #E5E5E5; padding: 0px; }

DIV.sbBox .img { padding-bottom: 4px;	text-align: center; } /* margin-bottom confuses IE5.0, so we use padding */
DIV.skyScraper DIV.sbBox .img { padding-bottom: 0px; }
DIV.sbBox .headline {
	padding-bottom: 4px;
	color: #1A86C6;
	font-size: 11px;
}
DIV.sbBox .text { padding-bottom: 4px;  font-weight: normal; }
DIV.sbBox .text A { font-weight: normal; color: #1A86C6; }
DIV.skyScraper DIV.sbBox .text { padding-left: 4px; padding-top: 4px; }

/* 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: #1470A6;
	color: white;
	font-weight: bold;
}
TD.sideBar DIV.sbBoxBar { padding: 3px 10px 4px 10px; }


/*                                                */
/* 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; }
/* these classes contain the page numbers. If less than 7 we float them right...*/
DIV.elementFunc span.right { float: right; color: black; font-weight: normal; }
/* ...if more than 7 we move them left in their own container (by php) */
DIV.elementFunc DIV.pageNumbers { color: black; font-weight: normal; margin-bottom: 10px; }

/* 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;
	z-index: 10;
	white-space: nowrap; /* this helps with IE5.5, but not IE5.01 */
}
DIV.tabLine { position: relative; height: 3px; background-color: #1470A6; z-index: 9; }

/* a box directly below the tabline for additional functions */
DIV.tabFunc {
	padding: 2px 4px 3px 4px;
	border: 1px solid #D7D7D7;
	border-top: none;
	background-color: #F5F5F5;
	/*margin-bottom: 1px;*/
	font-size: 10px;
}
/* links to be right-aligned */
DIV.tabFunc SPAN { float: right; }
DIV.elementFunc SPAN IMG {
	vertical-align: bottom;
}

/* 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 */
/* class is used for DIV and A */
.headline {
	padding-bottom: 3px;
	font-weight: bold;
	color: #1A86C6;
} 
.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: 112px;
	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!  
	 Bare 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: 402px; }
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; }

/* kaEditorial */
DIV.kaEditorial { margin-bottom: 30px; padding-bottom: 10px; background-color: #F0F0F0; }
DIV.kaEditorial h1 { font: normal 13px Verdana; color: #1A86C6; margin-top: 7px; margin-bottom: 3px; padding: 0px 4px 3px 4px; }
DIV.kaEditorial h1 a { font-weight: bold; }
DIV.kaEditorial IMG { display: block; }
DIV.kaEditorial DIV.headline { padding: 0px 4px 3px 4px; }
DIV.kaEditorial DIV.headline A { font-weight: bold; }
DIV.kaEditorial DIV.text { padding: 0px 4px 0px 4px; }
DIV.kaEditorial SPAN.tab { top: -19px; border-top: 1px solid #BDCCD2; border-right: 1px solid #BDCCD2; }
DIV.kaEditorial DIV.tabLine { top: 0px; margin-bottom: 0px; border-top: 1px solid #BDCCD2; }

/* kaConsultation */
DIV.kaConsultation DIV.tabMargin { height: 10px; }
DIV.kaConsultation DIV.text { width: 93px; float: left; padding-left: 10px; font-size: 10px; line-height: normal; }
DIV.kaConsultation DIV.text IMG { margin-bottom: 10px; }

/* 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 2px 0px; }
DIV.subNode DIV.text { padding-bottom: 10px; line-height: normal; }
DIV.subNode DIV.clear { clear: left; }

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

/* news */
DIV.news DIV.newsHl IMG { position: relative; top: 2px; float: right; margin: 2px 0px 5px 10px; }
DIV.news DIV.text { line-height: normal; }
DIV.news DIV.clear { margin-bottom: 7px; }

/* forum */
DIV.forum DIV.tabLine { margin-bottom: 0px; /* resetting the margin that is set for all tabLines */ }
DIV.forum DIV.mdTable .c1 { width: 53px; }
DIV.forum DIV.mdTable .c3 { width: 39px; }
/* forum thread view */
DIV.forum TABLE.thread { width: 402px; }
DIV.forum TABLE.thread IMG { vertical-align: middle; }
DIV.forum TABLE.thread TD { vertical-align: top; }
DIV.forum TABLE.thread TD.line { width: 7px; background-image: url(../img/iconF_I.gif); }
DIV.forum TABLE.thread TD.noLine { width: 7px; }
DIV.forum TABLE.thread TD.text { padding: 0px 0px 0.8em 4px;  line-height: normal; font-size: 10px; border-bottom: 5px solid white; }
DIV.forum TABLE.thread TD.title { padding: 1px 8px 4px 4px; }
DIV.forum TABLE.thread TD.active { background-color: #F5F5F5; }
DIV.forum TABLE.thread TD.tools { text-align: right; }
DIV.forum TABLE.thread .active 	A {	font-weight: bold; }

/* kaTip */
DIV.kaTip DIV.tabLine { margin-bottom: 0px; }
DIV.kaTip DIV.kaTipBox { float: right; width: 142px; margin: 2px 0px 3px 10px; padding: 1px 3px 2px 3px; border: 1px solid #D7D7D7; background-color: #F5F5F5; font-size: 10px; color: #7F7F7F; }
DIV.kaTip DIV.kaTipBox DIV { width: 142px; height: 1px; } /* this div with its 1px spacer gif is necessary for IE 5.01 to display the kaTipBox at all! */
DIV.kaTip DIV.headline { font-size: 11px; }
DIV.kaTip DIV.headline A { font-weight: bold; }
DIV.kaTip DIV.text { padding-bottom: 10px; line-height: normal; }

/* mdGesundheit */
DIV.mdGesundheit DIV.tabFunc { letter-spacing: -0.12em; border-top: 1px solid #d7d7d7; }
DIV.mdGesundheit DIV.tabMargin { height: 24px; }
DIV.mdGesundheit DIV.floatRight { width: 180px; }

/* mdCMEForm */
DIV.mdCMEForm HR { margin-top: 8px; }
/* a list of radio buttons with labels */
DIV.mdCMEForm TABLE { margin-top: 5px; }
DIV.mdCMEForm TABLE TD {
	vertical-align: top;
	padding-top: 5px;
}
DIV.mdCMEForm TABLE TD INPUT {
	vertical-align: middle;
	margin: -2px 5px 0 0;
	padding: 0;
}

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

/* inlineForm */
DIV.inlineForm { padding: 11px 0px 11px 13px; background: #e5e5e5; }
DIV.inlineForm TABLE { width: 376px; }
DIV.inlineForm TD { padding: 0px 12px 10px 0px; }
DIV.inlineForm INPUT.withLabel, 
DIV.inlineForm SELECT.withLabel, 
DIV.inlineForm TEXTAREA.withLabel {
	margin-bottom: 3px;
}

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


/*                                                */
/* 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;
}

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

/*                                                */
/* styles copied from ar.rk                       */
/*                                                */

/* rkSynDisp (clinic display) */
table.rkSynDispImg { width: 402px; margin-bottom: 20px; } 
table.rkSynDispImg div.rkBigHead { padding: 3px 3px 2px 15px; color: #4189dd; font: normal 18px/27px Verdana; }
table.rkSynDispImg td.rkColoredCell { background: #e5e9e9; }
table.rkSynDispImg td.rkPaddingLeft { padding-left: 17px; }
table.rkSynDispImg td.rkPaddingLeft img { padding: 0px 7px 0px 0px; }

table.rkSynDisp { margin-bottom: 20px; }
table.rkSynDisp td { font: 8pt/140% Verdana; }
table.rkSynDisp td.mainContent { width: 385px; vertical-align: top; }
table.rkSynDisp td.imprDetails { width: 252px; vertical-align: top; }
table.rkSynDisp div.rkImgs img { margin-right: 5px; margin-bottom: 5px; }
table.rkSynDisp div.rkRightText { font: normal 11px Verdana; color: #4189dd; padding-bottom: 11px; }
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), new version */
table.rkSyn { width: 402px; 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; }


/* ////////////////////// 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 */

/* ////////////////////// styles for gelbe liste ///////////////////// 
                                                                       
 these classes are used in the code generated from gelbe-liste.de      
                                                                       
//////////////////////////////////////////////////////////////////// */

#gl {
        width:402px;
}

#gl #gl_navigation {
        list-style: none;
        margin:0;
        background-color:#f5f5f5;
        border:1px solid #d7d7d7;
        border-top:none;
        padding:3px;
}

#gl #gl_navigation li {
        padding:0;
        display: inline;
        margin:0;
        margin-right:5px;
        padding-right:5px;
        border-right:1px solid #d7d7d7;
}

#gl #gl_current {
        font-weight: bold;
}

#gl table {
        width:100%;
        border-collapse: collapse;
        border: 1px solid #d7d7d7;
}

#gl td, #gl th {
        border: 1px solid #d7d7d7;
        padding:3px;
}

#gl thead {
        background-color:#f5f5f5;
}

#gl input {
        width:99%;
        display: block;
        margin: 10px 0;
        font: inherit;
        border: 1px solid #9f9f9f;
        background-color:#ececec;
        padding: 2px;
}

#gl input.gl_button {
        width:auto;
        border: 1px outset #d2d2d2;
}

#gl dl {
        border: 1px solid #e9e9e9;
        padding:5px;
        padding-bottom:0;
        background-color: #f7f7f7;
}

#gl dd {
        margin-bottom:10px;
        margin-left:120px;
}

#gl dt {
        font-weight:bold;
        float: left;
        width:110px;
}

#gl dd span {
        display: none;
}

#gl dd a {
        display: block;
}

#gl .gl_hint {
        cursor: help;
        text-decoration: underline;
}

/* neu 20.02.2006 */

#gl form div {
        position:relative;
}

.gl_identa {
        position:absolute;
        top:0;
        right:0;
        border:1px solid #1470A6;
        border-bottom:none;
        margin:0;
}

.gl_identa a img {
        display:block;
        width:20px;
        border:none;
        border-bottom:1px solid #1470A6;
}

.gl_identa a:hover {
        background-color:#ffffff;
}

.gl_identa a:hover img {
        display:block;
        width:198px;
}

/* ICD10 Module */
TD.icdCode{font-weight:bold; height:20px;vertical-align:top;}
TD.icdText{color: #777;}
TD.icdSpacer{width:20px;}

TD.releaseDate{
  text-align:right;
  vertical-align:top; 	
}