BODY,P,DIV,TD,A, PRE{color:#ffffff; font:normal 11px verdana, sans-serif; margin: 0px; padding: 0px;}
BODY{	background-image: url(../img/bg_body.gif); background-repeat: repeat-y; background-color: #ad8940; /* background-image: url(../img/dummy.jpg); */ }
A	{text-decoration: none; text-transform: uppercase; font-weight: bold;}
A:hover, .navAktiv, .navAktiv A {background-color: #d8d5ce; color: #2c2627;}
P	{margin-bottom: 7.5px;}

/********************************/
/*	Die Grundfarben der Website www.quarzsprung.de  */ 

.dunkelbraun		{background-color:#7a3f25;}	
.hellbraun		{background-color:#ad8940;}
.mittelgrau		{background-color:#999387;}
.hellgrau		{background-color:#d8d5ce;}
.schriftdunkel		{background-color:#2c2627;}
.blaugrau		{background-color:#5a5a67;}
.hellblau		{background-color:#e7ebf2;}

.graubraun		{background-color:#867251}

/********************************/


/**** hilfsraster *****/
#raster		{position: absolute; left: 0px; top: 0px; z-index: 1001; display: none;}

/************************************ header ***********************************************************************/

#titel		{position: absolute; width: 800px; height: 60px; left: 180px; top: 24px; font-size: 24px; text-transform: uppercase; z-index: 10;}

#topnavigation		{position: absolute; width: 480px; height: 30px; left: 178px; top: 118px; z-index: 12;}
#topnavigation table	{width: 480px; table-layout: fixed;}
#topnavigation td	{width: 120px; height: 30px; padding: 1px;}

#topnavigation a	{font-size: 12px; font-weight: bold; text-transform: none;}
#topnavigation a:hover	{text-transform: uppercase; color: white; background-color: transparent;}
/* #topnavigation .navAktiv{border-left: solid 1px white; color: white; background-color: transparent;}*/

#maske		{position: absolute; width: 1000px; height: 150px; left: 0px; top: 0px; z-index: 9;}
#slideshow	{position: absolute; width: 1000px; height: 46px; left: 0px; top: 75px; z-index: 1; /* mittelgrau */ background-color: #999387;}

/************************************ ende header  *****************************************************************/



/************************************ linksnav      ****************************************************************/

#bglinks		{z-index: 10; position: absolute; width: 180px; height: 540px; left: 0px; top: 150px; background-image: url(../img/bg_left.jpg); background-repeat: no-repeat;}
#startlinks		{border-top: solid 1px white; border-bottom: solid 1px white; table-layout: fixed; overflow: hidden;}
#linksnavigation	{padding-top: 19px; padding-bottom: 12px;}

/************************************ auch im weiteren: *-Hacks f?r den lieben ie7 ***/
/************************************ und f?r ie-Varianten vor Version 7           ***/
			#linksnavigation UL	{list-style-type: none; font-size: 12px; font-weight: bold; padding-left: 30px;}
*:first-child+html 	#linksnavigation UL	{margin-left: 0px;}
* html 			#linksnavigation UL	{margin-left: 0px;}

#linksnavigation LI			{padding-top: 7px; height: 23px;
					 background-image: url(../img/trennlinien_nav.png); 
					 background-repeat: no-repeat; 
					 background-position: bottom;}
#linksnavigation LI:hover		{background-color: #d8d5ce;}
#linksnavigation A			{padding-bottom: 7px; padding-top: 7px; padding-right: 100%;}

/************************************ ende linksnav ****************************************************************/



/************************************ content      *****************************************************************/

			#content {position: absolute; left: 181px; top: 151px; width: 630px; min-height: 540px; z-index: 11; background-color:#999387;}

*:first-child+html 	#content {left: 180px; top: 150px;}
* html 			#content {left: 180px; top: 150px;}

			#content table  {table-layout: fixed; width: 630px; height: 100%; border-collapse: collapse; overflow: hidden;}
*:first-child+html 	#content table	{table-layout: auto; width: 631px;}
* html 			#content table	{table-layout: auto; width: 631px;}


			#content td		{height: 149px; border: solid 1px white; vertical-align: top; overflow: hidden;}
			.move	 		{width: 100%; height: 100%; overflow: hidden;}
			td .rowspan	{height: 299px;}
			
			.move img:hover{width: 103%; height: 103%; position: relative; right: 2%; bottom: 2%;}
*:first-child+html 	.move img:hover{position: static;}
* html 			.move img:hover{position: static;}
*:first-child+html 	.zoom img:hover{width: 101%; height: 101%;}
* html 			.zoom img:hover{width: 101%; height: 101%;}

			.zoom a {cursor: url(../img/z.cur), pointer;}

			#content td.noborder	{border-width: 0px; min-height: 90px; height: 90%;}

/*
			#content td.blindtop	{height: 151px; }
*:first-child+html 	#content td.blindtop	{height: 150px; }
* html 			#content td.blindtop	{height: 150px; }
*/

/*			#content td.footer{padding-left: 5px; padding-top: 3px; border-top-width: 1px; border-bottom-width: 0px; border-left-width: 0px; border-right-width: 0px; height: 21px;}*/
			.text{max-width:600px; padding-top: 30px; padding-left: 15px; padding-right: 10px; padding-bottom: 15px;}
			.text b{margin-left: 60px;}
			.text span{margin-right: 10px;}
			h1	{font-size: 12px; font-weight: bold; margin-top: 0px;}
			.zeiten		{border: solid 1px white; margin: 3px; width: 180px; float: left;}
			.floatleft 	{float: left;}
			.clearfix	{clear: both;}

/* Preistabelle*/	#free		{table-layout: auto; height: auto; width: 630px;}
			#free td	{height: auto; padding-left: 15px; padding-top: 7px; padding-right: 7px; padding-bottom: 7px;}


/************************************ ende content *****************************************************************/


/************************************ marginalspalte **************************************/

#marginalspalte		{position: absolute; width: 180px; left: 811px; top: 150px;}
.marginalteaser		{
width: 158px; /*** muss zusammen mit padding 180 - Breite der Marginalspalte - ergeben ***/
padding-top: 15px;
padding-left: 15px;
padding-right: 7px;
padding-bottom: 15px;
border-bottom: solid 1px white;
}

/************************************ ende marginalspalte *********************************/


/************************************ footer              *********************************/

#footer {position: fixed; left: 180px; bottom: -1px; width: 614px; height: 20px; border: solid 1px white; z-index: 12; padding-left: 15px; padding-top: 10px;}

/************************************ ende footer 	  *********************************/






/*********** Ausdruck-Definitionen ***********/
@page			{size:portrait;}
@media print 	{

body, table, td, div{font-size: 12px; line-height: 17px; color: #000000;}


#content		{left: 0; top: 60px; overflow: visible;}
#footer			{position: absolute; left: 0px; top: 0px; overflow: visible;}

#bglinks		{display: none;}
#marginalspalte		{display: none;}
#titel		        {display: none;}      
#topnavigation		{display: none;}
#maske			{display: none;}
#slideshow		{display: none;}
  }




/************************************ temp or nice to have *********************************/
/*
* html, body, div {
  scrollbar-base-color:#e8e7e4;
  scrollbar-3d-light-color:#e8e7e4;
  scrollbar-arrow-color:#6a614d;
  scrollbar-darkshadow-color:#b4b0a6;
  scrollbar-face-color:#ffffff;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:#e1efdb;
  scrollbar-track-color:#ffffff;
}
*/