/*
Umweltnetzwerk-Style Sheet
------------------------------------
AUTHOR+COPYRIGHT:
Wilhelmine Freudenthal
Barrierefreies Webdesign / Semantischer Code

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

last modified: 01/04/2007

BASED ON:
WKO.AT-STYLE SHEET (C) 2006 SIMONDORNER.COM
*/

/* --------------------------------------- */
/* ------ GRUNDLEGENDE FORMATIERUNG ------ */
body
{
 font-size:13px;
 background-image:url("../images/l/body_bg.gif");
}

div#page { width: 974px; } 

h1 { font-size:17px; }
h2 { font-size:16px; }
h3 { font-size:14px; }
h4 { font-size:13px; }

#inhalt
{
 margin:0 200px 10px 0;
 width:534px;
}

div.ohne_sidebar #inhalt { width:702px; }
#snav { width:180px; top:-27px; }
#sidebar { width:140px; }

/* -------------------------------------------------- */
/* ------ HEADER-BALKEN MIT NAVIGATIONSBUTTONS ------ */
#farbcode { font-size: 21px; padding-top: 8px; padding-bottom: 8px; }

/* -------------------------------------- */
/* ---------- INHALT ALLGEMEIN ---------- */
#inhalt h2 { font-size: 18px; margin: 10px 0 10px 0; }

/* -------------------------------------------------- */
/* --------------------- PAGER ---------------------- */
div.pager a.link_forward { background-image:url("../images/l/pfeil_vorwaerts.gif"); }
div.pager a.link_backward { background-image:url("../images/l/pfeil_zurueck.gif"); }


/* -------------------------------------------- */
/* ------ LOOK & FEEL FUER DIVERSE BOXEN ------ */
.box h3,
#anmelde-box h3,
#snav h3
{ padding: 5px; }

div.box ul.box-login { width:60%; }

div.active_box h3 { padding:6px; font-size: 17px; }
div.active_box input.button { margin-left:440px; }

/* -------------------------------------------- */
/* ---------------- NAVIGATION ---------------- */
div#snav li
{
 padding:0 0 0 14px;
 background:url("../images/l/pfeil_grau.gif") no-repeat 4px 8px;
}

#snav li a.current
{
 margin-left:-24px;
 padding-left:24px;
 background-position:4px 4px !important;
}

div#snav h3 { font-size:13px; }

div#snav h3 a, div#snav h3 em 
{
 background:url("../images/l/pfeil_solid_schwarz.gif") no-repeat 0 50%;
 padding:0 0 0 12px;
}

div#snav h3 em { background-image:url("../images/l/pfeil_solid_schwarz_open.gif"); }

/* -------------------------------------------- */
/* ---- SIDEBAR RECHTS MIT ANMELDE-KASTEN ----- */
input.empty { width:128px; }

body.login div#anmelde-box ul a
{
 padding:2px 2px 2px 16px;
 background-image:url("../images/l/pfeil_grau.gif");
 background-position:3px 50%;
}

body.login div#anmelde-box ul li.link_firmendaten a { background-image:url("../images/l/i_firmendaten.gif"); }

body.login div#anmelde-box p.link_abmelden a
{
 background:url("../images/l/i_abmelden.gif") no-repeat 2px 50%;
 padding:0 3px 0 17px;
}

div#anmelde-info
{
 background:url("../images/l/i_info.gif") no-repeat 95% 50%;
 padding:10px 4px 4px 4px !important;
}

div#anmelde-register { background:url("../images/l/pfeil_schwarz.gif") no-repeat 2px 9px; }
#anmelde-info h5, #anmelde-register h5 { font-size:11px; }

/* -------------------------------------------- */
/* ---------------- LOGIN BADGE --------------- */
h3#login_badge a em
{
 background-image:url("../images/l/i_login_badge.gif");
 padding-left:20px;
 margin-left:-5px;
}

/* -------------------------------------------- */
/* -------------- ACCESS-BUTTONS -------------- */
div#optionen { height:17px; }

