html {height:100%;background-color: #F8F8F8;}
body {margin:50px 0px; padding:0px;text-align:center;}
div#fullheight {min-height:100%; _height:100%;background-color: #F8F8F8;}

* { 
margin:0; 
padding:0; 
}

.dragme { cursor: move }

/*                                            LAYOUT PART OF PAGE                                   */
#layoutHeader { /* Logotyp */
  background: none;
  margin:0px auto;
  text-align:left;
  width: 900px;
}

#menuWrapper /* Wraper för "flikdelen" */
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 0px;
	height: 35px;
}

#layoutMenu { /* Meny i IE */
  float: left;
  margin-left: 50px;
  margin-bottom: 0px;
  background: none;
  width: 500px;
  height: 35px;
  padding: 0px;
}

#layoutMenu2 { /* Meny i IE */
  margin-right: 45px;
  float: right;
  height: 35px;
  padding: 0px;
}

/*Credits: CSSpplay */
/*URL: http://www.cssplay.co.uk/menus/pro_seventeen */
.preload17a {background: url(../images/pro_seventeen_1a.jpg);}
.preload17b {background: url(../images/pro_seventeen_1b.jpg);}

.menu17 {
	padding:0px 0 0 1em;
	margin:0;
	list-style:none;
	height:35px;
	position:relative;
	background:transparent url(../images/pro_seventeen_0c.jpg) repeat-x left bottom; 
	font-size:11px;
}

.menu17 li {
	float:left;
	height:35px;
	margin-right:1px;
}

.menu17 li a {
	display:block; 
	float:left; 
	height:35px; 
	line-height:30px; 
	color:#333; 
	text-decoration:none; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 4px; 
	cursor:pointer; 
	background:url(../images/pro_seventeen_0a.jpg) no-repeat;}
	
html > body .menu17 li a {
	display:block; 
	float:left; 
	height:40px; 
	line-height:35px; 
	color:#333; 
	text-decoration:none; 
	font-family:arial, verdana, sans-serif; 
	font-weight:bold; 
	text-align:center; 
	padding:0 0 0 4px; 
	cursor:pointer; 
	background:url(../images/pro_seventeen_0a.jpg) repeat-y;}
	
.menu17 li a b { /* Bakgrund hoovrad */
	color: gray;
	float:left; 
	display:block; 
	padding:0 16px 5px 12px; 
	background:url(../images/pro_seventeen_0b.jpg) no-repeat right top;}
	
.menu17 li a:hover { /*Rött hörn */
	
	background: url(../images/pro_seventeen_1a.jpg) no-repeat;}
	
.menu17 li a:hover b { /*Rött streck längst up */
	color:black; 
	background:url(../images/pro_seventeen_1b.jpg) no-repeat right top;}


#flikWrapper /* Wraper för "flikdelen" */
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding: 0px;
	height: 67px;
}

#flikLeft{ /* Flik left */
  float: left;
  background-image:url(../images/flikvanster.png);
  background-repeat: no-repeat;
  background-position:left;
  width: 230px;
  height: 67px;
  padding: 0px;
}

#flikMiddle{ /* Flik Middle */
  float: left;
  background-image:url(../images/flikmitten.png);
  background-repeat: no-repeat;
  background-position:left;
  width: 440px;
  height: 67px;
  padding: 0px;
}

#flikRight{ /* Flik Right */
  float: right;
  background-image:url(../images/flikhoger.png);
  background-repeat: no-repeat;
  background-position:right;
  width: 230px;
  height: 67px;
  padding: 0px;
}

#divheader /* Wraper för 3-kolumn */
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-top: 15px;
	height:500px;
}

#columnLeft{ /* Column left */
  text-align:left;
  float: left;
  width: 225px;
  margin-right: 5px;
  background-color: #F8F8F8;
}

#columnMiddle{ /* Column middle */
  text-align:left;
  float: left;
  width: 440px;
  background-color: #F8F8F8;

}

#columnRight{ /* Column right */
  text-align:left;
  float: right;
  width: 225px;
  margin-left: 5px;
  background-color: #F8F8F8;
}

#contentRight /* Logga ut*/
{
	background: none;
	position: absolute;
	right: 0px;
}

#footer /* Footer */
{
	position:relative;
	margin-left: auto;
	margin-right: auto;
	width: 900px;
	padding-top: 30px;
	clear:both;
	
/*	position:absolute;
	bottom:0;
	margin-left: auto;
	margin-right: auto;
  	width:600px;
   	height:30px;  */ /* Height of the footer */

}

/*                                            CONTENT PART OF PAGE                                   */

.modul
{
	border: 1px solid;
	background-color: white;
}

.modulHeader
{
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	padding:2px;
	padding-left:2px;
}

.modulHeader2
{
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	color: white;
	font-weight: bold;
	padding:2px;
	padding-left:2px;
	cursor: move
}

