/* Rakenne alkaa tästä */

body{ 
background-color:#ffffff;
background: url(images2/tausta.jpg);
margin:0;
}

#kokosivu {
	width:800px;
	margin-right: auto; 
	margin-left: auto;
	border: 1px double #000000;
}

#kokosivu2 {
	width:800px;
	margin-right: auto; 
	margin-left: auto;
	border: 1px double #000000;
	border-top: 0px double #000000;
}

#kokosivu3 {
	width:800px;
	margin-right: auto; 
	margin-left: auto;
	border: 1px double #000000;
	border-bottom: 0px double #000000;
}

#sisus {
margin-left:50px;
margin-right:40px;
margin-bottom:20px;
background-color:#fbb03b;
border: 1px double #000000;
border-color:#000000;
}

#sisus2 {
margin-left:50px;
margin-right:40px;
margin-bottom:20px;
background-color:#fbb03b;
border-color:#201001;
}

#yhteys {
width:700px;
margin-left:40px;
margin-right:40px;
margin-bottom:20px;
}

#hakemus {
width:700px;
margin-left: 50px;
}

#logo{
width:800px; 
height:89px;
background: url(images2/kodinpalvelut_01.jpg);
}

#navigaatio{
vertical-align:bottom;
width:800px; 
height:37px;
background: url(images2/kodinpalvelut_02.jpg);
}

#gifani{
width:800px; 
height:209px;
}

#space{
background-color:#8b9210;
width:800px; 
height:30px;
}

#space2{
background-color:#8b9210;
width:538px; 
height:30px;
}

#space3{
background-color:#746457;
width:262px; 
height:30px;
}

#maintxt{
vertical-align:top;
background-color:#8b9210;
width:538px; 
height:219px;
}

#uutiset{
vertical-align:top;
background-color:#746457;
width:262px; 
height:219px;
}

#leveatxt{
margin-left:50px;
vertical-align:top;
background-color:#8b9210;
width:800px; 
height:219px;
}

#kuva1{
width:209px; 
height:166px;
background-repeat:no-repeat;
background-color:#311e10;
}

#txt{
background-color:#311e10;
width:329px; 
height:166px;
}

#kuva2{
width:262px; 
height:166px;
background-repeat:no-repeat;
background-color:#311e10;
background: url(images2/kodinpalvelut_08.jpg);
}

#kuva2_2{
width:262px; 
height:166px;
background-repeat:no-repeat;
background-color:#311e10;
background: url(images2/lahjakortti.jpg);
}

#kuva100{
background-repeat:no-repeat;
background-color:#ffffff;
background: url(images2/kodinpalvelut_08_01.jpg);
background-repeat:no-repeat;
}

#alapalkki{
width:800px; 
height:35px;
background-color:#e9b700;
}

#hinnasto{
background-color:#afb172;
}


/* Tekstityylit alkaa tästä */

h1 {
margin-left:10px;
margin-top:10px;
margin-bottom:10px;
font-family:Arial;
font-size:18px;
color:#000000;
line-height:12px;
text-align:left;
vertical-align: top;
} 

h2 {
margin-left:10px;
margin-right:10px;
font-family:Arial;
font-size:12px;
color:#ffffff;
line-height:12px;
text-align:left;
vertical-align: top;
}

h3 {
margin-left:10px;
margin-right:10px;
font-family:Arial;
font-size:17px;
font-weight:bold;
color:#000000;
line-height:12px;
text-align:left;
vertical-align: top;
}

.uutiset {
vertical-align:top;
margin-left:20px;
margin-right:10px;
font-family:Arial;
font-size:14px;
color:#ffffff;
line-height:18px;
text-align:left;
letter-spacing:0px;
}

p {
margin-left:50px;
margin-right:40px;
font-family:Arial;
font-size:14px;
color:#000000;
line-height:18px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
}

.sisus {
margin-left:20px;
margin-right:20px;
font-family:Arial;
font-size:14px;
color:#201001;
line-height:22px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
} 

