@charset "utf-8";
/* CSS Document */
body {
	background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	/*font-family: "Lucida Sans Unicode", "Lucida Grande", sans-serif;*/
	/*background-image:url(foton/bgr.jpg);*/
}

/*huvudfyrkanten*/
#container {
	width: 1200px;
	height: auto;
	margin-top: 40px;
	margin-left: 40px;
	padding-top:10px;
	padding-bottom: 10px;
	background-color: #844428;
	font-family: Arial, Helvetica, sans-serif;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 5px #063;
	box-shadow: 3px 3px 5px rgba(0,102,0,0.3);
	padding: 5px 0px 5px 0px;
}
#container a{
	text-decoration: none;
}
#container a:link {
  color: red;
}

/* visited link */
#container a:visited {
  color: green;
}

/* mouse over link */
#container a:hover {
  color: hotpink;
}

/* selected link */
#container a:active {
  color: blue;
}
/*blanketter*/
#container form {
	background: -webkit-gradient(linear, bottom, left 175px, from(#CCCCCC), to(#EEEEEE));
	background: -moz-linear-gradient(bottom, #CCCCCC, #EEEEEE 175px);
	font-family: Tahoma, Geneva, sans-serif;
	font-size: 14px;
	font-style: italic;
	line-height: 24px;
	color: #6A0D30;
	text-decoration: none;
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	color: rgba(106,13,48,1);
	border: 1px solid #6A0D30;
	border: inset 1px solid #333;
	-moz-box-shadow: 0px 0px 4px rgba(106,13,48,1);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#container form input {
	width:200px;
	height: 25px;
	margin: 5px;
	padding-left: 10px;
	/*display:block;*/
	border: 2px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#container form #datum {
	width:100px;
	/*height: 25px;*/
	margin: 10px;
	text-align: center;
	/*display:block;*/
	border: 2px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#container form select {
	/*width:200px;*/
	height: 25px;
	margin: 10px;
	/*display:block;*/
	border: 2px solid #999;
	-webkit-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);
}
#container form textarea:focus, input:focus select:focus{
	border: 2px solid #573949;
	-webkit-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	-moz-box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
	box-shadow: 0px 0px 10px rgba(0, 0, 0, 0.3);
}
#container form #beskrivning {
	display:block;
	margin: 20px 20px 20px 20px;
	padding-left: 10px;
	padding-top: 10px;
	width: 500px;
	height:150px;
}
#container form #submit {
	margin-top: 10px;
	width:120px;
	height:30px;
	/*position:absolute;
	right:20px;
	bottom:20px;*/
	background:#573949;
	color:#fff;
	/*font-family: Tahoma, Geneva, sans-serif;*/
	-webkit-border-radius: 15px;
	-moz-border-radius: 15px;
	border-radius: 15px;
	border: 1p solid #999;
}
#container form #submit:hover {
	background: #FFFFCC;
	color:#573949;
}

/*överfyrkanten*/
#container #header {
	background-image:url(foton/head1.jpg);
	height: 270px;
	margin: 20px 20px 20px 20px;
	padding-top: 20px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	text-decoration:none;
}
#container #header #sprak li {
	font-size: 24px;
	color: #900;
}
#container #header #sprak li a:link {
  color: red;
}
/* visited link */
#container #header #sprak li a:visited {
  color: green;
}
/* mouse over link */
#container #header #sprak li a:hover {
  color: hotpink;
}
/*navigeringsfyrkanten*/
#container #navcontainer {
	background-image: url(foton/nav1.jpg);
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	height: 60px;	
	padding-left: 30px;
	margin: 20px 20px 20px 20px;	
}
#container #navcontainer h1 {
	line-height:2em;
	font-style: italic;
	color: #660066;
	padding-bottom: 5px;	
}
#container #navcontainer #namn {
	color: #D9042F;
	font-size:35px;
	text-shadow: 2px 2px #4E584F;
	/*text-shadow:2px 2px 8px #4E584F;*/
}
/*innehållsfyrkanten*/
#container #content {
	background-color: #EBAA5D;
	height: auto;
	width: 800px;
	margin-left: 20px;
	margin-bottom: 20px;
	padding: 10px;
	float:left;
	min-height: 500px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	font-style: italic;
}
#container #content h1 {
	font-size: 24px;
	color: #620B55;
}
#container #content h2 {
	font-size: 20px;
	color: #265584;
}
#container #content h3 {
	font-size: 18px;
	color: #265584;
}
#container #content h4 {
	font-size: 16px;
	color: #006666;
}
#container #content h5 {
	font-size: 14px;
	color: #990000;
}
#container #content h6 {
	font-size: 14px;
	color: #330033;
}
#container #content img {
	float: left;
	margin-left: 20px;
	margin-right: 20px;	
	margin-bottom: 20px;
}
#container #content p {
    font-size: 14px;
	font-weight: bold;
	/*color:#060; grön*/
	color: #573949;
 }
