/* KIB design stylesheet for KI external web. Not aimed for publishers. */
/* Ulf Kronman. 2003-02-18 */


/* For neat printing without left margin i modern browsers */

@media print
{
    body {
	margin: 0px 0px 0px 0px;
}

    div#leftMenu {
        display : none;
    }
    
    img#logo {
	    width : 320px;
        height : 56px;
    }

    td#logoCell {
	width: 800px;
	text-align: left;
}

}

/* For testing - remove later */

@media none {
	
    img {
        border : 1px solid red;
    }

    table td {
        border : 1px solid blue;
    }
}

/* Navigation classes from JavaScript */


/* Head of left margin */
/* This class is a problem: It is used in both design and publishing area */

.marginhead {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  color: #ffffff;
}

.marginhead a {
   color: #ffffff;
	text-decoration: none;
}

.marginhead a:active {}

.marginhead a:visited {}

.marginhead a:hover {
    text-decoration: underline;
}


/* Top level navigation in left margin */

.subtoplink {
  font-family: Verdana, Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight:bold;
  color: #993333;
  text-decoration: none;
}

.subtoplink a {
  color: #993333;
  text-decoration: none;
}

.subtoplink a:active {}

.subtoplink a:visited {}

.subtoplink a:hover {
	/* color: #999999; */
	text-decoration: underline;
}


/* Second level navigation in left margin */

.sublink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #993333;
	text-decoration: none;
}

.sublink a {
	color: #993333;
	text-decoration: none;
}

.sublink a:active {}

.sublink a:visited {}

.sublink a:hover {
	color: #999999;
	text-decoration: none;
}


.marginlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

.marginlink a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

.marginlink a:active {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

.marginlink a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #000000;
	text-decoration: none;
}

.marginlink a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	color: #666666;
	text-decoration: none;
}

.boldlink {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

.boldlink a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

.boldlink a:active {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

.boldlink a:visited {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #333333;
	text-decoration: none;
}

.boldlink a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	font-weight:bold;
	color: #666666;
	text-decoration: none;
}


/* Foot classes */

.foot {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.foot a {
	color: #993333;
	text-decoration: none;
}

.foot a:active {}

.foot a:visited {}

.foot a:hover {
	color: #993333;
	text-decoration: underline;
}

/* Navigation tools */

.tools {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #993333;
	text-decoration: none;
}

.tools a {
	color: #660000;
	text-decoration: none;
}

.tools a:active {}

.tools a:visited {
	color: #660000;
	text-decoration: none;
}

.tools a:hover {
	color: #660000;
	text-decoration: underline;
}

.topmenu {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: #ffffff;
    text-decoration: none;
}

/* Set background in topmenu for modern browsers */

@media all {
 .topmenu {
    background-image : url(http://kib.ki.se/form/bild/general/leaf_bg.gif);
    background-position : right;
    background-repeat : no-repeat;
 }
}

.topmenu a {
	color: #ffffff;
	text-decoration: none;
}

.topmenu a:active {}

.topmenu a:visited {}

.topmenu a:hover {
    /* color: #cc9999 ; */ 
    text-decoration: underline;
}

.input {
	font-size: 11px;
	background-color: #ffffff;
	color: #000000;
	width: 100px
}