/* GLOBAL */

* {
	margin: 0;
	padding: 0;
	outline: 0;
	color: #2b2b2b;
}

img, fieldset {
	border-width: 0;
}

table {
	text-align: center;
	border-spacing: 0.3ex;
}

td {
	background: #c0e9ff;
	padding: 0.8ex;
}
    

#header {
	margin-left: auto;
	margin-right: auto;
	width: 80ex;
	padding-bottom: 0.2em;
	text-align: center;
	/* Compensate for the logo */
	position: relative;
	left: -64px;
}
#mullvad_logo {

}
#mullvad_rubrik {
	position: relative;
	top: -20px;
}
body {
	margin : 0px;
	padding: 0px;
	font-family: Helvetica, Arial, Verdana;
	background: #fff;
}

h1 {
     padding-top: 1em;
}

span.code {
    font-family: Fixed, monospace;
}

/*
option {
     border-width: 0;
}
*/
/* MENU */
#menubar {
	background: #333;
}
#menu {
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	padding-right: 12px;
	padding-bottom: 8px;
	padding-left: 0px;
	width: 80ex;
	text-align: center;
}
#menu li {
	list-style: none;
	display: inline;
}
#menu a {
	background: #333 url("../images/seperator.gif") bottom right no-repeat;
	color: #ccc;
	margin: 0;
	padding: 8px 12px;
	text-decoration: none;
	font-weight:bold;
}
#menu a:hover {
	background: #65abd0 url("../images/hover.png") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}                    

/* SUBMENU */

/*main menu current choice highlight*/
body.ladda_ner #menu li#nav-1 a, 
body.tjansten #menu li#nav-2 a,
body.vanliga_fragor #menu li#nav-5 a,
body.abonnemang #menu li#nav-3 a,
body.about #menu li#nav-4 a {
	background: #65abd0 url("../images/hover.png") bottom center no-repeat;
	color: #fff;
	padding-bottom: 8px;
}

/*hide all inactive submenus*/
#about,
#ladda_ner,
#tjansten,
#abonnemang {
	display : none;
}

/*display the choosen submenu*/
body.about #about,
body.ladda_ner #ladda_ner, 
body.tjansten #tjansten,
body.abonnemang #abonnemang {
	display: block;
	margin-left: auto;
	margin-right: auto;
	padding-top: 8px;
	padding-right: 12px;
	padding-left: 0px;
	width: 80ex;
	text-align: center;	
}

/*submenu inline*/
body.about #about li,
body.ladda_ner #ladda_ner li, 
body.tjansten #tjansten li,
body.abonnemang #abonnemang li {
	list-style: none;
	display: inline;
}

/*submenu link decoration*/
body.about #about a,
body.ladda_ner #ladda_ner a, 
body.tjansten #tjansten a,
body.abonnemang #abonnemang a {
	color : #999;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 10px 10px 2px 10px;
	text-decoration : none;
}

/*submenu hover effect*/
body.about #about a:hover,
body.ladda_ner #ladda_ner a:hover, 
body.tjansten #tjansten a:hover,
body.abonnemang #abonnemang a:hover {
	color : #000;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 10px 10px 2px 10px;
	text-decoration : none;
}

/*submenu current choice highlighted*/
body.about_us #about #about_us,
body.news #about #news,
body.windows #ladda_ner #windows,
body.mac #ladda_ner #mac,
body.linux #ladda_ner #linux,
body.fra #tjansten #fra,
body.ipred #tjansten #ipred,
body.dld #tjansten #dld,
body.dns #tjansten #dns,
body.wlan #tjansten #wlan, 
body.priser_villkor #abonnemang #priser_villkor, 
body.hantera_abonnemang #abonnemang #hantera_abonnemang {
	color : #000;
	font-weight : bold;
	line-height : 10px;
	margin-right : 4px;
	padding : 10px 10px 2px 10px;
	text-decoration : none;	
}

/* SUBSCRIPTION MANAGEMENT */

#subscribe-button {
    border: 0;
    background: none;
}

#subscribe-form { 
    text-align: center;
}

.foof { 
    display: inline;
}

.subscriptionh1 {
    text-align: center;
}

#subscriptioninfo {
    text-align: center;
}

#subscriptioninfo li {
    list-style: none;
}

#cid_entry {
    text-align: center;
}

/* CONTENT */

#content {
	text-align: left;
	direction: ltr;
	width: 80ex;
	margin-left: auto;
	margin-right: auto;
	margin-top: 2em;
	padding-left: 1ex;
}

.figureright { 
    float: right;
}

h1 {
  font-family:Verdana,Arial,Helvetica,sans-serif;
  font-size: medium;
  padding-bottom: 1em;
}

h2 {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size: small;
}

p {
	padding-bottom: 1em;
}

/* Table of contents */
ul.toc {
    padding-left: 4ex;
    list-style: none;
}

#language {
	font-size: small;
	position: absolute;
	top: 1ex;
	right: 2ex;
}    

#language a {
    /*color: #bbb;*/
}

#footer {
	font-size: xx-small;
	margin-top: 3em;
	margin-bottom: 2em;
	text-align: right;
	width: 130ex;
	margin-right: auto;
	margin-left: auto;
}

#footer a {
    color: #bbb;
    padding-right: 2ex;
}

#os {
    text-align: center;
    font-size: x-large;
}

#os a {
    padding-left: 1ex;
    padding-right: 1ex;
}

#os img {
    position: relative;
    bottom: -1.5ex;
}

#os p {
    padding-top: 2em;
    font-size: medium;
}

#older_sw { 
    margin-left:auto;
    margin-right:auto;
}

/* FRONT PAGE */

.frontheadline {
    text-align: center;
}

#frontbubble {
}

.fronttext {
    display: inline;
    font-size: larger;
}

.fronttext ul {
    line-height: 1.2em;
    margin-bottom: 1em;
}

div.table {
    display: table;
    margin-right: auto;
    margin-left: auto;
}

div.row {
    display: table-row;
}

div.cell {
    display: table-cell;
    vertical-align: middle;
    padding: 1ex;
}

/* News */

div.feed_button {
    float: right;
}

div.feed_button img {
    vertical-align: middle;
}

div.news_item h1 {
    padding-bottom: 1ex;
}

div.news_item div.date {
    color: #888;
    margin-top: -1ex;
    margin-bottom: 1ex;
}