/**Layout*****************************************
 *
 * ths_ind.css
 * (specific elements)
 * cascading-stylesheet för Thaiskolans förstasida 
 *   
 * @author Magnus Mårdh
 * @version 1.0
 * Upphovsrätt © 2004-2007 SenTangChalat.  
 *<adress>magnus@thaiskolan.se</adress>
 **************************************************/


body {/*ja*/
 scrollbar-arrow-color: #1f2330;
 scrollbar-base-color:#595d67;
 scrollbar-darkshadow-color: #cccccc;
 scrollbar-track-color: #ffcc99;
 scrollbar-face-color: #6c7799;
 scrollbar-shadow-color: #292e3c;
 scrollbar-highlight-color: #646e8d;
 scrollbar-3dlight-color: #a8afc4; 
}

#headContainer {/*ja*/
  background: transparent url(../pics/knott.gif);
  width: 840px;
	height: 150px;
	margin: 0px 20px;
	border: 2px inset #FFD700;
}

#pageHeaderI {/*ja*/
  background: transparent url(../pics/wood3.gif);
  width: 819px;
	height: 102px;
	margin: 5px 10px 8px 10px; 
	border: 2px outset #FFD700;
	padding-left: 0px;
	padding-right: 0px;
	position: absolute;
}

#pageHeaderI h1 { /*ja*/
	background: transparent url(../pics/label_logo1.gif) no-repeat top center; 
	/*margin: 0px 40px 0px 111px; */
	width: 329px; 
	height: 60px; 
	float: left;
	text-align: center;
	position: absolute; 
	top: 6px; 
	left: 224px;
}

#pageHeaderI h1 span {/*ja*/
	display:none
}

#pageHeaderI h3 {/*ja*/
  font: normal 24pt "Angsana New", AngsanaUPC, AngsanaDSE, "DB ThaiText", sans-serif; 
	background-color: transparent;
  color: yellow;
  width: 400px; 
	height: 20px; 
	float: left;
	text-align: center;
	position: absolute; 
	top: 66px; 
	left: 184px;
}

#pageHeaderI h3 span {/*ja*/
	font: normal 24pt"Angsana New", AngsanaUPC, AngsanaDSE, "DB ThaiText", sans-serif;
}

#navcontainer {/*ja*/
  width: 840px;
	height: 40px;
	border: 0px solid #ffffff;
	padding: 0px 0px 0px 0px;
	display: block;
	margin-top: 118px;
	margin-left: 0px;
	position: absolute;
}

#navcontainer ul {/*ja*/
  font: bold 8pt verdana, sans-serif;
  margin: 0px;
  padding: 1px 0px 0px 0px;
  list-style-type: none;
  text-align: center;
  border: 0px solid #ff0;
}

#navcontainer ul li {/*ja*/
  background-color: transparent;
  padding: 6px 0px;
  width: 100px;
  display: inline;
  border: 0px solid #666666; 
}

#navcontainer ul li a {/*ja*/
  text-decoration: none;
	background-color: transparent;
  padding: .2em .5em;
  color: #fff;
}

#navcontainer ul li a:hover {/*ja*/
  background-color: transparent;
	color: #ccf;
}

#navcontainer ul li a:active {/*ja*/
  color: #666;
}

#navcontainer ul li a#g7 {/*ja*/
  text-decoration: none;
  padding: .2em .5em;
  background-color: transparent;
	color: #ff0;
}

#navcontainer ul li a#g7:hover {/*ja*/
  background-color: transparent;
	color: #cc0;
}

#intro {/*ja*/
  position: absolute;
	background: transparent url(../pics/bg_dark.jpg);
  border: 2px outset #FFD700;
	clear: both; 
	margin: 10px 40px 20px 40px; 
	width: 790px;
	min-height: 390px; 
	float: left;
}
	
#intro p {
	font: italic 12pt georgia, sans-serif; 
	text-align:center;
}
	
#messboard {/*ja*/
  position: relative;
	background-image: url(../pics/bg.jpg);
  background-color: black;
  color: #ffffff;
  border: 3px inset silver;
  width: 750px;
	min-height: 355px;
  text-align: justify;
  margin: 15px 5px 20px 20px;
	z-index: 2;
}
	
#messboard h3 {/*ja*/ 
	background-color: transparent;
  font: normal 16pt verdana, georgia, sans-serif;
  color: #ccf;
	text-align: center;
}

#messboard p {/*ja*/
	font: italic 12pt georgia, sans-serif; 
	text-align: center;
}

#messboard p#p1 {/*ja*/
	font: italic 12pt/22pt georgia, sans-serif; 
	text-align: center;
	background-color: transparent;
	color: #ffff11;
}