a#print_link
{
 background-image:url("../images/l/i_printer.gif");
 width:29px;
 height:27px;
 top:0px;
}

#styleswitcher { height:15px; }

#styleswitcher a
{
 background-image:url("../images/l/i_text_m.gif");
 width:23px;
 height:23px;
 margin:0;
}

ul a#fontsize_large { background-image:url("../images/l/i_text_l.gif"); }
ul a#fontsize_huge  { background-image:url("../images/l/i_text_xl.gif"); }

ul a#fontsize_normal { background-position:50% 0; }

ul a#fontsize_normal:hover,
ul a#fontsize_large
{ background-position:50% 100%; }

ul a#access_menu
{
 background-image:url("../images/l/i_access.gif");
 width:23px;
 height:23px;
}

/* -------------------------------------------- */
/* ------------ BREADCRUMB-TRAILS ------------- */
div#breadcrumb
{
 margin:0 200px 0 240px;
 padding-bottom:7px;
}

div#breadcrumb li
{
 background-image:url("../images/l/breadcrumb_slash.gif");
 padding: 4px 0 4px 10px;
}

div#breadcrumb li#homelink
{
 background-image:url("../images/l/home.gif");
 padding: 4px 0 4px 14px;
}

/* -------------------------------------------- */
/* ------- DETAIL-NAVIGATIONEN (REITER) ------- */
ul.detail_nav li { font-size:12px; }
ul.detail_nav li, ul.detail_nav li.firstchild { padding-right:5px; padding-left:5px; }
ul.detail_nav a { padding-right:3px; padding-left:3px; }

/* -------------------------------------------- */
/* ---------------- FORMULARE ----------------- */
input, select, textarea { font-size:15px !important; }
input.search_refine { width:193px; }

div.submit { height:34px; }
div.submit a.link_vorschau { right:100px; top:10px }
div.submit input.button { margin-top:3px; }

div.submit a.link_cancel,
div.submit a.link_edit
{ right:126px; }

input.button { height:28px; font-size:13px !important; }

.breit20 { width:184px; }
.breit30 { width:240px; }
.breit40 { width:285px; }
.breit60 { width:345px; }
.breit100 { width:490px; }
.breit-spalte1 { width:80px; }
.breit-spalte2 { width:150px; margin-left:90px !important; }

ul.form_umwelt-db li { padding-left:24px; }
ul.form_umwelt-db li li { top:-19px; left:-19px; }

ul a.info
{
 height:18px;
 width:18px;
 background-image:url("../images/l/icon_info_kl.gif");
}

ul a.info:hover { background-position:100% -26px; }
ul.form_umwelt-db em.required { padding-right:14px; background-image:url("../images/l/icon_stern.gif"); }

ul.form_umwelt-db li li input.single-line,
ul.form_umwelt-db li li input.single-line_active,
ul.form_umwelt-db li li.radio-buttons,
ul.form_umwelt-db li li.select-list,
ul.form_umwelt-db ul.multiple-line textarea,
ul.form_umwelt-db li a.link_popup,
ul.form_umwelt-db li a.link_vorschau,
ul.form_umwelt-db li a.link_cancel,
ul.form_umwelt-db li a.link_info,
ul.form_umwelt-db li a.link_delete,
ul.form_umwelt-db li a.link_ref,
ul.form_umwelt-db li a.link_addright,
ul.form_umwelt-db li a.link_continue,
ul.form_umwelt-db li a.link_edit
{ left:224px; }

ul.form_umwelt-db li li input.single-line,
ul.form_umwelt-db li li input.single-line_active,
ul.form_umwelt-db li li select,
ul.form_umwelt-db ul.multiple-line textarea
{ font-size:13px !important; }


ul.form_umwelt-db li li.select-list
{ left:205px; }

ul.form_umwelt-db li.multiple-line { margin-bottom:110px; }
ul.form_umwelt-db ul.multiple-select { height:68px; }

