/* Start of CMSMS style sheet 'myocss' */
/* ---- BEGIN UNIVERSAL ---- */
* {
padding: 0px;
margin: 0px;
/* list-style: none; */
font-size: 100%;
text-decoration: none;
}
html body { 
	font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:11px; 
    background-color:#cccccc;
}
/* ---- END UNIVERSAL ---- */


/* ---- BEGIN HEADER ---- */
div#header {
	margin: 12px 0px 0px 12px;
	height: 103px;
	width: 765px;
}
/* ---- END HEADER ---- */

/* ---- NAVIGATION ----- */

ul.navi {
margin-left: 12px;
	background-image: url(uploads/myo/navi_08.gif);
	background-repeat: repeat-x; 
	width:765px; 
	height:26px;
padding:0;
white-space:nowrap;
list-style-type:none;
}

div#behandlung ul.navi {
margin-left: 12px;
	background-image: url(uploads/myo/navi_patienten_6px.gif);
	background-repeat: repeat-x; 
	width:765px; 
	height:26px;
padding:0;
white-space:nowrap;
list-style-type:none;
}

ul.navi li {display:inline;}

ul.navi li a {
padding: 0em 0.7em;
	font-size: 11px;
	line-height: 26px;
	color: #FFF;
	font-weight: bold;
text-decoration:none;
float:left;
}

ul.navi li a:hover {
	background-image: url(uploads/myo/navi_gelb.gif);
	background-position: center;
	color: #777;
}

ul.navi li a.currentpage {
	background-image: url(uploads/myo/navi_gelb.gif);
	background-position: center;
	color: #777;
}

ul.navi li ul {
position: absolute;
top: 141px;
left: 40px;
}

ul.navi li ul li {
}

ul.navi li ul li a {
	font-size: 10px;
	line-height: 18px;
padding: 0em 1em;
	color: #777;
	font-weight: normal;
text-decoration:none;
}

ul.navi li ul li a:before {
	content: "» ";
}

ul.navi li ul li a:hover {
	background-image: none;
	color: #777;
	background: #f8e038;
}

ul.navi li ul li a.currentpage {
	background-image: none;
	color: #777;
	background: #f8e038;
}




/* ---- BEGIN CONTAINER (Portal, Termin, Content, Pfeile) ----- */
div#container {
	margin: 0px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
	min-height:602px;
	width:765px;
	background-color: #fff;
	/* border: 1px #a00 solid; */
}

/* ---- BEGIN container_portal_termin ---- */ 
div#container_portal_termin {
float: right;
	margin: -26px 41px 0px 0px;
	width: 182px;
	height: 520px
	z-index: 13;
	background: url(uploads/myo/portalhintergrund.jpg) no-repeat left top;
}

div#portale-links {
	margin: 36px 0px 0px 13px;
	height: 463px
	width: 177px;
	z-index: 10;
}

div#portale-links ul { width: 100%; float: left; padding: 0px; margin: 0px; list-style-type: none;}
div#portale-links li { float: left; padding: 0px; margin: 0px; display: inline;}
div#portale-links li a { DISPLAY: block; HEIGHT: 97px }

div#portale-links li a.patientenportal { background: url(uploads/myo/portal_patienten_hover.jpg) no-repeat left bottom; WIDTH: 152px }
div#portale-links li a.medizinerportal { background: url(uploads/myo/portal_mediziner_hover.jpg) no-repeat left bottom; WIDTH: 152px }
div#portale-links li a.azubiportal { background: url(uploads/myo/portal_azubis_hover.jpg) no-repeat left bottom; WIDTH: 152px }
div#portale-links li a.projektportal { background: url(uploads/myo/portal_projekt_hover.jpg) no-repeat left bottom; WIDTH: 152px }
div#portale-links li a.sportlerportal { background: url(uploads/myo/portal_sportler_hover.jpg) no-repeat left bottom; WIDTH: 152px }

div#portale-links ul li {
padding: 3px;
}

