@charset "UTF-8";

@import "reset.css";

body {
color: black;
font: 95% Arial, Helvetica, sans-serif;
line-height: 1.4em;
background: #f8f8f8 url(../images/htgr.gif) repeat-y center;
}

h1, h2 {
font-weight: bold;
font-size: 1.1em;
padding: 15px 0 5px 0;
}

h2 {
	font-weight:normal;
}
p {
	padding-bottom:5px;
}

p.klein {
	font-size:0.75em;
}
em {
font-style: italic;
}

a {
text-decoration: none;
font-weight: bold;
}

a:link, a:visited {
color: black;
}

a:hover, a:active {
color: #f8f8f8;
}

#startbox {  /* Komplette graue Box der Startseite */
background-color: #c0c0c0;
color: black;
margin: 0px auto;
padding: 75px;
width: 700px;
height: 300px;
}

#werke {
margin: 50px 0px 10px 0px; /* Startseitenbild */
}


#navigation {   /* auf allen Seiten ausser Startseite */
background-color: #c0c0c0;
color: black;
margin: 0px auto;
padding: 50px 75px 0px 75px;
width: 700px;
}

#content {   /* auf allen Seiten ausser Startseite */
	color: black;
	margin: 0px auto;
	padding: 55px 75px 20px 75px;
	width: 700px;
	background: #c0c0c0;
	clear:both;
}

ul.folgeseiten {  /* auf allen Seiten ausser Startseite */
margin-top: 20px;
}

li {
float: left;
width: 140px;
height: 20px;
}

span.hide {
display: none;
} 

li a {
display: block;
background: #c0c0c0 no-repeat;
width: 140px;
height: 20px;
}

li.startseite a {
background: url(../images/n_start_w.gif);
}

li.startseite a:hover {
background: url(../images/n_start_s.gif);
}

li.katalog a {
background: url(../images/n_katalog_w.gif);
}

li.katalog a:hover {
background: url(../images/n_katalog_s.gif);
}

li.vita a {
background: url(../images/n_vita_w.gif);
}

li.vita a:hover {
background: url(../images/n_vita_s.gif);
}

li.links a {
background: url(../images/n_links_w.gif);
}

li.links a:hover {
background: url(../images/n_links_s.gif);
}

li.kontakt a {
background: url(../images/n_kontakt_w.gif);
}

li.kontakt a:hover {
background: url(../images/n_kontakt_s.gif);
}

#einzugli {
float: left;
width:100px;
}

#einzugre {
margin: 0 0 5px 100px;
}

img.abstand {
	padding-right:10px;
}

#textrechts {
float: right;
}

#textlinks {
float: left;
}

/* Kontaktforumular */
 
label {
  display: block; 
}

input#name, input#adresse, textarea {
  background-color: #f8f8f8; 
  width: 350px;
  border: 1px solid #8c8c8c; 
  margin-bottom: 1em;
}
textarea { height: 8em; }

input#name:focus, input#adresse:focus,
textarea:focus {
  background-color: white; 
  color: black; 
}
/* Ende Kontaktforumular */