body { background: #181818 url(kuvat/pattern.jpg) repeat-x; margin:0; padding:0;} 

.ohjelmistokuvat {
padding: 5px 8px 0px 3px;
float:left;
width: 25%;
}

.kartta {
padding: 0;
width: 100%;
}

h2 {
font:normal 1.1em "Trebuchet MS";
color: #F7BE5A;
margin:0 0 0 4px;
padding:0 0 5px 5px;
border-bottom: 1px solid #DEDBDE;
width:98%;
}

h3 {
font:bold 1em "Trebuchet MS";
color: #000;
margin:0;
padding:0;
border-bottom: 1px solid #DEDBDE;
width:98%;
}

.paiva {
	color: #7C8EC2;
	margin-bottom: 3px;
	font-weight: bold;
	}

.clear {
clear:both;
}

p {
margin:10px 10px 3px 10px ;
font:normal 0.9em "Trebuchet MS";
}

.laatikko {
width: 718px;
padding:10px;
margin:15px 0 0 30px;
border: 1px solid #DEDBDE;
background: ;
height:auto !important;
height:150px;
min-height:150px;
}


/*navigation*/
	
#chromemenu {
position: relative;
top: 245px;
left: 40px;
background:transparent;
width: 700px;
}

.chromestyle{
font-weight: normal;
}

.chromestyle:after{ /*Add margin between menu and rest of content in Firefox*/
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.chromestyle ul{
background: transparent; /*THEME CHANGE HERE*/
padding: 0;
margin: 0;
text-align: left; /*set value to "left", "center", or "right"*/
}

.chromestyle ul li{
display: inline;
background: transparent ;

}

.chromestyle ul li a{
color: #000;
padding-top: 4px;
padding-left: 4px;
padding-bottom: 4px;
margin: 0;
text-decoration: none;
font:bold 0.9em Verdana;

}

.chromestyle ul li a:hover{
background: transparent;
color: #10498C; /*THEME CHANGE HERE*/
}

.chromestyle ul li a[rel]:after{ /*HTML to indicate drop down link*/
content: " v";

/*content: " " url(downimage.gif); /*uncomment this line to use an image instead*/
}


/* ######### Style for Drop Down Menu ######### */

.dropmenudiv{
position:absolute;
top: 0;

border-bottom-width: 0;
font:normal 0.7em Verdana;
z-index:100;
background-color: #A09B95;
width: 125px;
visibility: hidden;

}


.dropmenudiv a{
width: auto;
display: block;
text-indent: 3px;
border-bottom: 1px solid #5F6B79; /*THEME CHANGE HERE*/
padding: 2px 0;
text-decoration: none;
font-weight: normal;
color: #000;
}

* html .dropmenudiv a{ /*IE only hack*/
width: 100%;
}

.dropmenudiv a:hover{ /*THEME CHANGE HERE*/
background-color: transparent;
color: #fff;
}



/*ohjelmisto*/

.arrowlistmenu{
position:relative;
width: 745px; /*width of accordion menu*/
margin-top:-5px;
margin-left:31px;
padding:0 0 0 0;
}

.arrowlistmenu .menuheader{ /*CSS class for menu headers in general (expanding or not!)*/
font: bold 14px Arial;
color: white;
background: black;
margin-bottom: 10px; /*bottom spacing between header and rest of content*/
text-transform: uppercase;
padding: 10px 0 10px 10px; /*header text is indented 10px*/
cursor: hand;
cursor: pointer;
}

.arrowlistmenu .openheader{ /*CSS class to apply to expandable header when it's expanded*/
background: black;
}

.arrowlistmenu ul{ /*CSS for UL of each sub menu*/
list-style-type: none;
margin: 0;
padding: 0;
margin-bottom: 8px; /*bottom spacing between each UL and rest of content*/
}

.arrowlistmenu ul li{
padding-bottom: 2px; /*bottom spacing between menu items*/
}

.arrowlistmenu ul li a{
color: #A70303;
background: transparent; /*custom bullet list image*/
display: block;
padding: 2px 0;
padding-left: 19px; /*link text is indented 19px*/
text-decoration: none;
font-weight: bold;
border-bottom: 1px solid #dadada;
font-size: 90%;
}

.arrowlistmenu ul li a:visited{
color: #A70303;
}

.arrowlistmenu ul li a:hover{ /*hover state CSS*/
color: #A70303;
background-color: #F3F3F3;
}





#container {
background:transparent ;
width: 801px;
margin: 10px auto;
padding:0;
}


#header {
background: url(kuvat/headerbg.png) no-repeat ;
width: 801px;
margin: 0;
padding:0;
height:308px;
}

#tausta {
position:relative;
background: url(kuvat/containerbg.png) ;
width: 801px;
margin:0 0 0 0;
padding:5px 0 0 0;
}



#footer {
position:relative;
background: url(kuvat/footerbg.png) no-repeat ;
width:801px;
height:55px;
margin:0;
padding:0;
color:#000;
font:normal 0.8em "Trebuchet MS";
}

.vasen {
float:left;
margin:15px 0 0 30px;
padding:0;
}

.oikea {
float:right;
margin:15px 30px 0 0 ;
padding:0;
}

.oikea a {
text-decoration:underline;
color:#000;
margin:0;
padding:0;
}

.oikea a:hover {
text-decoration:underline;
color:#000;
margin:0 ;
padding:0;
}