/* *************** Grundelemente *************** */

#smccontainer2col .smcboxcontainerleft_simple {
    float: left;
    width: 99%;
}
body.smc_body
{
    background-color: #FFF; /* Hintergrundfarbe außerhalb des Inhaltsbereichs */
    font-family: Arial, Helvetica, Sans-Serif;
    font-size: 1em;
}
div#smctop /* Header, für _top1.htm */
{
   display: none;
}
div#smclayout /* Inhaltsbereich */
{
    position: relative;
    width: auto;
    margin: 0 auto 1em auto;
    background: none;
}
div#smcnavigation /* Navigationsbereich */
{
    position: static; /* Somacos Vorgabe rückgängig */
    float: left;
    width: 16em; /* Breite des Navigationsgationsbereichs - Inhaltsbreite beachten */
    background: none; /* Kein Hintergrund, Einstellung am Besten über #smclayout */
    padding: 0;
    display: none;
}
div#smccontent /* Inhaltsbereich */
{ 
    width:auto; /* Breite = "width von #smclayout" - "width von #smcnavigation" - "padding von #smccontent" */
    overflow-x: hidden;
    min-height: 34em; /* Minimale Höhe, muss höher sein als die Navigationspunkte; */
    height: auto !important; /* IE 6 Hack */
    height: 34em; /* Minimale Höhe für Internet Explorer 6 */
    background-color: #fff; /* Hintergrundfarbe Inhaltsbereich */
    margin: 0 !important;
    padding: 0 1em 1em 1em !important; /* Abstand vom Inhalt zum Rand */
}

/* *************** Header *************** */

#head
{
    width: 76em;
    margin: 0 auto;
}
#head_li
{
    background: url("../im/_head_li_ob.gif") repeat-y scroll left top transparent;
}
#head_re
{
    background: url("../im/_head_re_ob.gif") repeat-y scroll right top transparent;
}
#logo 
{
    float: left;
    display: inline;
    margin-left: 10px;
}
#headinfo
{
    float: left;
    margin-left: 106px;
    margin-top: 24px;
}
#headinfo h1
{
    font-size: 2.7em;
    margin: 0;
    font-weight: normal;
}
#headinfo a
{
    color: #000;
    text-decoration: none;
}
#headinfo a:hover
{
    text-decoration: underline;
}

/* *************** Loginbereich Navigaton *************** */

div#smcnavlogon /* Loginbereich */
{
    margin: 1em 0 0 0; /* Außenabstand */
  	padding: 3px; /* Innenabstand */
  	font-size: 0.8em; /* Schriftgröße, wirkt sich auf Abstände bei Angabe em aus. */
	text-align: center;
	color: #fff;
	border: none;
	background-color: #449CD5;
	border:1px solid #3B82B1;
}
.smclogonsmall p /* Abstand der Textfelder */
{
	margin-bottom: 0.5em;
}
div#smcnavlogon a /* Link im Loginbereich */
{
	color: #fff;
}
div#smcnavlogon a:hover /* Link ausgewählt */
{
	color: #fff;
	text-decoration: none;
}
.smclogonsmall input.smctextinputsmall /* Textfelder */
{
    border: 1px solid #3B82B1;
}
.smclogonsmall input.smcinputbuttonsmall /* Button */
{
    border: 1px solid #B4D7EE;
    background: #BABBB;
    padding: 2px 5px;
    cursor: pointer;
}
.smclogonsmall input.smcinputbuttonsmall:hover /* Button ausgewählt */
{
    background: #D2E7F5;
    color: #000;
}

/* *************** Navigation *************** */

#smcnavigation ul
{
    border-top: 1px solid #3B82B1;
    margin: 1px 0 0 0; /* Abstand der Navigation zum Rand */
}
#smcnavigation ul li a /* Navigationslink */
{
  	padding: 4px 4px 4px 25px; /* Innenabstand */
	margin: 0; /* Außenabstand */
	color: #000; 
	border: none; /* Rahmen allgemein */
	border-bottom: 1px solid #3B82B1; /* Besonderer Rahmen an einer Seite */
  	font-weight: normal;
	background: url("../im/_menpunkte_blau.gif") no-repeat scroll 0 0 #B4D7EE; /* Hintergrund der Linkschaltfläche */
}
#smcnavigation ul li a:hover /* Navigationslink ausgewählt; Nur Veränderungen */
{
    background-color: #D2E7F5;
    color: #000;
}

/* *************** Kontextmenü *************** */

.smccontextmenu ul  /* Kontextmenü allgemein */
{
    background: none;
    margin: -2px -2px; /* Damit das Kontextmenü nicht eingerückt wird: Abstände von .smccontextmenu li wieder abziehen. Erster Wert -["padding aus .smccontextmenu li" + "border aus .smccontextmenu a"], Zweiter Wert -"padding aus .smccontextmenu li" */
    padding: 0;
}
.smccontextmenu li /* Listenelemente */
{
    border: none;
    background: none;
	padding: 3px 2px; /* Zwischenabstand der Linkschaltflächen nach oben (hier 1px addieren, wenn um die Schaltfläche ein Rahmen erscheinen soll) sowies nach links und rechts */
}
.smccontextmenu ul ul /* Untermenüs */
{
    margin: -3px -2px; /* Hier Abstände aus .smccontextmenu li wieder abziehen (Werte wie oben nur mit Minus), damit Untermenüs richtig erscheinen */
}
.smccontextmenu a /* Einzelner Link im Kontextmenü */
{
    display: block;
    margin: -1px 0; /* Rahmenbreite abziehen */
    padding: 2px 6px; /* Innenabstand der Link-Schaltfläche */
    border: solid 1px #7C7E80;
    background: #C6C6C8;
	color: #000;
}
.smccontextmenutext /* Infotext ohne Link im Kontextmenü */
{
    display: block;
    margin: 0px;
    padding: 2px 6px; /* Sollte Innenabstand des Links entsprechen */
}
.smccontextmenu a:hover
{
    background: #D4D4D6;
    color: #000;
    text-decoration: none;
}