#container #content p #urubrik{
    font-size: 14px;
	font-weight: bold;
	color: #060;
	/*color: #573949;*/
 }
 #container #content p #epost{
    font-size: 14px;
	font-weight: bold;
	color: #C06;
 }
 #container #content li{
    /*font-size: 14px;*/
	font-weight: bold;
	/*color:#060; grön*/
	color: #573949;
 }
#container #content #kalenteri {
	/*font-family: arial, tahoma, helvetica;*/
    font-size: 12px;
    text-align: center;
	border: 1px solid #666;
	width: 790px;
	background-color:#FFFF99

 }
#container #content #kalenteri #otsikko {
	width: 70px;
	height: 20px;
}
#container #content #kalenteri .vuosi {
    font-weight: bold;
}

#container #content #kalenteri .otsikko {
	font-weight: bold;
	width: 30px;
	height: 20px;
}

#container #content #kalenteri td  {
	height: 60px;			
}
#container #content #kalenteri td .viikko  {
	width: 10px;
                }
#container #content #kalenteri .uusi {
    background-color: #eee;
}
#container #content #kalenteri .nykyinen {
    font-weight: bold;
    background-color: #000;
    color: #fff;
}
#container #content #kalenteri .vkl {
    background-color: #eed2d2;
}
#container #content #kalenteri .vanha {
    color: #666;
    background-color: #ccc;
}
#container #content #kalenteri .kkvanha {
    color: #666;
    background-color: #ddd;
}
#container #content #kalenteri .hover {
     background-color: #ffcc00;
     color: #000;
}
#container #content #kalenteri tr #nu {
	font-size: 18px;
	font-weight: bolder;
	color: #F36;
}
#container #content #kalenteri tr a{
	text-decoration: none;	
}
#container #content #kalenteri tr #handelse #hbild {
	margin: 2px;
	border: 1px solid #666;
}
/*veckovyn--*/
#viikko {
	margin: 5px;
	width: 790px;
	background-color:#FFFF99;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
 }
