/* RESET FÜR BROWSER */

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, 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,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

/* ENDE RESET */

body {
background: white;
background-attachment: fixed;
height: 100%;
font: ASAP;
font-size: 100%;
font-family: 'Asap', sans-serif;

}

h1 {
font-size: 25px;
margin-top: 40px;
margin-bottom: 10px;
font-family: 'Asap', sans-serif;
font-weight: 700;
color: #443632;
margin-left: 10px;
}

h2 {
font-size: 22px;
font-family: 'Asap', sans-serif;
font-weight: 700;
color: #443632;
margin-left: 10px;
margin-top: 20px;
}

h3 {
font-size: 18px;
margin-top: 10px;
margin-bottom: 0px;
font-family: 'Asap', sans-serif;
font-weight: 700;
color: #443632;
}

h4 {
font-size: 16px;
font-family: 'Asap', sans-serif;
font-weight: 700;
color: #443632;
}

h5 {
font-size: 14px;
font-family: 'Asap', sans-serif;
color: #443632;
}

h6 {
font-size: 12px;
font-family: 'Asap', sans-serif;
color: #443632;
}

p {
font-size: 16px;
}

#header {
position: relative;
height: 400px;
width: 100%;
background-image: url(../images/header_startseite.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#header_produkte {
position: relative;
height: 400px;
width: 100%;
background-image: url(../images/header_produkte.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}
#header_index {
position: relative;
height: 400px;
width: 100%;
background-image: url(../images/header_index.jpg);
background-position: center center;
background-size: cover;
background-repeat: no-repeat;
}

#header_logo {
position: abslolute;
width: 200px;
}

#navi {
position: fixed;
height: 60px;
width: 100%;
box-shadow: 8px #666;
background-color: white;
z-index: 9999;
box-shadow: 5px 5px 5px rgba(0, 0, 0, 0.1);
}

#navi_center {
height: 60px;
left: 50%;
margin-left: -480px;
position: relative;
width: 960px;
}

#navi_center_left {
float: left;
width: 300px;
}

#navi_center ul {
height: auto;
margin: 0;
padding: 0;
text-align: right;
}

#navi_center li {
display: inline;
list-style: none;
}

#navi_center a {
color: #443632;
font-size: 15px;
padding: 20px 25px;
position: relative;
text-decoration: none;
top: 20px;
}

#navi_center a:hover{
background-color: #443632;
border-bottom: 1px solid #443632;
color: white;
font-size: 15px;
padding: 20px 25px;
position: relative;
text-decoration: none;
top: 20px;
}


#content{
left: 50%;
margin-left: -480px;
width: 960px;
position: relative;
padding-left: 30px;
padding-right: 30px;
}

#content_text{
width: 940px;
position: relative;
padding-left: 10px;
padding-right: 10px;
}

#content p {
margin-top: 20px;
}

#content_left {
float: left;
position: abslolute;
width: 430px;
padding: 10px;
color: #4c4c4c;
}

#content_left_picture{
float: left;
position: rabsolute;
width: 430px;
margin-top: 16px;
margin-left: 16px;
}

#content a {
color: #e56272;
text-decoration: none; 
}
#content a:hover {
color: black;
text-decoration: none; 
}

#footer {
position: relative;
height: 70px;
background-color: #443632;
margin-top: 100px;
}

#footer_center {
height: auto;
left: 50%;
margin-left: -480px;
position: absolute;
width: 960px;
padding-top: 26px;
padding-bottom: 15px;
color: white;
}

#footer a {
color: #e56272;
text-decoration: none; 
}
#footer a:hover {
color: black;
text-decoration: none; 
}



td {
min-width: 300px;
}