/* 
my-medical   css-definition - screen 
Autor:		 Horst Dommermuth
Updated:	 05.04.2009
*/

/* =basis 
================================================================ */

* {
		padding: 0;
		margin: 0;
}

body {  
		font-family:  'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
	    background-color: #ebebeb;
	    color: #87878c;
		text-align: center;
}

html { 
		overflow: -moz-scrollbars-vertical; 
} 

html>body a:focus { 
		-moz-outline-style: none; 
}
	
img, a img { 
  		border: none;	
		display: block;
}

a {
		text-decoration: none;
}

.klar {  
		clear: both;  
		line-height: 0px;  
		font-size: 1px;  
		height: 0px;
}	

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

.clearfix {
		display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ie7/win */
*:first-child+html .clearfix {
		min-height: 1px;
}

/* =fonts
================================================================ */

h1 {
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #007a81;
		margin-bottom: 20px;
}		

h2 {
		font: bold 13px Arial, Helvetica, sans-serif;
		color: #007a81;
		margin: 9px 0 5px 0;
}

h3 {
		font: bold 11px Arial, Helvetica, sans-serif;
		color: #007a81;
		padding: 1px 0 3px 0;
}	

/* =p */
p {			
		font-family: Arial, Helvetica, sans-serif;
		font-size: 11px;
		margin-bottom: 10px;
}	

ul {
		list-style: none;
}

.floatLeft {
		float: left;
}

.floatRight {
		float: right;
}

/* =hauptlayer fuer Breite
================================================================ */

#mainDivBreite {
		margin: 0 auto;
		width: 980px;
		text-align: left;
}

/* =header
================================================================ */

#head {		
		float: left;
		width: 850px;
		height: 142px;
		position: relative;
		background: #fff;
}

#meta {		
		width: 100%;
		height: 25px;
		background: url(../images/layout/bg_meta.jpg) top left repeat-x;
}

#meta ul {
		float: left;
		padding: 1px 0 0 7px;
}

#meta ul li {
		float: left;
		padding-right: 10px;
}

#meta ul li a {		
		float: left;
		font-size: 9px;
		color: #fff;
		padding: 0 11px 0 0;
		background: url(../images/layout/pipe_petrol.gif) no-repeat right 3px;
}

#meta ul li a.last {
		background: none;
}

#logo {		
		position: absolute;
		top: 32px;
		left: 60px;
}

/* =login
================================================================ */

#anmeldung {
		width: 298px;
		position: absolute;
		top: 30px;
		right: 9px;
}

#profil_links {
		width: 150px;
		float: left;
		margin-top: 33px;
}

#profil_links a {
		font-family: Arial, Helvetica, sans-serif;		
		color: #007a81;
		display: block;
		margin-bottom: 5px;
		font-size: 10px;
		padding: 4px 0 4px 25px;
		background: url(../images/layout/pfeil_gruen_weiss.gif) no-repeat scroll 0pt 2px;
}

#login_form {
		width: 135px;
		float: right;
}

#login_form a {
		font-family: Arial, Helvetica, sans-serif;
		display: block;
		color: #87878c;
		font-size: 10px;
}

#login_form a:hover {
		text-decoration: underline;
}

#login_form form input {
		width: 128px;
		border: 1px solid #c8c8c8;
		margin-bottom: 3px;
		font-size: 10px;
		color: #c6c9cc;
		padding: 2px 3px;
}

#register {
		float: left;
		width: 95px; 
}

#login_form form input#submit_login {
		float: right;
		width: 38px;
		padding: 0;
		border: 0;
		margin-top: 8px;
}

/* =hauptnavigation
================================================================ */

#mainnavi {
		background-color: #fff;	
		width: 100%;
		position: absolute;
		bottom: 0;
}

#mainnavi ul {
		font-size: 12px;
		font-family:  'Lucida Grande', 'Lucida Sans Unicode', Arial, Helvetica, sans-serif;
		background-color: #fff;	
}

#mainnavi ul li {
		float: left;
}

#mainnavi ul li a {
		float: left;
		color: #fff;
		width: 129px;
		padding: 5px 0 6px 7px; 
		margin-right: 5px;
		background: #007a81 url(../images/layout/bg_nav.jpg) top left repeat-x;
}

/* letzter Navigationspunkt ist breiter und hat rechts kein margin */
#mainnavi ul li a.last {
		width: 138px;
		margin-right: 0;
}

#mainnavi ul li a:hover {
		background: #007a81;
}

#mainnavi ul li a.active {
		background: #007a81;
}

/* =breadcrumb-navigation
================================================================ */

