/* CSS Document */
/* S 251  14  20 #FB0E14*/
/* O 247 180  29 #F7B41D*/
/* P  21 126 250 #157EFA*/
/* H  65 214 247 #41D6F7*/
/* I 222 255  50 #DEFF32*/
/* E 215  80  12 #D7500C*/
/* s 128 226  55 #80E237*/
/* B 248  19  22 #F8B41D*/
/* E 247 180  29 #F7B41D*/
/* A  18  85 176 #1255B0*/
/* D 102   2   2 #660202*/
/* S  12   0   0 #0C0000*/
/*               */
@font-face {
	font-family: 'mainfont';	src:url('http://www.sophies-beads.com/homepageneu/fonts/MTCORSVA.TTF'), format('truetype');
}
body{
	xbackground-image: url(../images/bg-so.jpg);
	background-repeat: repeat;
  font-family: 'mainfont', conotype Corsiva, sans-serif;
	padding:  0px;
  margin:   0px;
  xcolor: #640000;
  color: #000000;
	scrollbar-base-color: #000000;
	scrollbar-3dlight-color: #660202;
	scrollbar-arrow-color: #D7500C;
	scrollbar-darkshadow-color: #660202;
	scrollbar-face-color: #ffffff;
	scrollbar-highlight-color:#ffffff;
	scrollbar-shadow-color:#D7500C;
	scrollbar-track-color: #FFF5EE;
  xfilter:alpha(opacity=40);
  xopacity:0.4; 
}

a {
  text-decoration:  none;
  color:            #000000;    
}

a.menue {
  font-weight:  bold;
  font-size:    115%;
  color:        #000000;
}


div.entry{
	width:  740px;
}

div.site{
}

div.content{
	xfont-family: FREESTYLE SCRIPT , Arial, sans-serif;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 30px;
	font-style: normal;
  width:  740px;
  height: 100%;
  margin:     10px;
  margin-top:  30px; 
  padding-right: 40px; 
  padding-left: 40px; 
  xoverflow: scroll ;
}
img.menue{
  border: none;
}

span.sophies  {  color: #FB0E14 ; }
span.ophies   {  color: #F7B41D ; }
span.phies    {  color: #157EFA ; }
span.hies     {  color: #41D6F7 ; }
span.ies      {  color: #DEFF32 ; }
span.es       {  color: #D7500C ; }
span.-s       {  color: #80E237 ; }
span.beads    {  color: #F8B41D ; }
span.eads     {  color: #F7B41D ; }
span.ads      {  color: #1255B0 ; }
span.ds       {  color: #660202 ; }
span.s        {  color: #0C0000 ; }


caption.caption {   }
span.menue {   
  color:      #000000; 
  font-size:  110% ;
  padding-top: 10px; 
}

span.menueinact {   
  color:      #000000; 
  font-size:  90% ; 
}

table {
}

table.entry {
	width: 100%;
  padding: 0px;
	top: 0px;
	margin: 0px;
}

table.site {
	text-decoration: none;
	width: 100%;
	height: 100% ;
  padding: 0px;
	top: 0px;
	margin: 0px;
}

table.content {
	text-decoration: none;
	width: 100%;
	xheight: 100% ;
  padding: 0px;
	top: 0px;
	margin: 0px;

}

caption {
  font-size: 150%; 
  font-weight: bold;
  xcolor: #ffffff ;
  color: #000000 ;
}
td.sitec1 {
  background-color:     #ffffff;
	text-align: center;
}

td.sitec2 {
  background-image: url(../images/capture2-s.jpg);
	background-repeat: no-repeat;
  background-position:  50% 5%;
  background-color:     #ffffff;
  padding-top: 10 px;
	text-align: left;
	height:       27px;
}

td.contentb {
	vertical-align: middle;
	border-top:    2 solid #ffffff;
	xborder-bottom: 2 solid #ffffff;
}

td.content {
  height: 100%;
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	text-align: center;
}

table.menue {
  xbackground-color: #FFFFFF ;
	width: 100%;
	height: 10px;
	margin-top:6px;
}
td.menue {
  ^xwidth: 100%;
  padding: 3px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
}
table.smenue {
	width: 100%;
  text-align: center;
}
tr.smenue {
  xbackground-color: #FFF5EE ;
  text-align: center;
}
td.smenue {
  padding: 3px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  width:      33%;
}
td.smenuea {
  padding: 3px;
  margin: 0px;
  text-decoration: none;
  text-align: center;
  font-weight: bold;
  font-size:  120%;
  width:      33%;
}

/* Ausstellung */

/* ausstellung-inaktiv */
td.aust-i-d {
  text-align: right; 
  font-weight: lighter;
  font-size: small ;
  width:  80px;
}

td.aust-i-l {
  font-weight: lighter;
  font-size: small;
  padding-left:  20px;
}

/* ausstellung-aktiv */
td.aust-a-d {
  text-align: right;
  color:  #ffffff;    
  font-size: small;
}

td.aust-a-l {
  color:  #ffffff;    
  font-size: small;
  padding-left:  20px;
}

/* kollektion */

span.kollektion {
  font-size: 10px; ;
}
/* kollektion detail*/

span.kollektiondetail {
  font-size:  20px; ;
  color:      #000000;
}

/* Kontakt */

/* ausstellung-inaktiv */
table.kontakt {
  xtext-align: right; 
}
/* header */
td.kontakth {
  padding-top:  10px;
  padding-bottom:  10px;
  padding-right:  20px;
  font-size: 150% ;
  font-weight:  bold;
}
/* subheader */
td.kontaktsh {
  padding-left:  100px;
  font-size: 110% ;
  font-style:  oblique;
}
/* detail */
td.kontaktd {
  text-align: left; 
}

/* div to simulate popup*/

div.popup {
  background-color: #ffffff;
  border: 2px solid #660202 ;
  z-index: 1;
  position: absolute;
  top: 100px;
  left: 300px;
  visibility: hidden;
}