/*
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:17px;
 background-image:url("../images/xl/body_bg.gif");
}

div#page { width:1180px; } 

h1 { font-size:23px; }
h2 { font-size:21px; }
h3 { font-size:19px; }
h4 { font-size:17px; }

#main { min-height:600px; }

#inhalt
{
 margin:0 235px 10px 0;
 width:650px;
}

div.ohne_sidebar #inhalt { width:853px; margin-top:10px }
#snav { width:230px; top:-33px; }
#sidebar { width:175px; }

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

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

/* -------------------------------------------------- */
/* --------------------- PAGER ---------------------- */
div.pager {font-size: 15px;}

div.pager a.link_forward
{
 background-image:url("../images/xl/pfeil_vorwaerts.gif");
 padding-right:14px;
}

div.pager a.link_backward
{
 background-image:url("../images/xl/pfeil_zurueck.gif");
 padding-left:14px;
}

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

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

div.active_box h3 { padding:7px; font-size: 20px; }
div.active_box input.button { margin-left:545px; }

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

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

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

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

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

/* -------------------------------------------- */
/* ---- SIDEBAR RECHTS MIT ANMELDE-KASTEN ----- */
input.empty { width:160px; }
div#anmelde-box input { font-size:17px }

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

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

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

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

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

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

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

a#print_link
{
 background-image:url("../images/xl/i_printer.gif");
 width:40px;
 height:37px;
 top:3px;
}

#styleswitcher { height:15px; }

#styleswitcher a
{
 background-image:url("../images/xl/i_text_m.gif");
 width:36px;
 height:37px;
 margin:0;
 margin-left:-4px
}

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

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

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

ul a#access_menu
{
 background-image:url("../images/xl/i_access.gif");
 width:32px;
 height:32px;
 margin-top:3px;
 margin-right:-4px;
 margin-left:-1px;
}

/* -------------------------------------------- */
/* ------------ BREADCRUMB-TRAILS ------------- */

div#breadcrumb
{
 margin:11px 235px 0 295px;
 padding-bottom:7px;
 font-size:15px;
}

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

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

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

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

div.submit { height:46px; }
div.submit a.link_vorschau { right:130px; top:13px }
div.submit input.button { margin-top:4px; }

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

input.button { height:38px; }

.breit20 { width:192px; }
.breit30 { width:275px; }
.breit40 { width:310px; }
.breit60 { width:450px; }
.breit100 { width:580px; }
.breit-spalte1 { width:80px; }
.breit-spalte2 { width:185px; margin-left:90px !important; }

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

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

ul a.info:hover { background-position:100% -24px; }
ul.form_umwelt-db em.required { padding-right:22px; background-image:url("../images/xl/icon_stern.gif") !important; }

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:290px; }

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:15px !important; }

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

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

/* -------------------------------------------- */
/* --------------- DATEN-TABELLE -------------- */
div.box tr { height:50px; }

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

ul.form_umwelt-db ul li.dynamic-list { margin-left:22px; padding-top:40px; }
ul li.dynamic-list ul.datalist_umwelt-db { margin-left:22px; margin-top:12px; }
ul li.dynamic-list ul.datalist_umwelt-db li { padding:18px 0 14px 0; }
ul li.dynamic-list ul.datalist_umwelt-db li strong { width:320px; }
ul li.dynamic-list ul.datalist_umwelt-db li a.link_delete { left:450px; }
ul li.dynamic-list ul.datalist_umwelt-db li a.link_delete strong {  }
ul.datalist_umwelt-db span { margin-top:-21px; }

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

ul li ul.adr_datalist { margin-left:360px; }

ul.adr_datalist li span, ul.adr_datalist li a { left:110px; }

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

ul li.adr_url { background-image:url("../images/xl/icon_web.gif"); }
ul li.adr_email { background-image:url("../images/xl/icon_adress.gif"); }
ul li.adr_tel { background-image:url("../images/xl/icon_fon.gif"); }
ul li.adr_cell { background-image:url("../images/xl/icon_mobile.gif"); background-position: 3px 50%; }
ul li.adr_fax { background-image:url("../images/xl/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/xl/popup.gif") no-repeat 0 50%;
 padding:2px 2px 2px 30px;
}

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

a.link_cancel
{
 background-image:url("../images/xl/icon_cancel.gif");
 padding:14px 0 14px 32px;
}

a.link_edit
{
 background-image:url("../images/xl/i_edit.gif");
 padding:14px 0 14px 36px;
}

a.link_delete
{
 background-image:url("../images/xl/icon_loeschen.gif");
 padding:14px 0 14px 30px;
 margin-right:18px;
}

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

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

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

div.help
{
 background-image:url("../images/xl/icon_info.gif");
 padding:5px 5px 5px 30px;
}

a.link_backward
{
 background-image:url("../images/xl/pfeil_zurueck.gif");
 padding-left:14px;
 margin-bottom:8px;
}

em.required
{
 background:url("../images/xl/icon_stern.gif") no-repeat 0 0;
 padding-left:20px;
}

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

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

div.alert_info
{
 padding:5px;
 margin-top:30px;
}

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