/* Global styles *******************************************************************/
body, p, div, table, tr, td, ul, ol, li {
  background-color : #ffffff ;
  color: #000000  ;
  font-family : Verdana,Arial,Helvetica,Sans serif ;
}

body {
  background-color : #eeeeee ;
  text-align : center ;
}

h1 {
  margin-top : 0 ;
  font-size : 1.5em ;
}

h2 {
  font-size : 1.2em ;
}

h3 {
  font-size : 1em ;
}

dl dt {
  margin-top : 25px ;
  margin-bottom : 5px ;
  font-weight : bold ;
  font-style : italic ;
}

dl dd {
  margin-left : 0 ;
}

img {
  border : 0 ;
}


/* Overall layout ******************************************************************/
#Container {
  width : 799px ; /* Container width must also be set in the file index.php */
  margin : 10px ;
  border : 1px solid #bbbbbb ;
  overflow : auto ;
  background-color : #ffffff ;
  text-align : left ;
}

#Header {
  margin-bottom : 30px ;
}

#Footer {
  clear : both ;
  padding-right : 3px ;
  text-align : right ;
  font-size : 65% ;
}

/* Banner ************************************************************************/
#Banner {
  height : 167px ;
  background-image : url(kampanjsida_huvud.jpg) ;
  font-size : 200% ;
  font-weight : bold ;
}

/* Main menu *********************************************************************/
#Menu {
  overflow : auto ;
  text-align : center ;
}

#Menu ul {
  overflow : auto ;
  list-style : none ;
  display : block ;
/*  height : 40px ; */
  margin : 0 ;
  padding : 0;
  background-color : #cccccc ;
}

#Menu li {
  overflow : auto ;
  display : block ;
  float : left ; 
/*  width : 14% ;  Menu item width is set dynamically, depending on number of items, in the script index.php */
  height : 50px ;
  padding-top : 10px ;
  border : 0px black solid ;
  background-color : #cccccc ;
  font-size : 80% ;
  font-family : Verdana,Arial,Helvetica,Sans serif ;
  text-align : center ;
}

#Menu li.selected {
  background-color : #ffffff ;
  font-weight : bold ;
}

#Menu li a {
  color : black ;
  text-decoration : none ;
  font-weight : bold ;
}

#Menu li a:hover {
  text-decoration : underline ;
}

#Menu li.selected a, #Menu li.selected a:hover {
  text-decoration : none ;
  font-weight : bold ;
}

/* Content layout *********************************************************/
#Content {
  background-color : #ffffff ;
}

#ContentMainColumn {
  float: left ;
  overflow : auto ;
  width : 530px ;
  margin-left : 15px ;
  padding-right : 15px ;
  background-color : #ffffff ;
}

#ContentMainColumn li {
  margin-bottom : 0.6em ;
}

#ContentRightColumn {
  float : right ;
  overflow : auto ;
  padding : 10px ;
  margin-right : 10px ;
  border : 1px #bbbbbb solid ;
  background-color : #eeeeee ;
  text-align : center ;
}

#ContentRightColumn * {
  background-color : #eeeeee ;
  text-align : center ;
}

.sponsorlogotype {
  width : 200px ;
  text-align : center ;
  margin-bottom : 40px ;
  background-color : #eeeeee ;
}

.sponsorlogotype:first-child {
  margin-bottom : 30px ;
}

.sponsorlogotype img {
  border : 1px #cccccc solid ;
}

/* Alert messages ****************************************************************/
.message {
  padding : 5px ;
  border : 1px yellow solid ;
  background-color : #ffffcc ;
  font-weight : normal ;
  color : #cc0033 ;
}

/* Form objects ******************************************************************/
form table{
  border-spacing : 10px ;
}

form table tr td:first-child {
  text-align : right ;
}

.formError {
  font-weight : bold ;
  color : #cc0033 ;
}

/* Dummy objects ******************************************************************/