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

Inhalt:   - Globale Einstellungen
          - Seitenstruktur
          - Hauptinhalt
          - Formulare
          - Rechte Spalte
          - Navigation
standard.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: 995px;
  height: 600px;
}
div#left {
	position: relative;
	left: 0px;
	top: 0px;
	width: 205px;
	height: 200px;
	z-index: 1;
	background-color: #9DAE39;
	margin: 70px 0 15px 86px;
	float: left;
}
div#submenu {
	position: absolute;
	left: 86px;
	top: 70px;
	width: 205px;
	height: 202px;
	background-color: #9DAE39;
	margin: 200px 15px 55px 0;
	float: left;
}
div#content {
  position: relative;
  width: 615px;
  height: 400px;
  background-color: #fff;
  margin: 70px 86px 15px 0;
  float: left;
  border: 1px solid #9DAE39;
  border-left: none;
	overflow: auto;
}
#content .csc-header {
	font-size: 16px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-left: 15px;
	margin-top: 10px;
	line-height: 32px;
}
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; */
} 
div#border {
  position: absolute;
  left: 391px;
  top: 90px;
  width: 300px;
  height: 300px;
  float: left;
  border: none;
  z-index: 5;
}
/*######################## Next button #########################*/
div#next {
	position: absolute;
	bottom: 138px;
	left: 270px;
	width: 650px;
	height: 30px;
	float:right;
	z-index: 0;
/* border: 1px solid green; top: 535px;*/
}
/**/
img.goback {
  position: absolute;
  bottom: 1px;
  left: 0px;
  z-index: 99;
}
img.gonext {
  position: absolute;
  bottom: 1px;
  right: 0px;
  z-index: 99;
}
/*####################################Inhalt im gruenen Feld#############################*/
div#left h1 {
  text-transform: lowercase;
  color: #fff;
  margin: 45px 20px 15px;
  font-size: 1.5em;
}
div#left h2 {
  text-transform: lowercase;
  color: #fff;
  margin: 15px 20px 15px;
  font-size: 1.2em;
}
div#left p {
  margin: 0 20px 20px;
  color: #000;
  line-height: 1.0em;
  font-size: 12px;
}
/* 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,
div#left .internal-link a:hover,
div#left .internal-link a:focus,
div#left .internal-link a:active {
  color: #000000;
}
/*#################################### NAVIGATION 1.Ebene #######################################*/
div#foot ul.lev1 {
  width: 820px;
  border-top: 1px solid #fff;
  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;
}

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: 5px 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%;
  color: #ffffff;
  }

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;
}

/*################### Navigation 3.Ebene ################*/
div#submenu ul.lev3 {
	width: 180px;
	border-top: 1px solid #000;
	padding: 0 0 0 15px;
	display: block;
}
div#submenu ul.lev3 li {
  float: left;
  width: 180px;
  white-space: nowrap;
  }
div#submenu ul.lev3 li.li3 {
  width: 180px;
}
div#submenu ul.lev3 li a {
  color: #fff;
  text-transform: lowercase;
  text-align: left;
  font-size: 13px;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-weight: bold;
  text-decoration: none;
  margin: 10px;
}
div#submenu ul.lev3 li a:hover,
div#submenu ul.lev3 li a:focus,
div#submenu ul.lev3 li a:active,
div#submenu ul.lev3 li a.active,
div#submenu ul.lev3 a.active {
	color: #000000;
}

/*################### Typo3 Extensions ################*/
/* default styles for extension "tx_cssstyledcontent" */
/* Captions */
DIV.csc-textpic-caption-c .csc-textpic-caption {
text-align: center;
}
DIV.csc-textpic-caption-r .csc-textpic-caption {
text-align: right;
}


DIV.csc-textpic-caption-l .csc-textpic-caption {
text-align: left;
}

/* Needed for noRows setting */
DIV.csc-textpic DIV.csc-textpic-imagecolumn {
float: left; display: inline;
}

/* Border just around the image */
DIV.csc-textpic-border DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
	border: 2px solid black;
	padding: 0px 0px;
}

DIV.csc-textpic-imagewrap {
padding: 0;
}

DIV.csc-textpic IMG {
border: none;
}

/* DIV: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DIV.csc-textpic-image {
float: left;
}

/* UL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap UL {
list-style: none; margin: 0; padding: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap UL LI {
float: left; margin: 0; padding: 0;
}

/* DL: This will place the images side by side */
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image {
float: left;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DT {
float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD {
float: none;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap DL.csc-textpic-image DD IMG {
border: none;
}

/* FE-Editing Icons */
DL.csc-textpic-image {
margin: 0;
}
DL.csc-textpic-image DT {
margin: 0; display: inline;
}
DL.csc-textpic-image DD {
margin: 0;
}

/* Clearer */
DIV.csc-textpic-clear {
clear: both;
}

/* Margins around images: */

/* Pictures on left, add margin on right */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-right: 10px;
}

/* Pictures on right, add margin on left */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}

/* Pictures centered, add margin on left */
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
	display: inline; /* IE fix for double-margin bug */
	margin-left: 10px;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image .csc-textpic-caption {
margin: 0;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image IMG {
margin: 0;
}

/* Space below each image (also in-between rows) */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-image {
margin-bottom: 0;
}
DIV.csc-textpic-equalheight DIV.csc-textpic-imagerow {
margin-bottom: 0px; display: block;
}
DIV.csc-textpic DIV.csc-textpic-imagerow {
clear: both;
}

/* No margins around the whole image-block */
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-firstcol {
margin-left: 0px !important;
}
DIV.csc-textpic DIV.csc-textpic-imagewrap .csc-textpic-lastcol {
margin-right: 0px !important;
}

/* Add margin from image-block to text (in case of "Text w/ images") */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
	margin-right: 10px !important;
}
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
	margin-left: 10px !important;
}