/* -------------------------------------------- */
/* --------------- DATEN-TABELLE -------------- */
div.box .firstcol { width:180px; }
div.box tr { height:38px; }

/* -------------------------------------------- */
/* ---------------- DATEN-LISTE --------------- */
ul.datalist_umwelt-db li em { width:95px; }

ul.form_umwelt-db ul li.dynamic-list { margin-left:20px; padding-top:30px; }
ul li.dynamic-list ul.datalist_umwelt-db { margin-left:20px; margin-top:14px; }
ul li.dynamic-list ul.datalist_umwelt-db li { padding:12px 0 10px 0; }
ul li.dynamic-list ul.datalist_umwelt-db li strong { width:270px; }
ul li.dynamic-list ul.datalist_umwelt-db li a.link_delete { left:380px; }
ul li.dynamic-list ul.datalist_umwelt-db li a.link_delete strong { padding:22px 0 18px 0; }
ul.datalist_umwelt-db span { margin-top:-16px; }

/* -------------------------------------------- */
/* ----------------- ADRESSEN ----------------- */
ul.adr li ul.adr_datalist { margin-top:-46px; }

ul.adr_datalist li
{
 padding:2px 0 2px 22px;
 background:url("../images/l/icon_web.gif") no-repeat 0 50%;
}

ul li.adr_url { background-image:url("../images/l/icon_web.gif"); }
ul li.adr_email { background-image:url("../images/l/icon_adress.gif"); }
ul li.adr_tel { background-image:url("../images/l/icon_fon.gif"); }
ul li.adr_cell { background-image:url("../images/l/icon_mobile.gif"); background-position: 3px 50%; }
ul li.adr_fax { background-image:url("../images/l/icon_fax.gif"); }

/* -------------------------------------------- */
/* -------------- (LINK-) WIDGETS ------------- */

a.link_popup, a.link_vorschau, a.link_cancel, a.link_info, a.link_delete, a.link_ref, em.required, a.link_edit
{
 background:url("../images/l/popup.gif") no-repeat 0 50%;
 padding:2px 2px 2px 23px;
}

a.link_ref
{
 background-image:url("../images/l/pfeil_schwarz.gif");
 padding:1px 0 1px 13px;
}

a.link_cancel
{
 background-image:url("../images/l/icon_cancel.gif");
 padding:9px 0 9px 24px;
}

a.link_edit
{
 background-image:url("../images/l/i_edit.gif");
 padding:9px 0 9px 27px;
}

a.link_delete
{
 background-image:url("../images/l/icon_loeschen.gif");
 padding:9px 0 9px 24px;
 margin-right:10px;
}

a.link_info
{
 background:url("../images/l/icon_info_kl.gif") no-repeat 0 -1px;
 padding:1px 0 1px 18px;
}

a.link_addright
{
 background-image:url("../images/l/icon_addright.gif");
 padding:6px 40px 6px 0;
}

a.link_continue
{
 background-image:url("../images/l/icon_continue.gif");
 padding:7px 0 7px 33px;
}

div.help
{
 background:url("../images/l/icon_info.gif") no-repeat 0 50%;
 padding:5px 5px 5px 25px;
}

a.link_backward
{
 background-image:url("../images/l/pfeil_zurueck.gif");
 padding-left:12px;
 margin-bottom:6px;
}

em.required
{
 background-image:url("../images/l/icon_stern.gif");
 padding-left:18px;
}

/* -------------------------------------------- */
/* --------------- WARNMELDUNGEN -------------- */
div.alert { font-size:1.1em; padding:5px;}

div.alert div
{
 background:url("../images/l/alert_icon.gif") no-repeat 12px 50%;
 padding:5px 5px 5px 80px;
}

div.alert_info { margin-top:15px; }

div.alert_info a
{
 padding:12px 12px 12px 60px;
 background:url("../images/l/alert_info_icon.gif") no-repeat 10px 50%;
}