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

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

November 2009
last modified: 24/01/2009
*/

/* --------------------------------------*/
/* --- allgemeine HTML-Elemente --- */
html { background:#edebf0 url("img/bg_html.jpg") no-repeat 50% 0; }

body
{
 font-family:Verdana, sans-serif;
 font-size:0.8em;
 width:980px;
 margin:auto;
 position:relative;
 padding-top:70px;
 font-size:14px;
}

a { color:#e13d00; text-decoration:underline; cursor:pointer; }
a:hover { color:#fb631e; }

img { border:none; }
p { line-height:1.4em; margin:16px 0 16px 0; }
li { line-height:1.4em; }
strong { font-weight:strong; }
em { font-style:italic; }
h1, h2, h3, { color:#333333; }

/* --------------------------------------*/
#index #header h1,
#header h2,
#header h1 strong
{ position:absolute; left:-3333px; }

/* --------------------------------------*/
/* --- #header --- */
#header, #header h1, #header a { margin:0; padding:0; }
#header, #header a { display:block; width:319px; height:67px; }
#header { margin-left:196px; }
#header a { background:url("img/logo_reuscher.gif") no-repeat 0 0; }

/* --- #nav --- */
#nav
{
 display:block;
 height:auto;
 width:142px; 
 background:#ec7404;
 text-transform:uppercase;
 color:#FFFFFF;
 position:absolute; top:74px;
 font-size:1em;
}

#nav, #nav li { list-style:none; margin:0; padding:4px 4px 3px 4px;  line-height:1.6em; }
#nav a, #nav a:hover { color:#FFFFFF; text-decoration:none; font-weight:bold; display:block; }

/* --- #content --- */
#content { margin-top:128px; padding-left:230px; position:relative; min-height:200px; }
#content h3 { font-weight:normal; font-size:14px; line-height:23px; color:#000000; margin-bottom:20px; margin-top:0; padding:0; }
#content h3 em { font-size:26px; color:#ec7404; font-style:normal; }

#content #image { position:absolute; left:0; top:0; }

#content ul, #content li { margin:0; padding:0; list-style:none; }
#content li { padding-left:14px; background:url("img/bullet.gif") no-repeat 0 8px; margin:2px 0 6px 0; }
#content li h4 { margin:0; }

#content .referenz { min-height:360px; font-size:0.9em; clear:both; margin:0; padding:0; }
#content .referenz div { float:left; width:210px; margin:0 32px 12px 0; padding:0; }
#content .referenz h4 { padding:0; margin:8px 0 0 0; }
#content .referenz img { }
#content .referenz p { margin:4px 0 6px 0; }

#content .imprint { color:#333333; font-size:0.9em; margin:0; }
#content p.imprint { margin-bottom:40px; }

/* -------- Impressums-Link -------- */
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; }