/* ==-- Allgemeine Angaben --== */
/* Schrift und Größe */
body, table {
	margin: 0;
	font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
	font-size : 11px;
}
/* Farben */
body {
	background-color: #FEF6B7;
	color: #000000;
}

/* ==-- Hyperlinks --==*/
a { 
    color: #000000; 
        text-decoration : underline;
  }
a:hover { text-decoration : none; }

/* externe Links - bekommen ein Prefix */
a.extern {
	background: url("/images/extern_icon.gif") center left no-repeat;
	padding-left: 14px;
}

/* interne Links - bekommen ein Prefix */
a.intern {
	background: url("/images/link_icon.gif") center right no-repeat;
	padding-right: 14px;
}

/* E-Mail Links - bekommen ein Prefix */
a.mailto {
	background: url("/images/mail_icon.gif") center left no-repeat;
	padding-left: 14px;
}
a.recht,
a.impress {
	background: url("/images/para_icon.gif") center left no-repeat;
	padding-left: 14px;
}


/*  ==-- Haupt-Rahmen --== 
    hier wird nur die Breite der Seite bestimmt 
    #sidebar und #content dürfen gemeinsam diese Breite nicht überschreiten.
    !!! dieses Objekt darf nicht abgeblendet werden !!!
*/
#containter {
	margin: 0;
	margin-left: 5px;
	width : 770px;
	text-align: left;
}

/* ==-- Kopfzeile mit Logo --== */
#header {
	background: #FEF6B7 url("../image.aspx?id=1193205&slot=268610287") no-repeat bottom right;
	height: 95px;
    margin-bottom: 5px;
}
/* Hauptüberschrift, wird nicht angezeigt (nur für Suchmaschinen) */
#header h1 {
	display: none;
}

/* ==-- Fußzeile --== */
div.service { 
	font-size : 90%;
	text-align: right;
	display: block; 
	margin: 0 15px;
}
#footer {
	clear: both;
	margin-top: 15px;
	width : 770px;
	border : 1px solid #999999;
	background-color : #F5F5F5;
	color: #000000;
}

#footer .hidden {
    color : #F5F5F5;
}

/* Version und Service wird als Liste aufgebaut */
#footer ul {
	position: relative;
	margin: 0;
	margin-right: 8px;
	margin-left: 8px;
	padding: 2px;
	width : 750px;
}

#footer li {
	display: inline;
	white-space: nowrap;
}

#footer li.right {
	text-decoration: none;
	position: absolute;
	right: 0;
	top: 2px;
}

#footer li a,  div.service a {
    color: #000000;
    text-decoration: none;
}
#footer li a:hover, div.service a:hover {
    text-decoration: underline;
}


/* ==-- linke Spalte --== */
#sidebar {
	width : 200px;
	float: left;
}

/* die Adressbox ist eine Definitionsliste*/
#sidebar dl {
	background-color: #FEF6B7;
	border : 1px solid #999999;
	color: #000000;
	margin: 0;
	margin-bottom: 15px;
}

#sidebar dt {
	border-bottom : 1px solid #999999;
	background-color : #D5D5D5;
	color: #000000;
	font-weight : bold;
	white-space : nowrap;
	margin: 0;
	padding: 5px;
	padding-top: 2px;
	padding-bottom: 2px;
}
#sidebar dd {
	font-size: 11px;
	line-height : 13px;
	margin: 0;
	padding: 5px;
}

#sidebar dd.table {
	padding: 0;
}

/* die Adresseangaben sind aufgelistet */
#sidebar ul {
	list-style:none;
	margin:0;
	padding:0;
}
#sidebar li {
	padding-bottom: 5px;
}

/* die Tabelle für die Öffnungszeiten */
table.sidebar {
	width : 198px;
	margin: 0;
	font-size : 11px;
	border: none;
}
table.sidebar th,
table.sidebar td {
	padding: 2px;
}
/* Überschrift (Wochentage) */
table.sidebar th {
    text-align: left;
    padding-left: 4px;
}
/* jede zweite Zeile */
.sidebar_alt {
	background-color: #F4ECAD;
}


