/*////////// GENERAL //////////*/
body, html {
margin: 0;
padding: 0;
width: 100%;
height: 100%;
}

body {


background: transparent url(../images/bg.jpg) no-repeat top center;
}

#wrapper {
	margin: 0 auto;
	width: 960px;
	height:100%;
	/*font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
        font-size: 15px;*/
	font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	
	line-height:16px;
	margin-top: 0px;
	
	background-color: #FFF;
	/*background-color:red;*/
	background-repeat: no-repeat;

	-moz-border-radius: 10px;
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	-webkit-border-radius: 10px;
}

/*////////// TYPEOGRAPHY //////////*/
h1, .componentheading {
	/*
  font-size: 32px;
  color: 000;
	*/
	font-size: 28px;
	color: #818181;
	/*text-transform:uppercase;*/
	margin-top: 14px;
	margin-bottom: 14px;
	
}
		
h2 {
	font-size: 22px;
	/*color: #0f74b9;*/
	color:#044089;
}
		
h3 {
	font-size: 16px;
	/*color: #0F74B9;*/
	color:#044089;
}
	
h4 {
  font-size: 14px;
}

p {
/*font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
font-size: 15px;*/
margin-bottom: 18px;
}
		

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

a:hover {
  text-decoration: underline;
}

a:visited {}

a img {
	border: none;
}
blockquote{
   font-size: 18px;
   line-height:20px;
   margin-bottom: 26px;
   width:50%;
   float: right;
   padding: 5px;
   background-color:#CACACA;
}	

.nojavascript {
position:absolute;
top:0px;
width:100%;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/noscript_bar.gif) repeat scroll 0 0;
color:white;
font-size:16px;
padding:5px 0 5px 8px;
z-index:250;
}

.ie6 {
position:absolute;
width:100%;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
/*background:transparent url(../images/noscript_bar.gif) repeat scroll 0 0;*/
background-color:blue;
color:white;
font-size:14px;
padding:5px 0 5px 8px;
z-index:250;
}

.ie6 a:link,.ie6 a:active,.ie6 a:visited,.ie6 a:hover{
color:yellow;  
}

/*////////// HEADERS //////////*/
#header {
	height: 350px;
	width:960px;
	background:url(../images/bannerpic.jpg) no-repeat;
	/*background:url(../images/header_bg_winter.jpg) no-repeat 50% 50%;*/
	/* border: 1px solid #00FF00; */
	
	
}
#header h1{
	display: none;
	/*visibility: hidden;*/
}


/* - - - - - - - flash - - - - - */

#header_flash{
width: 960px;
height:350px;
padding-bottom:12px;
margin-left:-1px;
/*margin-top:92px;*/
z-index:1;
}



/* ei käytössä
#headerExtra{     
	position: absolute;
	width: 180px;
	height:210px;
	top: 10px;
	margin-left: 570px;
	text-align: left;
	
}
*/

#liput {
width: 108px;
height:30px;
float:right;
height: 20px;
margin-right:40px;
/*background-color:green;*/
}

#varausbox{
position:absolute;
width:260px;
height:300px;

margin-left:647px;
margin-top: -385px; 

padding:5px 0px 25px 10px; 
color:white;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
background: transparent url(../images/varausboxbg.png) repeat-y;
}



label{
padding:0 20px 0px 10px;
float:left;
cursor:pointers;
width:101px;
/*background-color:green;*/
font-size: 13px;
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
line-height:29px;
clear:left;
border:none;
cursor:pointer;
}

input{
float:left;	
font-size: 13px;
width:75px;
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
margin-top:2px;
cursor:pointer;
}

select{
font-size: 13px;
float:left;
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
margin-top:2px;
cursor:pointer;
}

form img{
float:left;
cursor:pointer;
}

form div{
clear:left;	
}

legend{
font-size: 18px;
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
padding-bottom:10px;
color:white;
}

fieldset{
border:0;

position:absolute;
width:260px;
height:13px; 

}


