/***************************************************************************************/
/*
Titel:    Frische Tische Standardstyles für Bildschirmmedien
Autor:    Stephan Schindel,  info@computer-rundum.de
Update:   30.03.2007

Inhalt:   - Globale Einstellungen
          - Seitenstruktur
          - Hauptinhalt
          - Formulare
          - Rechte Spalte
          - Navigation
impressum.css
*/
/***************************************************************************************/

/*###############################GLOBALE EINSTELLUNGEN#################################*/
* {
  margin: 0;
  padding: 0;
  border: none;
}
html, body {
  width: 100%;
  height: 100%;
}
body {
  background-color: #fff;
  line-height: 1.5em;
  font-family: Arial, Helvetica, sans-serif;
  font-size: small;
  text-align: left;
  color: #555;
}
ul {
  list-style: none;
}
/* .right {
  float: right;
  margin-left: 1em;
  margin-bottom: 0.5em;
}
.left {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}*/
.clear {
  clear: both;
}
.hidden {
  position: absolute;
  top: -999em;
  left: -999em;
  height: 0;
  width: 0;
}
.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}
.border {
  border: 1px solid #e7e7e7;
  padding: 1px;
  margin: 0.5em 0;
}
/*##################################SEITENSTRUKTUR#####################################*/
div#wrapper {
  position: absolute;
  left: 50%;
  top: 50%;
  margin-left: -496px;
  margin-top: -300px;
  background-color: #fff;
  width: 992px;
  height: 600px;
}
div#left {
	position: relative;
	left: 615px;
	top: 0px;
	width: 205px;
	height: 200px;
	z-index: 1;
	background-color: #000000;
	margin: 70px 0 15px 86px;
	float: left;
}
div#submenu {
	position: absolute;
	left: 701px;
	top: 70px;
	width: 205px;
	height: 200px;
	background-color: #000000;
	margin: 200px 0 55px 0; /**/
	float: left;
}
div#content {
  position: relative;
  left:-205px;
  top:0px;
  width: 614px;
  height: 398px;
  margin: 70px 86px 15px 0;
  float: left;
  border: 1px solid #9DAE39;
  border-right: none;
  background-image: url(../bilder/content/63-2.jpg);
  background-position: left;
  background-attachment: scroll;
  background-repeat: no-repeat;
}
div#foot {
  position: absolute;
  bottom: 18px;
  left: 0;
  width: 821px;
  height: 83px;
  background-color: #000;
  margin: 0 86px;
  padding-top: 12px;
  /* border: 1px solid #000000; */
} 
/*######################## Next button #########################*/
div#next {
  position: absolute;
  bottom: 138px;
  left: 270px;
  width: 650px;
  height: 30px;
/* border: 1px solid green; top: 535px;*/
}
img.goback {
  position: absolute;
  bottom: 0px;
  left: 0px;
  z-index: 99;
}
img.gonext {
  position: absolute;
  bottom: 0px;
  right: 0px;
  z-index: 99;
}
/*########## erster weiter-button #############*/
div#border {
  position: absolute;
  bottom: 0px;
  right: 0px;
  width: 90px;
  height: 30px;
/*border: 1px solid blue;  top: 535px;*/
}
/*#################################### Inhalt im Content #############################*/
div#content h1 {
	text-transform: lowercase;
	color: #9DAE39;
	font-size: 18px;
	margin: 0 0 0 120px;
	padding: 25px 0 0 0;
	float: left;
}
div#content p.bodytext {
	line-height: 1.2em;
	font-size: 14px;
	background: url(../bilder/trans.png);
	width: 450px;
	/* height: 250px; */
	/* height: 100%; */
	margin: 10px 0 0 120px;
	padding: 15px 0 15px 10px;
	color: #000;
	float: left;
}

