* { margin: 0; padding: 0; }

html { height: 100%; overflow-y: scroll; }

body {
     font: normal 11px Verdana, Tahoma, Sans-Serif;
	 color: #333;
	 margin: 0;
	 padding: 0;
	 background: url("../bilder/heaven.jpg") top repeat-x #FFF;}
	 
	 
h1 {
     font: bold 27px "Trebuchet MS";
	 color: #333;
	 letter-spacing: -1px;
	 padding: 0;
	 margin: 0;}
	 
h2 {
     font: normal 13px Arial;
	 color: #555;
	 line-height: 170%;
	 letter-spacing: 0;
	 padding: 10px 0;
	 margin: 0;}
	 
h2.calendar {
     text-align: center;
	 margin: 0;
	 padding: 10px 0;}
	 
h3 {
     font: bold 12px Verdana;
	 color: #333;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 margin: 0;
	 padding: 0;}
	 
h4 {
     font: normal 11px Georgia;
	 font-style: italic;
	 text-align: right;
	 color: #666;
	 margin: 0;
	 padding: 0;}
 
p { margin: 0; padding: 5px 0 10px 0; }

span.mini-red {
     font: normal 9px "Lucida Grande";
	 color: #990033;}
	 
span.mini-green {
     font: normal 9px "Lucida Grande";
	 color: #67A72D;}
	 
span.answer {
     font: normal 11px Georgia;
	 color: #444;
	 line-height: 200%;
	 margin: 0;
	 padding: 5px 0;}


a       { text-decoration: none; color: #67A72D; }
a:hover { text-decoration: none; color: #28B; }

h2.calendar a { font: bold 16px Arial; margin: 0 10px; }

form#editmedlem input {
width: 250px;
}

#medlemsregister {
width: 100%;
border: 0px;
padding: 0px;
}

#logo a#logolink {
   display: block; 
	 width: 192px;
	 height: 81px;
	 border: none;
	 outline: none;
	 background: url("../bilder/logo.PNG") top center no-repeat;}
	 
#logo a#logolink:hover { background-position: 0 -81px; }

#content #news .news-box a { color: #28B; }
#content #news .news-box a:hover { color: #333; }
#content #news .news-box #news-box-text { color: #222; font-family: Georgia; }

a#registration {
     text-indent: -9999px;
	 outline: none;
	 display: block;
	 float: left;
	 margin: 0 7px 0 0;
	 padding: 0;
	 height: 19px;
	 width: 56px;
	 background: url("../bilder/registration-bg.PNG") top center no-repeat;}
	 
a#registration:hover { background-position: 0 -19px; }

a#registration-no {
     text-indent: -9999px;
	 outline: none;
	 display: block;
	 float: left;
	 margin: 0 7px 0 0;
	 padding: 0;
	 height: 19px;
	 width: 56px;
	 background: url("../bilder/registration-no.png") center no-repeat;}

#nav a {
     font: bold 11px Arial;
	 color: #79726A;
	 text-transform: uppercase;
	 text-decoration: none;
	 margin: 0;
	 padding: 17px 12px;
	 outline: none;}

#nav a:hover {
     color: #FFF;
	 text-decoration: none;
	 background: url("../bilder/nav-hover.PNG");}
	 
#nav .active { font: bold 12px Arial; 
/* letter-spacing: 2px;       */
color: #FBC501; }
	 
#footer a { margin: 0 7px; }
	 
a img { border: none; outline: none; }
	 
#top {
     margin: 0 auto;
	 padding: 0;
	 width: 900px;}

#wrapper {
     margin: 0 auto;
	 padding: 0;
	 width: 900px;
	 clear: both;
	 background: url("../bilder/wrapper-bg.png") center repeat-y;}
	 
#logo {
     text-indent: -9999px;
	 float: left;
	 margin: 50px 0 25px 25px;
	 padding: 0;
	 width: 178px;
	 height: 82px;}
	 
#bli_medlem {

	 float: right;
	 margin: 0px 25px 0px 0px;
	 padding: 0;	 
	 width: 150px; 
   border: 0;
   text-align: right;
   }
   
#bli_medlem a#bli {
   text-indent: -9999px;
   display: block; 
	 width: 150px;
	 height: 150px;
	 border: none;
	 outline: none;
	 background: url("../bilder/bli.png") top right no-repeat;
}
	 
#quick-nav {
     font: normal 9px "Trebuchet MS";
	 color: #FDFDFD;
	 text-transform: uppercase;
	 letter-spacing: 1px;
	 float: right;
	 margin: 125px 15px 0 0;
	 padding: 0;}
	 
#nav {
     text-align: center;
	 y-index: 1;
	 margin: 0 auto;
	 padding: 0;
	 width: 900px;
	 height: 42px;
	 line-height: 42px;
	 clear: both;
	 background: url("../bilder/nav-bg.PNG") center no-repeat;}
	 
