/* ##################################### */
/* #     b  a  s  i  s  .  c  s  s     # */
/* #     H. Härtl       24.05.2018     # */
/* ##################################### */

body 
{ background-color: #9A8A7F; /* #65635B; #e1dbd2; */
	color: #000;
	font-family: verdana, helvetica, serif;
	font-size: 17px;
	margin: 0;
	padding: 0;
	width: 100%
}

img {border: 0px none; }

/* Image float left im Content */
img.floatleft 
{ float: left;
	margin-right: 20px;
}
/* alle Links ausserhalb der Menuebereiche, Fusszeile und Impressum */
a:link, a:visited, a:active, a:focus
{
	text-decoration: none;
	font-style: normal;
	font-weight: bolder;
	color: #55633d;
}

a:hover
{	text-decoration: underline;
	font-style: normal;
	font-weight: bolder;
	color: #55633d;
}

/* ##############    v i e w p o r t    ###################### */
#viewport
{ background-color: #fff; /* Test  #000 */
	width: 951px;
	margin: 1em auto;
	padding: 0;
	text-align: left;
	/* border-style: solid;
	border-width: 1px;
	border-color: #65635B;/* #b0462b; */
}

#kopf
{ height: 140px;
	width : 950px; 
	/* Bild ad libidum */
	text-align: left;
	font-family: Tahoma, Arial;
	color: 		#333; /* #2D353A;/*#001749; /* #928EBE; /* #928EBE; #8e1604; rot */
	border-style: solid;
	border-width: 1px;
	border-color: #65635B;/* #b0462b; */
}
#kopf span.praxiszeile
{ position: relative;
	top: 26px;
	left: 40px; /* 15px */
	font-weight: bold;
	font-size: 32px;
}
#kopf span.arztzeile
{ position: relative;
	top: 32px;
	left: 40px; /* 15px */
	font-weight: bolder;
	font-size: 32px;
}

/* ########    l i n k e    S p a l t e   ################# */
#lispalte
{ /* background-color: #fff;  green */
	width: 210px;
	float: left;
	margin: 0;
	padding: 0;
	border-right: 1px solid	#76765D;/* #65635B;/* #b0462b; */ 
}

#datumContainer
{ background-color: #BDB76B;/* #F4D59F; /* #e2dcb8;  /*  aehnlich waggrechte Menuezeile */
	width: 210px;
	height: 22px; 
	color: #001b57; /* ?? wie Menue */
	text-align: center;
	font-size: 1em;
	font-weight: bold;
	margin: 0;
	padding: 3px 0 0 0; /* 3px 5px 1px 5px; /* wg. Anpassung an waagr. Menuezeile */
}

#menueContainer
{ background: #FFF4CB; /* maroon; */
	color: #000;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
	width: 210px;
}

/* Navigationszeilen im Menu-Container */
#naviZeilen 
{ /* background:	#FFF4CB;	/* #F9D79A;  */
	margin: 0;
	color: 	#506266; /* #001b57; */
	padding: 35px 0;
	font-size: 14px; 
}

/* listing in Menu-Container */
#naviZeilen ol, #naviZeilen ul
{ list-style-type: none;
	margin: 0;
	padding: 0;
}

/* listing in Menu-Container */
#naviZeilen li 
{ margin: 0;
	padding: 0;
}

/* Hauptmenuepunkte im Menu-Container */
#naviZeilen li a:link, #naviZeilen li a:visited 
{ color: #001749; /* #001B57; */
	display: block;
	height:1em;
	margin: 0;
	padding: 4px 5px 4px 26px;
	background: url('../icons/blaumuster.jpg') no-repeat 8% 50%;
	/* font-weight:bolder; */
	text-decoration: none;
	/* text-transform: uppercase; */
}

/* ===  Formatierung für alle nachgeordneten ( ul ) - Menuepunkte ===== */
#naviZeilen ul li a:link, #naviZeilen ul li a:visited 
{ font-weight: normal;
	list-style: none;
	margin: 0;
	padding: 0;
	text-align: left;
	text-transform: none;
}

