/* ALLMANA TAGGAR */

* {
	margin: 0;
	padding: 0;
}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #333333;
	font-size: 100%;
	background-color: #000000;
}

/*html {
	margin-bottom: 1px;
	margin-left:-1px;
	height:100%;
}*/

p {
	margin:7px 0px 7px 0px;
}
a {
	text-decoration: none;
}

#textbox p {
	color: #cccccc;
	}

/* LAYOUT  ALLMANT */

#ram {
	
	/*top:0px;
	width: 984px;
	height: auto;*/
	position:absolute;
	left:50%;
	top: 0px;
	width: 984px;
	height: auto;
	margin-left: -492px;
	
}

#mittenram {
	padding: 0px;
	width: 100%;
	overflow:hidden;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: 0 0 !important;
	/*background:url(../images/kuliss_startsida.jpg) no-repeat;*/
}

#innehall {
	width:984px;
	margin:0px;
}

#innehall-startsida {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_startsida.jpg) no-repeat;
}

#innehall-2hus {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_2hus.jpg) no-repeat;
}

#innehall-2statyer {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_2statyer.jpg) no-repeat;
}

#innehall-hus {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_hus.jpg) no-repeat;
}

#innehall-huvudlos {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_huvudlos.jpg) no-repeat;
}

#innehall-skelett {
	width:984px;
	margin:0px;
	/*margin:0px auto;*/
	background:url(../images/kuliss_skelett.jpg) no-repeat;
}

.rensa {
	clear: both;
	height:1px;
}

/* SIDHUVUD */

#sidhuvud {
	/*margin:0px auto;*/
	width:974px;
	height: 120px;
	text-align:center;
}

#sidhuvud img#logga {
	margin:20px 0px 0px 0px;
}

/* SIDFOT */

#sidfot {
	padding: 10px 0px 0px 0px;
	width: 100%;
	height: 133px;
	background-image: url(../images/bg_sidfot.jpg);
	background-repeat: repeat-x;
	background-color:#000000;
}

#sidfottext {
	width: 974px;
	margin: 0px;
	color:#ffffff;
	font-size:70%;
	text-align:right;
	}

/* LAYOUT KOLUMNER */

#kuliss {
	float:left;
	width:108px;
	height:100%;
	text-align:left;
}

#vanster {
	float:left;
	width:190px;
	height:600px;
	border-top: 1px solid #5A5A5A;
	color:#AFAFAF;
	font-size:75%;
}

#mitten {
	float:left;
	width:486px;
	border-top: 1px solid #5A5A5A;
	color:#ffffff;
}

#hoger {
	float:left;
	width:190px;
	/*height:600px;*/
	border-top: 1px solid #5A5A5A;
	color:#DAA520;
	/*background:url(../images/drottning_logo.png) no-repeat;*/
}

/* LAYOUT KOLUMNER TEXTBLOCK */

#vanster .texter {
	padding: 0px 15px 0px 0px;
	border-bottom: 1px solid #5A5A5A;
}

#vanster ul {
	margin:10px 0px 10px 0px;
	padding:0px;
	list-style:none;
	text-align: left;
}

#vanster ul li {
	display:block;
	width:auto;
	margin:2px 10px 3px 0px;
}

#vanster ul li a {
	text-decoration: none;
	border:0px;
	color:#AFAFAF;
	font-size:90%;
}

#vanster ul li#aktiv a {
	color:#cc3300;
}


/* undermeny arkiv */

#vanster ul li.arkiv {
	display:block;
	width:auto;
	margin:2px 10px 3px 10px;
}

#vanster ul li.arkiv a {
	text-decoration: none;
	border:0px;
	color:#AFAFAF;
	font-size:90%;
}

#vanster ul li.arkiv a.visa, #vanster ul li.arkiv a:hover {
	color:#cc3300;
}


/* submeny arkiv */
#vanster ul li.arkiv ul {
	margin:2px 0px 3px 15px;
	padding:0px;
	list-style:none;
	text-align: left;
}

#vanster ul li.arkiv ul li {
	display:block;
	width:auto;
	margin:2px 10px 3px 0px;
}

#vanster ul li.arkiv ul li a {
	text-decoration: none;
	border:0px;
	color:#AFAFAF;
	font-size:90%;
}

#vanster ul li.arkiv ul li a.visa, #vanster ul li.arkiv ul li a:hover {color:#cc3300; }


#mitten a, #hoger a, #vanster a{
	/*text-decoration: none;
	border:0px;*/
	color:#ffffff;
}

