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

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
Dezember 2006

last modified: 03/12/2009
*/

/* ---- ---------------- ---- */
/* ---- Allgemeine HTML-Elemente ---- */
html {margin:auto;}

body
{
 font-family:Verdana;
 font-size:0.8em;
 margin:auto;
 background:#E1ECEE url("img/site-bg.gif") repeat-y 0 100%;
 position:relative;
}

h3 { margin:0; padding:2px 0 2px 0; clear:both; }
h4 { color:#666666; margin:0; padding:0; font-weight:normal; }
a { font-weight:normal; color:#698516; }
a:hover { font-weight:normal; color:#87ae12; }
img { border:none; }

/* ---- ---------------- ---- */
/* ---- #header ---- */
#header
{
 width:771px;
 padding:0 126px 0 126px;
}

#header
{
 background:url("img/header-bg.gif") no-repeat 0 0;
 min-height:144px;
 text-align:right;
 position:relative;
}

#header #logo
{
 width:165px;
 height:70px;
 margin:0;
 padding:0;
 background:#FFFFFF url("img/logo_federspiel.gif") no-repeat 0 0;
 position:absolute;
 left:112px;
 top:44px;
}

#header h1, #header h2 { position:absolute; left:-1000em; }
#header img { margin:12px 8px 0 0; }

/* ---- ---------------- ---- */
/* ---- Navigation ---- */
#nav { background:url("img/border-dotted.gif") repeat-y 100% 0; padding-top:22px; }
#nav { width:15.5em; margin-left:14px; position:absolute; top:0; left:0;}
#nav a { color:#000000; text-decoration:none; }
#nav a:hover { text-decoration:underline; }
#nav em { font-style:italic; color:#888888;}
#nav ul { list-style:none; padding:0; }
#nav li { padding-left:14px; margin: 4px 0 4px 0; background:url("img/bullet_arrow-blue.gif") no-repeat 0 2px; }
#nav li.current { font-weight:bold; padding-left:14px; background:url("img/bullet_arrow-grey.gif") no-repeat 0 2px; }
#nav li.sub { padding-left:10px; background:url("img/bullet_arrow-sub.gif") no-repeat 0 4px; font-weight:normal !important; color:#185477;}

/* ---- ---------------- ---- */
/* ---- Inhalt ---- */
#content h2 { position:static; height:20px; width:260px; }
#content h2 strong { position:absolute; left:-3000px; }
#ueber #content h2 { background:url("img/h2-wirueberuns.gif") no-repeat 0 0; }
#team #content h2 { background:url("img/h2-team.gif") no-repeat 0 0; }
#leistung #content h2 { background:url("img/h2-leistungen.gif") no-repeat 0 0; }
#imprint #content h2 { background:url("img/h2-informationspflicht.gif") no-repeat 0 0; }
#netz #content h2 { background:url("img/h2-netzwerk.gif") no-repeat 0 0; }

#content
{
 background:url("img/content-bg.gif") no-repeat 0 300px;
 position:relative;
 margin-left:96px;
 padding:14px 60px 14em 18em;
 width:565px;
 min-height:460px;
 clear:both;
}


#team #content div.team-desc { position:relative; margin-bottom:12px; height:150px; }
#team #content div.team-desc div { position:absolute; bottom:0; left:140px;}
#team #content div.team-desc ul, #team #content ul.team-desc { margin:10px 0 0 0; padding:0; list-style:none; }
#team #content div.team-desc ul li, #team #content ul.team-desc li { margin:2px 0 2px 0; }
#team #content ul.team-desc { margin:0 0 20px 0; }

#netz #content ul.netzwerk-links { list-style:none; padding:0; margin:0; }
#netz #content ul.netzwerk-links li { padding:0; margin:8px 0 8px 0; }
#netz #content ul.netzwerk-links em { font-style:normal; display:inline-block; width:200px; }

div#leistung-fotos { position:relative; text-align:center; margin-top:70px; }

div#leistung-fotos img { margin:6px 10px 6px 0px; border:1px solid #CCCCCC; width:260px; height:180px; }

/* ---- Pager ---- */
div#pager { position:relative; margin-top:40px; margin-bottom:60px; border-top:1px dotted #698516; padding-top:8px; }
div#pager a { text-decoration:none; border:1px solid #FFFFFF; padding:3px; }
div#pager a:hover { border-bottom:1px dotted;}

div a.pager-back { position:absolute; left:0; }
div a.pager-forward { position:absolute; right:0; }

/* ---- ---------------- ---- */
/* ---- Kontakt-Daten ---- */
#contact
{
 position:absolute;
 bottom:0;
 background:url("img/border-dotted.gif") repeat-y 0 0;
 left:0;
 padding-left:14px;
 margin-left:16.25em;
 height:12em;
}

#contact h3, #contact li.org { position:absolute; left:-1000em; }

#contact ul { margin:24px 0 6px 0; padding:0; list-style:none; }
#contact li, li.adr
{
 background:url("img/icon-contact.gif") no-repeat 0 50%;
 padding-left:20px;
 margin:4px 0 0 0;
}

#contact li.email, li.email { background:url("img/icon-email.gif") no-repeat 0 50%; padding-left:20px; }
#contact li.url { background:url("img/icon-url.gif") no-repeat 0 50%;}
#contact li.tel, li.tel { background:url("img/icon-tel.gif") no-repeat 0 50%; padding-left:20px; }
#contact li.fax, li.fax { background:url("img/icon-fax.gif") no-repeat 0 50%; padding-left:20px; }
#contact li.mobile  { background:url("img/icon-mobile.gif") no-repeat 0 50%;}

#contact p.semantic-coding { position:absolute; left:-15em; bottom:0; margin:0 0 10px 0; padding:8px 0 0 0;}
#contact p.semantic-coding a{ display:block; background:url("img/logo_wf.gif") no-repeat 0 0; padding:5px 0 4px 25px; color:#333333 !important; }
#contact p.semantic-coding a:hover{ background-position:0 -25px; }

#contact div
{
 padding:0; margin:0;
 margin-top:-70px;
 margin-left:250px;
}

#contact div img { border:none !important; }