/*

Markup bei n8worxx.de
Richard Unterberg

Lightbox bei Lokesh Dhakar
"reset.css" und "typography.css" von Eric Meyer

Stand: Januar 2009

/* GENERAL STUFF
--------------------------------------------------------------------------------*/

body {
background:#fff url(../gfx/body_bg.png) repeat-x left 130px;
color:#555;
font:84% "Lucida Sans Unicode", "Lucida Sans",  "Trebuchet MS", Arial, Helvetica, sans-serif;
line-height:1.5em;
text-transform: lowercase;}

#wrap { background:url(../gfx/wrap_bg.png); height:130px; }
a {color:#167bb5; font-weight:400;}
a:focus {background: #5e5e5e; color: #fff;}

.collect dt,.collect dd,.collect dl,dt,dl,dd {margin:0;}
#left h2,hr,* html #map {display:none;}
#nav li a:hover,#foot li a:hover,#foot li a:hover strong {color:#000;}

acronym {cursor: help;}

ul {list-style-type: square;}
dt {margin: 1em 0;}

.ticker {padding: .5em; border:1px solid #f5f5f5; background: #fafafa;font-weight: normal;}

.imprint { background: #f5f5f5; border: 1px solid #eee; padding: 1em;}

/* SITEMAP
--------------------------------------------------------------------------------*/

#sitemap {
font-size:105%;
line-height:1.8em;}

.collect dt {
float:left;
clear:both;
min-width:40%;
padding-right:20px;}
.collect dd { min-width:60%; }

/* LEFT
--------------------------------------------------------------------------------*/

#left {
color:#999;
left:0;
position:absolute;
text-align:right;
top:0;
width:280px;
padding:150px 20px 20px;}

#left h1 {
background:url(../gfx/headline_bg.png) no-repeat right;
height:45px;
text-align:left;
text-indent:-9999px;
width:280px;}

#left #breadcrumb {
font-size:x-small;
padding-top:2em;}

/* RIGHT
--------------------------------------------------------------------------------*/

#right {
background:#fff url(../gfx/content_bg.png) repeat-y right top;
border-left:1px solid #eee;
left:310px;
max-width:850px;
min-width:400px;
position:absolute;
right:5px;
top:0;}

#right h2 {
z-index:2;
height:81px;
background:url(../gfx/headline2_bg.png) no-repeat right top;
color:#4794aa;
font-size:240%;
font-weight:700;
line-height:.7em;
margin:0;
padding:10px 0 0 .6em;}

#right h2 span {
font-size:45%;
color:#aaa;
font-style:italic;
font-weight:400;}

#right h3 {
color:#4794aa;
clear:both;}

h4 {
color:#4794aa;
clear:both;
}

/* NAV
--------------------------------------------------------------------------------*/

#nav {height:130px; background:url(../gfx/nav_bg.png) no-repeat right top;}

#nav ul {
list-style:none;
position:absolute;
top:10px;}

#nav li {float:left;}
#nav li .ndt {background:none;padding:.3em .2em .3em 0;}

#nav li a {
font-size:129%;
color:#aaa;
text-decoration:none;
display:block;
background:url(../gfx/nav_dot.png) no-repeat left center;
padding:.3em .2em .3em 20px;}
#nav li a.select {color:#597ab5;}

#nav li a:focus {color: #000;}

/* CONTENT
--------------------------------------------------------*/

#content {
border:1px dashed #cecece;
border-width: 1px 0;
margin:0 2.5em 0 1.7em;
padding:20px 3px;
}

#content.start {font-size:110%;font-weight:700; line-height: 3em;}
#content.start a {font-weight:700;}

#content.start p.ticker { font-size:84%; line-height:1.5em;}

dl dt strong {font-size:140%;color:#4794aa; clear: both;}

.product h4 {font-size:140%;}
.product h4 a {color:#4794aa; font-weight: bold; text-decoration: none;}




.product p {margin: 0;}
.product p.ticker {margin: 0 0 1.5em 0;}

.product ul {  padding-left: 1em;}

img.right { float: right; padding: 5px; border: 1px solid #ccc; background: #eee; margin: 0 0 1em 1em}

.product dl { border-top: 1px dotted #bbb;}
.product dl ul { list-style: inside square; margin: 0;}

.product dt a { color:#4794aa; text-decoration: none;}

.product dd .clear {text-align: right; color: #999999;}
.product dd .clear a {color: #999; font-size: 85%; text-decoration: none;}
.product dd .clear a:hover {color: #777; font-size: 85%; text-decoration: underline;}
.product dd .clear a:focus {background: #5e5e5e; color: #fff;}


.product dt a:hover img {border:3px double #4794aa;}
.product dt a:focus img {border: 3px double #5e5e5e;}

.product dl dt strong {font-size:140%;color:#4794aa;}

/* IE7 HACK */
*+html .product ul li { margin: 0; padding: 0;}
*+html .product dt.left { float: none;}
*+html .product dt.right { float: none;}
*+html .product dl { background: none; border: none; margin-bottom: 1em;}

/* FOOTER
--------------------------------------------------------------------------------*/

#foot {
background:url(../gfx/foot_bg.png) repeat-x right bottom;
margin-left:-1px;
font-size:90%;
padding:30px 1.5em 4.3em;}

#foot p {
float:left;
display:block;
border:none;
margin:0;
padding:.3em;}

#foot ul {list-style:none;float:right;margin:0;}
#foot li {float:left;margin:0;}
#foot li a {
display:block;
color:#aaa;
text-decoration:none;
padding:.2em;}

#foot li a:focus {color: #000; background: none;}
#foot li a:focus strong {color: #000; background: none;}

#foot li a strong {
color:#4794aa;
text-decoration:none;
font-weight:400;}

a img#map {
width: 98%;
height: 98%;
max-width:700px;
max-height:700px;

padding: 5px;
border:1px solid #fff;
margin:0 auto 2em;}

a:hover img#map { border: 1px dotted #ccc;}