#hoger a:hover, #vanster a:hover{
	color: #CC3300;
	
}

#mitten a:hover {
	color:#AFAFAF;
	text-decoration: underline;
}

#hoger .texter {
	padding: 0px 0px 15px 0px;
	font-size:75%;
}

#hoger .texter h3 {
	color:#818181;
	padding:0px 0px 7px 0px;
	border-bottom: 1px solid #cc9900;
	font-weight:normal;
	text-transform:uppercase;
	font-size:100%;
	letter-spacing: 0.1em;
}

#hoger .texter-gra {
	padding: 0px 0px 0px 0px;
	font-size:70%;
	color:#AFAFAF;
}

/* BILDSPEL STARTSIDAN */

#bildspelbox {
	clear:left;
	margin:20px 21px 0px 21px;
}

#bildspel {
	margin:0px;
	padding:0px;
	width:444px;
	height:auto;
}

#bildspel a img {
	border:0px;
	margin:0px;
	padding:0px;
	}

#bildspeltext {
	margin:20px 21px 0px 21px;
	font-size:80%;
	color:#ffffff;
}

#bildspeltext h1 {
	font-size:160%;
	font-weight:normal;
	color:#ffffff;
	margin:0px 0px 5px 0px;
}

#bildspeltext h2 {
	color:#cc9900;
	font-style:italic;
	font-size:100%;
	font-weight:normal;
}


/* TOPPMENY - HUVUDMENY*/

#menyeng, #menytom {
	width:190px;
	height:15px;
	border-bottom: 1px solid #5A5A5A;
	font-size:85%;
	font-weight:bold;
	padding:3px 0px 2px 0px;
	margin:0px 0px 20px 0px;
}

#menyeng a {
	text-decoration: none;
	color:#AFAFAF;
}

#meny {
	width: 476px;
	height:20px;
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	border-bottom: 1px solid #5A5A5A;
	text-align:center;
}

html>#meny { 
	top: 0px; 
	}
#meny ul {
	/*float: right;*/
	margin:0px;
	padding:0px;
	list-style:none;
	text-align:center;
	width:486px;

}
#meny ul li {
	float: left;
	width: auto;
}

#meny li > ul {
	top: auto;
	left: auto;
	}
	
#meny ul li a {
	display: block;
	margin: 0px;
	padding:3px 0px 2px 10px;
	text-decoration: none;
	font-weight:bold;
	font-size:70%;
	color:#AFAFAF;
	border:0px;
}

#meny ul li#visa a {
	color:#cc3300;
}

#meny ul li a:hover {
	color:#cc3300;
	border:0px;
}

/* UNDERMENYER - VANSTER */

#vanster ul#undermeny li a {
	font-weight:bold;
}

#vanster ul#undermeny li#aktiv a {
	color:#cc3300;
}

/* UNDERSIDOR - MITTEN */

#textbox {
	clear:left;
	margin:20px 21px 0px 21px;
}

#textbox .texter {
	padding:0px;
}

#textbox .aktuellt {
	width:444px;
	padding:0px 0px 15px 0px;
	border-bottom: 1px solid #5A5A5A;
	/*border-bottom: 1px solid #f00;*/
	margin:0px 0px 5px 0px;
}

#textbox .aktuellt img {margin:10px 0px 5px 0px;}

#textbox .aktuellt .aktuellttext {font-size:80%; padding:0px 0px 20px 0px;}
#textbox .aktuellt .aktuellttext p {font-size:100%; color:#fff;}


#textbox .aktuellt .aktuellttext ul, #textbox .aktuellt .aktuellttext ol {margin:0px 0px 0px 25px;}

#textbox p {
	font-size:80%;
	padding:0px 0px 10px 0px;
}

#textbox .aktuellt .aktuellttext a {text-decoration:none;}
#textbox .aktuellt .aktuellttext a:hover {text-decoration:underline; color:#AFAFAF;}


#textbox p.bildtext {
	font-size:70%;
	padding:0px 0px 0px 0px;
	margin:2px 0px 2px 0px;
	font-style:italic;
	color:#999;
	text-align:right;
}

#textbox p.datum {
	color:#999;
	font-weight:bold;
	padding:0px;
}

#textbox strong {
	color:#8DB6CD;
	font-weight:bold;
}

#textbox h1 {
	font-size:160%;
	font-weight:normal;
	color:#ffffff;
	margin:0px 0px 5px 0px;
}

#textbox h2 {
	color:#cc9900;
	font-style:italic;
	font-size:100%;
	font-weight:normal;
}