/* ==-- Inhalt (Terminvereinbarung) --== */
#content {
	margin-left: 215px;
	padding-bottom: 10px;
}

/* Seitenüberschrift */
#content h1 {
    margin: 0;
    margin-bottom: 15px;
	font-size: 14px;
	background-color : #F5F5F5;
	color: #000000;
	padding : 3px;
	border-top : 1px solid #999999;
}

/* die einzelnen Abfrageschritte sind Definitionslisten (dl) */
/* allgemeines für Definitionslisten  */
#content dl {
    margin: 0;
    padding: 0;
}

#content dt {
    padding: 5px;
    font-weight: bold;
}

#content dd {
	clear: both;
    margin: 0;
    padding: 0;
}

/* Auswahlhinweis */
#content div#hint {
    margin: 0;
    margin-top: 15px;
}
#content div#hint div {
    font-weight: bold;
    margin-bottom: 5px;
}

.img-middle {vertical-align: bottom;}

/* #content fieldset sind die aktuellen Eingabemasken */

/* Überschrift (Beschreibung) */
#content fieldset dt {
    border-top : 1px solid #4AB355;
    background-color : #E5E5E5;
    color: #000000;
}

/* Überschrift- / Beschreibungszeile */
#content fieldset dd.first {
    background-color : #E5E5E5;
    padding: 5px;
    padding-left: 25px;
    border-bottom : 1px solid #4AB355;
}

/* Buttonzeile */
#content fieldset dd.last 
{
	clear: both;
    border-top : 1px solid #4AB355;
    background-color : #E5E5E5;
    text-align: center;
    padding: 10px;
    margin-bottom : 15px;
}

/* dl.off - abgearbeitete Schritte */
#content dl.off dt a {
	text-decoration: none;
	border-top: none;
	background-color: transparent;
	color: #000000;
}

#content dl.off dd {
	padding: 5px;
	padding-left: 25px;
}

#content table.off {
	border-top : 1px solid #4AB355;
	border-bottom : 1px solid #4AB355;
	margin-bottom : 15px;
	background-color : #F5F5F5;
	color: #000000;
	width : 100%;
}

table.off td.input {
	text-align: center;
	vertical-align : bottom;
	padding: 5px;
	border-left: 1px solid #FEF6B7;
	width : 25%;
	}	
table.off td.input4 {
	text-align: center;
    padding: 10px;
    background-color : #E5E5E5;
    border-top: 1px solid #4AB355;
	width : 25%;
	}

/* Beschreibung und Hinweise unter der Eingabe */    
#content dl.hint { 
    background-color: #F5F5F5;
	color: #000000;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 0;
	margin:0;
	margin-bottom:15px;
}    
#content dl.hint dt {
    padding: 5px;
    font-weight: bold;
    border: none;
    background-color:Transparent;
}
#content dl.hint dd {
	padding: 5px;
	padding-left: 25px;
	padding-right: 25px;
    font-weight: normal;
}


/* ==-- Formular --== */
fieldset {
	border: none;
	margin: 0;
	padding: 0;
	}

fieldset legend { display: none; }

table.form, table.form_off {
    width: 100%;
    margin : 0;
    font-size : 11px;
    border: none;
}
table.form {
    color : #000000;
    background-color: #FEF6B7;
}
table.form_off {
    color : #000000;
    background-color: #FEF6B7;
}

table.form td {
	vertical-align:top;
}
table.form td, table.form_off td,
table.form th, table.form_off th {
	border: none;
    padding : 2px;
    padding-top : 2px;
    padding-bottom : 2px;
    padding-right : 5px;
    padding-left : 5px;
}
table.form th, 
table.form td { 
    background-color: #F5F5F5;
}
table.form_off th,
table.form_off td { 
    background-color: #F5F5F5;
}