.sisus2 {
margin-left:8px;
margin-right:8px;
font-family:Arial;
font-size:12px;
color:#201001;
line-height:22px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
} 

.sisus3 {
margin-left:12px;
margin-right:12px;
font-family:Arial;
font-size:12px;
color:#201001;
line-height:22px;
text-align:center;
vertical-align:top;
letter-spacing:0px;
} 

.sisus4 {
margin-left:5px;
margin-right:5px;
font-family:Arial;
font-size:11px;
color:#201001;
line-height:14px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
} 

.sisus5 {
margin-left:5px;
margin-right:5px;
font-family:Arial;
font-size:11px;
color:#201001;
line-height:14px;
text-align:center;
vertical-align:top;
letter-spacing:0px;
} 

.sisus6 {
margin-left:12px;
margin-right:12px;
font-family:Arial;
font-size:14px;
color:#201001;
line-height:16px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
} 

.alatxt {
margin-left:10px;
margin-right:10px;
font-family:Arial;
font-size:14px;
color:#000000;
line-height:18px;
text-align:left;
vertical-align:top;
letter-spacing:0px;
}

.alapalkkitxt {
margin-left:10px;
margin-right:10px;
font-family:Arial;
font-size:14px;
color:#000000;
line-height:18px;
text-align:center;
vertical-align:top;
letter-spacing:0px;
}

hr {
width:88%; 
border:1px solid;
color:#ffffff;
margin-top:30px;
margin-bottom:30px;
}



#pcm{display:none;}
ul.CssMenu ul{display:none}
ul.CssMenu li:hover>ul{display:block}
ul.CssMenu ul{position: absolute;left:1px;top:98%;}
ul.CssMenu ul ul{position: absolute;left:98%;top:-2px;}
ul.CssMenu,ul.CssMenu ul {
	margin:0px;
	list-style:none;
	padding:0px 0px 0px 0px;
	background-color:#201001;
	background-repeat:repeat;
	border-color:#cccccc #111111 #111111 #cccccc;
	border-width:0px;
	border-style:solid;
}
ul.CssMenu table {border-collapse:collapse}ul.CssMenu {
	display:block;
	zoom:1;
	float: left;
	margin-left:0px;
}
ul.CssMenu ul{
	width:140.2px;
}
ul.CssMenu li{
	display:block;
	margin:-1px 0px 0px -1px;
	font-size:0px;
}
ul.CssMenu a:active, ul.CssMenu a:focus {
outline-style:none;
}
ul.CssMenu a, ul.CssMenu li.dis a:hover, ul.CssMenu li.sep a:hover{
	display:block;
	background-color:#201001;
	border-width:0px 0px 0px 1px;
	border-color:#4c311c;
	border-style:solid;
	text-align:right;
	text-decoration:none;
	padding:14.5px 18px 14.5px 18px;
	_padding-left:0;
	font:11px Arial Narrow;
	font-weight:bold;
	letter-spacing:0px;
	color: #c7b298;
	text-decoration:none;
	cursor:default;

}

