<?php Header ("Content-type: text/css");?>

include("includes/kopplaDB.php");
anslut();
$resultat=mysql_query("SELECT * FROM tblcolor");
$data = mysql_fetch_array($resultat);
if($data){
$data = stripslashes_deep($data);
extract($data); } 
	
html {overflow: -moz-scrollbars-vertical;}
body {margin:0; padding:0;font-family:Arial, Helvetica, sans-serif; background-color:$bkg;}

h1{ font-size:14px; font-weight:700; text-align:center; margin:0; padding-bottom:0.5em}
h2{font-size:12px; font-weight:700; display:inline;}
h4{text-align:center; margin:0px; font-size:12px;}

hr{ border-top:1px dashed #666666;
border-bottom:0px; 
height: 1px;}

a:link { text-decoration: underline; color:#000066; cursor: pointer;}
a:visited { text-decoration: underline; color:#000099; cursor: pointer;}
a:active { text-decoration: underline; color: #000066; cursor: pointer;}
a:hover { text-decoration: underline; color:#000099; cursor: pointer;}

a.vit:link { color:#FFFFFF;}
a.vit:active {color:#FFFFFF;}
a.vit:visited {color:#FFFFFF;}
a.vit:hover {color: #FFFFFF;}

#layout {width:924px; margin-left:auto; margin-right:auto; margin-top:8px; margin-bottom:8px; background-color:#FFFFFF;}

/* Nyheter*/
#nyhetsbox1{float:right; border:1px dashed #666666; width:200px; font:90%;  margin:20px 15px 5px 5px; padding:2px;}
#nyhetsbox2{  background-image:url(images/background_silver.jpg); font-weight:700; padding:0.2em; text-align:center; border-bottom:1px dashed}
#nyhetsbox3{ padding:3px 3px 3px 4px;}
#datum{ font-size:85%; background-color:#E8E8E8;}

#vanster{float:left; width:200px;}
.blabox{ background-color:#0e2364; padding:5px; width:190px; margin-top:10px; margin-bottom:10px; color:#FFFFFF;}

#content{ float:left; padding:10px; width:704px;}
.titel{ text-align:center; font-weight:700; padding:4px; font-size:16px;}

#footer{ clear:both; background-color:#0e2364; width:924px;  height:19px; padding-top:6px; text-align:center; color:#FFFFFF; font-size:70%;}

#epostform{ background-color:#FFFFFF; margin:10px; padding:5px;}

/********************SID MENY****************************************/

/*Credits: Dynamic Drive CSS Library */
/*URL: http://www.dynamicdrive.com/style/ */
.sidebarmenu{ margin-bottom:5px;}
.sidebarmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
font: 12px Verdana;
width: 200px; /* Main Menu Item widths */
}
 
.sidebarmenu ul li{
position: relative;
}

/* Top level menu links style */
.sidebarmenu ul li a{
display: block;
overflow: auto; /*force hasLayout in IE7 */
color: #FFFFFF;
text-decoration: none;
padding: 6px;
border-bottom:1px solid;
}

.sidebarmenu ul li a:link, .sidebarmenu ul li a:visited, .sidebarmenu ul li a:active{
background-color:#0e2364; /*background of tabs (default state)*/
}

.sidebarmenu ul li a:visited{
color: #FFFFFF;
}

.sidebarmenu ul li a:hover{ 
background-color:#012583;
}

/*Sub level menu items */
.sidebarmenu ul li ul{
position: absolute;
width: 150px; /*Sub Menu Items width */
top: 0;
visibility: hidden;
}

.sidebarmenu a.subfolderstyle{
background: url(images/right.gif) no-repeat 97% 50%;
}

 
/* Holly Hack for IE \*/
* html .sidebarmenu ul li { float: left; height: 1%; }
* html .sidebarmenu ul li a { height: 1%; }
/* End */

.navheader{background-color:#435BAF; padding: 6px; width:188px;}
/***********************ADMIN***************************************************/

#inloggningsbox{margin-left:auto; margin-right:auto; margin-top:70px; text-align:center; border:2px dotted; padding:15px; width:400px; background-color:#FFFFFF;}

.header{ font-weight:800; font-size:120%; width:690; border-bottom:1px solid;}

#box1{ float:left; width:200px; border:1px dotted; margin:5px;}
#box2{ clear:left; float:left; width:200px; border:1px dotted; margin:5px;}

/*******************PHOTOGALLERY UPPLOAD***********************************************/
.float50 {
	float: left;
	width: 48%;
}
.clear{clear:both}
/************thumnail viewer*****************************************************/
#lightbox{
	background-color: #F8F8F8;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(images/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="overlay.png", sizingMethod="scale");
	}
/************thumnail viewer END**************************************/