pre {
  white-space: pre-wrap;
  word-break: break-word;
  overflow-wrap: anywhere;
}
body { 
	background-repeat : no-repeat;
	background-color : #ffffff;
	color : black;
	background-position : center;
	margin-bottom : 10px;
	margin-left : 10px;
	margin-right : 10px;
	margin-top : 10px;
}

table.tyyli {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	width: 350px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
table.tyyli th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
	border-radius: 0px 0px 0px 0px;
}
table.tyyli td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.tyyli1 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	width: 175px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
table.tyyli1 th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tyyli1 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}

table.tyyli2 {
	border-width: 1px 1px 1px 1px;
	border-spacing: 1px;
	width: 160px;
	border-style: solid solid solid solid;
	border-color: black black black black;
	border-collapse: separate;
	background-color: white;
}
table.tyyli2 th {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}
table.tyyli2 td {
	border-width: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	border-style: none none none none;
	border-color: gray gray gray gray;
	background-color: white;
	-moz-border-radius: 0px 0px 0px 0px;
}


table.tyyli2 {
	border-width: 2px 2px 2px 2px;
	border-spacing: 1px;
	width: 161px;
	border-style: outset outset outset outset;
	border-color: black black black black;
	border-collapse: collapse;
}

.navi {
	color: black;
	background-color : transparent;
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
}

.sisalto {
	color: black;
	background-color : white;   
	font-size: 12px; 
	font-family: Arial;
}

.resepti {
	color: black;
	background-color : transparent;   
	font-size: 13px; 
	font-family: Arial;
}

a   {
	color: black;
	background-color : transparent;
	font-family:  Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	text-decoration: underline;
} 



.blacklink { 
	background-color : transparent;
	color: black;   
	font-size: 14px;
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	text-decoration: underline;
}



/*
A:link.navidoc {text-decoration: none; color: #007C4F;}
A:visited.navidoc {text-decoration: none; color: #007C4F;}
A:active.navidoc {text-decoration: none; color: #007C4F;}
A:hover.navidoc {text-decoration: underline; color: #007C4F;}
*/
A:link.navi {text-decoration: none; color: black; font-size: 11px;}
A:visited.navi {text-decoration: none; color: black; font-size: 11px;}
A:active.navi {text-decoration: underline; color: black; font-size: 11px;}
A:hover.navi {text-decoration: underline; color: black; font-size: 11px;}



td {
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
}

td.linkareaalt {
	color: #000;
	font-size: 12px;
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	background-color : #C0C0C0;
}



.textlarge { 
	color: #000; 
	font-size: 13px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	text-decoration: none;
}



.contenttext { 
	color: black; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regula, sans-serif; 
	text-decoration: none;
	
}
td.contentline {
	background-image : url( http://www.superkokki.com/skvisupics/content_line.gif );
	background-repeat : repeat-y;
	background-position : center;
}
td.borderlinevert {
	background-image: url( http://www.superkokki.com/skvisupics/border_line.gif );
	background-repeat: repeat-y;
	background-position: left;
}
td.borderlinehor {
	background-image: url( http://www.superkokki.com/skvisupics/border_line.gif );
	background-repeat: repeat-x;
	background-position: top;
}

.votestitle {
	color: black; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}


td.votes {
	color: black; 
	font-weight: normal; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}

.rightbg {
	background-image: url("skvisupics/top_bar-vali-2.gif");
	background-repeat: repeat-x;
}


.headertitle { 
	color: black; 
	font-weight: bold; 
	font-size: 13px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}
.headercontent { 
	color: black; 
	font-weight: bold; 
	font-size: 13px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}



.ingress { 
	color: black; 
	font-weight: bold; 
	font-size: 14px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}


.ingressheader { 
	color: black; 
	font-weight: bold; 
	font-size: 16px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}



.title { 
	color: black; 
	font-weight: bold; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	text-decoration: none;
}


.button {
	color: #000; 
	font-size: 12px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 70px;
	background: #007c4f
 
}

.fbbutton {
	color: #000; 
	font-size: 12px;
	font-weight: bold; 
	font-family: Verdana, Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 110px;
	background: #99A6C8
}



.textarea { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 520px
}

.textareaform { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 350px
}

.dropdown { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 160px;

}

.dropdownmed { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 200px; 
}

.dropdowntop { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif;
	width: 120px 
}


.searchfield { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	width: 125px;
}

.textbox { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	width: 180px;
}

.textboxsmall { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	width: 30px;
}

.textboxmedium { 
	background-color : #ffffff;
	color: #000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
	width: 50px;
}

input.radio {
	background-color : #F5F5F5; 
	color: #000000;
}






reshaku_otsikko {
	background-color : #BDC7DE;
	color: #000000; 
	font-size: 12px; 
	font-family: Arial, Helvetica, Swiss, SunSans-Regular, sans-serif; 
}