#messbutts {/*ja*/
  position: relative;
  background-color: transparent;
  color: #ffffff;
  width: 400px;
	height: 30px;
	border: 0px outset silver;
	float: left;
	clear: both;
  text-align: justify;
  margin: 10px 0px 5px 10px;
	padding: 2px;
}

#messbutts ul/*ja*/
{
margin: 1px;
padding: 3px;
list-style-type: none;
text-align: center;
}
   /*ja*/
#messbutts ul li { display: inline; }
   
#messbutts ul li a{/*ja*/
  font: bold 8pt verdana, georgia, sans-serif;
  margin: 0px 0px 10px 10px;
  width: 102px;
  height: 30px;
	vertical-align: middle;
	border: 2px outset silver;
	text-align: center;
	padding: 5px 10px;
}


#messbutts ul li a:hover{/*ja*/
  font: bold 8pt verdana, georgia, sans-serif;
	margin: 0px 0px 10px 10px;
  width: 102px;
  height: 30px;
	vertical-align: middle;
	border: 2px inset #999;
	text-align: center;
	padding: 5px 10px;
}

#messfield {/*ja*/
  position: relative;
  padding: 5px;
  height: 275px;
  width: 430px;
  border: 0px solid #999999;
  overflow: auto;
  background-color: transparent;
  color: #ffffff;
	float: left;
	clear: left;
  /*text-align: center;*/
  margin: 0px 5px 5px 5px;
	scrollbar-arrow-color: #1f2330;
  scrollbar-base-color:#cccccc;
  scrollbar-darkshadow-color: #000000;
  scrollbar-track-color: #595d67;
  scrollbar-face-color: #6c7799;
  scrollbar-shadow-color: #292e3c;
  scrollbar-highlight-color: #646e8d;
  scrollbar-3dlight-color: #a8afc4; 
}

#messfield ul#ul12 li{/*ja*/
  margin: 0px 10px 0px 5px;
	padding: 0px 10px 0px 5px;
	font: normal 11pt verdana, georgia, sans-serif; 
	text-align: left;
	background-color: transparent;
	color: #ffffff;
}

#messfield u#u1{/*ja*/
	font: bold 12pt verdana, georgia, sans-serif; 
	text-align: center;
	background-color: transparent;
	color: #ffffff;
}

#mapfield {/*ja*/
  top: 0px;
	left: 475px;
	position: absolute;
  padding: 10px;
  height: 320px;
  width: 249px;
	float: right;
	clear: left;
	margin: -2px 3px 3px 3px;
}

.mapdemo {
  filter: shadow(silver,direction=135);
  filter: alpha(opacity=35);
  cursor: pointer;
}

.picDiv{
 position: absolute;
 left: 25px;
 top: 40px;
 z-index: 1;
 display: none;
}

.picDivExt{
 position: absolute;
 border: #a8afc4 2px outset;
 left: 250px;
 top: -470px;
 z-index: 4;
}

#extraDiv1 { /*ja*/
	background: transparent url(../pics/prakeow1.jpg) top left no-repeat; 
	position: absolute; 
	top: 19px; 
	left: 44px; 
	width: 78px; 
	height: 100px;
	border: 1px outset #FFD700; 
}
	
#extraDiv2 { /*ja*/
	background: transparent url(../pics/temple1.jpg) top right no-repeat; 
	position: absolute; 
	top: 19px; 
	left: 743px; 
	width: 118px; 
	height: 100px;
	border: 1px outset #FFD700;
}

.tab0 { /*ja*/    
   background-color: transparent;
   width: 95%;
   vertical-align: top;
   text-align: left;
   margin-left: 0;
   margin-top: 0;
   margin-right: 0;
}


.tab55 {/*ja*/
   background: transparent url('../pics/btbg.gif');   
   border: 1px solid #B09EE9;
   color: #669999;
	 font: normal 12pt verdana, georgia, sans-serif;
	 width: 200px;
   height: 60%;
   vertical-align: middle;
   text-align: center;
	 padding: 3px;
   margin-left: 90px;
   margin-top: 4%;
   margin-bottom: 4%;	 
   margin-right: 90px;
}

.tab556 { /*ja*/
   background: transparent url('../pics/btbg.gif');   
   border: 1px solid #B09EE9;
   color: #669999;
	 font: normal 10pt verdana, georgia, sans-serif;
   width: 300px;
   height: 30%;
   vertical-align: top;
   text-align: center;
	 padding: 3px;
   margin-left: 20%;
   margin-top: 4%;
   margin-bottom: 4%;	 
   margin-right: 10%;
}


