@import "/s/nav.css";
@import "/s/cmxform.css";

html {height: 100%; margin-bottom: 1px; }


body 				{  text-align: left; 
						margin: 0;	
						padding:0 0 10px 0;
						background: #e9e4da;   
						/*background-color:#efece2;*/ 
						}
						
						
.index { overflow: hidden; padding: 0; }		
/* -----------------------introduce all text elements ----------------------------------------- */


h1,h2,h3,h4,h5,h6,p,br,a,li,ul,em,blockquote,td { font-size: 9.0pt; color: #736969; margin: 0;line-height: 1.3em;	 
font-weight: normal;  font-family:  Verdana, Arial, Helvetica, sans-serif; letter-spacing:0.00em; text-align: left; }
img  				{ behavior: url("/s/iepngfix.htc"); border:none;   }
h1 { font-family: "Franklin Gothic Medium", Arial, Helvetica, sans-serif; letter-spacing: 0.0em; text-transform: uppercase; font-size: 24px; margin-bottom: 0.4em; color: #bababc; }
h3 { 	font-weight:bold; font-size: 16px; margin-bottom:0.4em;  }
h4 {	font-weight:bold; font-size: 9pt;}
h5 {	font-weight:bold; font-size: 10pt;}
h6 {	font-weight:bold; font-size: 12pt; color:#aaaaab; margin-bottom:-0.4em;  }
 p {	padding-bottom: 0.8em;}	

a					{ font-size: 9.2pt; font-family: Trebushet MS,Verdana, Arial, sans-serif; text-decoration: none; color: #945343; letter-spacing: -0.02em;}
a:hover			{ text-decoration: underline;  color:white; color: #730000;} 
strong {font-family: Trebuchet MS; font-size:10pt; }
#info a 		{ font-size: 9.2pt; font-family: Trebushet MS,Verdana, Arial, sans-serif; text-decoration: none; color: #000; letter-spacing: -0.02em;}
#info	a:hover			{ text-decoration: underline;  color:white; } 		
/* -----------------------introduce all used divs -----------------------*/
div#wrapper 	{  margin-left: 60px; width:990px;/* Angabe für den IE 5.x */
voice-family: "\"}\""
 voice-family: inherit; width: 990px; margin: 0 auto;  padding: 0; }
div#site 	{ width: 100%;  margin: 0; padding: 0; float: left; padding-bottom:5%;  }


div#page_left  {	width:275px;  float:left; padding-left:0px; }
div#header,
div#footer,
div#content { padding:0 0 0 13px; margin: 0;}
div#content { float:left; width:700px; }
.index div#site{ margin: 0; padding: 0; }
.index div#wrapper {margin:0; width:auto; }
.index div#content { width:100%; padding:0; margin:0; }
.index img { padding: 0; margin: 0; border: none; }
div#info  {
	width: 470px;
	margin: 0 auto;
	background-image: url(/img/nav/preview.png);
	background-repeat: repeat;
	padding: 0px 15px 15px;
	border: 2px solid #FFFFFF;
	overflow: hidden;
	
}
div#info p{ color: black; }
div#info #xclose {position:relative; padding-left:460px; top:5px;}
div#info #xclose a{	font-size:16px; font-family:Arial, Helvetica, sans-serif; font-weight:bold; color:white;}
div#menuindex {position:absolute; top:93px; z-index:10; float:left; padding-left:327px; *padding-left:367px;  }

div#spacer {float:right; width:350px; padding: 5px 0 30px 24px}
div#zoom { position: absolute; padding: 10px 0 0 10px; ;  z-index: 10; }

div#descr {	float:left; width:87%; }
div#contact {width:450px; float:left; }
div#address { margin-top: 290px; }

div#impr   {display:block; clear:both; font-size:8pt; line-height:1.5em; padding-top:20px; border-top: 1px solid #ccc}
div#impr  p  {font-size:8pt; line-height:1.5em;}
div#header 		{ height: 90px;  padding: 21px 0 0 ; }			

div#footer		{ padding-top:40px; padding-left:290px;   clear:both; }
div#footer p, 
div#footer a	{ text-align:left; font-size:8pt; padding-top:3px; clear:both;  }
/* div#footer p    { background-color: #f5f5f5;} */
.fairs {	background-color: white; width:95%; text-align: left ; border:5px solid white; margin-bottom: 8px;  }
.pullquote {	position:relative; float:right; top:300px; width:130px; text-align:left;z-index:10; }
.pullquote p{ font-size: 8.0pt; }
.smaler {font-size:8.5pt; padding:0 150px 60px 4px;}
.gal { line-height:1.5em; font-size:9.5pt;}


/*--------objects ----------------------------------------------------------------------------------------------------------*/

.row {margin-bottom:40px; float:left; }
.objects {	float:left;	padding:0 23px 0 0; width:205px; }
.objects img {border: 4px solid #fff; margin-bottom: 7px;}
.objects .imginfo {float:left; border:none; padding:5px 5px 0 0; }

.objects p strong { }
.objects em  {	 font-family: Verdana;font-size:9.5pt;}


div#content.detail {padding-right:0px; width:68%; border-left:1px solid #ccc;  }

.detail p {	line-height:1.5em; font-size:10.0pt;}
.detail em {font-family: Verdana; font-size:10pt; }
.detail strong {}
.detail img {border: 5px solid;  border-color:white; }
.detail ol {list-style: upper-alpha outside; margin-top:-0.5em; margin-left:1.7em; padding-left:0em; }
.detail p a {text-align:right; padding-right:15px; background: url(../img/nav/iconArrowRight.gif) no-repeat scroll right bottom; }
.morePictures {margin:5px 0pt 0pt;}
.morePictures img {	border: 1px solid #B7A9A3; }
.detail .morePictures  a {	background:none; padding-right:5px; cursor: pointer;}
.infomail  { margin-left:25px;padding:7px; background-color: #fff; float:left; height:15px; margin-top:25px;}
.zoomhref {	margin:20px 0 35px; }
#zoom img {border:none;}
/* div#content.detzoom {display:block;width:100%;text-align:center; padding:0;margin:20px 0 5px;}
.closeb {	width:96%; text-align:right; }*/
/* -----------------------page-left-variants -----------------------*/
#page_left img { margin-top: 88px; margin-left:25px; }
#page_left p img { margin: 0; border: 4px solid white; }
#page_left p		{padding-left:25px; width:200px; }
#page_left h2 {margin-left:24px; 
}
#page_left ul{	list-style: none; margin: 0; margin-left:17px; padding:7px 0 0 ; width:195px; border-top:1px solid  #b7a9a3; }
#page_left li {margin-bottom: 0.6em; border-bottom:1px solid  #b7a9a3; padding-bottom:7px;}
#page_left a {	font-size: 8pt;}
#page_left a:hover {	text-decoration: none; }
/* #act-detail-pic {float:left; width:300px; margin:0; padding:0; } */

 
 
/*--------Cols----------------------------------------------------------------------------------------------------------*/


/*--------Basic Elements -*/		







		
	
hr					{ background: #cacaca; border: 0; }
blockquote 		{ font:  12px Georgia, Times, serif;  
					background: url(/img/nav/quote.gif) 0px 10px no-repeat;
					padding: 14px 0 0 30px;
					margin:0;
					letter-spacing: 0.04em;
					overflow:hidden; }

/* em					{ background: #F7F4EF;}	*/				
/*---------Company History---------------------------------------------------------------------------------------------*/
 
 
 /*--------contact  cmx and cols-------------------------------------------------------------------------------------------*/		

.cmxform fieldset {	padding:15px 0 50px ! important; border:none !important;}
.cmxform input 			{cursor: pointer; width:284px;}
.cmxform input#plz  {cursor: pointer; width:64px ; margin:0 2px 0 0; padding-right:0 ! important }
.cmxform input#stadt  {cursor: pointer; width:210px ; padding-left:0 }
.cmxform input.button { width:100px;}
.cmxform textarea  {width:284px ! important; height:150px; }
.cmxform label   {width:110px  ! important }
.cmxform label   {width:110px  ! important }
.cmxform label  span {width:110px  ! important }
.cmxform h4			{margin:0 0 15px 20px;}





/*--------Helpers and standards-------------------------------------------------------------------------------------------*/		
.clearing  		{  width:100%; clear: both; background-color:red; display:block;}	

.solidline		{ border: 1px solid #cfcfcf; border-width: 0 0 1px 0; padding: 0 0 12px 0; ; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}
.dotline			{ border: 1px dotted #cfcfcf; border-width: 0 0 1px 0; padding: 0 0 12px 0; ; /*background: url(../img/bg/dotline.jpg) repeat-x;*/}




.bt				{ border-top: 1px solid #cfcfcf; }
.br				{ border-right: 1px solid #cfcfcf; }
.bb				{ border-bottom: 1px solid #cfcfcf; }
.bl				{ border-left: 1px solid #cfcfcf; }



/*--------Layout--------------------------------------------------------------------------------------------------------*/


#topbg 			{ position: absolute; top: 0; left: 0; width: 100%; height: 104px; background: url(/img/bg/topbg.gif) repeat-x; }