/* Template CSS */

body, viewport {
	height: 100%;
	margin: 0;
	background: #d4d3cf;
	font-size: 0px;
	padding:0;
}

h1{
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #ab9b84;
 padding-top: 3px;
 padding-bottom: 3px;
 text-transform: uppercase;
 background: url(img/contenthead.png) bottom left repeat-x;
  padding-left: 5px;
  margin-left: -5px;
}

div#main {
 font-family: Arial, Verdana, Sans Serif;
 font-size: 11px;
 width: 832px;
 margin: 0 auto;
 padding: 5px 15px;
 background: url(./img/container_bg.gif) repeat-y #FFFFFF;
 text-align:left;
 }
 
#mitte img{
	 border: 1px solid #cccccc;
	 padding: 2px;
 }
 
div#header {
 float: left;
 margin: 0;
 margin-top: 0px;
 width: 100%;
 height: 83px;
 }

div#topmenu {
 /*float: bottom;*/
 font-size: 0px;
 color: #000000;
 /*padding-top: 16px;*/
 border: 0px solid #000000;
  text-transform: uppercase;
 }

div#navigation {
 float: left;
 width: 122px;
 height: 26px;
 margin-left: 0px;
 padding-left: 34px;
 padding-top: 6px;
 background: url("./img/navigation.png") no-repeat;
 }
 
div#content {
 float: left;
 width: 649px;
 margin-left: 2px;
 padding-left: 45px;
 padding-top: 6px;
 background: url("./img/content.png") no-repeat;
 }
 
div#mitte {
 float: right;
 width: 651px;
 height: 100%;
 padding-left: 10px;
 padding-top: 3px;
 padding-bottom: 10px;
 padding-right: 4px;
 margin-top: -2px;
 /*background: url("../img/content_mitte.png") repeat-y;*/
 background: #FFFFFF;
 overflow: hidden;
 }

div#links {
 height: 100%;
 float: left;
 width: 150px;
 padding-left: 5px;
 padding-top: 3px;
 padding-bottom: 10px;
 margin-top: -2px;
 background: #FFFFFF;
 }

div#links div {
 width: 145px;
 overflow: hidden;
 } 
 
.clr {
 text-align: center;
 clear: both;
 }

.block {
 display: inherit !important;
 display: inline-table;
 margin: 0;
 border: 0;
 padding: 0px 0;
 clear:	both;
 }

div#footer {
 text-align: center;
 width: auto;
 height: auto;
 }

div#design {
 padding-top: 3px;
 text-align: right;
 font-weight: bold;
 font-size: 10px;
 color: #ab9b84;
 }

div#datum {
 float: right;
 display: block;
 color: #ab9b84;
 padding-right: 5px;
 padding-top: 3px;
 }


/* Joomla! CSS */

.contentheading {
 background: url(./img/contenthead.png) no-repeat;
 height: 24px;
 color: #ab9b84;
 padding-top: 1px; 
 padding-left: 2px; 
 margin-top: -3px;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase;
 }
 
.componentheading {
 padding-top: 6px; 
 padding-left: 12px;
 padding-bottom: 8px; 
 color: #ab9b84;
 font-weight: bold;
 font-size: 13px;
 text-transform: uppercase;
 }

a:link, a:visited {
 color: #ab9b84;
 font-weight: bold;
 text-decoration: none;
 }

a:active, a:hover {
 color: #66675b;
 }

.button {
 font-size: 10px;
 font-weight: bold;
 height: 25px;
 color: #66675b;
 }

div.mosimage {
 margin: 3px;
 margin-right: 5px;
 margin-top: -4px;
 }

div.mosimage_caption {
 font-size: 11px;
 color: #999999;
 border-top: 1px solid #eeeeee;
 background: #FFFFFF;
 }

.modifydate {
 height: 20px;
 vertical-align: bottom;
 font-size: 10px;
 color: #999;
 font-weight: normal;
 text-align: left;
 }

.createdate {
 height: 16px;
 padding-left : 2px;
 padding-top: 2px; 
 color : #ab9b84; 
 text-align : left; 
 font-size : 10px; 
 font-weight: bold;
 } 

table.contentpaneopen td span.small {
 height: 16px;
 padding-left: 2px;
 padding-top: 2px; 
 color : #999999; 
 text-align: left; 
 font-size: 10px;
 font-weight: bold;
 }

.contentpaneopen {
 width: 99%;
 text-align: justify;
 height: 9px; 
 }
 
table.contentpane td {
 padding-top: 3px;
 padding-bottom: 7px;
 }

.small {
 font-size: 10px;
 color: #999;
 font-weight: normal;
 text-align: left;
 }
 
.sectiontableheader, tr.sectiontableheader th, .sectiontablefooter {
 color: #345;
 font: bold 12px/24px Arial, Helvetica, sans-serif;
 background: #FFFFFF;
 padding: 2px;
 }

tr.sectiontableentry1 {
 background-color : #fff;
 }
 
tr.sectiontableentry2 {
 background-color : #FFFFFF;
 }

ul {
 list-style: square url(../img/pfeil.gif);
 }

/* Menu */

