/* CSS Definitionen für klaer-werk.com */

/* Layout Elemente */

body {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	height: auto;
	color: White;
	background-color: #000000;
}

body.inline{
   background-color: #99CC00;
   scrollbar-face-color:#99CC00;
   scrollbar-track-color:#CAE96C;
   scrollbar-shadow-color:#536A22;
   scrollbar-dropshadow-color:#536A22;
   scrollbar-hue-color:#99CC00;
   scrollbar-arrow-color:#536A22;
}

#kw_page{}

#kw_content{
  width:960px;
  float:left;
  background-color:#99cc00;
  border:1px solid white;
}

#kw_links{
  width:170px;
  float:left;
  border:1px solid white;
  margin:3px;
}

#kw_menue{
  float:left;
  width:100%;
}

#kw_mitte{
  width:544px;
  float:left;
  text-align:center;
  border:1px solid white;
  margin:3px 20px;
}

#kw_mitte_header{
  float:left;
  text-align:center;
  width:100%;
}

#kw_mitte_content{
  float:left;
  text-align:left;
  width:100%;
}

#kw_rechts{
  width:190px;
  float:left;
  margin-top:6px;
}

#kw_rechts_logo{
  float:left;
}

#kw_rechts_adresse{
  float:left;
}

/* Links */

a.menue {
	color: #800000;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: 8px;
	letter-spacing: normal;
	height: auto;
	text-decoration: none;
}

a.menue:hover {
	text-decoration: underline;
}

a.headline {
	background-color: #536a22;
	text-decoration: none;
	line-height: normal;
	height: auto;
}

a.headline:hover {
	text-decoration: underline;
}

a.nanker {
  font-weight: bold;
}

/* Text und Absatzformate */

a, p, h1, h2, h3, h4, h5, h6, table, td, th, tr, ul, ol, p, span {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: normal;
	line-height: normal;
	letter-spacing: normal;
	height: auto;
	color: White;
	background-color: #99CC00;
}

.lined {
	border: 1px solid #ffffff;
  background-color: #99CC00;
	margin: 6px;
}

em {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	height: auto;
	color: White;
	background-color: #99CC00;
}

.desc {
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	line-height: normal;
	letter-spacing: normal;
	height: auto;
	color: White;
	background-color: #99CC00;
}

.koop {
  border: 1px solid white;
}

h1, h1 a{
	color: #B0E0E3;
	background-color: #536a22;
	border-top: 1 solid #ffffff;
	border-bottom: 1 solid #ffffff;
	/*padding-top: 5px;
	padding-bottom: 5px;*/
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	height: auto;
	text-decoration: none;
	line-height:30px;
}

h1 a:hover{
	text-decoration: underline;
}

h2 {
	color: #B0E0E3;
	font-size: 12px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	height: auto;
	text-decoration: none;
}

h3 {
	background-color: #536a22;
	border-top: 1 solid #ffffff;
	border-bottom: 1 solid #ffffff;
	color: #FFFFFF;
	font-size: 11px;
	font-style: normal;
	font-variant: normal;
	font-weight: bold;
	letter-spacing: normal;
	height: auto;
	text-decoration: none;
}

/* Formulare */

input {
  width:210px;
  height:20px;
  color: #536a22;
  background-color: #B0E0E3;
  border: 1 none #ffffff;
}

input.knopf{
  border:2px solid white;
}

input.kurz {
  width:80px;
  height:20px;
}

input.medium {
  width:103px;
  height:20px;
}

input.check {
  width:20px;
  height:20px;
  color: #536a22;
  background-color: #99CC00;
  border: 1 none #ffffff;
}

textarea {
  width:210px;
  height:175px;
  color: #536a22;
  background-color: #B0E0E3;
  border: 1 none #ffffff;
}

textarea.antrag {
  width:210px;
  height:160px;
  color: #536a22;
  background-color: #B0E0E3;
  border: 1 none #ffffff;
}