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

CONTACT:
wilhelmine@semantic-coding.net
http://www.semantic-coding.net
July 2009

last modified: 03/07/2009
*/

/*
Pink: #B50063
Hell-Pink: #FF0399
Lila: #4D006E
Lila-Grau #5E4270
Grau: #8E8E8E
*/

/* --------------------------------------*/
/* ----- Allgemeine HTML-Elemente ----- */
html { background:#F4EDF0 url("img/header-img.jpg") repeat-x 50% 0; }

body
{
 width:70%;
 margin:auto;
 margin-top:80px;
 margin-bottom:60px;
 background:#FFFFFF url("img/gradient-grey.gif") repeat-y 0 0;
 border:3px solid #4D006E;
 padding:0 14px 0 14px;
 font-family: Arial, Helvetica, Verdana, Tahoma, sans-serif;
 font-size:0.9em;
 min-height:462px;
 min-width:720px;
 max-width:900px;
 position:relative;
}

a { color:#B50063; text-decoration:underline; cursor:hand; outline:none; }
a:hover { color:#FF0399; }
a:visited { color:#5E4270; }

abbr { border-bottom:1px dotted; cursor:help; }

a img { border:none !important; }
p {}

h2
{
 text-transform:uppercase;
 font-weight:normal;
 color:#4D006E;
 letter-spacing:1px;
 padding:0 0 18px 14px;
 background:url("img/border-h2.gif") repeat-x 0 100%;
 display:inline-block;
}

h3
{ 
 padding:0 0 0 14px;
 margin:0;
 font-size:1em;
 color:#333333;
}


/* ----- Off-Left-Elemente ----- */
#index h1 span,
h1 span
{ position:absolute; left:-3000px; }

/* ----- SEITENSYSTEM WIEN ----- */
h1 { width:214px; background:url("img/bg-nav.gif") repeat-y 0 0; margin:0 0 0 -14px; padding:14px 0 0 0; }
h1 a { display:inline-block; height:134px; width:214px; background:url("img/logo-sisa_ipl.gif") no-repeat 50% 50%; }

/* ----- Inhalt #content ----- */
#content
{
 margin-left:200px;
 min-height:502px;
 margin-top:-74px;
 position:relative;
 padding-bottom:80px;
}

#content p { margin:8px 0 8px 14px; }

#content p.intro { padding:8px; border:1px dashed #CCCCCC; background:#EFEFEF; color:#333333; margin-bottom:24px; }

#content #imprint
{
 background:#f4edf0 url("img/border-h2.gif") repeat-x 100% 0;
 text-align:center;
 font-size:0.9em;
 padding:22px 14px 4px 0;
 margin:34px 0 -6px 0;
 position:absolute;
 bottom:6px;
 width:100%;
}

#content #imprint a { color:#8E8E8E; }
#content #imprint a:hover { color:#636363; }

#content img { border:1px solid #CBCBCB; margin:2px; }

#content p.footnote { text-align:right; color:#747474; }
#content p.footnote em { display:block; }

#content table { margin:0 0 14px 14px; padding:0; border:none; }
#content th { color:#B50063; font-weight:bold; width:140px; text-align:right; } 
#content th, #content td { border-bottom:1px solid #4D006E; text-align:right; } 

#content td.first-row { width:220px; text-align:left; }

#content p.gallery { text-align:center; }
#content p.gallery img { }

#content p span.bild-text { display:block; border-bottom:1px dashed #CBCBCB; margin:-7px 60px 0 60px; padding:2px 0 0 0; font-size:0.9em; font-weight:bold; color:#555555; }

/* ----- Navigation #nav, #global-nav ----- */
#nav {
 margin-left:-14px;
 width:214px;
 background:url("img/bg-nav.gif") repeat-y 0 0;
 padding-bottom:20px;
 padding-top:60px;
 top:134px;
 position:absolute;
}

#nav ul, #nav li { list-style:none; margin:0; padding:0; }

#nav li { background:url("img/border-nav.gif") no-repeat 0 100%; color:#FFFFFF; }
#nav li.active { background:#4D006E; padding:6px 8px 6px 8px; /*text-transform:uppercase;*/ }
#nav li a { text-decoration:none; color:#000000; display:block; padding:6px 8px 6px 8px; }
#nav li a:hover { color:#FFFFFF; background:#5E4270; }

#nav #global-nav { margin-top:30px; }

#nav #global-nav li { color:#8E8E8E; background:url("img/icon-home.gif") no-repeat 8px 50%; color:#8E8E8E; padding:4px 0 4px 30px; }
#nav #global-nav li.home { background-image:url("img/icon-home.gif"); }
#nav #global-nav li.team { background-image:url("img/icon-team.gif"); }
#nav #global-nav li.euro { background-image:url("img/icon-euro.gif"); }
#nav #global-nav li.access { background-image:url("img/icon-access.gif"); }
#nav #global-nav li.mail { background-image:url("img/icon-mail.gif"); }

#nav #global-nav li a { background:url("img/icon-home.gif") no-repeat 8px 50%; padding:4px 0 4px 30px; margin-left:-30px; }
#nav #global-nav li.home a { background-image:url("img/icon-home.gif"); }
#nav #global-nav li.team a { background-image:url("img/icon-team.gif"); }
#nav #global-nav li.euro a { background-image:url("img/icon-euro.gif"); }
#nav #global-nav li.access a { background-image:url("img/icon-access.gif"); }
#nav #global-nav li.mail a { background-image:url("img/icon-mail.gif"); }

#nav #global-nav li a:hover { color:#8E8E8E; }


/* -------- Impressums-Link -------- */
p.semantic-coding { line-height:17px; }
p.semantic-coding a{ display:block; background:url("img/logo_wf.gif") no-repeat 0 0; padding:5px 0 4px 25px; color:#333333 !important; }
p.semantic-coding a:hover{ background-position:0 -25px; }