* { 
	margin: 0; 
	padding: 0; 
}

html {
	background: #B2C5ED url(../images/gradient2.gif) repeat-x;
	width:100%; 
	height:100%;
}


body {
	background: url(../images/sky2.jpg) no-repeat center top;
	display: table; 
	font: normal 11px Verdana, Arial, Helvetica, sans-serif;
	color: #134183;
	line-height: 1.7em; /* for Safari*/
	margin: 0; 
	padding: 0; 
	width: 100%;
	min-height: 100%;
	}

#container {
	width: 780px;
	margin: 30px auto 0;
	padding: 0px;
	background: url(../images/bgr_top.png) no-repeat top center;
	padding-bottom: 30px;
	}

* html #container {
    height: 100%;
}

#header {
	position: relative;
	left: 9px; 
	width: 762px;
	height: 88px;
	top: 10px; 
	text-align: right;
	background: #fff;
	clear: both; 
	float: left;
	}
.header2 {
	position: relative;
	left: 9px; 
	width: 762px;
	height: 40px;
	top: 10px; 
	text-align: right;
	background: #fff;
	clear: both; 
	float: left;
	}

#front {
	clear: both;
	float: left;
	position: relative;
	left: 9px; 
	width: 762px;
	height: 235px;
	padding-bottom: 10px; 
	background: #fff;
	}

#flashcontent {
	padding-left: 20px; 
	padding-top: 10px; 
	background: #fff;
	}


#content {
	position: relative;
	float: left;
	width: 780px;
	background: url(../images/bgr_bottom.png) left bottom no-repeat;
	padding-bottom: 20px;
	}

#footer {
	position: relative;
	float: left;
	width: 760px;
	clear: both;
	background: #fff;
	}
	
#middle-theme {
	clear: both;
	float: left;
	width: 762px;
	position: relative;
	left: 9px; 
	background: #fff; 
	padding: 0px; 
}

#left, #leftFinished {
	float: left;
	width: 345px;
	margin-top: 20px; 
	margin-left: 20px; 
	margin-right: 0px;
	padding-right: 20px; 
	border-right: 1px dashed #0096a4;
	display: inline; 
}

#right {
	float: left;
	width: 340px;
	margin-top: 20px; 
	margin-left: 20px; 
}

#message {
	float: left;
	width: 600px;
	margin-top: 20px; 
	margin-left: 20px; 
	margin-right: 0px;
	padding-right: 20px; 
	display: inline; 
}

h1 {
	font-weight: bold;
	line-height: 1.2em;
	color: #134183;
	font-size: 26px;
	margin: .15em 0 0.4em 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-weight: bold;
	line-height: 1.2em;
	color: #134183;
	font-size: 26px;
	margin: .15em 0 0.4em 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}

.ltb {
color:#289DE9;
}
.sltb {
color:#69C1F0;
}
.ssltb {
color:#67C0C7;
}
h3 {
	font-size:14px;
	font-weight:bold;
	color:#289DE9;
	margin:1em 0 .1em 0;
	font-family:"Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
}


hr {
	border: 0;
	height: 1px;
	border-top: 1px dashed #0096a4;
	margin-top: 15px;
	margin-bottom: 20px; 
	clear: both;
}

img {
	border: 0;
}
.logo  
{
    color:#134183; 
    font-weight: bold; 
    text-decoration:none;
    text-transform: uppercase;
    padding-right: 30px;
}
.logo img { margin-bottom:-4px;}

ul#menu { margin:0; padding:0; list-style-type:none; }
ul#menu li { position:relative; left: 20px; float:left; margin-right: 10px; padding-right: 10px; padding-top: 5px;}
ul#menu li a { color:#134183; font-weight: bold; padding:2px 2px; text-decoration:none; text-transform: uppercase;}
ul#menu li a:hover { color:#289DE9; border:none; }

.btn {
	text-align: right; 
	clear: both;
	padding-top: 10px; 
	margin-bottom: 40px;
}


.regler {
	padding: 20px; 
}