.modulBackground2
{
	background: url("views/images/x11_body.gif") no-repeat top left; 
	width: 380px; 
	height: 277px;
}

.modulText
{
	padding:2px;
}

body,td,th {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	
	color: #504C51;
}


body {
	background-color: #FFF;
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}


a:link {

	font-weight: bold;
	text-decoration: none;
}


a:visited {
	text-decoration: none;

}


a:active {
	text-decoration: none;
}



.greylinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #504C51;
}

.greylinks:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #504C51;
	text-decoration: underline;
}


.redlinks {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CD243E;
}

.redlinks:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #CD243E;
	text-decoration: underline;
}

.redlinksLarge {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CD243E;
}

.redlinksLarge:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	font-weight: bold;
	color: #CD243E;
	text-decoration: underline;
}

.whitelinks{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
}

.whitelinks:hover{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: white;
	text-decoration: underline;
}



.headlines_faq {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #504C51;
	padding:2px;
}

.headlines {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #504C51;
	padding:2px;
}

.searchtable{
	background-image: url(images/bgsearch.jpg);
	padding: 20px;
	left:250px;
	width: 430;
	height: 98;
	margin: 0px;
}

.searchtabletext{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.runningText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: normal;
	color: #727272;
}
.profileText {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	color: #FFFFFF;
}
.profileTextHeadlines {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
}
.boktitel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	font-weight: bold;
	color: #727272;
}

.divider {
  border: none;
  background-color: black;
  color: black;
  height: 1px;
}

.errorMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #CD243E; 
}

.confirmMessage {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: black;
}

.submitButton {
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
   color:white;   
   font: 90% 'Arial', Helvetica, sans-serif;
   font-size: 12px;
   background-color:#fed;   
   border: 1px solid;   
   border-color: #696 #363 #363 #696;   
   filter:progid:DXImageTransform.Microsoft.Gradient   
   (GradientType=0,StartColorStr='#D16B6F',EndColorStr='#CD243E');   
	m: expression(this.onmouseover =  new Function("this.className = 'submitButton-hover';"));
    }
    
    .submitButton:hover,
    .submitButton-hover {
	   color:black;   
	   font: 90% 'Arial', Helvetica, sans-serif;
	   font-size: 12px;
	background-image: url(../images/gradient.jpg);
	background-repeat: repeat-x;
	   border: 1px solid;   
	   border-color: #696 #363 #363 #696;   
	   filter:progid:DXImageTransform.Microsoft.Gradient   
	   (GradientType=0,StartColorStr='#D16B6F',EndColorStr='#CD243E');   
        m: expression(this.onmouseout = new Function("this.className = 'submitButton';"));
    }

	
	/* remove halo effect in firefox   */
	a:active{
		outline: none;
	}
	
/* question / helptext */
	div.question {
	height: 15px;
	width: 15px;
	background-image:url(../images/questionHoover.jpg);
	}

	
	div.question a, div.nav a:link, div.nav a:visited {
	display:block;
	}
	
	div.question img {
	width:100%;
	height:100%;
	}
	
	div.question a:hover img {
	visibility:hidden;
	}
	
a.info{
    position:relative; /*this is the key*/
    z-index:24; background-color:#f0c0c0;
    color:#CD243E;
    text-decoration:none}

a.info:hover{z-index:25; background-image:url(../images/questionHoover.jpg);}

a.info span{display: none}

a.info:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:0.5em; left:3em; width:15em;
	/* width:150px; */
	/* height:300px; */
    border:1px solid #727272;
    background-color:#F8F8F8;
    color:#cc3366;
    text-decoration:none;
    text-align: left;
	padding:7px;}
	
a.helptext{
    position:relative; /*this is the key*/
    z-index:24; background-color:#ccc;
    color:#000;
    text-decoration:none}

a.helptext:hover{z-index:25; background-color:#ff0}

a.helptext span{display: none}

a.helptext:hover span{ /*the span will display just on :hover state*/
    display:block;
    position:absolute;
    top:2em; left:2em; width:15em;
    border:1px solid #0cf;
    background-color:#cff; color:#000;
    text-align: center}


/* question / helptext */
#popad {
	width:360px;
	height:360px;
	padding:5px;
	position:absolute;
	left:50%;
	top:50%; 
   	margin-left:-180px;
	margin-top:-180px;
	z-index:5; 
   	background: white; 
	border:1px black solid;
	display:none }
	
.table1 {	
	width:99%;

}

.ac_results {
	padding: 0px;
	border: 1px solid black;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	/* 
	if width will be 100% horizontal scrollbar will apear 
	when scroll mode will be used
	*/
	/*width: 100%;*/
	font: menu;
	font-size: 12px;
	/* 
	it is very important, if line-height not setted or setted 
	in relative units scroll will be broken in firefox
	*/
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	background: white url('indicator.gif') right center no-repeat;
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #0A246A;
	color: white;
}