/* ===  Formatierung für alle nachgeordneten ( ul ) - Menuepunkte -  e r s t e   U n t e r e b e n e   ===== */
#naviZeilen ul.ersteEbene a:link, #naviZeilen ul.ersteEbene a:visited 
{ color: #001749; /* #00216b; */
	margin: 0;
	background-image: url('none'); 
	padding: 4px 0 2px 30px;
	text-transform: none;
}
/* === Menüzeilen fett =======
#naviZeilen a.aktiv:link, #naviZeilen a.aktiv:visited 
{ font-weight: bolder; }*/

/* === Die Angabe html>body überschreibt die entsprechenden a:Attribute aus dem Body  === */
html>body #naviZeilen li a:link, html>body #naviZeilen li a:visited 
{ height: auto; }

/* ===  highlighting (weisser Hintergrundbalken), wenn man mit der Maus über die Menuezeilen (ol-Liste) faehrt  === */
#naviZeilen ol a:hover, #naviZeilen ol a:active, #naviZeilen ol a:focus 
{ background-color: white; }

/* =========== Sprecheiten-Block  (kurz) ================= */
#sprechKurz
{ margin: 12px 7px 7px 7px;
	font-size: 90%;
	padding: 8px; 
	border-radius: 4px; /* CSS3 */
	background: #fefefe; 
	color: 	#343434;
	border: 1px solid #c6c6c6;
}
#sprechKurz p
{ margin: 0;
	padding: 5px 0 0 5px;
}
 
/* #####################    Kurzardresse links unten  ############################ */
/* Address-Container  global  */
#adresse 
{ background: #f7f5f4; /* irgendgrau */
	border-top: 2px solid #fff;
	border-top-color: #c0c0c0;
	color: #000;
	margin: 0 0 0 0;
	padding: 8px 0 12px 12px; /* 8px 0px 12px 12px; */
}
#adresse p
{ font-size: 0.75em;
	margin: 0;
	padding: 3px 0px;
}

#adresse h2 
{ color: #AC4644;/*#8e1604; #990000; #821200; */
	font-family: verdana;
	font-size: .9em;
	font-weight: bold;
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
	margin: 1em 0 5px 0;
	padding: 0;
}

#adresse a:active, #adresse a:focus, #adresse a:visited
{ text-decoration: none; }

/* ====  eventuell für den link auf E-Mail  ====== 
#adresse a:link 
{ font-weight:normal; }
*/
/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ##########    r e c h t e    S p a l t e   ############### */
#respalte
{ background-color: #fff; /* Test fuchsia */
	width: 740px;
	float: right;
	font-size: 1em;
	padding: 0;
	margin: 0;
}

#headerContainer  /* für das Bild oben */
{ color: #000; /* black */
	height: 130px; /*145px;*/
	width: 740px;
	margin: 0;
	padding: 0; 
}
/* ==========  Das waagrechte Menue ist genau so breit wie der Main-Content-Container ========== */
/* ==========  waagrechtes Menue  =====================*/
#waagrMenue li span.active  /* WICHTIG, für die korrekte Anzeige des aktuellen Eintrags */
{ background: #BDB76B; /* #d0b9af; */
	color: #fff;
	margin: 0;
	padding: 0 18px;
}

#waagrMenuebalken
{ background: #BDB76B; /* #d0b9af; */
	color: #001749;
	font-weight: bolder;
	font-size: 0.8em;
	height: 25px;
	width: 740px;
	margin: 0;
	text-align: left;
	float : left; 
}

#waagrMenue
{ /* width: 700px; */
	margin: 0;
	padding: 5px 0 0 10px;
	text-align: left;
	float: left; 
}

/* Listenpunkte im waagr. Menue */
#waagrMenue ol 
{ list-style: none;
	margin: 0;
	padding: 0;
	text-align: center
}
#waagrMenue li 
{ float: left;
	margin-left: 0;
	/*padding: 0 16px;  ======= bringt Problem mit senkrechtem Strich */
}

/* NaviLinks im waagrechten Menue-Container */

#waagrMenue a:link, #waagrMenue a:visited 
{ background: #BDB76B; /* #d0b9af; */
	color: #001749; 
	font-style: normal;
	font-weight: bolder;
	margin: 0;
	padding: 0 18px;
	text-decoration: none;
}

