/* ----------------------------------------------- */
/* -------->>> Farben <<<--------------- */
/* ----------------------------------------------- */

.white{
  color: #fff
}

/* ----------------------------------------------- */
/* ---------->>> RESET CSS / GLOBAL <<<----------- */
/* ----------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table.general, caption, table.general tbody, table.general tfoot, table.general thead, table.general tr, table.general th, table.general td {
        margin: 0;
        padding: 0;
        border: 0;
        font-weight: inherit;
        font-style: inherit;
        font-size: 100%;
        font-family: inherit;
        vertical-align: baseline;
}

body { line-height: 1.5; background: #fff; }

table.general { border-collapse: separate; border-spacing: 0; }
caption, table.general th, table.general td { text-align: left; font-weight:400; }

blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }

/* ----------------------------------------------- */
/* ------->>> Typography CSS / GLOBAL <<<--------- */
/* ----------------------------------------------- */

body { font-size: 75%; }

body {
  color: #222;
  font-family: Arial, Verdana, sans-serif;
}
h1,h2,h3,h4,h5,h6,textarea {
  color: #111;
  font-family: Arial, sans-serif;
}

/* ------->>> Headings <<<--------- */

h1,h2,h3,h4,h5,h6 { font-weight: normal; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

/* ------->>> Text elements <<<--------- */

p           { margin: 0 0 1.5em; }
p.last      { margin-bottom: 0; }
p img       { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.top   { margin-top: 0; } /* Use this if the image is at the top of the

. */
img         { margin: 0; border: 0; display: inline; }

ul, ol      { margin:0 1.5em 1.5em 1.5em; }
ul          { list-style-type: circle; }
ol          { list-style-type: decimal; }
dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}

abbr,
acronym     { border-bottom: 1px dotted #666; }
address     { margin-top: 1.5em; font-style: italic; }
del         { color:#666; }

a:focus,
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; background: #ffc; }
dfn         { font-weight: bold; }
pre,code    { margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'monotype.com', 'lucida console', monospace; line-height: 1.5; }
tt          { display: block; margin: 1.5em 0; line-height: 1.5; }

/* ------->>> Tables <<<--------- */

table.general   { margin-bottom: 1.4em; }
table.general th      { border-bottom: 2px solid #ccc; font-weight: bold; }
table.general td      { border-bottom: 1px solid #ddd; }
table.general th,td   { padding: 4px 10px 4px 0; }
table.general tfoot   { font-style: italic; }
caption { background: #ffc; }

/* Use this if you use span-x classes on th/td. */
table .last { padding-right: 0; }

/* ------->>> default classes <<<--------- */

.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.quiet      { color: #666; }

.hide       { display: none; }
.highlight  { background:#ff0; }
.added      { color:#060; }
.removed    { color:#900; }

.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }

/* ----------------------------------------------- */
/* ------->>> CLEARING CSS / GLOBAL <<<----------- */
/* ----------------------------------------------- */

/* float clearing for IE6 */
* html .clear, * html .ref {
  height: 1%;
  overflow: visible;
}

/* float clearing for IE7 */
*+html .clear{
  min-height: 1%;
}

/* float clearing for everyone else */
.clear:after{
  clear: both;
  content: ".";
  display: block;
  height: 0;
  visibility: hidden;
}

/* ----------------------------------------------- */
/* ---------->>> Class CSS / GLOBAL <<<----------- */
/* ----------------------------------------------- */

.float_left{
        float: left;
}
.float_right{
        float: right;
}

.yellow{
        color: #DECC46;
}

/* ----------------------------------------------- */
/* -------->>> Pattern CSS / GLOBAL <<<----------- */
/* ----------------------------------------------- */
/* -------->>> Forms <<<--------------- */
form{
}
form fieldset{
}
form fieldset p{
}

/* ----------------------------------------------- */
/* ----------->>> Site CSS / GLOBAL <<<----------- */
/* ----------------------------------------------- */
/* -------->>> Layout / GLOBAL <<<--------------- */

/* -------->>> Index.html / local <<<--------------- */
BODY#index{
}
/* -------->>> contact.html / local <<<--------------- */
BODY#index{
}