/*****************
Michael Ljungqvist (c) 2010
www.viinimarja.fi
www.viinimarja.com
*****************/

/*****************
Muokattu: 21.07.2010
*****************/

/*****************
Rakenne
****************/


body {
	font-family: Verdana, Helvetica, sans-serif;
    font-size: 91%;
  	color:	#000;
	margin: 0 0 0 0;
	padding: 0;
 	font-style: normal;
	font-weight: normal;
	background-image: url(../img/bg.jpg);
	background-repeat: repeat-x;
	background-color: #FFF;
	background-repeat: repeat-x;
	background-position: top center;
	}
#contentOutline {
	padding-top:18px;
	width:800px;
	}


#header {
	text-align:right;
	height: 92px;
	background-image: url(../img/logo.jpg) ;
	width: 400px;
	}

#footer {
	clear: both;
	margin-top:20px;
 	padding:5px 0 10px 0;
  	text-align:center;
 	background:#B3B3B3;
 	border-top:1px solid #000;
	border-bottom:1px solid #585858;
	}

div#sidebar {
   	float: left;        /* set sidebar on the left side. Change to right to float it right instead. */
   	width: 200px;     /* sidebar width, if you change this please also change #main margins */
   	display: inline;  /* FIX IE double margin bug */
   	margin-left: 45px;
	text-align:left;
	}
 

div#content {
	float: left; 
	margin: 0em 0 2em 0;   /* some air above and under menu and content */
	width:500px;
	}


div#pagewrapper {
	border: 0px solid black;
	margin: 0 auto 10px auto;       /* this centers wrapper */
	width:800px;
	}

div#main {
	margin-right:0px;
	margin-left:0px;
	width: 70%; 
	float: left; 
	}


div#text {
	padding: 35px 0 0 55px;
	margin:0;
	background:transparent;
	}

/*****************



Vakiot



*****************/
 a {
 	color:#DB2B29;
	text-decoration: underline;
	}

a:active {
	color:#DB2B29;
	text-decoration: underline;
	}

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

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


h1 {
	margin:15px 0 10px 0;
	font-family: "Trebuchet MS";
	font-weight: normal;
	padding:0;
 	color:#000;
	}


h2 {
	font-size:1em;
	color:#DB2B29;
	}	

h3 {
	font-size:0.9em;
	margin:0;
	}

	
h4 {
	font-size:0.9em;
	margin:0;
	}

p {
	margin-top:2px;
	font-size:0.85em;
	line-height:1.5em;
 	}

li {
	font-size:0.85em;
	}


/*****************
Teksti maarittelyt
*****************/


.copy {
	color:#FFF;
	text-align:center ;	
	padding-top:10px;
	padding-bottom:10px;
	font-size:0.7em;
	letter-spacing:1px;
 	}

.m1 {
	font-size:1em;
	text-align:right;
	margin:0;
	padding:0;	
	color:#FFF;
	letter-spacing: 2px;
	}

.sizeUp {
	font-size:1.2em;
	}

.pakollinen {
	font-size:0.9em;
	color: red;
	}
	
.uutisPvm {
	font-size:0.6em;
	text-align:right;
	margin:0;
	padding:0;	
	color:#444;
	}
	
/*****************

Extra

*****************/

img {
	border: 0;
	} 
	 
.divider {clear:both;text-align:center;background:url('../img/erotinViiva.gif') repeat-x;margin-bottom:2px;}
	
/*****************
Navi
*****************/



 #nav {

	height:20px;
    color: #FFF;
    padding-top: 0px;
    padding-left: 0px;
    margin:5px 0 0 0;;
  	font-size:1.34em;
	font-family:"lucida grande", "lucida sans unicode", tahoma, helvetica, arial, sans-serif;
	}

#nav li {
 	float: left;
 	margin: 0;
 	padding-top:0px;
	padding-left: 15px;
	padding-right: 10px;
	list-style: none;
	position:relative;
  	}

	

#nav ul {
 	margin: 0px;
 	list-style: none;
 	position:relative;
 	height:1%;
	}

#nav li a {
	color:#FFF;
 	padding-left: 5px;
    text-decoration:none;
    padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
	}

#nav li a:visited {
	color:#FFF;
  	padding-left: 5px;
    text-decoration:none;
    padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
	}
 	

#nav li a:active {
	color:#FFF;
  	padding-left:5px;
    text-decoration:none;
    padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
  	}
 	

#nav li a:hover {
	color:#000;
  	padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
 	text-decoration:  none;
 	background:none;
 	border-top:1px solid #FFF;
    }
 
	
	
#nav li a.active {
	color:#000;
  	padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
 	text-decoration:  none;
 	background:none;
 	border-top:1px solid #000;	
	}

#nav li a.active:visited {
	color:#000;
  	padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
 	text-decoration:  none;
 	background:none;
 	border-top:1px solid #000;	
	}
 	

#nav li a.active:active {
	color:#000;
  	padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
 	text-decoration:  none;
 	background:none;
 	border-top:1px solid #000;	
  	}
 	

#nav li a.active:hover {
	color:#000;
  	padding-left: 5px;
  	padding-right:5px;
  	padding-top:4px;
  	padding-bottom:2px;
 	text-decoration:  none;
 	background:none;
 	border-top:1px solid #000;	
    }
    
    
	
	
/*****************
Input napit
*****************/

.legend{
	color:#000;
	}

input.laheta{
	line-height: 19px;
	position:relative;
 	list-style: none;
 	border:none;
 	padding:5px 1px 1px 15px;
 	background:url(../img/kyna.gif) no-repeat left;	
	}

input.muokkaa{
	line-height: 19px;
	position:relative;
 	list-style: none;
 	border:none;
 	padding:5px 1px 1px 15px;
 	background:url(../img/muokkaa.png) no-repeat left;	
	}

input.poista{
	line-height: 19px;
	position:relative;
 	list-style: none;
 	border:none;
 	padding:5px 1px 1px 15px;
 	background:url(../img/poista.png) no-repeat left;	
	}

input.arkisto{
	line-height: 19px;
	position:relative;
 	list-style: none;
 	border:none;
 	padding:5px 1px 1px 15px;
 	background:url(../img/arkisto.png) no-repeat left;	
	}

input.arkisto_takas{
	line-height: 19px;
	position:relative;
	border:none;
 	list-style: none;
 	padding:5px 1px 1px 15px;
 	background:url(../img/arkisto_takas.png) no-repeat left;	
	}
	

/****************
Taulukot
*****************/

table.basic {
	font-family: "Trebuchet MS", verdana, arial, sans-serif;
 	margin-left: 0;
  	border: 1px solid #888887;
  	}

th.basic {
  	font-size:0.83em;
  	font-weight: bold;
  	border-bottom: 1px solid #888887;
  	border-right: none;
  	border-left: 1px solid #888;
  	background: #9FA2A0;
  	color: #FFF;
  	text-align: center;
  	padding-top: 3px;
  	padding-bottom: 3px;
  	padding-left: 5px;
  	padding-right: 5px;
  	}



tr.basic {
 	padding:2px;
 	} 

td.basic {
	font-size:0.9em;
	border: 1px solid #888;
	text-align:center;
	width:30px;
	}

td.basicHeading {
	font-size:0.9em;
	border: 1px solid #888;
	text-align:center;
	width:30px;
	}

td.basicText {
	font-size:0.9em;
	border: 1px solid #888;
	text-align:center;
	width:60px;
	}