/* Positioning of images: */

/* Above */
DIV.csc-textpic-above DIV.csc-textpic-text {
clear: both;
}

/* Center (above or below) */
DIV.csc-textpic-center {
text-align: center; /* IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap {
margin: 0 auto;
}
DIV.csc-textpic-center DIV.csc-textpic-imagewrap .csc-textpic-image {
text-align: left; /* Remove IE-hack */
}
DIV.csc-textpic-center DIV.csc-textpic-text {
text-align: left; /* Remove IE-hack */
}

/* Right (above or below) */
DIV.csc-textpic-right DIV.csc-textpic-imagewrap {
float: right;
}
DIV.csc-textpic-right DIV.csc-textpic-text {
clear: right;
}

/* Left (above or below) */
DIV.csc-textpic-left DIV.csc-textpic-imagewrap {
float: left;
}
DIV.csc-textpic-left DIV.csc-textpic-text {
clear: left;
}

/* Left (in text) */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap {
float: left;
}

/* Right (in text) */
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap {
float: right;
}

/* Right (in text, no wrap around) */
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
float: right; clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-right-nowrap .csc-textpic-text {
height: 1%;
}
/* End hide from IE5/mac */

/* Left (in text, no wrap around) */
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
float: left; clear: both;
}
/* Hide from IE5-mac. Only IE-win sees this. \*/
* html DIV.csc-textpic-intext-left-nowrap .csc-textpic-text {
height: 1%;
}
/* End hide from IE5/mac */


/* WT GALLERY category mode */
div.wtgallery_categories { 
	border: 1px solid silver;
	width: 170px;
	padding: 5px;
	float: left;
	margin: 5px 0;
}
div.wtgallery_category_pic {
	float: left;
}
div.wtgallery_category_pic {
	margin-right: 10px;
}
div.wtgallery_category_folder {
	margin: 20px 0 10px 0;
}
p.wtgallery_category_pagebrowser {
	display: none;
}
.wtgallery_category_h1 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 24px;
	line-height: 28px;
	color: #666666;
}
/* WT GALLERY list mode */
.wtgallery_list {
	margin: 0 0 0 14px;
/* border: 1px solid red; */
}
.wtgallery_listpic {
	border: 1px solid #888888;
	width: 52px;
	height: 52px;
	margin: 2px; /**/
}
.wtgallery_listpic_pic {
	border: 1px solid white;
}
.wtgallery_pagebrowser {
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
/* border: 1px solid red; */
}
.wtgallery_pagebrowser_up {
	/* display: none;*/
	color: #FFFFFF;
}
.wtgallery_pagebrowser_back a {
	color: #FFFFFF;
}
.wtgallery_pagebrowser_page {
	color: #000000;
}
.wtgallery_pagebrowser_fwd a {
	color: #FFFFFF;
}
/* WT GALLERY singleview mode */
.wtgallery_singlepic {
	/*border: 1px solid #9DAE39;*/
	width: 613px;
	margin-left: 0px;
	text-align: center;
}
.wtgallery_singlepic_pic {
	border: 1px solid white;
}
/* Aufforderung das Bild zu vergroessern */
.wtgallery_singlepic_popup {
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* Ausgabe des Kommentartextes */
.wtgallery_singlepic_comment {
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
h2.wtgallery_h2{
	margin-top: 3px;
	color: #9DAE39;
}
p.bodytext wtgallery_p {
	margin-left: 0px;
}
/* Steuerung der weiter-Knoepfe */
.wtgallery_singlepic_fwdback {
	margin-left: 8px;
	font-family: Arial, Helvetica, sans-serif;
}
.wtgallery_singlepic_up{
	display: none;
}
.wtgallery_singlepic_fwd{

}
.wtgallery_singlepic_back{

}
/* wt_gallery END */

/* mw_imagemap */
img.imagemap {
	border: none;
	margin: 0 0 0 0;
}
/* mw_imagemap END*/
p.bodytext {
	margin-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* Bestellformular */
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformAnschrift {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformeMail {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformName {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformtelefon {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformPLZ_Ort {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformModell {
	background-color: #DEE6B0;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field #mailformAnzahl {
	background-color: #DEE6B0;
	text-align: center;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field {
	width: 350px;
	left: 120px;
	position: relative;
	text-align: right;
}
.start #wrapper #content #mailform .csc-mailform .csc-mailform-field label {
	vertical-align: top;
}