#textbox h2.vit {
	color:#ffffff;
	font-size:90%;
}

/* WEBSHOP */

#webshop {clear:left; margin:20px 21px 0px 21px;}
#webshop h1 {font-size:160%; font-weight:normal; color:#ffffff; margin:0px 0px 5px 0px;}
#webshop p {font-size:80%; padding:0px 0px 10px 0px;}
#webshop p.kommentar {color:#cd0000; font-style:italic;}
#webshop ul {list-style:none; }
#webshop ul li {float:left; display:block;margin:0px 0px 25px 0px;}
#webshop ul li.bild {width:230px;}
#webshop ul li.beskrivning {font-size:80%; width:210px;}
#webshop ul li.beskrivning h2 {font-size:100%;font-weight:bold; margin:0px 0px 5px 0px; color:#fff;}
#webshop ul li.beskrivning .antal {width:20px; padding:2px; margin:10px 0px 0px 0px; text-align:center;}
#webshop ul li.beskrivning .knapp {margin:10px 0px 0px 10px; background:#333; padding:1px 0px 3px 0px; text-align:center; width:100px; color:#fff; border:1px solid #666; cursor: pointer;}
#hoger .texter p.skicka {text-align:right;}
#hoger .texter .knapp {background:#333; padding:1px 0px 3px 0px; text-align:center; width:130px; color:#fff; border:1px solid #666; cursor: pointer;}
#hoger .texter .knapp:hover {cursor: pointer; color:#cd0000;}

#kundvagntabell {margin:10px 0px 10px 0px; width:440px; text-align:left; border-collapse:collapse; border-top:1px solid #dcdcdc; border-bottom:1px solid #dcdcdc; font-size:80%;}
#kundvagntabell th {padding:10px 5px 5px 5px; font-weight: normal; color:#fff;}
#kundvagntabell tbody{background:transparent;}
#kundvagntabell td {padding:5px; color:#ccc; border-top: 1px dashed #e6e6e6;}
#kundvagntabell tbody tr:hover td {color:#ccc; background:#666;}
#kundvagntabell .knapp-liten {background:#333; border:1px solid #666; padding:1px 4px 3px 2px; width:66px; text-align:center; color:#fff;}
#kundvagntabell .knapp, #kundvagntabellorder .knapp {background:#333; padding:1px 0px 3px 0px; text-align:center; width:90px; color:#fff; border:1px solid #666;}
#kundvagntabell .knapp:hover, #kundvagntabell .knapp-liten:hover, #kundvagntabellorder .knapp:hover {cursor: pointer; color:#cd0000;}
#kundvagntabell .knapp-stor {background:transparent url(../grafik/bg_knapp_stor.png) no-repeat; border:0px; padding:1px 4px 3px 2px; width:196px; text-align:center; color:#fff;}


#kundtabell { margin:10px 0px 10px 0px; width:440px; text-align:left; border-collapse:collapse; border-top:1px solid #ccc; border-bottom:1px solid #ccc; font-size:80%;}
#kundtabell th {padding:10px 5px 5px 5px; font-weight: normal; color:#fff;}
#kundtabell td {padding:5px; color:#fff; border-top: 1px dashed #e6e6e6;}
#kundtabell td.rubriker {width:150px;}
.oce-first {background:transparent; font-weight:bold;}
#kundtabell tr:hover td {color:#f0f0f0; background:#666;}
.info-falt {width:200px; padding:5px;}
#kundtabell .knapp-stor {background:#333; border:1px solid #666; padding:1px 4px 3px 2px; width:196px; text-align:center; color:#fff; cursor: pointer;}
#kundtabell .knapp-stor:hover {cursor: pointer; color:#cd0000;}


table#programlista {
	margin:10px 0px 10px 0px;
	border-top:1px solid #cccccc;
}

table#programlista td {
	font-size:70%;
	border-bottom:1px solid #cccccc;
	padding:3px;
}

table#programlista-hoger {
	margin:0px 0px 10px 0px;
}

table#programlista-hoger td {
	font-size:100%;
	padding:2px;
}
#logoUnder {
	/*float:left;*/
        clear:both;
	width:984px;
	height:65px;
	background-position: right top;
	background-image: url(../images/drottning_logo_mini.png);
	background-repeat: no-repeat;
}
#vanster a {
	text-decoration: none;
	border:0px;
	color:#AFAFAF;
}
#hoger a {
	text-decoration: none;
	border:0px;
	color:#AFAFAF;
}
.sjutioprocentgray {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 70%;
	color: #cccccc;
}