ul.CssMenu span{
	overflow:hidden;
	
	width:115px;
}
ul.CssMenu li {
	float:left;
}
ul.CssMenu ul li {
	float:none;
}
/* SUBMENU */
ul.CssMenu ul a {
	text-align:left;
	white-space:nowrap;
	background-color:#fbb03b;
	color: #201001;
}
ul.CssMenu li.sep{
	text-align:left;
	padding:0px;
	line-height:0;
	height:100%;
}
ul.CssMenu li.sep span{
	float:none;	padding-right:0;
	width:3px;
	height:100%;
	display:inline-block;
	background-color:#cccccc #111111 #111111 #cccccc;	background-image:none;}
ul.CssMenu ul li.sep span{
	width:100%;
	height:3px;
}
ul.CssMenu li:hover{
	position:relative;
}
ul.CssMenu li:hover>a{
	background-color:#fbb03b;
	border-color:#4c311c;
	border-style:solid;
	font:11px Arial Narrow;
	font-weight:bold;
	letter-spacing:0px;
	color: #201001;
	text-decoration:none;		
}
ul.CssMenu li a:hover{
	position:relative;
	background-color:#fbb03b;
	border-color:#4c311c;
	border-style:solid;
	font:11px Arial Narrow;
	font-weight:bold;
	letter-spacing:0px;
	color: #201001;
	text-decoration:none;
	
	}
ul.CssMenu li.dis a {
	color: #666 !important; 
		
}
ul.CssMenu img {border: none;float:left;_float:none;margin-right:2px;width:16px;
height:16px;
}
ul.CssMenu ul img {width:16px;
height:16px;
}
ul.CssMenu img.over{display:none}
ul.CssMenu li.dis a:hover img.over{display:none !important}
ul.CssMenu li.dis a:hover img.def {display:inline !important}
ul.CssMenu li:hover > a img.def  {display:none}
ul.CssMenu li:hover > a img.over {display:inline}
ul.CssMenu a:hover img.over,ul.CssMenu a:hover ul img.def,ul.CssMenu a:hover a:hover img.over{display:inline}
ul.CssMenu a:hover img.def,ul.CssMenu a:hover ul img.over,ul.CssMenu a:hover a:hover img.def{display:none}
ul.CssMenu a:hover ul{display:block}
ul.CssMenu span{
	display:block;
	background-image:url(./images2/arr_white.gif);
	background-position:right center;
	background-repeat: no-repeat;
  }
  
  
 ul.CssMenu li .val{
	padding:14.5px 11px 14.5px 12.15px;
	background-color:#fbb03b;
	font:11px Arial Narrow;
	font-weight:bold;
	letter-spacing:0px;
	color: #201001;
	text-decoration:none;
	}
  
ul.CssMenu li:hover>a>span{	background-image:url(./images2/arrv_white.gif);

}
ul.CssMenu a:hover span{	_background-image:url(./images2/arrv_white.gif)}
ul.CssMenu ul span,ul.CssMenu a:hover table span{background-image:url(./images2/arr_white.gif)}

/* LINKIT */
a:link { font-size:14px;line-height18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:visited {font-size:14px;line-height:18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:active {font-size:14px;line-height:18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:hover {font-size:14px;line-height:18px;color:#ffffff;text-decoration:none;font-family:Arial;border-bottom: 0;padding:0px;}

a:link.lom { font-size:16px;line-height18px;text-decoration:none;color:#000080;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:visited.lom {font-size:16px;line-height:18px;text-decoration:none;color:#000080;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:active.lom {font-size:16px;line-height:18px;text-decoration:none;color:#000080;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:hover.lom {font-size:16px;line-height:18px;color:#fbb03b;text-decoration:none;font-family:Arial;border-bottom: 0;padding:0px;}

a:link.hin { font-size:14px;line-height18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:visited.hin {font-size:14px;line-height:18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:active.hin {font-size:14px;line-height:18px;text-decoration:none;color:#ffffff;font-family:Arial;border-bottom: 1px dotted;padding:0px;}
a:hover.hin {font-size:14px;line-height:18px;color:#201001;text-decoration:none;font-family:Arial;border-bottom: 0;padding:0px;}

a:link.img {border: 0px solid #000000;}
a:visited.img {border: 0px solid #000000;}
a:active.img {border: 0px solid #000000;}
a:hover.img {border: 0px solid #000000;}

img.mist {
opacity:0.4;
filter:alpha(opacity=40)
}

/* TYÖPAIKKAHAKULOMAKE */
label {
font-family : Arial;
color:#000000;
  display: block;
  width: 200px;
  float: left;
  margin-bottom: 5px;
  margin-left: 10px;
  font-size: 12px;
}

textarea,select,input {
font-family : Arial;
color:#000000;
  display: block;
  width: 200px;
  float: left;
  margin-bottom: 5px;
  margin-left: 10px;
  font-size: 12px;
}
 
textarea {
  width: 400px;
  height: 80px;
}
 
label {
  text-align: left;
  width: 120px;
}
 
br {
  clear: left;
}