div.text {margin-top: 5px; margin-bottom: 5px;}
span.star {vertical-align: -2px; margin-left: 2px; margin-right: 2px;}


table.form th
 {
    text-align: right;
    font-weight : normal;
    padding-top: 5px;
    width: 40%;
    vertical-align:top;
}
table.form th.head {
    font-weight : bold;
}

table.form th div
{
	clear: both;
	float:right;
	font-weight: normal;
}

TABLE.cols2 TD div,
.cols2 li div
{
	clear: both;
	float: none; /* test #135 step2 */
	font-weight: normal;
}




/* Aufzählung der Auswahlmerkmale */
table.form td.radio {
    padding: 0;
}
td.radio table {
    border: none;
}
td.radio table td {
    padding: 3px 5px;
}
td.radio table td.lbl {
    padding: 2px 0;
    vertical-align: middle;
}

td.radio table td.lbl label {
	line-height: 18px;
}
td.radio table td.lbl label span {
	display: block;
	font-weight: normal;
	line-height: normal;
}

/* Eingabefelder */
table.form input.text, 
table.form textarea, 
table.form input.plz, 
table.form input.ort, 
table.form select {
	border: 1px solid #999999;
	background-color: #FEF6B7;
	color: #000000;
	font-size: 11px;
	padding: 2px;
}

table.form select { padding:0;}

table.form input.text, 
table.form textarea { width: 250px; }

table.form input.plz { width: 55px; }

table.form input.ort { width: 190px; }

/* Button */
input.button {
	font-size: 11px;
    font-weight: bold;
    border: 1px solid #4AB355;
    color : #4AB355;
    background : #FFFFFF;
    width : 85px;
    }
/* Haupt-Button */    
input.submit { 
    font-size: 11px;
    font-weight: bold;
    border: 1px solid #FFFFFF;
    color : #FFFFFF;
    background-color : #4AB355;
    width : 85px;
}  

/* Beispiel */
.sample { 
	font-size:10px; 
	color: #333333; 
}

