/* ----------------------------- general information ----------------------------- *
Author: Stefan Kandler, made - Agentur für Marketing & Design
Author URI: http://www.werbeagentur-made.de

/* ----------------------------- resets ----------------------------- */
html, body, div, span, applet, object, iframe, 
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td { margin:0; padding:0; border:0; outline:0; font-size:100%; vertical-align:baseline; background:transparent; }

body { line-height:1; }
ol, ul { list-style:none; }
blockquote, q { quotes:none; }
blockquote:before, blockquote:after, q:before, q:after { content:''; content:none; }

:focus { outline:0; } /* remember to define focus styles! */
ins { text-decoration:none; } /* remember to highlight inserts somehow! */
del { text-decoration:line-through; }
table { border-collapse:collapse; border-spacing:0; } /* tables still need 'cellspacing="0"' in the markup */


/* ----------------------------- basic styling ----------------------------- */
body { font-family: Arial, Tahoma, Verdana; color:#333; font-size:100.01%; background:#333 url("../images/bg-body.jpg") top center no-repeat fixed; }

p, h1, h2, h3, h4, h5, h6, hr { line-height:1.6em; margin-bottom:.8em; font-family: Arial, Tahoma, Verdana; }
p { text-align:justify }
h1, h2 { font-size:1.4em; font-weight:normal; color:#000; margin:30px 0 10px; }
h1 { margin-top:0; font-size:1.6em; }
h3 { margin-top:20px; font-size:1.2em; font-weight:normal; text-transform:uppercase; color:#000 }

/* links */
a:link, a:active, a:visited { color:#333; text-decoration:underline; padding:2px 5px }
a:hover { color:#fff; background:#000; text-decoration:none }

/* ----------------------------- Layers ----------------------------------------- */
#fixed  { width:880px; margin:0 auto; font-size:.8em; background:none; }
#logo { float:right; margin:40px 0 50px}
#logo a { padding:0 }
#logo a:hover { background:none }

#content { padding:20px 30px 0 20px; background:url("../images/bg-content.png"); border-top:1px solid #ddd; border-bottom:1px solid #ddd }
#content ol { list-style:decimal; }
#content ul { list-style:disc; }
#content ul, #content ol { line-height:1.2em; margin-bottom:2em  } 
#content ul li, #content ol li { margin:0 0 0.6em 20px }

#footer { color:#888; text-align:right; margin:10px 0 100px; font-size:.8em; background:url("../images/bg-content.png"); padding:10px 0; border-top:0px solid #ddd; border-bottom:4px solid #111 }
#footer a { color:#888; padding:9px 8px 9px 8px  }
#footer a:hover, #footer a.aktuell  { background:#111; color:#fff; text-decoration:none }

/* ----------------------------- Navi ----------------------------------------- */
#nav { clear:right; margin:0 0 10px; text-transform:uppercase; font-size:1em; letter-spacing:.05em; background:url("../images/bg-content.png"); overflow:auto; border-top:4px solid #111; border-bottom:0px solid #ddd }
#nav li { display:block; float:left; }
#nav li a:link,
#nav li a:active, 
#nav li a:visited { display:block; text-decoration:none; padding:10px 24px; letter-spacing:.1em; white-space:nowrap; color:#666; }
#nav li a:hover, 
#nav li a.aktuell {  color:#fff; background:#111; font-weight:normal; }

/* ----------------------------- SubNavi ----------------------------------------- */
.subnav { float:right; width:260px; margin:20px 0 20px 30px; padding:0 0 460px 30px; border-left:1px solid #ddd; opacity:1; filter: alpha(opacity=100); }
.subnav ul { border-bottom:1px solid #eee; border-top:1px solid #d8d7d2; }
.subnav li { display:block; margin:0; z-index:100; }
.subnav li a:link, 
.subnav li a:active, 
.subnav li a:visited { display:block; margin:0; border-top:1px solid #fff; border-bottom:1px solid #d8d7d2; padding:8px 20px; background:url("../images/sub_arrow.png") center left no-repeat; text-decoration:none; color:#666; }
.subnav li a.aktuell:link, 
.subnav li a.aktuell:active, 
.subnav li a.aktuell:visited,
.subnav li a:hover { color:#000; background:url("../images/sub_arrow_hover.png") center left no-repeat; font-weight:bold }
.subnav h2 { margin-top:0 }

/* ----------------------------- Sonstiges ----------------------------------------- */
.map { text-align:right }
.map iframe { margin-bottom:4px; padding:1px; border:1px solid #ccc }
.map small { font-size:.8em; }

.box { float:left; width:220px; padding:10px; margin:10px 55px 20px 0;  }
.box:hover { background:#fff; }
.box h2, .box h3, .box h4, .box p, .box ul { margin:0; }
.box p, .box h3 { margin-bottom:.8em; text-align:left; color:#000 }
.box .right { margin-right:0 }
.box .left { margin-left:0 }
.boxkontaktform { width:530px; float:right; margin-bottom:20px }

.last { margin-right:0; }
.clear { clear:both;  }
.center { text-align:center; margin:0 auto }
.right { float:right;  }
.left { float:left; }
p.right { text-align:right; float:none }
p.left { text-align:left; float:none }

img.right { float:right; margin:4px 0 8px 20px }
img.left { float:left; margin:4px 20px 5px 0 }
img.border { padding:1px; border:1px solid #ccc; }

a.thickbox:link img,
a.thickbox:active img,
a.thickbox:visited img { border:1px solid #ddd; padding:1px; margin-bottom:4px }
a.thickbox:hover img, a.link img.border:hover { border:2px solid #000; padding:0; }
a.thickbox:hover, a.link:hover, a.logoklein:hover { background:none; }
a.logoklein { margin-right:4px; }
/* ----------------------------- Formular ------------------------------------------*/
td { padding:2px 0; vertical-align:top }
input, textarea { width:190px; border:1px solid #ccc }
.fehler { border-color:#e6000d; color:#e6000d; }

/* ----------------------------- Eingabefelder ------------------------------------------*/
input,
select,
textarea { background:none; color:#666; padding:5px 2px }
textarea { width:98.8%; margin-right:20px }

input[type=submit]:hover { background-color:#ccc; color:#fff }

input:focus, 
select:focus, 
textarea:focus { border-color:#666; color:#000; }