/*
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
*/

/*

DUNKELGRUEN: #2A4A03
HELLGRUEN: #78C01D
RAHMEN-GRAU: #A7ADB4 (#main, #nav-global)

LINK-GRAU (DUNKEL): #4A4A4A (a, div.box div.box em)
LINK-GRAU (DUNKEL): #353535 (a:visited)
LINK-GRAU (HELL): #727272 (a:hover)

*/

/* -----------------------------------*/
/* ---- allgemeine HTML-Elemente ---- */
body
{ 
 font-size:13px;
 background:#DFDFDF url("img/site-bg.gif") repeat-x 0 0;
 padding:0;
}

h1 { font-size:20px; }
h2 { font-size:18px; line-height:20px; }
h3 { font-size:14px; }

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

form { border:1px solid #AEAEAE; padding:0 2px 0 2px; }

form span.csc-mailform-label
{
 border-bottom:1px solid #AEAEAE;
 border-left:none; border-right:none;
 background:#C8C8C8 url("img/gradient.gif") repeat-x 0 0;
 margin:10px 0 4px -2px;
 padding:4px 2px 1px 2px;
 width:450px;
}

form div.csc-form-label-req { padding:0 !important; margin:0; }

form select { width:280px; }
form input.csc-mailform-check, form input.csc-mailform-radio { width:auto; margin:1px 0 1px 0; }

form textarea { width:420px; } 
form div.csc-mailform-field { min-height:22px; }

form input.csc-mailform-submit { margin-left:330px; }

/* ------- Off-Left-Elemente --------- */
h1 strong,
div#nav-bereiche h3,
div#nav-global h3,
div#style-switcher h3,
div#logos h3,
div#pager .browseLinksWrap .disabledLinkWrap
{ position:absolute; left:-3000px; }

/* -----------------------------------*/
/* ------------ Header -------------- */
#header
{
 position:relative;
 height:135px;
 background:#EEF7E2 url("img/header-bg.gif") no-repeat 0 0;
 padding:0 3% 0 0;
 margin:0;
 text-align:right;
}

h1, #header h2
{
 font-size:13px;
 font-weight:normal;
 margin:0;
 padding:0;
 line-height:16px;
} 
 
h1 { margin-bottom:4px; padding-top:92px; }

h1 a
{
 display:block;
 width:129px;
 height:79px;
 background: url("img/logo-pik.gif") no-repeat 0 0;
 position:absolute;
 top:8px; right:3%;
}

#header h2 a
{
 font-weight:bold;
 color:#2A4A03;
}

#header h2 a:hover { color:#78C01D; }

/* -----------------------------------*/
/* Main: Content, Navigationen, Logos */
div#main
{
 background:#FFFFFF;
 width:888px;
 border:1px solid #A7ADB4;
 margin:auto;
 margin-top:1px;
 margin-bottom:20px;
 padding:0 12px 0 12px;
 position:relative;
 z-index:0;
}

/* -----------------------------------*/
/* ---------- Navigationen ---------- */
div#nav-global a, div#nav-bereiche a { text-decoration:none; }
div#nav-global a:visited, div#nav-bereiche a:visited { color:#4A4A4A; }

/* ------- globale Navigation ------- */
div#nav-global
{
 position:absolute;
 top:0; left:0;
 width:912px;
 padding-bottom:22px;
 background:url("img/nav-global-schatten.gif") repeat-x 0 100%;
 font-size:14px;
 text-align:center;
 overflow:hidden;
}

div#nav-global ul
{
 list-style:none;
 margin:0; padding:0;
 background:#DFDFDF url("img/nav-global-bg.gif") repeat-x 0 0;
 border-bottom:1px solid #A7ADB4;
 height:30px;
}

div#nav-global li
{
 display:block;
 width:182px; /* mit Community: width:150px; */
 height:20px;
 float:left;
 padding-top:10px;
}

div#nav-global li.kontakt { width:184px; }

div#nav-global a, div#nav-global strong
{
 margin:0;
 padding:2px 2px 2px 18px;
 background:url("img/nav-home.gif") no-repeat 2px 2px;
 font-weight:normal;
}

div#nav-global li.start a, div#nav-global li.start strong { background-image:url("img/icon-home.gif"); }
div#nav-global li.partner a, div#nav-global li.partner strong { background-image:url("img/icon-partner.gif"); }
div#nav-global li.publikationen a, div#nav-global li.publikationen strong { background-image:url("img/icon-publikationen.gif"); }
div#nav-global li.community a, div#nav-global li.community strong { background-image:url("img/icon-community.gif"); }
div#nav-global li.impressum a, div#nav-global li.impressum strong { background-image:url("img/icon-impressum.gif"); }
div#nav-global li.kontakt a, div#nav-global li.kontakt strong { background-image:url("img/icon-kontakt.gif"); }

div#nav-global li.current
{
 background:url("img/nav-global-current.gif") repeat-x 0 0;
 padding:0;
 display:block;
 height:20px;
}

div#nav-global li.current strong
{
 padding:10px 0 30px 0;
 display:block;
 background:#FFFFFF url("img/nav-global-current.gif") repeat-x 0 0;
 border-right:1px solid #A7ADB4;
 border-left:1px solid #A7ADB4;
}

div#nav-global li.start strong { border-left:none; }
div#nav-global li.kontakt strong { border-right:none; }

/* ----- Navigation - Bereiche ------ */
div#nav-bereiche
{
 width:176px;
 border-left:22px solid #78C01D;
 position:absolute;
 left:0;
 margin-top:80px;
 top:0;
 z-index:10;
}

div#nav-bereiche ul { margin:0; padding:0; }

div#nav-bereiche li
{
 list-style:none;
 line-height:50px;
 padding:2px 0 0 0;
 margin:2px 0 2px -16px;
 background:url("img/nav-neutral.gif") no-repeat 0 10px;
 z-index:1000;
}

div#nav-bereiche li.i-transfer { background-image:url("img/nav-i-transfer.gif"); }
div#nav-bereiche li.kooperation { background-image:url("img/nav-kooperation.gif"); }
div#nav-bereiche li.entlassung { background-image:url("img/nav-entlassung.gif"); }
div#nav-bereiche li.lebensseiten { background-image:url("img/nav-lebensseiten.gif"); }
div#nav-bereiche li.selbsthilfe { background-image:url("img/nav-selbsthilfe.gif"); }

div#nav-bereiche li.current
{
 background:url("img/nav-curr-neutral.gif") no-repeat 0 10px;
 padding-left:22px;
}

#i-transfer div#nav-bereiche li.i-transfer { background-image:url("img/nav-curr-i-transfer.gif"); }
#kooperation div#nav-bereiche li.current { background-image:url("img/nav-curr-kooperation.gif"); }
#entlassung div#nav-bereiche li.current { background-image:url("img/nav-curr-entlassung.gif"); }
#lebensseiten div#nav-bereiche li.current { background-image:url("img/nav-curr-lebensseiten.gif"); }
#selbsthilfe div#nav-bereiche li.current { background-image:url("img/nav-curr-selbsthilfe.gif"); }

div#nav-bereiche strong { font-weight:normal; }
div#nav-bereiche a { padding:4px 4px 4px 34px; }
div#nav-bereiche strong a { padding:0; }

#i-transfer div#nav-bereiche li strong,
div#nav-bereiche li.i-transfer a:hover { color:#DB6B00 !important; }

#kooperation div#nav-bereiche li strong,
div#nav-bereiche li.kooperation a:hover { color:#6B3D69 !important; }

#entlassung div#nav-bereiche li strong,
div#nav-bereiche li.entlassung a:hover { color:#0E2659 !important; }

#lebensseiten div#nav-bereiche li strong,
div#nav-bereiche li.lebensseiten a:hover { color:#5C0519 !important; }

#selbsthilfe div#nav-bereiche li strong,
div#nav-bereiche li a:hover { color:#178776 !important; }

/* --- Navigation - SUB- Bereiche ---- */
div#nav-bereiche li ul { margin-top:-8px; }

div#nav-bereiche li li
{
 background:url("img/nav-sub-neutral.gif") no-repeat 0 0;
 line-height:20px;
 margin:4px 0 4px -6px;
 padding:0 0 0 12px;
}

div#nav-bereiche li li a,
div#nav-bereiche li li strong { padding:0; }
div#nav-bereiche li li strong { font-weight:bold; }

#i-transfer div#nav-bereiche li li { background-image:url("img/nav-sub-i-transfer.gif"); }
#kooperation div#nav-bereiche li li { background-image:url("img/nav-sub-kooperation.gif"); }
#entlassung div#nav-bereiche li li { background-image:url("img/nav-sub-entlassung.gif"); }
#lebensseiten div#nav-bereiche li li { background-image:url("img/nav-sub-lebensseiten.gif"); }
#selbsthilfe div#nav-bereiche li li { background-image:url("img/nav-sub-selbsthilfe.gif"); }

/* -- Navigation - SUB-SUB Bereiche -- */
div#nav-bereiche li ul ul { margin:0 0 0 10px; }
div#nav-bereiche li ul ul li
{
 background-image:none !important;
 list-style:inherit;
 list-style-type:square;
 margin:0;
 padding:0;
}

/* -----------------------------------*/
/* --------- Style-Switcher --------- */
div#style-switcher { position:absolute; top:44px; right:10px; }
div#style-switcher li { display:inline; }
div#style-switcher a
{
 float:left;
 padding:14px 4px 4px 42px;
}

div#style-switcher li.style-einfach a
{ background:#FFFFFF url("img/style-einfach.gif") no-repeat 2px 100%; }

div#style-switcher li.style-standard a
{
 background:#FFFFFF url("img/style-standard.gif") no-repeat 2px 2px; 
 text-decoration:none !important; 
}

/* -----------------------------------*/
/* ------------ Content ------------- */
#content
{
 margin:100px 0 80px 216px;
 padding-right:216px;
 position:relative;
 line-height:16px;
 min-height:330px;
}

#content a { color:#78C01D; }

/* --------- Content-Boxen ---------- */
#content div#boxes
{
 width:184px;
 position:absolute;
 top:34px;
 right:0;
}

#content div.box em { color:#5E5E5E; }
#content div.box p { padding:4px; margin:0; }

#content div.box
{
 min-height:114px;
 margin-bottom:20px;
 padding-bottom:6px;
 background:#FFFFFF url("img/box-schatten.gif") no-repeat 0 100%;
}

#i-transfer #content div.box { background-image:url("img/box-schatten-i-transfer.gif"); }
#kooperation #content div.box { background-image:url("img/box-schatten-kooperation.gif"); }
#entlassung #content div.box { background-image:url("img/box-schatten-entlassung.gif"); }
#lebensseiten #content div.box { background-image:url("img/box-schatten-lebensseiten.gif"); }
#selbsthilfe #content div.box { background-image:url("img/box-schatten-selbsthilfe.gif"); }

#content div.box h3
{
 font-size:0.95em;
 color:#FFFFFF;
 margin:0 0 8px 0;
 padding:4px;
 background:#AFAFAF url("img/box-neutral.gif") repeat-x 0 0;
 border:1px solid #5E5E5E;
}

#i-transfer #content div.box h3 { border-color:#DB6B00; background-color:#E9AB6F; background-image:url("img/box-i-transfer.gif"); }
#kooperation #content div.box h3 { border-color:#6B3D69; background-color:#AA6BA2; background-image:url("img/box-kooperation.gif"); }
#entlassung #content div.box h3 { border-color:#0E2659; background-color:#5378AA; background-image:url("img/box-entlassung.gif"); }
#lebensseiten #content div.box h3 { border-color:#5C0519; background-color:#A9535F; background-image:url("img/box-lebensseiten.gif"); }
#selbsthilfe #content div.box h3 { border-color:#178776; background-color:#1EB8C0; background-image:url("img/box-selbsthilfe.gif"); }

/* ----------- PDF-Liste ----------- */
a.pdf-doc
{
 padding:2px 0 2px 20px;
 background:url("img/icon-pdf.gif") no-repeat 0 50%;
}

/* ------------- Pager -------------- */
div#pager
{
 background:url("img/schatten.gif") repeat-x 0 0;
 padding-top:10px;
 margin-top:60px;
 width:471px;
}

div#pager .showResultsWrap,
div#pager .browseLinksWrap
{ color:#727272 !important; margin-bottom:6px; }

div#pager .showResultsWrap { float:left; margin-right:10px; }
div#pager .browseLinksWrap { float:right; }

div#pager .browseLinksWrap a { color:#727272 !important; }

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

/* ----------- Logo-Liste ----------- */
div#logos { position:absolute; bottom:80px; }

div#logos h2
{ font-weight:normal; font-size:13px; margin-top:40px; }

/* ---------- Start-Suche ---------- */
#index form
{
 position:absolute;
 width:180px;
 top:0;
 left:-210px;
 padding:0;
}

#index form p
{
 text-align:right; 
 padding:2px 6px 2px 6px;
 margin:0 0 6px 0;
}

#index form h2
{
 border-bottom:1px solid #AEAEAE;
 border-left:none; border-right:none;
 background:#C8C8C8 url("img/gradient.gif") repeat-x 0 0;
 font-size:13px;
 font-weight:normal;
 color:#000000;
 margin:0 0 6px 0px;
 padding:2px 2px 0 2px;
}

#index form input { width:162px; margin-left:0; padding:2px; }
#index form input.csc-mailform-submit { margin:0; width:auto; }

/* --- Index-Boxen, Publikations-Boxen --- */
#index #content
{
 padding-right:0;
 margin-top:100px;
}

#index #content div.box
{
 width:184px;
 position:absolute;
 top:0;
 right:0;
}

#index #content div.index-box,
#content div.publikation-box
{
 margin:10px 0 40px 0;
 padding:0 0 10px 10px;
 position:relative;
 min-height:101px;
 background:url("img/box-loop-neutral.gif") no-repeat 0 100%;
}

div.i-transfer-box { background-image:url("img/box-loop-i-transfer.gif") !important; }
div.kooperation-box { background-image:url("img/box-loop-kooperation.gif") !important; }
div.entlassung-box { background-image:url("img/box-loop-entlassung.gif") !important; }
div.lebensseiten-box { background-image:url("img/box-loop-lebensseiten.gif") !important; }
div.selbsthilfe-box { background-image:url("img/box-loop-selbsthilfe.gif") !important; }

#index #content div.index-box { padding-right:200px; }
#content div.publikation-box { margin-left:91px; }

#index #content div.index-box,
#content div.publikation-box
{ border-left:1px solid #5E5E5E; }
div.i-transfer-box, #index div.i-transfer-box p.lastchild { border-color:#DB6B00 !important; }
div.kooperation-box, #index div.kooperation-box p.lastchild { border-color:#6B3D69 !important; }
div.entlassung-box, #index div.entlassung-box p.lastchild { border-color:#0E2659 !important; }
div.lebensseiten-box, #index div.lebensseiten-box p.lastchild { border-color:#5C0519 !important; }
div.selbsthilfe-box, #index div.selbsthilfe-box p.lastchild { border-color:#178776 !important; }

#content div.index-box p.lastchild,
#content div.publikation-box p.lastchild
{
 text-align:right;
 margin:0 0 0 -10px;
 padding-bottom:14px;
 position:absolute;
 bottom:-9px;
 width:470px;
 background:url("img/schatten.gif") repeat-x 0 100%;
}

#content div.publikation-box,
#content div.publikation-box p.lastchild
{ width:369px;  }

div.i-transfer-box p.lastchild {background-image:url("img/schatten-i-transfer.gif") !important; }
div.kooperation-box p.lastchild {background-image:url("img/schatten-kooperation.gif") !important; }
div.entlassung-box p.lastchild {background-image:url("img/schatten-entlassung.gif") !important; }
div.lebensseiten-box p.lastchild {background-image:url("img/schatten-lebensseiten.gif") !important; }
div.selbsthilfe-box p.lastchild {background-image:url("img/schatten-selbsthilfe.gif") !important; }

#content div p.lastchild a { color:#000000; }
#content div p.lastchild a em { color:#727272; font-style:normal; }

#content div.publikation-box p.lastchild
{ text-align:left; padding-left:10px; color:#727272; }

#index #content div.index-box h2,
#content div.publikation-box h2 { font-size:14px; padding:0; }
div.i-transfer-box h2, div.i-transfer-box h2 a { color:#DB6B00 !important; }
div.kooperation-box h2, div.kooperation-box h2 a { color:#6B3D69 !important; }
div.entlassung-box h2, div.entlassung-box h2 a { color:#0E2659 !important; }
div.lebensseiten-box h2, div.lebensseiten-box h2 a { color:#5C0519 !important; }
div.selbsthilfe-box h2, div.selbsthilfe-box h2 a  { color:#178776 !important; }

#index #content div.index-box h2 a,
#content div.publikation-box h2 a
{ text-decoration:none; }

#index #content div.index-box h2 a:hover,
#content div.publikation-box h2 a:hover
{ text-decoration:underline; }

#index #content div.i-transfer-box div.box h3 { border-color:#DB6B00; background-color:#E9AB6F; background-image:url("img/box-i-transfer.gif"); }
#index #content div.kooperation-box div.box h3 { border-color:#6B3D69; background-color:#AA6BA2; background-image:url("img/box-kooperation.gif"); }
#index #content div.entlassung-box div.box h3 { border-color:#0E2659; background-color:#5378AA; background-image:url("img/box-entlassung.gif"); }
#index #content div.lebensseiten-box div.box h3 { border-color:#5C0519; background-color:#A9535F; background-image:url("img/box-lebensseiten.gif"); }
#index #content div.selbsthilfe-box div.box h3 { border-color:#178776; background-color:#1EB8C0; background-image:url("img/box-selbsthilfe.gif"); }

#content div.publikation-box img
{
 border:1px solid #5E5E5E;
 border-bottom:none;
 padding-bottom:0;
}

#content div.publikation-box span
{
 display:block;
 background:url("img/schatten.gif") repeat-x 0 100%;
 padding-bottom:10px;
 position:absolute;
 top:0; left:-92px;
}