/* Fehlermeldungen */
.error { color: #FF0000; }

/* Angaben für das Drucken (für das Drucken gibt es eine eigene CSS Datei) */
.print { display:none }


/* Ein- und Zweispaltige Listen */
ol.cols1,
ul.cols2, 
ul.cols1 {
	float: left;
	width : 87%;
    margin: 0;
    padding: 5px 0 5px 0;
}
ul.cols2, 
ul.cols1 {
    list-style: none;
}
ul.cols2 li,
ul.cols1 li,
ol.cols1 li {
	padding: 0;
    margin-bottom: 5px;
}

ul.cols2 li {
    float: left;
	width : 45%;
}

table.cols2 {
	clear: both;
	padding: 0;
    margin: 10px;
    margin-left: 30px;
    width : 92%;
}
table.cols2 th,
table.cols2 td {
	padding: 0 5px 5px 0;
	vertical-align: top;
	text-align: left;
}
table.cols2 th {
	width : 45%;
	vertical-align: left;
	font-weight: normal;
}

dl.off dd div {
	margin: 5px 0 0 30px;
}
.form td div.sample {
	margin: 0;
}

dl.off dd .cols2 div {
	margin: 0px;
}

/* InfoBox */
div.info 
{
	margin-top: 10px;
	margin-bottom: 15px;
	border-top: 1px solid #999999;
	border-bottom: 1px solid #999999;
	padding: 5px;
	padding-left: 25px;
	background: #FEF6B7 url("/images/mmx/icon_info_24.gif") top left no-repeat;
	color: #000000;
}

/* Box für schwere Fehlermeldung */
    table.customError 
	{
		margin: 25px auto;
		width: 80%;
	}

	table.customError th {
        background-color: #D5D5D5;
        border-top: 1px solid #999999;
        border-bottom: 1px solid #999999;
        color: #000000;
        font-size: 14px;
        font-weight: bold;
        padding: 5px;
        text-align: center;
	}

    table.customError td {
        border-bottom: 1px solid #999999;
        background-color: #F5F5F5;
        padding: 15px;
	}

	table.customError td.last {
        background-color: #D5D5D5;
		border-bottom: 1px solid #336666;
		padding: 10px;
		text-align: center;
	}


    table.customError div.info {
    	margin: 0;
    	border: none;
    	padding: 0;
    	background: transparent;
        color: #A9A9A9;
    }


/* ==-- Popup Fenster (OverLib) - Hinweisfenster bei Terminmerkmalen --==*/
/* Rahmenfarbe */
.ol_bg {
    background-color: #999999;
}
/* Box-Hintergrund */
.ol_fg {
    background-color: #FEF6B7;
}
/* Überschrift */
.ol_caption {
    font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-weight : bold;
    font-size: 11px;
    display: block;
    background-color: #F5F5F5;
    color: #000000;
    padding: 1px;
    border-bottom: 1px solid #999999;
}
/* Text */
.ol_text {
    font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size: 11px;
    display: block;
    padding: 1px;
    color: #000000
}
/* Listen innerhalb des Textes */
.ol_text ul {
    padding: 0;
    margin: 5px;
}
.ol_text ul li {
    padding: 0;
    margin: 0px;
    margin-left: 15px;
}

/* Mandanten-Adresse */
/* Zeile 1 */
.m_1 { font-weight:bold; }
.m_2 { font-weight:normal;}
.m_3 { font-weight:normal;}

/* Terminplan Anzeige */
.tp_1 { font-weight:bold; }
.tp_2 { font-weight:normal;}
.tp_3 { font-weight:normal;}
.cols2 div.tp_1, 
.cols2 div.tp_2, 
.cols2 div.tp_3 { 
	float: none; 
}

td.tp_1 span {
	display: block;
	font-weight:normal;
}

/* Termin-Zusammenfassung */
.termin {font-weight:bold;}

/* Externe Vertretung */

#content dl.vertretung dt {
	margin-top: 15px;
}
#content dl.vertretung dd 
{
	padding-top: 5px;
	padding-left: 15px;
}



/* ==-- Kalender --== */

/* calt = Calendar Title
    caln = Calendar Navigation
    cals = Selected
    calo = Other Month
    cald = Day
    calw = Weekend
    */

table.cal {
    font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 11px;
    border-collapse: collapse;
    border: 1px solid #999999;
    font-weight : normal;
    width : 150px;
    background-color: #FEF6B7;
    color: #000000;
    margin:5px;
}

table.cal td, table.cal th 
{
	background-color: #FEF6B7;
    border: 1px solid #D5D5D5;
    }

table.cal td.calt, table.calt td, table.calt a {
    border: none;
    font-weight: bold;
    background-color: #D5D5D5;
    color: #000000;
    text-decoration: none;
}

/* Next- Prev-Style */
td.caln { width: 15%; }

/* OtherMonthDayStyle */
table.cal td.calo {
    background-color : transparent;
    width:14%;
}
td.calo, td.calo a {
    color: #D0D0D0;
}

/* DayStyle */
table.cal td.cald {
    background-color : transparent;
    width:14%;
}
td.cald, td.cald a {
    color: #000000;
}
td.cald_w, td.cald_w a {
    color : #FF0000;
}

/* Weekend */
table.cal td.calw {
    background-color : transparent;
    width:14%;
}
td.calw, td.calw a {
    color: #FF0000;
}

/* SelectedDayStyle */
table.cal td.clas, table.cal td.cals_w {
    background-color : transparent;
}

td.cals a, td.cals_w a {
    font-weight : bold;
}
td.cals_w, td.cals_w a  {
	color: #FF0000;
}

/* mit Freiem Termin */
table.cal td.calft, table.cal td.calft_w {
    background-color : #AADDDD;
    width:14%;
}

