@import "sociala_natverk.css";
@import "sverigekarta.css";

/*------------------------------------------------------------
		GENERAL
------------------------------------------------------------*/

.noscreen { display: none; }
.rightaligned { text-align: right; }

	
/*------------------------------------------------------------
		PAGE OUTLINE
------------------------------------------------------------*/

html, body { margin: 0; padding: 0; }

body {
	background: url(../images/background_offyellow.gif);
	font-family: verdana;
	font-size: 11pt;
}


#wrapper {
	margin: 0 auto;
	width: 1000px;
	position: relative;
}
.beams {
	z-index: 1;
	position: absolute;
	width: 544px;
	height: 496px;
	top: -150px; }
	.beams.left {
		background: url(../images/beams_left.png);
		left: -544px; }
	.beams.right {
		background: url(../images/beams_right.png);
		left: 1000px; }
		
#header {
	background: url(../images/header.png) no-repeat;
	height: 200px;
	z-index: 10;
}

#menu {
	z-index: 10;
	aborder-top: solid 1px #667;
}
#menu ul {
		z-index: 10;
	  margin: 0;
	  height: 38px;
	  font-size: 1.2em;
	  list-style-type: none; }
	  #menu ul li {
		  display: inline;}
		 	#menu ul li span { float: left; padding: 0.4em 0.4em; color: #88a;}
		 	#menu ul li a { float: left; padding: 0.4em 0.4em; color: #557; text-decoration: none; }
		 	#menu ul li a:hover { text-decoration: underline; }
		 	#menu ul li a { color: #557; text-decoration: none; }
		 	
	  
	  #menu .menu.public {
	  	background: url(../images/menu_bg1.png) no-repeat !important; }
	  #menu .menu{
	  	background: url(../images/menu_bg2.png) no-repeat; }
	  #menu .menu.member{
	  	background: url(../images/menu_bg3.png) no-repeat !important; }

#mainContent {
	padding: 2em 12em;
	overflow: visible;
	background: #fff url(../images/main_background.png) repeat-x;
}

#puttar {
	height: 70px;
	clear: both;
	margin-top: 2em;
	background: url(../images/puttar.png) no-repeat 50% 50%;
}

#footer {
	text-align: center;
	margin: 0.5em 0;
	padding: 1em;
	clear: both;
}


#header {
	border-left: solid 1px #800;
	border-right: solid 1px #800;
	cursor: pointer; }
#menu ul#menu_public{
	border-left: solid 1px #679;
	border-right: solid 1px #679; }
#menu ul{
	border-left: solid 1px #89a;
	border-right: solid 1px #89a; }
#menu ul#menu_member{
	border-left: solid 1px #abb;
	border-right: solid 1px #abb; }
#mainContent {
	border: solid 1px #ccc;
	border-top: none;
	border-bottom-radius: 2em;
	-moz-border-radius-bottomleft: 2em;
	-moz-border-radius-bottomright: 2em;
	-webkit-border-bottom-left-radius: 2em;
	-webkit-border-bottom-right-radius: 2em; }
	
	
/*------------------------------------------------------------
		TEXT
------------------------------------------------------------*/

a { color: #15d; }
a:visited { color: #44a; }
a:hover { color: #49f; }

h1, h2, h4 { clear: both; }
h1, h2 { border-bottom: solid 1px #ccc; font-family: Lucida sans; font-weight: bold; letter-spacing: -0.05em;}
h2, h3, h4 { margin-top: 2em; }
h4 { margin-bottom: 0.2em; color: #aaa;}
h4 + h2 { margin-top: 0; }

p.quote { padding-left: 2em; font-style: italic; background: url(../images/quotation_mark.png) 0% 0% no-repeat; }

.presentation .picture, .float_picture { float: right; max-width: 300px; max-height: 200px; margin: 0 0 1em 1em; }

.missing_information { font-style: italic; }


/*------------------------------------------------------------
		TABLES & LISTS
------------------------------------------------------------*/

td, li { vertical-align: top; }

table.two_colors { width: 100%; background: #def; border: solid 1px #66a; border-spacing: 0; padding: 0.5em; border-radius: 0.5em; -moz-border-radius: 0.5em; -webkit-border-radius: 0.5em; }
	.two_colors th { text-align: left; background-color: #cde; border: solid 0 #66a; border-bottom-width: 1px;}
	.two_colors.vertical th { text-align: right; border-bottom-width: 0; border-right-width: 1px; }
	.two_colors th,
	.two_colors td { padding: 0.2em 0.5em; }
	.two_colors .dark td { background-color: #d5e6f7; }
	table.two_colors .info { display: none; }
	.info td { padding: 0.5em; }
	.info td div{
		background-color: #fff;
		padding: 1.5em 2em;
		font-size: 0.9em;
		border-radius: 0.3em;
		-moz-border-radius: 0.3em;
		-webkit-border-radius: 0.3em; }
    .two_colors td.date { width: 6em; }
    .two_colors td.editable { width: 1em; }

table.vertical th { text-align: left; vertical-align: top; }
table.vertical td { padding-bottom: 1em; }

.obs1, .obs2 {
	background-color: #fcc; border-color: #800; border-style: solid; }
.obs1 {
	border-width: 3px; padding: 2px; }
.obs2 {
	border-width: 1px; padding: 2em 3.5em;}
.obs2 h2 {
	padding: 0px; margin: 0px; border-bottom-color: #800; }
	
	
/*------------------------------------------------------------
		MISC
------------------------------------------------------------*/

a img {
	border: none; }

img.captcha {
	border: solid 1px #aaa; padding: 1px; background-color: #fff; }