body{
padding: 0; margin: 0;
font-size: 110%;
font-family: Georgia, "Times New Roman", Times, serif;
letter-spacing: 0.05em;
}

a:link {
color: #153440;
}

a:visited {
color: #153440;
}

a:hover {
background-color: #E8F9FF;
color: black;
text-decoration: none;
}

a:active {
background-color: white;
color: #153440;
}

#body-holder{
width: 916px;
margin: 0 auto;
}

#buttons_left, #buttons_right{
width: 128px;
padding-top: 100px;
}

#buttons_left{
float:left;
}

#buttons_right{
float:left;
}

#main-content{
float:left;
background-color: #DEF7FF;
background-image: url('pic/body-bg.gif');
background-repeat: repeat-y;
width: 650px;
}

#main-header{
height: 215px;
}

#basmalah{
text-align: center;
}

#text-content{
margin: 10px 100px;
}

a img{
border: none;
margin: 0;
}

/* nyheter */

#nyheter{
    position: relative;
	background-color: #E8F9FF;
    width: 70%; min-height: 48px;
    overflow: visible;
    padding: 16px;
    padding-left: 64px;
	margin: 1em auto;
	
	text-align: center;
}

#nyheter p{
margin: 0;
line-height: 150%;
}

#nyheter object{
	position: absolute;
	top: 8px; left: 8px;
}

li{
margin-bottom: 3px;
margin-top: 3px;
}
/* Sidfot */

#footer{
margin: 2em 0 10px 0;
padding: 5px 15px;
text-align: right;
border-top: solid 1px black;
}

/* Menysystemet */

p.list_item{
padding-left: 1em;
padding-right: 1em;
vertical-align: center;
}

.list_item_buttons{
padding-left: 2em;
}

/* Artikeln */

#artikeln{
padding-bottom: 0.5em;
}

h1{
text-align:center;
}

h1, h2{
font: bold "Trebuchet MS", Arial, Helvetica, sans-serif;
}

.artikel_h1{ background-image: url('./pic/kb.gif'); background-repeat: repeat-x; background-position: bottom left}
/*
h3 { font: bold small Georgia, "Times New Roman", Times, serif; background-image: url('./pic/kb.gif'); background-repeat: repeat-x; background-position: bottom left;}
*/
#text table{
width: 95%;
margin-left: auto; margin-right: auto;
border-collapse: collapse; 
border: solid 1px black;
}

td{
border: solid 1px black;
padding: 0.1em 0.5em;
vertical-align: top;
}

.marks{
vertical-align: middle;
margin: 2px;
}

.arabiskt_marke{
font-family: times;
font-weight: normal;
}

.quranvers{
	margin: 0 0.5em 0.5em 0.5em;
	padding: 0 0.5em;
	letter-spacing: 0.1em;
	font-weight: bold;
}

.quranreferens{
	font-size: small;
	letter-spacing: 0;
	text-align: right;
	font-weight: normal;
}

.hadith{
	background-color: #E8F9FF;
	margin: 0 0.5em 0.5em 0.5em;
	padding: 2px 0.5em;
}

.hadithkalla{
	text-align: right;
	font-size: small;
	width: 60%;
	margin-left: auto;
	margin-right: 1em;
}


.bild{
text-align: center;
}

/* test */

.korrekt{
background-color: white;
background-image: url('./pic/vald.gif');
background-repeat: no-repeat;
background-position: center;
width:32px;
}

.inkorrekt{
background-color: white;
background-image: url('./pic/inkorrekt.gif');
background-repeat: no-repeat;
background-position: center;
width:32px;
}

.vald{
background-color: white;
background-image: url('./pic/vald.gif');
background-repeat: no-repeat;
background-position: center;
}

.rattSvar{
background-color: #BFFFBF;
background-image: url('./pic/korrekt.gif');
background-repeat: no-repeat;
background-position: center;
}

.felSvar{
background-color: #FFBFBF;
background-image: url('./pic/inkorrekt.gif');
background-repeat: no-repeat;
background-position: center;
}

.testButton{
margin: 3em auto 0 auto;
}

.testHeading{
background-color: white;
}

/* Audio */

.audio{
width: 300px;
padding: 20px;
margin: 1em auto;
border-width: 0 2px;
border-color: black;
border-style: solid;
}

.audio p{
text-align: center;
}

/* liknande artiklar */

sup{
line-height: 190%;
}

#ref, #ref a {  font: small Arial, Helvetica, sans-serif; text-align: right; margin: 20px 0; color: black !important;}

p {
font-family: Georgia, "Times New Roman", Times, serif;
text-align: justify;
line-height: 120%;
}

p b { color: black; }

.artikel_hr{
border: none;
margin-right: 50%;
width: 50%;
}


.fotnothr
{
text-align: left;
width: 33%;
display: none;
}

#fotnoter{
padding: 1em;
border-top: solid 1px black;
}

#fotnoter, #fotnoter p { font: small Arial, Helvetica, sans-serif !important;}

#related_heading{
padding-bottom: 0.2em;
}

#related{
border-top: solid 1px black;
padding: 0.5em;
}

.related{
margin-left: 1em;
font: small Arial, Helvetica, sans-serif !important;
}

.ftn_print{
display: none;
}

.ftn_screen{
color: black !important;
text-decoration: none !important;
}

/* dikt-grejer */

.dikt{
font-family: "Comic Sans MS";
font-size: 130%;
font-weight: bold;
}

.right{
text-align: right;
}


.center{
text-align: center;
}

.justify{
text-align: justify;
}

.red{
color: #B00000;
}

.green{
color: #22BB22;
}

.yellow{
color: #EB0;
}

.white{
color: white;
}

.brown{
color: #800;
}

.gold{
color: #FD0;
}

.silver{
color: #CCC;
}

.pink{
color: #FF99BB;
}

.magenta{
color: #C600FF;
}

.blue{
color: #3366FF;
}

.orange{
color: #FFA800;
}