/*#################################### Inhalt im schwarzen Feld #############################*/
div#left h1 {
	text-transform: lowercase;
	color: #ffffff;
	margin: 40px 25px 15px;
	font-size: 1.5em;
}
div#left p {
  margin: 0 15px 10px 25px;
  color: #ffffff;
  line-height: 1.2em;
  font-size: 12px;
}
div#left h2 {
  text-transform: lowercase;
  color: #fff;
  margin: 15px 20px 15px;
  font-size: 1.2em;
}
/* Linkverhalten */
div#left .internal-link {
  color: #ffffff;
  text-transform: lowercase;
  text-align: left;
  font-size: 13px;
  font-family: Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
}
div#left .internal-link a,
div#left .internal-link a:visited {
	color: #ffffff;
}
div#left .internal-link a:hover,
div#left .internal-link a:focus,
div#left .internal-link a:active,
div#left .internal-link a.active {
  color: #9DAE39;
}

div#content div#csc-mailform {
	background-image: url(../bilder/trans.gif);
	background-repeat: repeat;
	height: 100%;
	width: 100%;
}
div#content div#csc-mailform-field input{
	text-align: justify;
}
/*#################################### NAVIGATION 1.Ebene #######################################*/
div#foot ul.lev1 {
  width: 820px;
  border-top: 2px solid #fff;
  /* padding: 0 15px 0 15px; 
  display: block;*/
  text-align:left;
}
div#foot ul.lev1 li {
  float: left;
  white-space: nowrap;
  }
div#foot ul.lev1 li.li1 {
}
div#foot ul.lev1 li a {
  color: #fff;
  text-transform: lowercase;
  font-size: 110%;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  padding: 0 10px 0 10px;
/*  border: 1px solid yellow;*/
}
div#foot ul.lev1 li.li1 a:hover,
div#foot ul.lev1 li.li1 a:focus,
div#foot ul.lev1 li.li1 a:active {
  color: #9DAE39;
}

/* aktive klasse */
div#foot ul.lev1 li.active,
div#foot ul.lev1 li.active a {
  color: #9DAE39;
}

/*################### Navigation 2.Ebene ################*/
div#foot ul.lev1 ul.lev2 {
  padding: 10px 0 0;
  line-height: 1.1em;
}
div#foot ul.lev1 ul.lev2 li {
  float: none;
}
div#foot ul.lev1 ul.lev2 li a {
  font-size: 100%;
}
div#foot ul.lev1 li.active ul.lev2 li.li2 a:hover,
div#foot ul.lev1 li.active ul.lev2 li.li2 a:focus,
div#foot ul.lev1 li.active ul.lev2 li.li2 a:active {
  color: #9DAE39;
}

/* aktive klasse */
div#foot ul.lev1 li.active ul.lev2 li.active,
div#foot ul.lev1 li.active ul.lev2 li.active a {
  color: #9DAE39;
}

/*---------- Formular -------------------*/
div#content form {
  background: url(../bilder/trans.png);
  width: 450px;
  margin: 50px 0 0 120px;
  padding: 25px 0;
  color: #000;
  float: left;
}
div#content form div.csc-mailform-field {
  float: left;
  width: 450px;
  margin-bottom: 3px;
  position: relative;
  height: 20px;
}
div#content form div.csc-mailform-field label {
  clear: left;
  float: left;
  width: 110px;
  padding-left: 20px;
  font-weight: bold;
} 

div#content form div.csc-mailform-field input {
  width: 200px;
  border: 1px solid #000;
  left: 160px;
  position: absolute;
}
div#content form div.csc-mailform-field textarea {
  width: 200px;
  height: 60px;
  left: 160px;
  border: 1px solid #000;
  position: absolute;
}
div#content form div.csc-mailform-field input.csc-mailform-check {
  border: 1px solid #000;
  left: 0px;
  top: 15px;
  width: 15px;
  position: relative;
  margin-top: 3px;
}
div#content form div.csc-mailform-field input.csc-mailform-submit {
  border: 1px solid #000;
  left: 160px;
  position: relative;
  margin-top: 3px;
  margin-bottom: 2px;
}
div#content form div.csc-mailform-field input.csc-mailform-reset {
  border: 1px solid #000;
  left: 160px;
  position: relative;
  margin-top: 3px;
}