.log {/*ja*/
  color: yellow;
}

.a2:link {/*ja*/
  color: #000099;
}

.a2:visited {/*ja*/
  color: #ffffce;
}

.a2:hover {/*ja*/  
  color: #000066;
}

.a4:link {/*ja*/
  color: #ffffff;
}

.a4:visited {/*ja*/
  color: #ffffff;
}

.a4:hover { /*ja*/ 
  color: #ccccff;
}

.updated {
  color: #888888;
	font-size: 10pt;
  font-style: italic; 
}

.c122 {/*ja*/
  font:normal 11pt verdana, georgia, sans-serif;
  background-color: transparent;
  color: #cccccc;
  text-align: left;
}


.c122:first-letter {/*ja*/
  font-size: 18pt;
  background-color: transparent;
  color: #ccffff;
  text-indent: 2.5em;
}

.c3 {/*ja*/
  font:italic 8pt verdana, georgia, sans-serif;
  background-color: transparent;
  color: yellow;
  text-align: center;
}


.footer {/*ja*/
  position: absolute;
	top: 575px;
	left: 50px;
	width: 90%;
  font: normal 8pt verdana, georgia, sans-serif;
  background-color: transparent;
  color: #000;
  vertical-align: bottom;
  text-align: center;  
}

.foot{/*ja*/
}

.footnote{/*ja*/
}


.desc2 {/*ja*/
 text-align: center;
 color: #ccffff;
 font: italic 800 11px arial, sans-serif;
}

.desc3 {/*ja*/
 text-align: center;
 color: #ccf;
 font: normal 800 11px arial, sans-serif;
}

.button{ /*ja*/
 width: 50px;
 height: 20px;
 border: 1px dotted #a8afc4;
 margin-top: 8px;
 background: #36445F;
 color: #ffffff;
 font: bold 8pt verdana, georgia, sans-serif;
}

.mailadress{/*ja*/
 width: 250px;
 height: 20px;
 border: 1px solid #a8afc4;
 background: #ffffff;
 padding-left: 8px;
 color: #000000;
 font: italic 800 12px arial, sans-serif;
}

.indybutt {/*ja*/
  font: bold 9pt verdana, georgia, sans-serif;
	margin: 10px 10px 10px 10px;
  width: 102px;
	background: #36445F;
	color: #ffffff;
  height: 30px;
	vertical-align: middle;
	border: 2px outset silver;
	text-align: center;
	padding: 5px 10px;
}

.indybutt:hover{/*ja*/
  font: bold 8pt verdana, georgia, sans-serif;
	margin: 10px 10px 10px 10px;
  width: 102px;
  height: 30px;
	vertical-align: middle;
	border: 2px outset #999;
	text-align: center;
	padding: 5px 10px;
}

.form1{/*ja*/
 width: 380px;
 height: 20px;
 border: 0px solid #a8afc4;
 background-color: transparent;
 padding-left: 10px;
 color: #ffffff;
 font: normal 800 12px arial, sans-serif;
}

.form3{/*ja*/
 height: 15px;
 border: 0px solid #a8afc4;
 background: #36445F;
 padding-left: 0px;
 color: #ffffff;
 font: normal 800 10px arial, sans-serif;
}

.tytable {/*ja*/
 width: 380px;
 height: 210px;
 border: 1px solid #a8afc4;
 background-color: #36445F;
 padding-left: 8px;
 padding-top: 8px;
 color: #ffffff;
 font: normal 800 20px arial, sans-serif;
 text-align: center;
}

.tytable2 {/*ja*/
 width: 360px;
 height: 100px;
 border-bottom: 1px solid #a8afc4;
 background-color: transparent;
 padding-left: 4px;
 padding-top: 4px;
 color: #ffffff;
 font: normal 800 24px arial, sans-serif;
 text-align: center;
}

.tytable3 {/*ja*/
 width: 350px;
 height: 140px;
 border: 1px solid #a8afc4;
 background-color: #36445F;
 padding-left: 8px;
 padding-top: 0px;
 color: #ffffff;
 font: 800 24px arial, sans-serif;
 text-align: center;
 vertical-align: top;
}

.div1 {/*ja*/
  text-align: left;
  margin-left: .5em;
}

.div2 {/*ja*/
  text-align: center;
  vertical-align: top;
}

.div3 {/*ja*/
 width: 90%;
 text-align: center;
}

.divrub1 {/*ja*/
  font: bold 18px verdana, sans-serif;
  vertical-align: top;
	text-align: center;	
  color: #ffffff;
  margin-top: 3px;
  margin-bottom: 5px;
}