/* *************** Content *************** */

h1.smc_h1 /* Überschrift */
{ 
    font-size: 1.5em;
    margin: 1em 0;
    color: #000;
}
h2.smc_h2 /* Kleinere Überschrift */
{
    font-size: 1.2em;
    color: #000;
}
#smcfilter /* Anpassung der Anzeige der Filterinformationen */
{
    border: solid 0.1em #DCDCDC;
	background: #F6F6F3 !important;
	width: auto !important;
	color: black;
	padding: 2px 3px;
}
#smcworkcontainer /* Umrandung der Iconleiste */
{ /* Korrektur der Überbreite im Somacos Style soweit wie möglich */
    border: solid 1px #DCDCDC;
	background: #f6f6f3 !important;
	color: black;
	padding: 0;
	margin: 0.5em -1px;
}
#smcworkcontainer ul.smcboxicons /* Liste in der Iconleiste */
{ /* Zur gestaltung der Innenabstände, so dass keine Überbreite entsteht */
    margin: 3px;
}
table.smcdocbox /* Dokumentliste */
{
    border: solid 0.1em #DCDCDC;
	background: #f6f6f3;
}
.smctext11, /* Inhalte aus den HTML Texten aus Session */
.smctext12
{
    font-family: Arial, Helvetica, Sans-Serif; /* Anzeige mit normaler Schriftart */
}

/* *************** Portalseite *************** */

#smcboxcontainerid1, /* Außenabstände und Umrandung der gesamten Spalten */ 
#smcboxcontainerid2,
#smccontainer2col .smcboxcontainerleft,
#smccontainer2col .smcboxcontainerright, 
#smccontainer2col .smcboxcontainer
{
    border: none;
    padding: 0;
    margin: 0;
}
#smccontainer2col .smcbox, /* Einzelne Boxen */
#smccontent .smcbox
{
    border: solid 1px #DCDCDC;
    margin: 0 0 1em 0;
}
.smcboxhead /* Kopfzeilen der Boxen */
{
    background: url("../im/_punkte.gif") no-repeat scroll 4px center #BABBBD !important;
	padding: 4px 4px 3px 24px !important;
	font-weight: bold;
	vertical-align: middle; 
    height: 1.4em !important;
    color: #FFF;
}
#smccontainer2col .smcboxcontent, /* Body der Boxen, insbesondere zur Gestaltung der Innenabstände */
#smccontent .smcboxcontent
{
    padding: 0.2em 0.5em 0.5em 0.5em;
}

/* *************** Inhaltstabellen *************** */

.smccontenttable /* Tabelle gesamt */
{
    width: 100%;
    margin: 0.5em 0;
}
.smccontenttable thead tr th /* Kopfzeilen */
{ 
	border-bottom: solid 1px #7C7E80;
	color: #000;
	font-weight: bold;
	background: #D4D4D6;
	padding: 2px 4px;
}
.smccontenttable table.smcdocbox /* Dokumentlinks in Inhaltstabellen */
{
    border: none; /* Entfernung der Formatierungen der normalen Docbox */
    background: none;
}
.smcrowl /* Hervorhebung des Hauptgremiums */
{
    background: #D4D4D6;
}
.smcrow2 /* Alternierende Hintergrundfarbe bei Tabellenzeilen */
{
    background: #f6f6f3;
}
.smcrowh /* Zwischenüberschriften */
{
    background: #D4D4D6;
}
.smcrow7 /* Sonntag */
{
    background: #D4D4D6;
}
.smcrowt /* Heute */
{
    background: #3B82B1;
}
.smcroww /* Besonderer Termin */
{
    background: #DCDCDC;
}
.smcrows /* Auswahl (z.B. ausgewählte Sitzung) */
{
    background: #DCDCDC;
}
.smcrown /* Nächste Sitzung */
{
    background: #ECE9D8;
}

/* *************** Formular *************** */

.smcform /* Formular gesamt */
{
    width: auto;
    margin: 0em auto 1em auto;
    border: solid 1px #DCDCDC;
    background: #f6f6f3;
}
.smcform div /* Formularzeilen Breite angleichen */
{
    float: none !important;
    width: auto !important;
}
p.smcformbox, /* Formularzeile */
p.smcformbox_control
{
    border: none;
    background: none;
    padding: 5px;
}
.smcformbox_active /* Besonders markierte Formularzeile */
{
    background-color: #DCDCDC;
    border: none;
    margin: 0;
    padding: 5px;
}

/* *************** allgemein *************** */

a /* Normale Links */
{
	color: #3B82B1;
}
a:hover /* Links ausgewählt */
{
	color: #000;
}
#smcnavigation .smcboxhead,
.smc_contextmenu_info  /* Blendet folgende Elemente barrierefrei aus: Überschrift "Navigation", Kontextmenü "Info") */
{
    position: absolute !important;
	left: -1000em !important;
	top: -1000em !important;
	overflow: hidden !important;
	width: 1px !important;
	height: 1px !important;
}
div#smclayout:after,
div#head:after /* Hintergrundfarbe ausdehnen */
{
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
 }