#submitbutton{
margin-top:15px;
margin-right:30px;
float:right;
width: 80px;
height:25px;
padding: 3px 3px 13px 3px;
color: #fff;
text-shadow:1px 1px 1px #000;
border:none;   /*border:solid 1px #882d13;*/
-webkit-border-radius: 15px;
-moz-border-radius: 15px;
border-radius: 15px;
-webkit-box-shadow: 0px 0px 1px #023e86;
box-shadow: 0px 0px 1px #023e86;	
background-color: #023e86;
cursor:pointer;
}



#submitbutton:hover{
-webkit-box-shadow: 0px 0px 3px #fff;
box-shadow: 0px 0px 1px #fff;
cursor:pointer;
}

/*
input.submit_button{
position:absolute;
background:transparent;
margin-top:-10px;
margin-left:240px;
background-image: url(../img/send.png);
height:35px;
width:89px;
border:0 none;
cursor:pointer;
overflow:hidden;
padding:0;
text-align:center;
text-indent: -9999px;
font-size: 0px;
display:block;
line-height: 0px;
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
}

input.submit_button:hover {
background-image: url(../img/send_hover.png);
}
*/



/*////// NAVIGATION  ////////*/
#navitop {
	position: absolute;
	width: 890px;
	height: 27px;
	
	top: 329px;
	margin-left:165px;
	/*margin-left: 0px !important;
	text-align: center;	*/

	
}
.menu #current {
	background: transparent url(../images/menubg_current.jpg) repeat-x;
	/*background:#023e86;*/

}
.menu #current span{
	color:white;

}

.menu  a{
	height: 50px;
	padding-left: 10px;
	padding-right: 10px;
}
#navitop ul{
	margin: 0px;
	padding: 0px;
}
#navitop ul li {
	display:inline;
	margin-left: 2px;
	margin-top: 0px;
	background: transparent url(../images/menubg.jpg) repeat-x;
	/*background:#00529c;*/
	
	color: #FFFFFF;
	height: 35px;
	position: relative;
	/*border: 2px solid #1d76b8;*/
	margin-right: 0px;
	/* padding-right: 10px;
	padding-left: 10px; */
	font-size: 16px;
	/*text-transform: uppercase;*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	-webkit-box-shadow: 2px 2px 3px #999;
          box-shadow: 2px 2px 2px #999;
}
#navitop ul li a{
	text-decoration: none;
	color:#FFFFFF;
	font-weight: normal;
	
}
#navitop ul li a:hover{
	/*background:#537bac;*/
	background: transparent url(../images/menubg_hover.jpg) repeat-x;
	color:#FFFFFF;
	/*text-transform: uppercase;*/
	-moz-border-radius-topleft: 5px;
	-moz-border-radius-topright: 5px;
	-webkit-border-top-left-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	
	-moz-border-radius-bottomleft: 3px;
	-moz-border-radius-bottomright: 3px;
	-webkit-border-bottom-left-radius: 3px;
	-webkit-border-bottom-right-radius: 3px;
	
}
#navitop li ul{
	position: absolute;
	width: 10 em;
	left: -999em;
}
#navitop li:hover ul, #nav li.sfhover ul {
	left: auto;
}




/*////////// CONTENT //////////*/

#mid{
width:960px;
height:1700px;
background-color:white;
/*margin-left:30px;*/
}

#content {
margin:0 10px;
width: 540px;
float:left;
background-color: #FFFFFF;
/*background-color: green;*/
}

#content p {
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
font-size: 15px;
line-height:130%;
}

#content p a {
font-family:verdana,"Helvetica Neue",Arial,sans-serif;
font-size: 10px;
color:#05438c;
}

#mainosbannerit {
width: 120px;
float:right;
border: 2px solid #FFFFFF;
text-align: center;
margin-top:20px;
margin-right:30px;
/*background-color:blue;*/
}

	
/*///////// MODULES //////////*/
#banneritem {
	margin-bottom: 3px;	
}
.clr {
	height: 5px;
}


