* { 
	margin: 0; 
	padding: 0; 
}

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


body {	
    background-repeat: no-repeat !important;
    background-position: center center !important;
    background-attachment: fixed !important;
    -webkit-background-size: cover !important;
    -moz-background-size: cover !important;
    -o-background-size: cover !important;
    background-size: cover !important;
	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;
	padding-bottom: 30px;
	}
#container.container-sidebar {width: 1180px;}
#inner-container{width:780px;float:right;}
#container.container-sidebar #inner-container{margin-right:200px;}
* html #container {
    height: 100%;
}

#header {
	position: relative;
	left: 9px; 
	width: 762px;
	height: 90px;
	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;
	}
.header2 img { height: 20px;}

.toptext { position:relative; left: 20px; float:left; margin-right: 10px; padding-right: 10px; padding-top: 5px;}

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

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


#content {
	position: relative;
	float: left;
	width: 780px;
	padding-bottom: 20px;
	}

#footer {
	position: relative;
	float: left;
	width: 760px;
	clear: both;
	background: #fff;
	height:50px;
	}
	
#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;
	margin-top: 10px;
}
#content img {
	margin-top: 10px;
	margin-bottom: 10px;
}
.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: 10px;
}


.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, #leftFinished p, #leftFinished ul { display: block }
#leftFinished p, #leftFinished ul, #leftFinished ol { margin: 1.12em 0 }
#leftFinished ol, #leftFinished ul { margin-left: 40px }
#leftFinished ol { list-style-type: decimal }
#leftFinished ol ul, #leftFinished ul ol, #leftFinished ul ul, #leftFinished ol ol { margin-top: 0; margin-bottom: 0 }
#leftFinished li { display: list-item }

/* Button */
.button {
  display: inline-block;
  background: url(/images/button-start.png) 0 0 no-repeat;
  font: 11px/13px Verdana, Sans-Serif; }
  .button span {
    display: block;
    height: 24px;
    margin-left: 13px;
    background: url(/images/button-end.png) 100% 0 no-repeat;
    padding: 8px 42px 0 2px;
    float: left;
    cursor: pointer;
    cursor: hand; }
  .button:hover {
    background-position: 0 -50px; }
    .button:hover span {
      background-position: 100% -50px; }
  .button:active, .button.button-active {
    background-position: 0 -97px;
    padding-right: 0; }
    .button:active span, .button.button-active span {
      background-position: 100% -97px;
      padding-top: 9px;
      height: 23px; }
a {
    color: #134184;
    outline: medium none;
    text-decoration: none;
}
p{ margin-bottom:10px;}

.form-input {width: 400px;}
textarea.form-input {height: 150px;}
.form-message {height:50px;}
.form-message-error { background: url(/Templates/Campaigns/Varruset/images/popup/error.png) no-repeat; padding-left:20px;}
.form-message-success { background: url(/Templates/Campaigns/Varruset/images/popup/success.png) no-repeat; padding-left:20px;}
.form-buttons{ float:right; margin-top:10px;}
div.form-wrapper input {margin-bottom:10px;}

#sidebar { width: 200px; float: left; padding-top:100px;}
#sidebar li {display:list-item; margin-left:20px; list-style: disc outside none;}

.flash-button { background: url(/Templates/Campaigns/Varruset/images/flash-button.png) no-repeat;}

.competition-input {display:block; margin-top: 20px;}
.competition-input textarea {display:block; width: 300px; height:50px;}
.competition-table {width:399px;}
.competition-table td {width:133px; vertical-align:top; padding: 10px;}
.competition-table td input {margin-right: 10px;}
.competition-table td label {margin-right: 10px;}
.competition-input input.competition-textbox {display:block;width:300px;}
.competition-completed {font-size:18px; font-weight:bold; line-height:28px; width:300px; text-align: center; margin:40px;}
.competition-tell-a-friend-button { text-align: center; float: none;}
.competition-email-validation-message {display:block;}
.competition-finished {margin: 40px 0 10px 0;}