/* Start of CMSMS style sheet 'Laatutyö' */
* {
margin:0;
padding:0;
}

body {
   font-family: Tahoma, Verdana, Arial, sans-serif;
   font-size: 75.0%;
   line-height: 1.3em;
}

img {
   border: 0;
}

div#content img {

}

.break {clear:both;}

/*
Linkit
*/

a,
a:link, 
a:active {
   text-decoration: underline;
   color: #18507C; 
}

a:visited {
   text-decoration: underline;
  color: #18507C;
}


a:hover {
   text-decoration: none;
   color: #275495;
}

/*****************
Sivurakenne
*****************/
body {
   
   background: #ffffff url(images/content_b.gif); 
   color: #333;   
}

div#container {
width:100%;
background: transparent url(images/body_top.gif) top repeat-x;
float:left;
}


div#content {
margin: 0 auto 0 auto;
width:900px;
}

div#wrapp {
background: transparent url(images/wrapp_b.jpg) repeat-y;
float:left;
width:900px;
}

div#wrapper {

float:left;
width:900px;
padding-bottom:5px;
}

div#header {
width:100%;
float:left;
clear:both;
}

div#topmenu {
width:618px;
height:33px;
background: transparent url(images/mainmenu_b.gif) 0 0 no-repeat;
float:right;
}

div#vasenpalkki {
width:280px;
float:left;
height:300px;
}

div#votsikko {
margin:48px 40px 40px 40px;
height:400px;
line-height:1.1em;
}

div#leipa {
width:520px;
float:left;
margin-top:45px;
margin-bottom:10px;
}

div#oikeapalkki {
width:302px;
float:left;
background:blue;
height:100px;
}


div#footer {
   background: #FFF url(images/footer_b.gif) top repeat-x;
   height:100px; 
   width:100%;
   float:left;
}


div#footer p {
text-align:center;
line-height:34px;
margin:0;
padding:0;
}

div#footer a {color:#670103;}




/********************
Muotoilut
*********************/
table td {
padding: 0 25px 10px 0;
vertical-align:top;
}

img#logoi {margin:61px 0 0 51px;float:left;}

div#logo {float:left;clear:both;width:100%;margin-bottom:33px;}

div#breadcrumb {
font-size:0.8em;
}


/* OTSIKOT */
 h1 {
font-size: 1.8em; 
line-height: 1.3em;
}

div#content h1 {
line-height:28px;
margin-top:0.5em;
font-family:Georgia, serif;
margin:5px 0 0.5em 0;
color:#404040;
}

div#content h2 {
font-size: 1.1em; 
padding:8px 0;
line-height: 1.3em;
color:#313335;
}

div#votsikko h2 {
font-size: 1.2em; 
padding:8px 0;
line-height: 1.3em;
color:#313335;
}

div#content h3 {
   color: #294B5F; 
   font-size: 1.3em;
   line-height: 1.3em;
   margin: 0 0 0.5em 0;
}
div#content h4 {
   color: #294B5F; 
   font-size: 1.2em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
div#content h5 {
   color: #294B5F; 
   font-size: 1.1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
h6 {
   color: #294B5F; 
   font-size: 1em;
   line-height: 1.3em;
   margin: 0 0 0.25em 0;
}
/* OTSIKOT LOPPU*/



/* TEKSTI*/
p {
   margin: 0; 
   line-height: 1.4em;
   padding: 0;
}


pre {
   border: 1px solid #000;  
   background-color: #ddd;
   margin: 0 1em 1em 1em;
   padding: 0.5em;
   line-height: 1.5em;
   font-size: 90%;
}


/* TEKSTI LOPPUU*/

/* LISTAT */


div#content ul li,
div#content ol li {
   margin: 0 0 0.25em 3em;
}


/* LISTAT LOPPUU */


/* MENU */


#topmenu ul {}

#topmenu ul, #topmenu li {list-style-type:none;}
dfn {display:none}

#topmenu ul li {
float:left;
display:block;
margin:0 !important;
padding:0;
}

#topmenu ul li a {
color:#4a6496;
background: transparent url(images/topmenu_a_b.gif) top repeat-x;    
display:block;
line-height:33px;
padding: 0 10px;
text-decoration:none;
float:left;
margin: 0 1px 0 0;
font-weight:bold;
font-size:1.1em;
border-left:1px solid #d8d8d8;
}

#topmenu ul li a:hover {
background: transparent url(images/topmenu_hover_b.gif) top repeat-x;
line-height:33px;
font-weight:bold;
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
margin:0;
}

#topmenu ul li h3, #topmenu ul li a.activeparent {
background: transparent url(images/topmenu_hover_b.gif) top repeat-x;
border-right: 1px solid #4a91c4;
line-height:33px;
padding: 0 10px;
margin:0;
border-right:1px solid #d8d8d8;
border-left:1px solid #d8d8d8;
font-size:1em;
color:#5a6370;
font-weight:bold;
}



/* LOMAKE */

#contact h2 {
font-size: 1.5em; 
padding:8px 0 0 0;
line-height: 1.3em;
margin-top:1.5em;
}

#contact  div {
padding:5px;
background: #f2f2f2 url(images/contact_b.gif) top repeat-x;
}




/* LOMAKE */

div.lomake {
float:left;
}

div.lomake div {
float:left;
clear:both;
margin: 0 0 5px 0;
width:100%;
}

div.lomake label {
width:110px;
display:block;
float:left;
color:#404040;
height:21px;
text-align:right;
padding-right:8px;
}

div.lomake input {
display:block;
float:left;
width:262px;
height:15px;
color:#313131;
border:2px solid #7f7f7f;
background: #ffffff;
font-family: Tahoma,sans-serif;
font-size:1em;
color:#313131;
padding:3px;
}

div.lomake div.tekstilaatikko textarea {
display:block;
float:left;
width:262px !important;
height:90px;
color:#313131;
border:2px solid #7f7f7f;
background: #ffffff;
font-family: Tahoma,sans-serif;
font-size:1em;
padding:3px;
}

div.lomake div.submit {
   width:392px;
  margin:0;
}

div.lomake div.submit input {
display:block;
float:right;
width:115px;
height:28px;
border:2px solid #d7d7d7;
text-align:center;
cursor:hand;
cursor:pointer;
background: #7f7f7f;
font-size:1.1em;
color:#ffffff;
font-family: Tahoma,sans-serif;
padding:0px;
margin:0;
}

div.lomake div.submit input:hover {
color:#000000;
background: #d7d7d7;
}


/* Kuvagalleria */


ul.picturelist {
       margin:0 !important;
       padding:0 !important;
}

ul.picturelist li.thumb {
        background:none;
       margin:0 !important;
       padding:0 !important;
       float:left;
      list-style-type:none;
}

ul.picturelist li.thumb a {
	padding:1px !important;
	background:#d6dae0 !important;
	border:3px solid #ffffff !important;
        display:block;
       margin:0 5px 5px 0;
}

ul.picturelist li.thumb a:hover {
	padding:1px !important;
	background:#d6dae0 !important;
	border:3px solid #f4d00b!important;
}

ul.picturelist li.thumb img {
}

ul.picturelist span#caption {display:none;}

#imageDetails {display:none !important;}

/* Kuvagalleria loppuu */

/* End of 'Laatutyö' */