/* ----------------------------------------------- */
/* -------->>> 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, caption, tbody, tfoot, thead, tr, th, 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: #E6E7E8;
}

table {
border-collapse: separate;
border-spacing: 0;
}
caption, th, 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: "Helvetica Neue", "Lucida Grande", Helvetica, Arial, Verdana, sans-serif;
}
h1,h2,h3,h4,h5,h6 {
color: #111;
font-family: "Helvetica Neue", Helvetica, 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 0 1.5em;
}

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 {
margin-bottom: 1.4em;
}
th {
border-bottom: 2px solid #ccc;
font-weight: bold;
}
td {
border-bottom: 1px solid #ddd;
}
th,td {
padding: 4px 10px 4px 0;
}
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 <<<--------- */

.small {
font-size: .8em;
margin-bottom: 1.875em;
line-height: 1.875em;
}
.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;
}
.yellow {
color: #DECC46;
}

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

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

/* -------->>> Index.html / local <<<--------------- */
BODY#index {
background: url(./bg.gif);
}

#google_text{
	color:#A0A0A0;
}

BODY#index #center{
margin: 0 auto;
width: 850px;
position:relative;
padding:25px;
}

BODY#index a {
position: relative;
top:120px;
display:block;
margin:0 0 25px 0;
text-decoration: none;
}

BODY#index a {
text-decoration: none;
color:#A0A0A0;
}

BODY#index a span {
position: absolute;
font-size: 0px;
width: 100%;
height: 100%;
}

BODY#index h5 {
text-decoration: none;
color:#A0A0A0;
}

BODY#index h5 span {
position: absolute;
font-size: 0px;
width: 100%;
height: 100%;
}


BODY#index #brand {
width: 96px;
height: 15px;
}

BODY#index #brand span {
background: url(./name.gif) no-repeat;
}

BODY#index #kontakt_full{
position:relative;
top:120px;
width: 218px;
height: 114;
}

BODY#index #kontakt_full
 span {
background: url(./adresse.gif) no-repeat;
}

BODY DIV#nav{
position:absolute;
top:324px;
left:655px;
}

BODY#index #link_download_work {
width: 205px;
height: 15px;
}

BODY#index #link_download_work span {
background: url(./downloadArbeiten.gif) no-repeat;
}

BODY#index #link_cv {
width: 19px;
height: 15px;
}

BODY#index #link_cv span {
background: url(./cv.gif) no-repeat;
}

BODY#index #contact {
width: 59px;
height: 15px;
}

BODY#index #contact span {
background: url(./kontakt.gif) no-repeat;
}