/*
// PEAK.CMS
// (c) 2005 PEAK Agentur für Kommunikation GmbH
// http://www.peak-agentur.de
// Dieser Code ist urheberrechtlich geschützt. 
// Verteilung und Gebrauch dieses Codes ohne schriftliche Genehmigung, mit oder ohne Abwandlung, ist verboten.
// This code is copyrighted material. 
// Redistribution and use of this code without written authorization, with or without modification, is forbidden.
*/

/* ----- tags ----- */

html {
	margin: 0;
	padding: 0;
	height: 100%;
}


body {
 font-family: Verdana, Helvetica, Arial, sans-serif;
 font-size: 82.5%;
 color: #222;
 height: 100%;
 line-height: 1.4em;
 width: 100%;
 padding: 0;
 margin: 0;
 box-sizing: border-box; 
 -moz-box-sizing: border-box;
 background-image: url(../_images/bg_right_endless.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}

*html body {
   background-image: none;
}

div.tee {
	font-weight: bold;
	text-align: center;
	font-size: 1em;
	color: #336;
	margin-top: 5px;
	margin-bottom: 30px;
}

img.logo {
	margin-left: 5px;
}


table {
	font-size: 1em;
 	font-family: Verdana, Arial, Helvetica, sans-serif;
}


.adminmenue_basic {
	position: fixed;
	top: 0px;
	right: 0px;
	padding: 3px 2px 0px 0px;
	height: 51px;
	max-height: 50px;
	z-index: 500;
	width: 100%;
	background-color: #D4D0C8;
	border-top: #FFF solid 1px;
	border-left: #FFF solid 1px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
	overflow: auto;
}

*html .adminmenue_basic {
	z-index: 500;
	position: absolute;
	left: 0px;
	top: 0px;
}


.adminmenue_sub {

	position: absolute;
	top: 50px;
	right: 0px;
	width: 320px;
	z-index: 1000;
	padding-top: 10px;
	background-color: #D4D0C8;
	border-top: #FFF solid 1px;
	border-left: #FFF solid 1px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
	text-align: center;
}


.adminmenue_imgupload {

	position: absolute;
	top: 50px;
	right: 0px;
	width: 500px;
	z-index: 1000;
	padding: 20px;
	background-color: #D4D0C8;
	border-top: #FFF solid 1px;
	border-left: #FFF solid 1px;
	border-right: #808080 solid 1px;
	border-bottom: #808080 solid 1px;
	text-align: left;
}

	
a.adminmenue:link, a.adminmenue:visited, a.adminmenue:active  
{ float:right; 
  border-left: 1px solid #000; 
  border-top: 1px solid #000; 
  border-right: 2px solid #000; 
  border-bottom: 2px solid #000; 
  color: #B11; 
  line-height: 16px; 
  height: 16px;
  margin-left: 4px; 
  background-color:  #eee; 
  text-align: center; 
  width: 120px; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  display: block; 
  font-weight: bold; 
  text-decoration: none;
 }

*html a.adminmenue:link, a.adminmenue:visited, a.adminmenue:active  
{ width: 120px; }

a.adminmenue:hover
{ float:right; 
  border-left: 2px solid #000; 
  border-top: 2px solid #000; 
  border-right: 1px solid #000; 
  border-bottom: 1px solid #000; 
  color: #B11; 
  line-height: 16px; 
  height: 16px;
  margin-left: 2px; 
  background-color: #eee; 
  text-align: center; 
  width: 122px; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  display: block; 
  font-weight: bold; 
  text-decoration: none; }



a.info:link, a.info:visited, a.info:active  
{ float:right; 
  border-left: 1px solid #000; 
  border-top: 1px solid #000; 
  border-right: 2px solid #000; 
  border-bottom: 2px solid #000; 
  color: #CF630C; 
  line-height: 16px; 
  height: 16px;
  margin-left: 4px; 
  background-color:  #FFEB8F; 
  text-align: center; 
  width: 120px; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  display: block; 
  font-weight: bold; 
  text-decoration: none;
 }

*html a.info:link, a.info:visited, a.info:active  
{ width: 120px; }

a.info:hover
{ float:right; 
  border-left: 2px solid #000; 
  border-top: 2px solid #000; 
  border-right: 1px solid #000; 
  border-bottom: 1px solid #000; 
  color: #CF630C; 
  line-height: 16px; 
  height: 16px;
  margin-left: 2px; 
  background-color: #FFEB8F; 
  text-align: center; 
  width: 122px; 
  font-size: 11px; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  display: block; 
  font-weight: bold; 
  text-decoration: none; }
/*
a.adminmenue:hover
{ border-top: #FFF solid 1px; border-left: #FFF solid 1px; border-right: #808080 solid 1px;	border-bottom: #808080 solid 1px;
	float:right; line-height: 16px; margin-left: 2px; background-color: #D4D0C8; text-align: center; width: 120px; font-size: 11px; font-family: Verdana, Arial, Helvetica, sans-serif; display: block; font-weight: bold; color: #000; text-decoration: none }
*/




select {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
}

h1{
 font-family: Verdana, Helvetica, Arial, sans-serif;
 padding-top: 0px;
 padding-bottom: 7px;
 font-size: 1.3em;
 color: #360;
 font-weight: bold;
}

h2{
 font-family: Verdana, Helvetica, Arial, sans-serif;
 padding-top: 4px;
 font-size: 1.1em;
 color: #360;
 font-weight: bold;
}

h3{
 font-family: Verdana, Helvetica, Arial, sans-serif;
 padding-top: 4px;
  font-size: 1em;
 color: #360;
  font-weight: bold;
}


li {
 padding: 0px;
 margin: 0px 0px 0px 15px;
}

hr {
 height: 1px;
 color: #000;
 border: none;
}

img {
 border: none;
 padding: 0px;
 margin: 0px;
}







/* ----- class ----- */

.text1 { font: 11px Verdana, Arial, Helvetica, sans-serif }
.text2 { font: 14px Verdana, Arial, Helvetica, sans-serif }
.text3 { font: 17px Verdana, Arial, Helvetica, sans-serif }



a.submit, a.submit:hover, a.submit:active, a.submit:visited, a.submit:link {
	padding-left: 1.5em;
	padding-right: 1.5em;
	padding-top: 0.1em;
	vertical-align: text-bottom;
}


.submit, .submit:hover, .submit:active, .submit:visited, .submit:link {
 	margin: 0px;
	margin-left: 2px;
	padding: 0px;
	padding-left: 2px;
	padding-right: 2px;
	border-top: 1px solid #000;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	border-left: 1px solid #000;
	color:  #000;
	background-color: #fff;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	height: 17px;
	line-height: 12px;
	cursor: pointer;
	text-decoration: none;
}

.fault {
	color: #AF1515;
	font-weight: bold;
}


div.abstand {
	padding: 10px;
	padding-top: 0px;
}


/* ----- id ----- */


#id-cms-total {
	margin: 0; 
	height: 100%;
	width: 100%;
 	-moz-box-sizing: border-box;
	box-sizing: border-box; 
 background-image: url(../_images/bg_right.jpg);
 background-repeat: no-repeat;
 background-position: bottom right;
}