#breadcrumb {
		width: 800px;
		float: left;
		padding: 3px 0 0 5px;
		font-size: 10px;
		color: #55555a;
}

#breadcrumb a {
		float: left;
		padding: 0 12px 3px 5px;
		color: #55555a;
		background: #ebebeb url(../images/layout/breadcrumb.gif) no-repeat right 5px;
}

#breadcrumb span {
		float: left;
		padding: 0 12px 3px 5px;
		color: #55555a;
}

#breadcrumb a:hover {
		color: #b1b2b4;
}

/* =contentarea
================================================================ */

#contentarea {
		width: 850px;
		float: left;
		background: url(../images/layout/bg_content_right.gif) repeat-y top right;
}

/* =content 3-spaltig - homepage
================================================================ */

#left {
		float: left;
		width: 136px;
}

.box_verlauf {
		background: #b1b2b4 url(../images/layout/bg_box_grau.jpg) bottom left repeat-x;
		padding: 5px 7px;
		margin-bottom: 3px;
}

.box_verlauf_content {
		float: left;
		background: #b1b2b4 url(../images/layout/bg_box_grau.jpg) bottom left repeat-x;
		padding: 4px 7px;
		width: 122px;
}

.box_grau {
		background: #c7cacc;
		padding: 5px 7px;
		margin-bottom: 1px;
}

a.boxlink {
		font: bold 10px Arial, Helvetica, sans-serif;
		//background: url(../images/layout/pfeil_gruen.png) bottom right no-repeat;
		background: url(../images/layout/arrow_gray_bg_trans.gif) bottom right no-repeat;		
		padding: 0 22px 3px 0;
		color: #007a81;
		display: block;
		text-align: right;		
}

.box_verlauf p, .box_verlauf_content p {
		color: #fff;
		font-size: 10px;
		line-height: 120%;
}

#left p {
		color: #fff;
		font-size: 10px;
		line-height: 120%;
}

#left .searchtext {
		width: 114px;
		border: 1px solid #007a81;
		margin-bottom: 5px;
		font-size: 11px;
		padding: 2px 3px;
}

#content_right {
		float: right;
		background: #fff;
		width: 709px;		
}

#middle {
		width: 423px;
		float: left;		
}

#middlePad {
		padding: 10px;
}

.hometeaser {
		padding: 10px 0;
		background: url(../images/layout/dots.gif) bottom left repeat-x;
		cursor: pointer;
}

.teaserImg {
		float: left;
}

.teaserText {
		width: 310px;
		padding-right: 20px;
		float: right;
		background: url(../images/layout/pfeil_gruen.gif) bottom right no-repeat;
}

.teaserText p {
		color: #000;
		margin: 0;
}

.teaserText a {
		color: #007a81;
}

.teaserText a:hover {
		color: #007a81;
		text-decoration: underline;
}

#right {
		float: right;
		width: 286px;
}

div.ranking {
		text-align: justify;
		width: 100%;
		height: 17px;
		margin: 2px 0 6px 0;
}

div.ranking img {
		display: inline;
}

div.ranking span {
		display: inline-block; /* opera */
		padding-left: 100%;	
}

/* =content 2-spaltig
================================================================ */

#contentarea_white {
		width: 850px;
		float: left;
		background: #fff;
		min-height: 580px;
		height: auto !important;   /* for IE6 */
		height: 580px;
}

#content {
		float: left;
		width: 540px;
		padding: 10px;
}

/* =footer
================================================================ */

#footer {		
		margin: 5px 0 20px 0;
}

#footer ul {
		color: #b1b2b4;
		font-size: 9px;
}		

#footer ul li {
		float: left;
		padding-right: 10px;
}

#footer ul li a {
		float: left;
		color: #959595;
		padding: 0 13px 0 0;
		background: url(../images/layout/pipe_petrol.gif) no-repeat right 3px;
}

#footer ul li a.last {
		background: none;
}

#footer ul li a:hover {
		color: #75abaf;
}

#footer ul li a.active {
		color: #75abaf;
}

/* =banner
================================================================ */

#banner_wrap_oben {
		width: 850px;
		
		/* Banner voruebergehend ausschalten */
		/* mib, 27.7.2009 */
		/* display: none; */
}

#banner_oben {
		float: right;
		width: 728px;
		height: 90px;
		background: transparent;
		margin: 10px 0;
}

#banner_rechts {
		float: right;
		width: 120px;
		height: 600px;
		background: green;

		/* Banner voruebergehend ausschalten */
		/* mib, 27.7.2009 */
		display: none;

}

/* = suchergebnisse
================================================================ */

table.search_results {
    border: 0;
    font-size: 8pt; 
    width: 540px;
    border-collapse: collapse;
}