a.mainlevel:link, a.mainlevel:visited {
 display: block;
 background: url(./img/menu.gif) no-repeat left;
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #ab9b84;
 text-indent: 16px;
 text-decoration: none;
 padding-top: 3px;
 padding-bottom: 4px;
 height: 15px;
 }

a.mainlevel#active_menu, a.mainlevel:hover {
 display: block;
 background: url(./img/menu_hover.gif) no-repeat left;
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #422A71;
 text-indent: 16px;
 padding-top: 3px;
 padding-bottom: 4px;
 height: 15px;
 }
 a.topmenu:link, a.topmenu:visited {
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #ab9b84;
 text-decoration: none;
 height: 15px;

 }

a.topmenu#active_menu, a.topmenu:hover {
 font: bold 11px Arial, Helvetica, sans-serif;
 color: #422A71;
  color: #444444;
 height: 15px;

 }

a.sublevel:link, a.sublevel:visited {
 font-size: 10px;
 margin-right: 4px;
 margin-bottom: 3px; 
 text-indent: 16px;
 width: 100%;
 display: block;
 line-height: 12px;
 background: url(./img/pfeil.gif) left no-repeat;
 color: #422A71;
 font-weight: normal;
 }

a.sublevel#active_menu {
 font-size: 11px;
 margin-right: 2px;
 text-indent: 16px;
 width: 100%;
 display: block;
 line-height: 12px;
 background: url(./img/pfeil.gif) left no-repeat;
 margin-bottom: 3px;
 text-decoration: none;
 font-weight: normal;
 }
  

/* topmenu */

ul#mainlevel-nav {
 list-style: none;
 padding: 0;
 margin: 0;
 display: inline;
 }

ul#mainlevel-nav li {
 float: left;
 margin: 1px 1px 1px 0px;
 padding: 0px;
 width: 140px;
 white-space: nowrap;
 }

ul#mainlevel-nav li a { 
 font: bold 9px/10px Verdana, Arial, Helvetica, sans-serif;
 display: block;
 width: auto; 
 border: 0px solid #ccc;
 background: #FFFFFF;
 text-indent: 4px;
 padding: 1px;
 color: #66675b;
text-transform: uppercase;
 }

ul#mainlevel-nav li a:hover {
 color: #66675b;
 background: #FFFFFF;
 } 

/* Module */

.moduletable {
 width: 100%;
 margin: 0 0 1px 0;
 padding: 0 0 10px 0;
 }

.moduletable th {
 font-weight: bold;
 font-size: 13px;
 color: #ab9b84;
 margin: 0px 0 10px 0;
 padding-bottom: 3px;
 padding-left: 3px;
 border-bottom: 2px solid #000000;
 height: 14px;
 text-transform: uppercase;
 }

.moduletable td {
 padding-top: 2px;
 }

.moduletable td ul {
 list-style: square url(./img/pfeil.gif);
 margin: 2px 0 2px 20px;
 padding: 0px;
 }

.moduletable td ul a:link, .moduletable td ul a:visited {
color: #66675b;
}

.moduletable td ul a:active, .moduletable td ul a:hover {
color: #66675b;
}

/* Misc */

.code {
 background-color: #ddd;
 border: 1px solid #bbb;
 }

.error {
 font:italic bold 14px/normal Arial, Helvetica, sans-serif;
 padding: 5px;
 color: #ccc;
 text-transform: uppercase;
 }

.kalenteri_otsikko{
     color: #000000;
     font-size: 11px;
     text-align: center;
     font-weight: bold;
}
.kalenteri_viikonpaivat_arki,.kalenteri_viikonpaivat_viikonloppu{
     color: #000000;
     font-size: 11px;
     text-align: center;
     font-weight: normal;
     background-color: #f4f4f4;
	 text-transform: uppercase;
	 padding: 3px 0px;
}

.kalenteri_tanaan{
     color: #000000;
     text-decoration: none;
     font-size: 11px;
     text-align: center;
     font-weight: normal;
     background-color: #FFFFFF;
	 padding: 3px 0px;
	 border: 2px solid #ab9b84;
}
.kalenteri_tanaan_varattu{
      color: #FFFFFF;
     text-decoration: none;
     font-size: 11px;
	 font-weight: normal;
     text-align: center;
     background-color: #ab9b84;
	 padding: 3px 0px;
	 border: 2px solid #000000;
}
a.kalenteri_tanaan_varattu{
	color: #FFFFFF;
     text-decoration: none;
     font-size: 11px;
	 font-weight: normal;
     text-align: center;
     background-color: #ab9b84;
	 padding: 3px 0px;
	  border: none;
}
.kalenteri_tyhja_viikonloppu{
     color: #000000;
     text-decoration: none;
     font-size: 11px;
     text-align: center;
     background-color: #ffffff;
	 padding: 3px 0px;
}

.kalenteri_tyhja{
     color: #000000;
     text-decoration: none;
     font-size: 11px;
     text-align: center;
     background-color: #ffffff;
	 padding: 3px 0px;
}
.kalenteri_varattu, a.kalenteri_varattu, .kalenteri_varattu_viikonloppu, a.kalenteri_varattu_viikonloppu{
     color: #FFFFFF;
     text-decoration: none;
     font-size: 11px;
	 font-weight: normal;
     text-align: center;
     background-color: #ab9b84;
	 padding: 3px 0px;
}