a {color: #289DE9; text-decoration:none; }
a:hover {color: #289DE9; text-decoration: underline:}

.mp3 p {
	font-size: 10px; 
	line-height: normal; 
	padding-top: 8px;
}

/*----------------------------------- FORMULÄR -----------------------------------*/



/**** Form Section ****/
.appnitro
{
	font-size:small;
}

.appnitro li
{
	width:100%;
}

#right form {
	margin-top: 42px;
	padding: 0;
	display:block;
}

form ul
{
	list-style-type:none;
	margin:0;
	padding:0;
	width:100%;
}

form li
{
	display:block;
	margin:0;
	padding: 4px 5px 2px 0px;
	position:relative;
}

form li:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons:after
{
	clear:both;
	content:".";
	display:block;
	height:0;
	visibility:hidden;
}

.buttons
{
	clear:both;
	display:block;
}

* html form li
{
	height:1%;
}

* html .buttons
{
	height:1%;
}

* html form li div
{
	display:inline-block;
}

form li div
{
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li span
{
	float:left;
	margin:0 4px 0 0;
	padding:0 0 8px;
}

form li div.left
{
	display:inline;
	float:left;
	width:48%;
}

form li div.right
{
	display:inline;
	float:right;
	width:48%;
}

form li div.left .medium
{
	width:100%;
}

form li div.right .medium
{
	width:100%;
}

.clear
{
	clear:both;
}

form li div label
{
	clear:both;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

form li span label
{
	clear:both;
	display:block;
	font-size:9px;
	line-height:9px;
	margin:0;
	padding-top:3px;
}

.form_description
{
	font-size:11px;
	clear:both;
	display:inline-block;
	margin:0 0 1em;
}

.form_description[class]
{
	display:block;
}


.form_description p
{
	line-height:130%;
	margin:0 0 12px;
}

form hr
{
/*	display:none; */
}

form ul li.first
{
	border-top:none !important;
	margin-top:0 !important;
	padding-top:0 !important;
}




/**** Inputs and Labels ****/
label.description
{
	border:none;
	display:block;
	font-size: 11px;
	font-weight:700;
	line-height:150%;
	padding:0 0 1px;
}

label.description.q
{
	border:none;
	display:block;
	font-weight:bold;
	font-size: 11px;
	line-height:150%;
	padding:0 0 1px;
	text-transform: uppercase
}


input.text
{
	border-bottom:1px solid #ddd;
	border-left:90x solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	margin:0;
	padding:2px 0;
	color: #134183;
}

textarea.textarea
{
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
	font-family: Verdana, Arial, Verdana, sans-serif;
	font-size:11px;
	margin:0;
	width:90%;
	color: #134183;
}

select.select
{
	color:#134183;
	margin:1px 0;
	padding:1px 0 0;
	border-bottom:1px solid #ddd;
	border-left:1px solid #c3c3c3;
	border-right:1px solid #c3c3c3;
	border-top:1px solid #7c7c7c;
}


input.checkbox
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

input.radio
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

label.choice
{
	color: #134183;
	display:block;
	font-size:11px;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:1px 0 3px;
	width:90%;
}
/* Small modification to match aspx */
.inputList
{
}

.inputList input
{
	display:block;
	height:13px;
	line-height:1.4em;
	margin:6px 0 0 3px;
	width:13px;
}

.inputList label
{
	color: #134183;
	display:block;
	font-size:11px;
	line-height:1.4em;
	margin:-1.55em 0 0 25px;
	padding:1px 0 3px;
	width:90%;
}
.acceptLegal
{
    width:80%;
}
form li span.validator
{
	float:right;
	margin:0 0 0 0;
	padding:0 0 0;
}
form li span.validator2
{
	float:none;
	margin:0 0 0 0;
	padding:0 0 0;
}

form li span.checkbox
{
    margin-right:5px;
}
form li span.validator_small
{
	font-size:8px;
}
/* End match aspx */

input.small
{
	width:15%;
}

input.medium
{
	width:50%;
}

input.large
{
	width:75%;
}

textarea.small
{
	height:5.5em;
}

span.mbutton {
    background: #ffffff url(../images/btnMiddle.gif) repeat-x;
    height: 21px;
    padding: 5px 0 4px 0;
    text-align: center;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
}
span.lbutton {
    background: #ffffff url(../images/btnLeft.gif) no-repeat;
    height: 21px;
    width:21px;
    padding: 5px 17px 4px 0;
}
span.rbutton {
    background: #ffffff url(../images/btnRight.gif) no-repeat;
    height: 21px;
    width:21px;
    padding: 5px 0 4px 21px;
}
.sendButton  
{
    width: 120px;
    height: 21px;
    border: 0px;
    color: #ffffff;
    font-weight: bold;
    cursor: hand;
    background: #ffffff url(../images/btnSend.gif) no-repeat; 
   	text-transform: uppercase
} 
#topimage {
	padding-left: 20px; 
	padding-top: 20px; 
	background: #fff;
}
#topmenu {
    display:block; 
    float: left; 
    width: 720px;	
}

#leftFinished ol, p, ul { display: block }
#leftFinished p, ul, ol { margin: 1.12em 0 }
#leftFinished ol, ul { margin-left: 40px }
#leftFinished ol { list-style-type: decimal }
#leftFinished ol ul, ul ol, ul ul, ol ol { margin-top: 0; margin-bottom: 0 }
#leftFinished li { display: list-item }

/* Button */
.button{
	display:block; 
	position:relative; 
	background:#1974c6; 
	line-height:1.15em;
	padding:5px; 
	color:#fff;
	float:right; 
	font-weight:normal;
	text-align:center; 
	text-decoration:none;
	cursor:pointer;
	margin:12px 10px 0 10px;
}

a:hover.button {
	background-color:#6f9937;
	text-decoration:none;
	color:#fff;
}

.button * {
	font-style:normal; 
	background-image:url(/TENAImages/btn1.png); 
	background-repeat:no-repeat; 
	display:block; 
	position:relative;
}

.button i {background-position:top left; position:absolute; margin-bottom:-5px; top:0; left:0; width:5px; height:5px;}
.button span {background-position:bottom left; left:-5px; padding:0 0 5px 10px; margin: 0 0 -5px 0;}
.button span i {background-position:bottom right; margin-bottom:0; position:absolute; left: 100%; width:10px; height:100%; top:0;}
.button span span {background-position:top right; position:absolute; right:-10px; margin-left:10px; top:-5px; height:0;}

* html .button span, * html .button i {float:left; background-image:none; cursor:pointer;}

.shade1 * {background-image:url(/TENAImages/btn1.png);}
.shade2 * {background-image:url(/TENAImages/btn2.png);}
.shade3 * {background-image:url(/TENAImages/btn3.png);}
.shade4 * {background-image:url(/TENAImages/btn4.png);}
.button:hover, .button:active {background-color:#6f9937;}
.button[class] {background-image:url(/TENAImages/shade.png); background-position:bottom;}

* html .button {border:1px outset #eee;}
* html .button:hover, *html .button:active {background-color:#6f9937; border:1px inset #ddd;}
* html .button span, * html .button i {text-align:center;}