/*
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
Mai 2007

last modified: 14/06/2007
*/

/* -----------------------------------*/
/* ---- allgemeine HTML-Elemente ---- */
body
{ 
 font-family:Helvetica, Arial, Verdana, Geneva, "Lucida Grande", "Lucida Sans", sans-serif !important;
 color:#000000;
 margin:auto;
}

h1, h2, h3 { color:#2A4A03; }

strong { font-weight:bold; }
em { font-style:italic; } 

a, div.box a { color:#4A4A4A; text-decoration:underline; }
div.box a { color:#4A4A4A !important; }
a:visited, div#boxes a:visited { color:#353535; }
a:hover, div#boxes a:hover, div p.lastchild a:hover { color:#727272 !important; }

h1 a,
#nav-bereiche a
{ outline:none; }

a.link_continue
{
 color:#000000 !important; padding-left:10px;
 background:url("img/arrow.gif") no-repeat 0 50%;
}

a img { border:none; }

/* ------------ Formulare ------------ */
form, form fieldset, form input, form textarea, form select, form legend
{ font-family: Helvetica, Arial, Verdana, Geneva, "Lucida Grande", "Lucida Sans", sans-serif !important; }

form { margin:0; padding:0; }
form fieldset { margin:0; padding:0; border:none; }

form label { display:block; }

form span.csc-mailform-label
{
 display:block;
 border:1px solid #AEAEAE;
 background-color:#EAEAEA;
 margin:0 0 10px 0; padding:0 0 10px 0;
 position:relative;
 padding:2px;
}

form input.csc-mailform-submit, form input.submit
{
 background:#DFDFDF url("img/nav-global-bg.gif") repeat-x 0 0;
 border:1px solid #AEAEAE;
 cursor:pointer;
 padding:4px 8px 2px 8px;
 margin:10px 0 20px 0;
}

form input.csc-mailform-submit:hover, form input.submit:hover { border-color:#5E5E5E; }

form input, form textarea, form select#mailformselector, form select#mailformtype { margin-left:10px; border:2px groove #AEAEAE; margin-bottom:3px; }
form textarea { padding:4px; }
form select option { padding:2px; margin:1px 0 1px 0; }

form div.csc-form-label-req label { border:none; font-weight:bold; padding-left:14px; background:url("img/input-pflicht.gif") no-repeat 2px 1px; }

p.form-legende strong { background:url("img/input-pflicht.gif") no-repeat 50% 50%; padding-left:14px; display:inline-block; height:14px; }

/* ------ Formular-Fehlermeldung ------ */
h3.mailformH3
{
 padding:14px 0 14px 24px;
 border:2px solid #F79910;
 background:#FCF6D2 url("img/alert.gif") no-repeat 6px 50%;
 color:#DA6B0F;
}

.accessible_mailform ul { padding:8px; margin:0; }

.accessible_mailform li
{
 list-style:none;
 padding:4px 0 4px 18px;
 background:url("img/alert-arrow.gif") no-repeat 0 4px;
}

p.success-msg
{
 padding:14px 0 14px 56px;
 border:2px solid #78BC22;
 background:#E2F7C4 url("img/success.gif") no-repeat 6px 50%;
 color:#2A4A03;
}

/* ------- Off-Left-Elemente --------- */
p.form-legende strong span
{ position:absolute; left:-3000px; }

/* ------------- Pager -------------- */
div#pager { clear:both; }

div#pager .browseLinksWrap .first, div#pager .browseLinksWrap .first a { margin:0 2px 0 0; }
div#pager .browseLinksWrap .previous, div#pager .browseLinksWrap .previous a { margin:0 4px 0 2px; }
div#pager .browseLinksWrap .next, div#pager .browseLinksWrap .next a { margin:0 2px 0 4px; }
div#pager .browseLinksWrap .last, div#pager .browseLinksWrap .last a { margin:0 0 0 2px; }
div#pager .browseLinksWrap .current strong { margin:0 4px 0 4px; font-weight:normal; }

div#pager .browseLinksWrap .first a { background:url("img/pager-first.gif") no-repeat 0 50%; padding:0 0 0 14px; }
div#pager .browseLinksWrap .previous a { background:url("img/pager-previous.gif") no-repeat 0 50%; padding:0 0 0 18px; }
div#pager .browseLinksWrap .next a { background:url("img/pager-next.gif") no-repeat 100% 50%; padding:0 18px 0 0; }
div#pager .browseLinksWrap .last a { background:url("img/pager-last.gif") no-repeat 100% 50%; padding:0 14px 0 0; }

/* -----------------------------------*/
/* --------- Style-Switcher --------- */
div#style-switcher a
{
 border:1px solid #FFFFFF;
 display:block;
 background:#FFFFFF;
 margin:2px;
}

div#style-switcher a:hover
{ border:1px solid #E5E5E5; }

/* -----------------------------------*/
/* ----------- Startseite ----------- */

/* ----------- Logo-Liste ----------- */
div#logos ul, div#logos li
{
 margin:0;
 padding:0;
 list-style:none;
}

/* ---------- Start-Suche ---------- */
#index form
{ border:1px solid #AEAEAE; }

#index form a
{ background:url("img/arrow.gif") no-repeat 0 50%; padding-left:10px; }

div.tx-indexedsearch-searchbox form { margin-bottom:10px; padding:8px 2px 2px 2px; }
div.tx-indexedsearch-searchbox td { text-align:right; }
div.tx-indexedsearch-searchbox input.submit { margin:0; }
div.tx-indexedsearch-whatis { padding:2px; border:1px solid #E5E5E5; background:#F2F2F2; }
span.tx-indexedsearch-sw { font-weight:bold; }

/* -----------------------------------*/
/* ----------- Impressum ------------ */
div#mhil,
div#s-c
{ padding-left:110px; min-height:70px; margin-bottom:10px; }

div#mhil h3,
div#s-c h3
{ color:#555555; margin:0; padding:0; }

div#mhil { background:url("img/logo-mhil.gif") no-repeat 0 0; }
div#s-c { background:url("img/logo-s-c.gif") no-repeat 0 0; }