/* ---- INHALT ----- */

div#containercontent {
	margin: 27px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
	min-height:500px;
	width:520px;
	background-color: #ff00ff;
/*border: 1px #a00 solid;*/
}

div#contentsmall {
float: left;
	margin: 27px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
	min-height:500px;
	width:280px;
/*
	background-color: #ffffaa;
border: 1px #a00 solid;
*/
}
div#content {
float: left;
	margin: 27px 0px 0px 12px;
    padding: 0px 0px 0px 0px;
	min-height:500px;
  width:500px;
/*
	background-color: #ffffaa;
border: 1px #a00 solid;
*/
}

div.content_text {
font-family: verdana, arial, sans-serif;
margin-top: 10px;
}

/*
div.content_text h3 {
font-family: verdana, arial, sans-serif;
font-size: 1.5em;
color: #007fb0;
display: block;
padding: 10px 0 8px 0;
}
*/

div.content_text h1 {
font-size: 1.5em;
font-weight: bold;
color: #007fb0;
display: block;
padding: 12px 0 10px 0;
}

div.content_text h2 {
font-size: 1.2em;
color: #007fb0;
display: block;
padding: 10px 0 8px 0;
}

div.content_text h3 {
font-size: 1em;
font-weight: bold;
color: #007fb0;
display: block;
padding: 10px 0 8px 0;
}

div.content_text h4 {
font-size: 1em;
color: #007fb0;
display: block;
padding: 8px 0 6px 0;
}

div.content_text p {
font-size: 11px;
color: #000;
display: block;
padding: 0 0 5px 0;
}

div.content_text img {
margin: 10px 15px;
}

div.content_text ul, div.content_text li {
padding: 0px 0px 0px 10px;
margin: 0px 0px 0px 10px;
}

div.NewsSummaryPostdate, div#NewsPostDetailDate {
font-size: 1em;
font-weight: bold;
color: #007fb0;
display: block;
padding: 5px 0 0px 0;
}

div.NewsSummaryLink, h3#NewsPostDetailTitle {
font-size: 1.2em;
font-weight: bold;
color: #666;
display: block;
padding: 1px 0 1px 0;
}

div.NewsSummarySummary, div#NewsPostDetailSummary {
font-size: 1em;
font-weight: bold;
color: #007fb0;
display: block;
padding: 0px 0 2px 0;
}

div.NewsSummaryContent, div#NewsPostDetailContent {
font-size: 11px;
color: #000;
display: block;
padding: 0 0 2px 0;
}

div#NewsPostDetailAuthor {
font-size: 11px;
color: #007fb0;
display: block;
padding: 2 0 2px 0;
}

/* ---- Pfeile ----- */


div#pfeile {
 	margin: 0px 0px 0px 310px;
 	padding: 14px 0px 0px 0px;
	width:230px;
	z-index:8;
/*border: 1px #a00 solid;*/
}

div.pfeiletext01 {
	position: absolute;
	margin-top: -502px;
	margin-left: 7px;
	width:200px;
color: #999;
}

div.pfeiletext02 {
	position: absolute;
	margin-top: -400px;
	margin-left: 7px;
	width:200px;
color: #999;
}

div.pfeiletext03 {
	position: absolute;
	margin-top: -297px;
	margin-left: 7px;
	width:200px;
color: #999;
}

div.pfeiletext04 {
	position: absolute;
	margin-top: -195px;
	margin-left: 7px;
	width:210px;
color: #999;
}

div.pfeiletext05 {
	position: absolute;
	margin-top: -93px;
	margin-left: 7px;
	width:210px;
color: #999;
}

.pfeil_head01 {
color: #c16a40;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.pfeil_head02 {
color: #01bd9c;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.pfeil_head03 {
color: #613501;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.pfeil_head04 {
color: #9933cc;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

.pfeil_head05 {
color: #f98905;
font-family: verdana, arial, sans-serif;
font-size: 11px;
font-weight: bold;
}

/* ---- NEWS UND TERMINE ----- */

div#news_termine{
	float: right;
	color: #666;
	margin: 20px 10px 0px 10px;
	background-color: #fff;
	width: 154px;
	z-index:12;
	/*border: 1px solid #f00;*/
}

