/* -----------------------------------------------------------------------

 CSS für Startseite - Based on 
 Blueprint CSS Framework 0.8
 http://blueprintcss.org

   * Copyright (c) 2007-Present. See LICENSE for more info.
   * See README for instructions on how to use Blueprint.
   * For credits and origins, see AUTHORS.
   * This is a compressed file. See the sources in the 'src' directory.

----------------------------------------------------------------------- */

/* reset.css */
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.3;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}

/* typography.css */
body {font-size:69%;color:#003333;background:#ffffff;font-family:Verdana,"Helvetica Neue", Arial, Helvetica, sans-serif;}
p {
	padding-bottom: 0.8em;
	line-height:2.1em;
}
p#adresse {
	padding-top:0.8em;
	font-size:85%;
}

a {color:#003333;text-decoration:none;}
a:focus, a:hover {color:#000;}

/*Individual Styles Robert Harm*/
#header {
	height:162px;/*130*/
}
#logo {
	position:absolute;
	left:516px;/*360*/
	top:82px;/*50*/
}
#inhalt {
	background:#990000;
	height:276px;
}
#inhalt-nav {
	text-align:left;
	position:absolute;
	top:180px;
	left:318px;/*162*/
}
#inhalt-fotos {
	position:absolute;
	top:162px;
	left:565px;/*410*/
}
#footer {
	position:absolute;
	width:416px;
	left:565px;/*410*/
}

/*Navlinks*/
.angebot a {
display:block;
width:105px;
height:16px;
margin-bottom:15px;
background: transparent url(../images/st-angebot-off.gif) no-repeat;
}
.angebot a:hover {
display:block;
width:105px;
height:16px;
background: transparent url(../images/st-angebot-on.gif) no-repeat;
}
.ansatz a {
display:block;
width:105px;
height:16px;
margin-bottom:15px;
background: transparent url(../images/st-ansatz-off.gif) no-repeat;
}
.ansatz a:hover {
display:block;
width:105px;
height:16px;
background: transparent url(../images/st-ansatz-on.gif) no-repeat;
}
.person a {
display:block;
width:105px;
height:16px;
margin-bottom:15px;
background: transparent url(../images/st-person-off.gif) no-repeat;
}
.person a:hover {
display:block;
width:105px;
height:16px;
margin-bottom:15px;
background: transparent url(../images/st-person-on.gif) no-repeat;
}
.kooperation a {
display:block;
width:105px;
height:16px;
margin-bottom:15px;
background: transparent url(../images/st-koop-off.gif) no-repeat;
}
.kooperation a:hover {
display:block;
width:105px;
height:16px;
background: transparent url(../images/st-koop-on.gif) no-repeat;
}
.kontakt a {
display:block;
width:105px;
height:16px;
background: transparent url(../images/st-kontakt-off.gif) no-repeat;
}
.kontakt a:hover {
display:block;
width:105px;
height:16px;
background: transparent url(../images/st-kontakt-on.gif) no-repeat;
}