/*#viikko td {
	height: 30px;
	background-color:#FFFFFF;
}
#viikko tr #vcma {
	height: 50px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color: #9B4E00;
}--*/
#viikko tr #hast {
	font-family: "Lucida Console", Monaco, monospace;
	font-size: 18px;
	font-style: italic;
	color: #7E3A5F;
	margin-left: 20px;
}
#viikko #nu {
	text-align:center;
	font-weight: bold;
	color: #7E3A5F; 
}
#viikko .otsikko {
	max-width: 112px;
	background-color: #9B4E00;
	text-align:center;
	font-weight: bold;
}
#viikko .otsikko #pv{
	background-color: #9B4E00;
}
#viikko .otsikko #pm{
	background-color: #9B4E00;
}
#viikko #hcont {
	min-height: 200px;
	max-width: 113px;
}
#viikko #hcont #handelse {
	position: top;
	margin-top: 5px;
	display: block;
	max-width: 105px;
	background-color:#FFFFD2;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 5px #063;
	box-shadow: 3px 3px 5px rgba(0,102,0,0.3);
	text-decoration: none;	
}
#viikko #hcont #bild {
	position: top;
	text-align: center;
	margin-top: 10px;
	display: block;
	max-width: 105px;
	background-color:#FFFFD2;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
	-webkit-box-shadow: 8px 8px 8px rgba(0,0,0,0.25);
	-moz-box-shadow: 3px 3px 5px 5px #063;
	box-shadow: 3px 3px 5px rgba(0,102,0,0.3);
	text-decoration: none;	
}
/*#viikko tr #hcont #handelse td {
	
	margin-top: 10px;
	margin-left: 4px;
	font-size: 12px;
}*/
#viikko #hcont #handelse #htyp_1 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_2 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_3 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_4 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_5 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_6 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_7 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_8 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_9 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_10 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_11 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_12 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #htyp_13 {
	font-size:12px;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	color: #9B4E00;
	padding-top: 5px;
}
#viikko #hcont #handelse #hbeskrivning {
	padding-left: 15px;
	padding-right: 5px;
	font-size: 12px;
	color: #336600;
	/*font-style: normal;
	font-weight: normal;*/
}
#viikko tr #hcont #handelse #smek {
	text-align: center;
	font-size: 12px;
	color: #cc0066;
	/*font-style: normal;
	font-weight: normal;*/
}
/* händelsevyn*/
#container #content #notering_1{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_1.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_1 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_1 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_1 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_1 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_1  #datum p {
	font-size: 20px;
}
#container #content #notering_1 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_1 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_1 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_1 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_2{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_2.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_2 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_2 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_2 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_2 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_2  #datum p {
	font-size: 20px;
}
#container #content #notering_2 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_2 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_2 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_2 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_3{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_3.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_3 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_3 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_3 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_3 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_3  #datum p {
	font-size: 20px;
}
#container #content #notering_3 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_3 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_3 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_3 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_4{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_4.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_4 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_4 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_4 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_4 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_4 #datum p {
	font-size: 20px;
}
#container #content #notering_4 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_4 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_4 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_4 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_5{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_5.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_5 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_5 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_5 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_5 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_5 #datum p {
	font-size: 20px;
}
#container #content #notering_5 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_5 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_5 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_5 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_6{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_6.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_6 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_6 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_6 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_6 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_6 #datum p {
	font-size: 20px;
}
#container #content #notering_6 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_6 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_6 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_6 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_7{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_7.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_7 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_7 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_7 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_7 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_7 #datum p {
	font-size: 20px;
}
#container #content #notering_7 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_7 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_7 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_7 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_8{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_8.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_8 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_8 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_8 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_8 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_8 #datum p {
	font-size: 20px;
}
#container #content #notering_8 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_8 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_8 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_8 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_9{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_9.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_9 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_9 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_9 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_9 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_9 #datum p {
	font-size: 20px;
}
#container #content #notering_9 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_9 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_9 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_9 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_10{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_10.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_10 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_10 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_10 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_10 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_10 #datum p {
	font-size: 20px;
}
#container #content #notering_10 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_10 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_10 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_10 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_11 {
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_11.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_11 .row #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_11 .row #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_11 .row #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.row:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_11 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_11 #datum p {
	font-size: 20px;
}
#container #content #notering_11 #stamp {
	width: 100%;
	text-align: right;
}
#container #content #notering_11 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_11 #stamp #tid {
	font-size: 10px;

}
#container #content #notering_11 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
#container #content #notering_12{
	margin: 10px 10px 10px 10px;
	background-image: url(grafik/bg_12.jpg);
	height: 500px;
	width: 780px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #content #notering_12 .rad1 #smek {
	width: 30%;
	float: right;
	padding-right: 50px;
	text-align: right;
}
#container #content #notering_12 .rad1 #smek h4 {
	font-size: 20px;
	color: #336699;
}
#container #content #notering_12 .rad1 #htyp {
	width: 70%;
	height: 30px;
	padding: 8px 30px 8px 30px;
	text-align: right;
	float: left;
}
.rad1:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_12 #datum {
	float: right;
	display: inline-block;
	width: 100px;
	float: right;
	padding-right: 15px;
}
#container #content #notering_12 #datum p {
	font-size: 20px;
}
#container #content #notering_12 .rad2 #stamp {
	position:relative;
	top: 340px;
	width: 100%;
	text-align: right;
}
#container #content #notering_12 .rad2 #stamp #dag {
	font-size: 12px;
}
#container #content #notering_12 .rad2 #stamp #tid {
	font-size: 10px;
}
.rad2:after {
  content: "";
  display: table;
  clear: both;
}
#container #content #notering_12 #hbeskrivning {
	float: right;
	display: block;
	height: 400px;
	width: 300px;
	padding: 10px 10px 0px 10px;
	text-align: top;
}
/*
#container #content #notering tr td p {
	float: right;
	padding-right: 30px;
}*/

/*#viikko .tapahtumat{ 
height: 300px;
vertical-align:top;
}
#viikko tr td #tapahtuma {
	background-color: #FF9;
	border: thin solid #F03;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
#viikko tr td #tapahtuma #laji{
	color: #F03;
	text-align: center;
	font-style:italic;
}
#viikko tr td #tapahtuma #selite{
	margin-left: 5px;
}*/