td.calft a {
    color: #000000;
}

td.calft_w, td.calft_w a {
	color: #FF0000;
}

/* mit Termin */

table.cal td.calmt, table.cal td.calmt_w {
    background-color : #FFCCCC;
    width:14%;
}
td.calmt, td.calmt a {
    color: #000000;
}
td.calmt_w, td.calmt_w a {
	color: #FF0000;
}

/* nur Vertretungs Termin */

table.cal td.calvt, table.cal td.calvt_w {
    background-color : #FFE6E6;
    width:14%;
}

td.calvt, td.calvt a {
    color: #000000;
}

td.calvt_w, td.calvt_w a {
	color: #FF0000;
}

/* die Farblegende für den Monatskalender sollte mit den Kalendereinstellungen übereinstimmen
*/
#calLegende.ax {
    background: transparent url('/images/mmx/ajax_klein.gif') no-repeat scroll 50% 50%; 
    height: 80px;
}
#calLegende.ax ul#legend {
	display:none;
}

ul#legend 
{
	margin: 5px;
    font-family : Verdana,Geneva,Arial,Helvetica,sans-serif;
    font-size : 11px;
    list-style : none;
    padding:0;
}


ul#legend li {
    clear: left;
    margin-bottom: 2px;
}

ul#legend div {
    float: left;
    border: 1px solid #999999;
    width : 15px;
    height : 15px;
    margin: 1px 10px 2px 2px;
}

#legend #today {
    background : #FEF6B7 url("/images/mmx/hg_today.gif") no-repeat;
}

/* Tag mit freien Terminen */
#legend #termin {
    background-color : #AADDDD;
}
/* Interne Vertretung */
#legend #termin2 {
    background-color: #FFCCCC;
}
/* Externe Vertretung */
#legend #termin_ext {
    background-color: #FFE6E6;
}
/* aktuell ausgewählter Tag */
#legend #current {
	width : 13px;
    height : 13px;
    border: 2px solid #4AB355;
}
    
/* Auflistung der Termine */
ul#chart {
 	list-style: none;
	margin: 0;
	padding: 5px;
	font-weight: bold;
}
	
ul#chart li {
	margin: 1px;
	margin-left: 25px;
	font-weight: normal;
	height: 20px;
}
ul#chart li label {
	margin-left: 5px;
	position: relative;
	top: -2px;
}

ol#chart1 {
	margin: 0;
	margin-top: 20px;
	padding: 5px;
	font-weight: bold;
}
ol#chart1 li {
	margin: 0;
	margin-left: 25px;
	margin-top: 5px;
	font-weight: normal;
	
}


/* Storno Abfrage */
#tl_ol {
	display: none;
	position: absolute;
	top: 0%;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #fff;
	z-index:1001;
	-moz-opacity: 0.8;
	opacity:.80;
	filter: alpha(opacity=80);
}
#tl_abfrage {
	display: none;
	position: absolute;
	padding: 0;
	border: 1px solid #4AB355;
	background-color: #F5F5F5;
	color: #000000;
	z-index:1002;
	overflow: auto;
	top: 25%;
	left: 20%;
	width: 350px;
}
#tl_abfrage div 
{
	font-size: 12px;
	line-height: 17px;
	font-weight: bold;
	margin: 20px;
	padding-left: 70px;
}
#tl_abfrage div.del 
{
	background: transparent url("/images/mmx/trash.gif") top left no-repeat;
} 
#tl_abfrage h3 {
	border: none;
	background-color:#4AB355;
	color: #FFFFFF;
	text-align:center;
	padding: 3px;
	margin: 0 0 10px 0;
}

#tl_abfrage h3 a {
	color: #fff;
	float: right;
	text-decoration: none;
}


.olwait {
	z-index:1001;
	background: transparent url("/images/leer.gif") repeat!important;
	-moz-opacity: none !important;
	opacity:none !important;
	filter: none !important;
}