/* CSS - Copyright Åsbrinks Webb & Systemutveckling, asbrinks.se */
@import 'jquery.lightbox-0.5-02.css';
@import 'img-pos.css';

div#raster {position:absolute;top:0;left:0;width:100%;height:100%;background:transparent url('../graphic/raster3.png') repeat}

* {margin:0;padding:0}
body 
{
	background: #555;
	color: #555;
}

body, textarea, input, select {
	font-family: arial, verdana, san-serif;
	font-size: 12px;
}

a {text-decoration:none;color:#333;}
a:active {}
a:hover {color:#888}
a#active {color:#888}
a:focus, img {outline:none}
img {border:none}
ul,li {list-style:none;}

h1 {font-size:16px}
h2 {}
h3 {}
textarea, div#contact input {padding:3px 2px;}

div#main
{
	position:relative;
	display:block;
	width:840px;
	min-height:630px;
	margin:20px auto;
	/*background-color:#fff;*/
}
div#start
{
	position:relative;
	width:840px;
	height:630px;
	opacity:0;
}
div#inner_main
{
	position:relative;
	display:block;
	width:840px;
	min-height:600px;
	padding:0;
	padding-bottom:20px;
	background-color:#555;
	color: #ccc;
	opacity:0;
}
div#inner_main a {color:#ccc}
div#inner_main a:hover {color:#fff}
div#inner_main a#active {color:#fff}
div#s_own a{position:relative;top:35px;display:block;font-size:20px;margin-bottom:20px;width:100%;height:20px;background:transparent url('../graphic/logga-20pt.jpg') no-repeat;border-bottom:1px solid #ccc}
div#start div#s_own a{position:absolute;top:50px;left:60px;padding:0;font-size:34px;z-index:100;width:210px;height:30px;background:transparent url('../graphic/logga-34pt.png') no-repeat;border:none}
div#s_own span {display:none}
div#s_own a {color:#444}
div#s_own a:hover {color:#888}

div#inner_main ul#menu, div#admin_div ul#menu {position:absolute;top:70px;left:0px;width:180px;font-size:14px;}
ul#menu li {line-height:1.8em;}

div#start ul#menu {position:absolute;top:230px;right:10px;width:180px;font-size:22px;}
div#start ul#menu li {line-height:1.5em;}

div#inner_main div#content, div#admin_div div#content {position:relative;color:#fff;margin-top:53px;margin-left:230px;min-height:100px;}
div#content h1,div#content2 h1, textarea.text_title {font-weight:normal;color:#fff;letter-spacing:0.1em;font-size:14px;}
div#content2 {position:relative;margin-top:56px;margin-left:150px;min-height:100px;width:640px;}
/*CONTACT */
div#contact {position:relative;}
div#contact div.cont{min-height:25px;margin-bottom:2px;padding:2px 0;}
div#contact .lcolumn{float:left;width:325px;}
div#contact .rcolumn{float:left;width:200px;margin-left:45px;}

div.contact_form div {margin-top:15px}

div#text_menu {margin-left:0px;font-size:15px;}
div#text_menu ul {margin-top:20px;margin-left:24px;}
div#text_menu ul li {list-style-image: url('../graphic/arrow.jpg');margin-bottom:24px;padding-left:14px;}

div#bild_menu {margin-left:0px;font-size:15px;}
div#bild_menu ul {margin-top:20px;margin-left:0px;}
div#bild_menu ul li {margin-bottom:24px;}
div#bild_menu ul li a {display:block;height:80px;line-height:80px}
div#bild_menu ul li a span.img {display:block;float:left;width:150px;}
div#bild_menu ul li a span.m_name {vertical-align:middle}
div#bild_menu ul li a:hover {color:#fff;}

div.pict_index {text-align:center}
div.pict_index ul {margin-bottom:0px}
div.pict_index li{display:inline;margin:10px;}
div.pict_index li img {margin-bottom:20px;}
.passage {line-height:1.6em;font-size:13px}
label {font-size:10px;}
#copyright,#copyright a {color:#ccc;text-align:right;font-size:10px;letter-spacing:0.1em}

.hrb {width:100%;padding-bottom:30px;border-bottom:1px solid #ccc}
.show {display:block}
.hide {display:none}
.left {text-align:left}
.center {text-align:center}
.right {text-align:right}
.h17 {height:17px;}
.clear_b {clear:both}
.mrgtop20 {margin-top:20px}
.mrgtop40 {margin-top:40px}
.mrgbtm20 {margin-bottom:20px}
.mrgtop2 {margin-top:2px;}

.w285 {width:285px;}
.w300 {width:300px;}