tr.odd {
    background-color: #d6ebed;
    color: black;
}

tr.even {
    background-color: #fff;
    color: black;
}

th.search_results  {
    text-align: left;
    color: #b6cbcd;
    font-size: 9pt;
    line-height: 1.3em;
    padding: 5px 10px 5px 0px;
    vertical-align: top;
}

td.search_results  {
    vertical-align: top;
    padding: 5px 10px 5px 0px;
}

table.search_results a {
    text-decoration: underline;
    color: #000;
}

div.paging a {
    font-size: 8pt;
    color: #000;
    
}

div.paging a {
    
}

div.paging a.current_page {
    font-size: 9pt;
    color: #b6cbcd;

}

p.no_results {
	font-size: 10pt;
	padding: 20px 0px 0px 0px;
	color: #007a81;
}


/* = standard form table (e.g. for search form)
================================================================ */

table.stdform {

}

table.stdform span.label {
	font-size:11px;
}

table.stdform span.error {
	font-size: 10px; 
	color:red;
}


table.stdform select {
	width:302px;
}

table.stdform input.date {
	font-size:11px; 
	width:280px; 
	display:inline;
}

table.stdform input.text {
	font-size:11px;
    width:298px;
}

table.stdform input.checkbox {
	font-size:11px;
	width:14px;
    text-align: left;
    margin: 0px;
    padding: 0px;
}


/* = form table above results (smaller than std)
================================================================ */

table.form_search_above_results {

}

table.form_search_above_results span.label {
	font-size:11px;
	line-height: 1.0em;
}

table.form_search_above_results span.error {
	font-size: 10px; 
	color:red;
}


table.form_search_above_results select {
	width:153px;
    font-size: 11px;
    
}

table.form_search_above_results input.date {
	font-size:11px; 
	width:130px; 
	display:inline;
}

table.form_search_above_results input.checkbox {
	font-size:11px;
}

table.form_search_above_results input.text {
	font-size:11px;
	width:150px;
}

td.left_label {
	width: 100px;
	line-height: 1.0em;
}

td.left_value {
	width: 160px;
}

td.right_label {
	width: 100px;
	line-height: 1.0em;
}

td.right_value {
	width: 160px;
}


/* = veranstaltungsdetails
================================================================ */

p.new_search {
}

img.new_search {
    display: inline;
}

a.new_search {
    font-size: 9pt;
    font-weight: bold;
    color: #999;
    line-height: 1.3em;
}

table.event_details {
    border: 0;
    font-size: 8pt; 
    width: 540px;
    border-collapse: collapse;

}

td.event_details {
    vertical-align: top;
    padding: 5px 10px 0px 0px;
    color: #000;
}

td.ed_left {
    width: 80px;
}

td.ed_middle {
    width: 120px;

}

td.ed_right {

}


/* = bewertung abgeben
================================================================ */

table.rating {
	width: 540px;
    background-color: #d6ebed;
    color: black;
	font-size: 8pt;	
	margin:0px;
	padding: 5px;
}

td.ratings {
	vertical-align: top;
	backround-color: transparent;
	width: 300px;
}

td.rating_comment {
	vertical-align: top;
	background-color: transparent;
	width: 240px;
}

textarea.rating_comment {
	width: 230px;
	height: 80px;
}


p.rate {
	border: 1px solid gray;
	padding: 5px;
	background-color: #d6ebed;
}

.hidden {
	display: none;
}


/* = bewertung anzeigen
================================================================ */

img.score {
    display: inline;
}


/* = menu rechts
================================================================ */

h2.menu_right {
	margin: 45px 0px 5px 0px;
}

ul.menu_right {
    font-size: 9pt;
    color: #000;
    margin: 0px 0px 0px 0px;
}

img.menu_right {
    display: inline;
    vertical-align: top;
}

li.menu_right {
    display: block;
    vertical-align: top;
    padding: 3px 0px 3px 0px;
}

a.menu_right {
    text-decoration: none;
    color: #000;
}


/* = benutzerdaten anzeigen im profil
================================================================ */

table.userdata {
    border: 1px solid black;
    font-size: 9pt;
    padding: 0px;
    margin: 0px 0px 10px 0px;
    border-collapse: collapse;
}

table.userdata th {
    border: 1px solid gray;
    padding: 3px;
    margin: 0px;
    font-weight: bold;
}

table.userdata td {
    border: 1px solid gray;
    padding: 3px;
    margin: 0px;
}


/* = Sitemap
================================================================ */

ul.csc-menu {
    font-size: 9pt;
    color: black;
}

ul.csc-menu li {
    
}

ul.csc-menu a {
    font-size: 9pt;
    color: black;
}