div#news_termine em { display: none}
div#news_termine ul { width: 154px; padding: 0px; list-style-type: none; }
div#news_termine li { float: left; padding: 0px; margin: 0px; display: inline;}
div#news_termine li a { DISPLAY: block; HEIGHT: 26px }

div#news_termine li a.click1 { background: url(uploads/myo/news.jpg) no-repeat left top; WIDTH: 64px; padding: 0px 3px 0px 0px; }
div#news_termine li a.click2 { background: url(uploads/myo/termine.jpg) no-repeat left top; WIDTH: 87px; }

#news {
	position: relative;
	margin-top: 26px;
	margin-left: 0px;
	margin-bottom: 20px;
	background-color: #e5f2f7;
	width:148px;
	padding: 3px 3px 5px 3px;
	color: #666;
	display: block;
	border-top: 2px solid #4ba0bb;
	z-index:12;
}

#news a:link, #news a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

#news a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: underline;
}


a.archiv:link, a.archiv:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #666;
  text-decoration: none;
}

a.archiv:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  font-weight: normal;
  color: #666;
  text-decoration: underline;
}

div#abo {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  font-weight: bold;
  color: #4da6ca;
  padding-bottom: 4px;
}


div#termine {
	position: relative;
	margin-top: 26px;
	margin-left: 0px;
	margin-bottom: 20px;
	background-color: #f9f1bf;
	width:148px;
	padding: 3px 3px 5px 3px;
	color: #666;
	display: block;
	border-top: 2px solid #f8de3f;
	z-index:12;
}

#termine a:link, #termine a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: none;
}

#termine a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: bold;
  color: #666;
  text-decoration: underline;
}


.linie {
margin-top: 3px;
margin-bottom: 3px;
	background-color: #666;
}

/* Figur am Fuss */

div#figur {
	margin: 0px 0px 0px 12px;
	width: 765px;
	border-bottom: 5px solid #f6d700;
}

/* ---- FLAGGEN ----- */

div#flaggen {
	margin: -46px 0px 0px 12px;
	padding: 0px 0px 0px 8px;
   width: 757px;
	line-height: 1.5em;
	z-index:14;
}

a.flagge:link, a.flagge:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-decoration: none;
}

a.flagge:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 11px;
  font-weight: normal;
  color: #666666;
  text-decoration: underline;
}

/* ---- FOOTER ----- */

#footer {
  margin: 20px 0px 30px 12px;
  /*padding: 20px 12px 30px 0px;*/
  width: 765px;
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-decoration: none;
}

#footer a:link, #footer a:visited {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-decoration: none;
}

#footer a:hover {
  font-family: verdana, arial, sans-serif;
  font-size: 9px;
  color: #666666;
  text-decoration: underline;
}

#footer ul li {
  padding: 0 0 0 0px;
  margin-right: 5px;
  display: inline;
}
  
#footer span.rechts {
float: right;
padding: 0px;
/*margin-top: -15px;*/
display: block;
}

#footer span.suche form {
color:#0055cc;
padding: 0 0 0 0px;
vertical-align: top;
display: inline;
}

/* ---- News ----- */

#NewsPostDetailSummary {
  margin: 10px 0px 10px 12px;
  /*padding: 20px 12px 30px 0px;*/
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
}

#NewsPostDetailContent {
  margin: 10px 0px 10px 12px;
  /*padding: 20px 12px 30px 0px;*/
  font-family: verdana, arial, sans-serif;
  text-decoration: none;
}


/* ---- Color ---- */

a:link{color: #069;}
a:visited{color: #39c;}
a:hover{color: #036;}




/* End of 'myocss' */

