html {height: 100%; padding:0; margin:0; position:relative;}
body {font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif; background: #fff url(bg.gif) repeat-x 0 0; padding: 0; margin: 0; height: 100%; text-align: center;}
body.* {position: relative;}



a { color: #ff0ce0;}
h1 {font-size: 30px; color: #0ca6ff;}
h1.first {margin-top: 0;}
h2 {font-size: 20px; color: #0ca6ff;}
h3 {font-size: 13px; color: #0ca6ff; font-weight: bold;}

p, li {font-size: 12px; color: #3a4b55;}

#padding ul {padding-left: 0px; margin-left: 0px;}
#padding li { background: transparent url(star.gif) no-repeat 0 1px; list-style: none; padding-left: 25px; margin-bottom: 4px; }

.clear {clear: both; float: none;}
.fineprint {font-size: 9px; color: #666666; line-height: 10px; margin-bottom: 0px; padding-top: 5px;}
/* top */
#top {background: transparent url(top_4.jpg) no-repeat 0 0; width: 792px; height: 230px; text-indent: -3000px;}
#page {z-index: 50; background: transparent url(page_bg.gif) repeat-y 0 0; display:block; width: 792px; height: 100%; padding: 0; margin: 0; position: relative; text-align: left; margin:0 auto;}

#padding {padding: 20px; background: transparent url(page_bg.gif) repeat-y 0 0; position:relative; min-height: 505px;}



#footer {
clear: both;
text-align: left;
display: block;
position: relative;
left: 0;
margin: 0; padding: 0;
background: transparent url(grass.gif) no-repeat center bottom;
width: 100%; height: 81px;
margin-top: -81px;
z-index: 1;
}

/* NAVIGATION

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



#nav { 
	background:#dde5e9 repeat-x url(ds_start.gif) bottom left;
	position: relative;
	margin: 0 6px; padding:0; height: 40px;
}

#nav ul {
	margin:0; padding:0; background-color: transperant; list-style: none;
}

#nav li { 
	height: 39px;
	width: 150px;
	margin-right: -1px;
	background: transparent url('tab-right.gif') no-repeat top right;
	float: left;
	border-bottom: 1px solid #000;
}

#nav li div { 
	height: 100%;
	background: transparent url('tab-left.gif') no-repeat top left;
	text-align: center;
}


#nav li a {
line-height: 40px;
text-decoration: none;
font-weight: bold;
color: #0ca6ff;
font-size: 14px;
} 

#nav li.selected { border-bottom: 1px solid #fff;}
#nav li.selected, #nav li:hover{ 	background-image: url('tab-right_s.gif');}
#nav li.selected div, #nav li div:hover { 	background-image: url('tab-left_s.gif');}

/*
#nav a:link, #nav a:visited { 
	line-height: 40px;
	height: 40px;
	padding: 0px 22px;
	margin: 0; color: #000;
	text-decoration: none;
	font-size:14px;
}

#nav a:visited {text-decoration:none;color:#000;}
#nav a:hover {background-color:#eaf3f7; border-bottom: 0px solid #517890; text-decoration: none; padding-bottom: 0;}
#nav ul li {display:block; list-style:none; float: left;}

#nav li.selected {
	background-color:#FFF;
	background-image:url(tab-right.gif);
	background-repeat: no-repeat; 
	background-position: right top;
	padding: 0; height: 40px;
}


#nav li.selected a:link, #nav li.selected a:visited, #nav li.selected a:hover {
	line-height: 40px;
	width: 150px;
	display: block;
	background-image: url(tab-left.gif); 
	background-repeat: no-repeat;
	background-position: left top;
	background-color: transparent;
	border: 1px solid #FFF;

}


#nav li.first a:link, #nav li.first a:visited { border-left-color: #FFF;}
*/


/* forms */
div#signup {float: right; background: #ffd6fa url(signtop.gif) no-repeat 0 0; width:244px; margin-left: 16px;}
div#signup div.bottom {background: #fff url(signbottom.gif) no-repeat 0 0; height:10px;}

form {margin: 0; padding: 0; font-size: 10px; width: 224px; padding: 10px;}
label {display: block; font-weight: normal; color: #606060; font-size: 11px; margin: 0px 0px 0px 0px;}
legend {color: #606060; font-size: 11px; }
input.text, select {display: block; width: 95%; font-size: 10px; margin: 0px 0px 0px 0px; padding: 1px; border: 1px solid #000;}
input#registrera {background: transparent url(sendbutt.gif) no-repeat 0 0; width: 70px; height: 30px; margin: 0 0 0 0; padding: 0; border: 0; color:#FFF; font-weight:bold;}
input#tipsa {background: transparent url(tipsabutt.gif) no-repeat 0 0; width: 70px; height: 30px; margin: 8px 0 0 0; padding: 0; border: 0;}

textarea { width: 200px;}
/* input.submit {margin-top: 5px; width: 60px; float:right; margin-right: 5px;} */
/* input.submit {background: transparent url(sendbutt.gif) no-repeat 0 0; text-indent: -2000px; border: 0; margin-top: 5px; width: 70px; height: 30px; float:right; margin-right: 5px; border: 1px solid #000;} */


div.paett input.text {width: 80px; display: inline;}
div.patva input.text {width: 120px; display: inline;}
div.paett {width: 90px; float: left; display: block; position:relative;}

input#personnrb { width: 40px;}

div.radio  { margin-top: 10px }
fieldset.radio { margin-top:5px; padding:5px; border:1px solid #e7e7e0;}
label.checkbox  { margin:0 0; display: inline; vertical-align: middle; cursor:pointer;}
input.radio { background: transparent; vertical-align: middle; margin: 0; padding: 0;}
label.radio { display: inline; margin:0px 4px 0 4px; vertical-align: middle; cursor:pointer; font-size: 12px;}

div.villkorbox {width: 150px; float: left;}

form p {margin: 8px 0px; font-size: 10px; line-height: 12px;}
form h2, form h3 { margin: 0;}

div.book {margin-left: 120px;}
div.book, div.book p{ font-size: 11px;}
div.book h3 { margin-bottom: 0px;}
div.book em { font-style: normal; color: #999; margin-bottom: 1em; display: block; font-size: 10px;}
div.book p { margin-top: 0px; margin-bottom: 30px;}
div.book img {display: block; margin: 0 0 0 -120px; position: absolute; width: 102px; height: 120px;}


div.leftcol {width: 350px; float: left; position: relative; margin-right: 30px;}
div.rightcol {width: 350px; position: relative; float: left;}

img.left {float: left; margin: 0px 10px 0px 0px;}
img.right {float: right; margin: 0px 0px 0px 10px;}

form#tips {padding: 4px; width: 450px; margin-top: 20px;}
form#tips input.text {width: 120px; margin-right: 10px; border: 1px solid #000;}