/* -  - - - - - - - - -- - Tarjoukset - - - - - - - -- -- - - - - */



#tarjoukset {
	width: 180px;
	float:left;
	margin-top: 5px;
	margin-left:30px;	
}

#tarjoukset h4{
-moz-border-radius: 5px;
-webkit-border-radius: 5px;	
}



#tarjoukset .module {
	border: 3px solid #FFF;
}

#tarjoukset .module div div{
	/*background-color: 000;*/
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
        padding:5px 0px 5px 0px;
}

#tarjoukset .module div div div{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
}

#tarjoukset .module div div div div{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
}

#tarjoukset .vert {
	margin-left: 3px;
	margin-right: 3px;
	margin-top: 0px;
	margin-bottom: 0px;	
}

#tarjoukset .module{
-moz-border-radius: 10px;
-webkit-border-radius: 10px;	
}

#tarjoukset .module ul li p,#tarjoukset .module ul li {
	font-size: 14px;
	color:#0f74b9;
	/*color: #818181;*/
	font-style: italic;
	background-color:#eaeaea;
	/*background: transparent url(../images/tarjousbg.jpg) repeat-x;*/
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
}

#tarjoukset h4 {
	/*color:	#FFFFFF;*/
	/* height: 16px; */
	font-size: 16px;
	width: 163px;
	vertical-align: bottom;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	margin:0 auto;
	/* margin-bottom: 4px; 
	margin-top: 4px; */
	/*border-top: solid #c1bfbf 5px;
	border-bottom: solid #c1bfbf 5px;*/
	/*background-color:#c1bfbf;*/
	background: transparent url(../images/tarjoustopbg.jpg) repeat-x;
	padding:6px 0px 6px 0px;
}

#tarjoukset .module ul li h4 {
	font-size: 14px;
	
	/*color: #00529c;*/
 	color:#044089;
	/*text-transform: uppercase;*/
	margin-top:10px;	
}

#tarjoukset ul{
	margin-left: 5px;
	padding-left: 5px;
	-moz-border-radius: 10px;
        -webkit-border-radius: 10px;
	
}

#tarjoukset ul li{
	/*background-color: #FFF; */
	list-style-type: none;
	padding-bottom: 15px;	
}

#tarjoukset ul li h4{
	margin-top: 0px;
	margin-bottom: 0px;
}

#tarjoukset ul li a{
	/*color: #023e86;*/
	color:#044089;
	padding:0 0 20px 10px;
	
}
#tarjoukset .article_separator {
	/*border:1px solid #FF0000;*/
	font-size: 5px;
}
#tarjoukset p {
	color: #FFF;
	margin:0 auto;
	text-align:center;
	padding:10px 0 10px 0;
}

#tarjoukset p img {
width:150px;
height:111px;
-moz-border-radius:10px;
-webkit-border-radius:10px;
-webkit-box-shadow: 0px 0px 1px #eaeaea /*#023e86;*/
box-shadow: 0px 0px 1px #eaeaea /*#023e86;*/
}

.tutustumistarjous360{
float:right;
padding:15px;
/*
float:left;
margin-top:-70px;
margin-left:300px;
padding-bottom:20px;
*/
}

#tutustumistarjous p{
/*font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;*/
font-family:"Myriad","Myriad Pro","Avenir LT Std","Avenir",tahoma,"Helvetica Neue",Arial,sans-serif;
font-size: 15px;
line-height:130%;
}

/* */

.jwts_tabbertab img {
/*-moz-border-radius:50px;
-webkit-border-radius:50px;
-webkit-box-shadow: 0px 0px 1px #023e86;
box-shadow: 0px 0px 1px #023e86;*/
/*margin-top:30px;*/	
}


/*////////// bottom ////*/
/*
#pushbottom{
	clear:both;
}
			 */


/*////////// FOOTER //////////*/
/*
#footer {
	height: 25px;
	text-align:center;
	color: #0f74b9;
        background-color: #FFFFFF;
        border-top: 5px solid #FFF;
}
	*/