#id-wrapper-total {
 height: 100%;
 width: 100%;
 margin: 0;
 padding: 0;
 text-align: left; /* Aufheben von IE_quirks im BODY */
 box-sizing: border-box; 
 -moz-box-sizing: border-box;
  
   background-image: url(../_images/bg_left.gif);
 background-repeat: no-repeat;
 background-position: top left;
}



/*HEADER*/
#id-header {
  margin: 0;
  padding: 0;
  width: 100%; 
    box-sizing: border-box; 
  -moz-box-sizing: border-box;
}



/*BODY*/

#id-wrapper-content {
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
  -moz-box-sizing: border-box;
 }

#id-body-left {
  margin: 0;
  padding: 0;
  position: absolute;
  left: 0px;
  box-sizing: border-box; 
 -moz-box-sizing: border-box;
}

#id-body-right {
  margin: 0;
  padding: 0;
  position: absolute;
  right: 0px;
  box-sizing: border-box; 
 -moz-box-sizing: border-box;
}


#id-body-middle {
  margin: 0;
  padding: 0;
  box-sizing: border-box; 
 -moz-box-sizing: border-box;
}


#id-menue {
min-height: 309px;
-height: 309px;
 margin: 0; 
 padding: 0;
 box-sizing: border-box; 
 -moz-box-sizing: border-box;
}


#id-content {
min-height: 300px;
-height: 300px; 
 margin: 0; 
 padding: 0;
 box-sizing: border-box; 
 -moz-box-sizing: border-box;

}

/*FOOTER*/
#id-footer {
  margin: 0;
  padding: 0;
width: 100%; 
 box-sizing: border-box; 
  -moz-box-sizing: border-box;
}




/**************** PROJEKT STYLES *********************/

.unter_ueberschrift{
 text-decoration: none;
 padding-top: 4px;
 font-size: 1em;
 color: #360;
 font-weight: bold;
}

.ueberschrift{
 padding-top: 4px;
 font-size: 1.15em;
 color: #360;
 display: block;
 text-decoration: none;
 font-weight: bold;
}


.angebote {
	display: block;
	padding: 5px;
	 color: #336;
	text-decoration: none;
	font-weight: bold;
	font-size: 0.9em;
	border-left: 3px solid #336;
}

img.img_left {
	margin-left: 30px;
	margin-bottom: 20px;
}

img.img_right {
	margin-right: 30px;
	margin-bottom: 30px;
}

table.sortiment {
	border-top: 1px solid #693;
}

td.sortiment {

	border-bottom: 1px solid #693;
	padding-top: 5px;
	padding-bottom: 5px;
}

td.sortiment_anzahl {

	vertical-align: bottom;
	font-size: 0.8em;
	border-bottom: 1px solid #693;
	padding-top: 5px;
	padding-bottom: 5px;
}

.sortiment_desc {
	background-color: #D3E4C5;
	padding: 10px;
}


input.hiddensubmit {
	width: 0px; 
	height: 0px;
	background-color: #AAA;
	margin: 0;
	padding: 0;
	border: 0;
}