body {
	background-image: url(../images/oppgave_bg.png);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	font-family: "Arial";
	font-size: 14px;
	color: #595959;
}

body.oppsummering {
	background-image: url(../images/oppsummering_bg.png);
}

p {
	margin: 0px;
}
#matteknekkerCont{
    width: 960px; 
    height: 650px; 
    position: absolute;
}

#venstreSpalteCont,
#hoyreSpalteCont {
    height: 600px; 
}

.venstreSpalteCont{
    width: 278px; 
    height: 488px;
    position: absolute;
    top: 125px;
    left: 24px;
}

.hoyreSpalteCont{
    width: 620px; 
    height: 600px;
    position: absolute;
    top: 25px;
    left: 317px;
}


/* venstrespalte */


#poeng,
.oppsumPoeng {
    width: 80px;
    height: 50px;
    font-size: 36px;
    font-weight: bold;
    text-shadow: -1px -1px 0px #3aa1a5;
    line-height: 50px;
    text-align: center;
    color: white;   
}

#poeng{
    position: absolute;
    top: 32px;
    left: 135px;  
}

.oppsumPoeng{
    position: absolute;
    top: 175px;
    left: 100px;    
}

#klokkeCont{
	width: 220px;
	height: 100px;
	text-align: center;
	position: absolute;
	top: 140px;
	left: 25px;	  
}

#toggle_klokke{
	width: 138px;
	height: 25px;
	background-image: url(../images/klokketoggle.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 40px;
    
}

.klokkeoff{
	background-position: 0px -50px;
    
}

#klokke,
.oppsumTid {
    font-size: 30px;
    font-weight: bold;
    color: #3aa1a5;
}

#klokke{
    position: absolute;
    top: 30px;
    left: 46px;
}

.oppsumTid {
    position: absolute;
    top: 337px;
    left: 68px;
    font-size: 36px;
    font-weight: bold;
    text-shadow: -1px -1px 0px #3aa1a5;
    line-height: 50px;
    text-align: center;
    color: white;
}


.seksjonstekst{
	width: 400px;
	height: 240px;
	position: absolute;
	top: 6px;
	left: 10px;
}

.seksjonstekst h4 {
    font-size: 16px;
    font-weight: bold;
    color: #3aa1a5;
    margin: 0 0 10px 0;
    padding: 0px;
}

#sporsmaalBilde{
	width: 220px;
	height: 240px;
	position: absolute;
	left: 410px;
}


/* høyrespalte */

#oppgaveCont {
	width: 400px;
	position: absolute;
	top: 40px;
	left: 10px;
	color: black;
	font-weight: bold;
	font-size: 16px;
}

#vanskelighetsgrad {
	font-size: 14px;
        font-family: "Arial";
        color: #595959;
        font-weight: normal;
}

#svaralternativer {
	width: 620px;
	height: 420px;
	position: absolute;
	bottom: 0px;
}

.svaralternativ {
	width: 615px;
	height: 90px;
	background-image: url(../images/svaralternativ_bg.png);
	background-repeat: no-repeat;
	margin-top: 5px;
	padding: 5px 5px 5px 0;
	float: left;
	cursor: pointer;
	
}

.svarinnhold {
	
}

.svarbokstav {
	width: 53px;
	height: 90px;
	font-size: 24px;
	color: white;
    font-weight: bold;
    line-height: 90px;
    text-shadow: -1px -1px 0px #3aa1a5;
	text-align: center;
	margin-right: 15px;
	float: left;
}

.neste_oppgave {
	width: 129px;
	height: 36px;
	cursor: pointer;
	background-image: url(../images/neste_oppgave.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 4px;
	right: 0px;
}

#prov_igjen_tekst {
	width: 620px;
	height: 280px;
	background-image: url(../images/provigjen.png);
	background-repeat: no-repeat;
	background-position: 0 65px;
	position: absolute;
	top: 0px;
	left: 0px;
}

#lag_diplom {
	width: 620px;
	height: 380px;
	background-image: url(../images/gratulerer.png);
	background-repeat: no-repeat;
	position: absolute;
	top: 0px;
	left: 0px;
}

#diplom_form {
	width: 620px;
	height: 380px;;
	position: absolute;
	top: 0px;
	left: 0px;
}



#navn,
#epost {
	background-color: transparent;
	border: 0px solid;
	vertical-align: bottom;
	font-family: "Comic Sans MS";
}
#navn {
	width: 243px;
	height: 25px;
	position: absolute;
	top: 166px;
	left: 217px;
	font-size: 19px;
	line-height: 25px;
	color: #27777a;
}

#epost {
	width: 200px;
	height: 20px;
	position: absolute;
	top: 243px;
	left: 194px;
	font-size: 15px;
	line-height: 20px;
	color: #606060;
}

#diplom_submit {
	width: 212px;
	height: 36px;
	background-image: url(../images/visdiplom.png);
	border: 0px solid;
	cursor: pointer;
	background-color: transparent;
	position: absolute;
	top: 310px;
	left: 205px;
}

#nyttSpill,
#velgNytt {
	width: 190px;
	height: 137px;
}
	
#nyttSpill {
	background-image: url(../images/nyttspill.png);
	position: absolute;
	top: 400px;
	left: 74px;
}

#velgNytt {
	background-image: url(../images/tilbake.png);
	position: absolute;
	top: 400px;
	left: 354px;
}



/* popup */

.ui-widget-header {
    background: url("../images/popupbar_bg.png") repeat-x scroll 50% 50% #CCCCCC;
    border: 0px solid;
    color: #FFFFFF;
    font-weight: bold;
}

.ui-widget-overlay {
    opacity: 0.1;
}

.ui-widget-content {
    background: url("") repeat-x scroll 50% 50% #FFFFFF;
    border: 0px solid;
    color: #595959;
}