/*--------------- CSS RESET ---------------*/
* {
  padding: 0;
  margin: 0;
  font-size: 100%;
  font-weight: normal;
}

ul,
ol {
  list-style: none;
}

b,
strong {
  font-weight: bold;
}

img,
a img {
  border: none;
}

/*--------------- SCHRIFTEN/BODY ---------------*/
body { 
  background-color: #cdcdcd;
  margin-top: 10px;
  margin-bottom: 5px;
}

html {
  overflow-y: scroll;
} 

p { color: black; font-size: 12px; font-family: arial; text-align: justify; margin-bottom: 20px; }

h1,
h2,
h3 {
  font-weight: bold;
  margin-bottom: 0.5em;
}

h1,
h2,
.subcol h3 { font-family: arial; color: #000; font-weight: bold; }

h1 {
  font-size: 2em;
}
h2 {
  font-size: 2.0em;
}
li { font-size: 12px; font-family: arial; line-height: 1.5em; text-indent: 1em; list-style-type: circle; list-style-position: inside; }
h3 {
  font-family: arial;
  font-size: 0.8em;
  font-weight: normal;
  color: white;
  background-color: #36c;
  text-align: center;
  margin-bottom: 0.5em;
}

a:link {
  color: #000;
  font-size: 12px;
  font-family: arial;
  text-decoration: underline;
}

a:visited {
  color: #757575;
  font-size: 12px;
  font-family: arial;
  text-decoration: underline;
}

a:hover {
  color: red;
  font-size: 12px;
  font-family: arial;
  text-decoration: underline;
}

a:active {
  color: #a0a0a0;
  font-size: 12px;
  font-family: arial;
  text-decoration: underline;
}

/*--------------- KOPF/CONTAINER ---------------*/
#container { background-image: url(../images/hintergrund/hg_zeichnung.png);
	width: 1024px;
	height: auto;
	min-height: 728px;
	border: solid 1px #000;
	padding: 0;
	margin: 0 auto; }
#header {
  position: relative;
}
#inhalt {
	float: left;
	width: 402px;
	height: auto;
	padding: 40px 20px 12px; }
.pic { border: solid 1px black; }
#rechts {
	float: left;
	width: 100px;
	height: auto;
	padding: 40px 20px 12px; }
/*--------------- LAYOUT ---------------*/
#content {
  background-color: transparent;
  padding: 40px 0;
}
.clearfloat {
clear: both;
}