#header {
	 margin: 0 auto;
	 padding: 0;
	 width: 890px;
	 height: 300px;}
	
#photodiv { margin: 0; padding: 0; }

img#photoimg { margin: 0; padding: 0; }
	 
#content {
	 margin: 0;
	 padding: 0;
	 clear: both;
	 width: 900px;}
	 
#content #intro {
     float: left;
	 line-height: 170%;
	 margin: 15px 0;
	 padding: 15px 40px;
	 width: 550px;
	 clear: both;
	 border-right: 1px solid #EEE;}
	 
.mini-intro { margin: 0 0 10px 0; padding: 0; border-bottom: 1px dotted #EEE; }
	 
#content #news {
     float: left;
	 margin: 15px 0 0 25px;
	 padding: 10px 0;
	 width: 200px;}
	 
#content #news .news-box {
     margin: 0 0 20px 0;
	 padding: 0 0 5px 0;
	 border-bottom: 1px dotted #EEE;}
	 
#footer {
     font: normal 10px "Lucida Grande";
	 color: #666;
	 margin: 0 auto;
	 padding: 15px 0;
	 width: 890px;
	 border-top: 1px dotted #EEE;
	 clear: both;
	 background: #FFF;}
	 
.footer-left {
     float: left;
	 margin: 0 0 0 25px;
	 width: 45%;}
	 
.footer-right {
   float: right;
	 margin: 0 15px 0 25px;
	 width: 45%;
	 text-align: right;
   /* med privacy och terms of use ska width: 20% ! */ }
	 
.bottom {
     margin: 0 auto;
	 padding: 0;
	 height: 16px;
	 width: 900px;
	 background: url("../bilder/bottom.PNG") center no-repeat;}
	 
.space {
     margin: 0;
	 padding: 0;
	 width: 900px;
	 height: 150px;
	 clear: both;}
	
.clear { clear: both; }

#nav ul {
     list-style-type: none;
	 margin: 0;
	 padding: 0;}
	 
#nav li {
     display: inline;
	 margin: 0;
	 padding: 0;}
	 
#content #intro ul {
     list-style-type: none;
	 margin: 0;
	 padding: 5px 0 5px 25px;}
	 
#content #intro li {
     margin: 0 0 10px 0;
	 padding: 0 0 0 15px;
	 background: url("../bilder/ikoner/bullet.gif") center left no-repeat;}
	 
#header img { margin: 0; padding: 0; }

img.right-photo {
     float: right;
	 margin: 0 0 15px 25px;
	 padding: 3px;
	 border: 1px solid #EEE;}
	 
input.comments {
     width: 90%;
	 height: 250px;
	 overflow: scroll;}
	 
div.left-entry {
     float: left;
	 width: 45%;
	 margin: 0 0 0 15px;
	 padding: 0 0 15px 0;}
	 
div.right-entry {
     float: left;
	 width: 45%;
	 margin: 0;
	 padding: 0;}
	 
input#skriv-btn {
     margin: 0;
	 padding: 0;
	 border: none;
	 cursor: pointer;
	 width: 56px;
	 height: 19px;
	 background: url("../bilder/skriv.png") top center no-repeat;}
	 
input#skriv-btn:hover { background-position: 0 -19px; }

input#skicka-btn {
     margin: 0;
	 padding: 0;
	 border: none;
	 cursor: pointer;
	 width: 56px;
	 height: 19px;
	 background: url("../bilder/skicka.png") top center no-repeat;}
	 
input#skicka-btn:hover {
                       opacity: 0.85;
                       filter:alpha(opacity=85);

}

.entry {
     line-height: 170%;
	 margin: 0 0 15px 0;
	 padding: 0;}
	 
.message {
     font: normal 11px Verdana;
	 padding: 10px 20px;
	 margin: 0 0 10px 0;
	 border-bottom: 1px dotted #EEE;
	 background: #FFFFFE;}
	 
#month { border-collapse: collapse; }
#month th, #month td { border: 1px solid #eee; }
#month thead { background-color:#fff; }
#month td { width: 7em; height: 7em; padding: .2em; vertical-align: top; overflow: auto; }
td .day { width: 7em; height: 6em; overflow:auto; margin-top: 0; }
#month tbody .weekend { background-color:#000; }
#month tbody .next, #month tbody .previous { background-color:#ffffee; }
.rtop { display:block; background:#fefefe; }
.rtop * { display: block; height: 1px; overflow: hidden; background:#fff; }
.r1{margin: 0 0 0 5px}
.r2{margin: 0 0 0 3px}
.r3{margin: 0 0 0 2px}
.r4{margin: 0 0 0 1px; height: 2px}
#month th { font: 1em bold Arial, Helvetica, sans-serif; }