/*---- händelseformulär ---*/

#container #content #formular form p {
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	color: #6F6C11;
}
#container #content #formular form label {
	line-height: 24px;
	padding-bottom: 15px;
	font-weight: bold;
	color: #6F6C11;
	margin-bottom: 15px;
	height: 50px;
}
#container #content #rubriker p #urubrik {
	font-size: 20px;
	font-style: italic;
}
/*-------------------team sidan-------------------------------------------------------------------*/
#container #content #ilmotaulu {
	background-image: url(grafik/itaulu.jpg);
	padding: 10px;
	opacity: 0.7;
	 border: 6px solid #660000;
}
#container #content #ilmotaulu #thandelse {
	background-color: #ffffcc;
	padding: 10px 10px 10px 10px;
	border-color: #663300;
	border: 3px;
	margin-bottom: 10px;
}
#container #content #ilmotaulu #thandelse a {
  display: block;
  padding: 10px;
  text-decoration: none;
}
#container #content #ilmotaulu #thandelse p #datum {
	font-size: 18px;
	color: #0059b3;
	width: 100px;
	padding-right: 10px;
}
#container #content #ilmotaulu #thandelse p #smek {
	/*float: left;
	color: #000000;*/
	color: #602040;
	font-size: 18px;
	/*display: block;
	width: 70%;*/
	padding: 10px 10px 10px 10px;
	/*text-align: top;*/
}
#container #content #ilmotaulu #thandelse p #hnamn {
	/*float: left;
	color: #000000;*/
	color: #006600;
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	/*display: block;
	width: 70%;*/
	padding: 10px 10px 10px 10px;
	/*text-align: top;*/
}
#container #content #ilmotaulu #thandelse p #htyp {
	color: #602040;
	font-size: 18px;
	font-style: italic;
	font-weight: bold;
	/*display: block;
	width: 70%;*/
	padding-left: 20px;
	text-align: left;
}	
#container #content #ilmotaulu #thandelse p #hbeskrivning {
	font-size: 18px;
	color: #602040;
	
}
/*-------------------höger balk-------------------------------------------------------------------*/
#container #right {
	background-color: #EBAA5D;
	height: auto;
	width: 300px;
	margin: 0px 10px 10px 10px;
	padding: 10px;
	float: left;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #right h4 {
	font-size: 16px;
	font-weight: bold;
	/*color:#060; grön*/
	color: #573949;
}

#container #right p {
	font-size: 14px;
	font-weight: bold;
	/*color:#060; grön*/
	color: #573949;
}
#container #right #hastlista {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	margin-top: 10px;
	margin-bottom: 10px;
	padding: 20px;
	background-color: #482400;
}
#container #right #hastlista h3 {
	font-size: 16px;
	font-weight: bold;
	/*color:#060; grön*/
	color: #FFC;
}
/* --- nedre balken --*/

#container #footer {
	background-color: #EBAA5D;
	height: 70px;
	border: thin #396;
	text-align:center;
	clear:both;
	margin: 20px 10px 10px 20px;
	padding-bottom: 20px;
	margin-bottom: 20px;
	-webkit-border-radius: 18px;
	-moz-border-radius: 18px;
	border-radius: 18px;
}
#container #footer p {
	font-size: 16px;
	padding-bottom: 15px;
	padding-top: 15px;
	color: #4A8952;
	font-weight: bold;
}
#container #copyright {
	text-align: right;
	margin-right: 14px;
	font-size: 12px;
	color: #585861;
}


#container #content #viikko tr #nu {
	font-size: 20px;
	padding-top: 5px;
}

#container #content table tr #knapp1 {
	color: #844428;
	text-decoration: none;
	width: 150px;
}
#container #content table tr #knapp2 {
	color: #844428;
	text-decoration: none;
	width: 150px;
	text-align: right;
}
#container #content #formular form label #rod {
	font-size: 12px;
	color: #F00;
}
#container #content #rod {
	color: #F00;
	font-size: 18px;
	font-weight: bold;
}
#rubriker p #urubrik {
	font-size: 24px;
	font-style: italic;
	font-weight: bold;
	color: #066;
}
#rubriker p {
	font-size: 24px;
}