#waagrMenue a:active, #waagrMenue a:focus, #waagrMenue a:hover
{ background: #BDB76B; /* #d0b9af; */
	color: #fff;
	font-style: normal;
	font-weight: bolder;
	margin: 0;
	padding: 0 18px;
	text-decoration: underline;
}

/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
#mainContent 
{	background: #fff;
	color: #000;  
	margin: 0;
	padding: 0;
	width: 740px;
}

#mainContent #inhalt 
{ 
	margin: 3.5em 2em 2em 1.8em;
	font-size: 0.9em;
}

#mainContent label 
{
	background: #d0b9af;
	color: #00216b;
	margin: 0;
	padding: 0;
}

#headerContent 
{ margin: 0;
	padding: 0;
}


/* XXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXXX */
/* ###############   m y   S t y l e s    ###################### */

.uebFarbe { color: #c95338; }
.farbe2 {color: #243824;}

.myheadline
{ font-family: verdana;
	font-size: 120%;
	font-weight: bold;
}

.ueberschrift1 /* Standardueberschrift */
{ color:#CA3E0A;	/* #EB4E1D;	*#b05337;  #DA5219; #8e1604; */
	font-family: verdana;
	font-size: 130%;
	font-weight: bold;
	margin: 3em 0 0 0;
	padding: 0;
}

.ueberschrift2 /* nachgeordnet */
{ color: #c95338;  /*#990000; #821200; */
	font-family: verdana;
	font-size: 110%;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

.etwasGroesser
{ /*color: #8e1604;  /*#990000; #821200; */
	font-family: verdana;
	font-size: 1.2em;
	/* font-weight: bold; */
	/* letter-spacing: 0.8px;  - macht Probleme - unterschiedl. Darstellung FireFox und IExpl */
	margin: 1em 0 4px 0;
	padding: 0;
}

.fusszeile
{  clear : both;
	background-color: #fffde5; /*#fffde5; #f9f7d7; */
	color: #838383;
	border-color: #838383;
	font-family: verdana;
	font-size: 9px;
	font-weight: bold;
	letter-spacing: 0.8px;
	height: 14px;
	
	margin: 0;
	padding: 2px 0 0 0;
	border-top-width: 1px;
	border-top-style: solid;
}
.fusszeile a:link, .fusszeile a:visited
{ color: #838383;
	text-decoration : none;
}
.fusszeile a:hover, .fusszeile a:focus
{ color: #838383;
	text-decoration : underline;
}

.fzLinks
{ float:left; 
	margin: 0 0 0 2em;
}

.fzRechts
{ float: right; 
	text-align:right;
	margin: 0 2em 0 0; 
}

.mylistStuf1Orange
{	list-style-image: url('../icons/bullOrange2.ico'); 
	margin: 0 0 0 1.4em; 
	padding: 0; 
	line-height: 3.6ex;
}
.mylistStufe2
{	list-style: circle inside;
	margin: 0 0 10px 1.4em; 
	padding: 0 0 0 0; 
	line-height: 2.3ex;
}

.containerTrenner
{ clear: both;
	margin: 0;
	padding: 0;
	font-size: 0px;
	line-height: 0px;
	height: 1px;
}

.ContentVerdeckt
{ color : #fff; } 


.kommentar
{ font-size: 0.9em;
	color: #434948;
	padding-left: 2em;
} 

.myLinkTabelle
{ table-layout : fixed;
	border-spacing : 12px;
}

.myLinkTabelle .LinkSpalte
{ width : 52%;
	padding : 0; }

.myLinkTabelle .Kommentarspalte
{ width : 48%;
	padding : 0;
	font-size: 0.92em;
	font-weight: normal;
	color: #434948;
}

.myfett
{ font-weight : bold;
}

.rundEcke10 {
/* -moz-border-radius:3px 15px 5px 30px; /* Firefox */
/* -webkit-border-radius:3px 15px 5px 30px; /* Chrome, Safari */
/* -khtml-border-radius:3px 15px 5px 30px; /* Konqueror */
	border-radius:10px 5px 15px 8px; /* CSS3 */
	background: #BDB76B; /* #d0b9af; */
	color: #001749;
/* behavior:url(border-radius.htc); /* Internet Explorer */
}