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

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

last modified: 13/06/2007
*/

/* -----------------------------------*/
/* ---- allgemeine HTML-Elemente ---- */
body
{ 
 font-size:22px;
 background: url("img/site-bg.gif") repeat-x 0 0;
 padding:30px 10px 40px 10px;
 line-height:24px;
}

h1 { font-size:32px; margin:0; padding:0; }
h2 { font-size:28px; line-height:32px; }
h3 { font-size:24px; line-height:28px; }

/* ------------ Formulare ------------ */
form, form fieldset, form input, form textarea, form select, form legend
{ font-size:22px; }

form div.csc-mailform-field { min-height:30px; }

form input.csc-mailform-submit { margin-left:10px !important; }

/* ------ Formular-Fehlermeldung ------ */
.accessible_mailform li { background-position:0 10px !important; }

/* -----------------------------------*/
/* Main: Content, Navigationen, Logos */
div#main
{
 margin-top:100px;
 background:#FFFFFF;
 padding:0 30px 60px 30px;
}

/* -----------------------------------*/
/* ---------- Navigationen ---------- */
div#nav-global ul, div#nav-bereiche ul { margin:0; padding:0; width:270px; list-style:disc; }
div#nav-global ul ul, div#nav-bereiche ul ul { list-style:circle; }
div#nav-bereiche ul ul { padding-top:10px; margin-left:6px; margin-right:0; width:260px; }

/* -----------------------------------*/
/* --------- Style-Switcher --------- */
div#style-switcher ul { margin:0; padding:0; }

div#style-switcher a
{
 padding:4px 4px 4px 44px;
 width:140px;
 background-position:2px 100%;
}

div#style-switcher li.style-einfach a
{
 background:#FFFFFF url("img/style-einfach.gif") no-repeat 2px 2px; 
 border:1px solid #5E5E5E; background-color:#F2F2F2;
}

div#style-switcher li.style-standard a
{
 background:#FFFFFF url("img/style-standard.gif") no-repeat 2px 100%; 
 text-decoration:none !important; 
}
/* -----------------------------------*/
/* ------------- Content -------------*/
#content
{
 float:right;
 width:66%;
}

/* --- Index-Boxen, Publikations-Boxen --- */
#content div.publikation-box img
{
 border:1px solid #5E5E5E;
 margin:0 10px 10px 0;
 float:left;
}

#content div.publikation-box { clear:both; margin-bottom:20px; }

/* ---------- Start-Suche ---------- */
#index form { padding:4px; }
#index form p { margin:0 0 4px 0; }
#index form input { margin:0; padding:2px; }