/* **********************************
	defaults
   ********************************** */

/* Helpful info:
    For parameters that takes top right bottom left -values see following:
    ex. margin: 0;  sets all to zero
        margin: 2 4; sets top=2, bottom=2 and right=4, left=4
        margin: 1 2 3 4; sets top=1, right=2, bottom=3 and left=4
*/

@media print {
    BODY {
    	font-size: 20pt;
    }
	h1,h2,h3,p,table,li,address,div
	{
		font-family: "Comic Sans MS", arial, sans-serif;
		font-size: 12pt;
	}
	div#main_left
	{
		display: none;
	}
}

@media screen {

*
{
	font-family: "Century Gothic", arial, sans-serif; 
	font-size: small;
}


body
{
        /* There are different default margins in IE and Firefox, set here so */
        /* we get the same appearance */
        margin: 4px 4px;    /* top-bottom right-left */
	border: 1px solid gray;
        padding: 0; /* had to set this so that Opera behaivs the same way as IE and Firefox */
}


ul
{
	list-style-position: inside;
        /* list-style-image is set in vbegin.inc */
	list-style-image: url('/dw/content/images/item.gif');
	margin: 0.3em;
	line-height: normal;
	padding: 0; /* important set padding to zero to get IE and Firefox the same, if list-style-position is inside */
}

em
{
	font-weight: bold;
	color: red;
	background-color: inherit;
}

a:link
{
	text-decoration: none;
	color: black;
	background-color: transparent;
}
a:visited
{
	text-decoration: none;
	color: black;
	background-color: transparent;
}
a:active
{
	text-decoration: none;
	color: black;
	background-color: transparent;
}
a:hover
{
	/* font-size: 110%; */
	color: #0000CD; /* MediumBlue; */
	background-color: transparent;
}

/* set p to hav the same valued in both IE and Firefox */
p
{
        margin-left: 0.8em;
        margin-top: 0.5em;
        margin-right: 0.5em;
        margin-bottom: 0.5em;
}

div#index
{
    display: none;
}

/* ************************ */
/*  The over all container  */
/*************************  */

div#container
{
	width: 100%;
	margin: 0%;
	/* border: 1px solid gray;*/ /* gives a horz scrollbar in IE, see body instead */
}

/* ******************* */
/*  The page segments  */
/* ******************* */

/* head */

div#head_container
{
	padding: 0.5em;
	clear: both;
}

div#head_content
{
	padding: 0.8em;
}
#head_content h1
{
	padding-left: 1.5em;
	margin: 0;
	line-height: 60%;
	font-size: 300%;
	font-style: italic;
	text-align: left;
}

/* subhead, for alert or something else */

div#subhead_container
{
}

div#subhead_content
{
}

/* subhead2, for horizontal menu or something else */

div#subhead2_container
{
	border-left: 1px solid gray;
}

div#subhead2_content
{
}
#subhead2_content ul li
{
    display: inline;    /* ##TEST */
}

/* subcontainer, to hold left and subcontainer2 together */
div#subcontainer
{
	width: 100%;
	position: relative;
        clear: both;
}

/* left */

div#left_container
{
	width: 12%;
	margin: 0;
        margin-top: 1%;
}

div#left_content
{
	margin: 0;
}

/* subcontainer, to hold middle and right together */
div#subcontainer2
{
	width: 84%;     /* left-container + subcontainer2 = 99% due to wrapping if 100%*/
	float: right;
	border-left: 1px solid gray;
}

/* right */

div#right_container
{
	float: right;
	width: 21%; /* main_container + right_container must be <= 99%  !?! */
	margin: 0;
        margin-right: 2%;
	padding: 4px;
	border-left: 1px solid gray;
}

/* main */

div#main_container
{
        margin-left: 1%;
        float: left;
	position: relative;
	/* width: 75%; */ /* main_container + right_container must be <= 99%  !?! */
        /* if we don't use rightcontatiner then 100% */
	width: 99%; /* main_container + right_container must be <= 99%  !?! */
}

div#main_content
{
}

div#right_content
{
}

/* special for news to be shown in the mainpage */
div#right_content_news
{
	width: 100%;
	margin: 0px;
	/* border: 1px dashed gray; */
	padding: 0; /* .2em; */
	line-height: 150%;
}

/* special for advert to be shown in mainpage */
div#right_content_advert {
	list-style-type: none;
	margin-top: 10px;
	width: 160px;
}
#right_content_advert ul {
	display: block;
	float: none;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	width: 160px;
	font-size: 11px;
}
#right_content_advert li {
	margin: 0px 0px 10px;
	padding: 0px;
	border: 1px none #CCC;
	text-align: center;
}
#right_content_advert img {
	border-top: none;
	border-right: none;
	border-bottom: none;
	border-left: none;
	width: auto;
}
#right_content_advert a:hover {
	filter: alpha(opacity=60);
	opacity: .6;
}
#right_content_advert span {
	filter: alpha(opacity=30);
	opacity: .3;
}


/* foot */

div#foot_container
{
	padding: 0.5em;
	clear: both;
	text-align: center;
}

div#logo_container
{
    position: absolute;
    left: 20px;
    top: 10px;
    height: 50px;
}
/* language */
div#lang_container
{
    position: absolute;
    left: 80px;
    top: 6px;
    height: 20px;
}
#lang_container li
{
    list-style-type: none;
    list-style-image: none;
    display: inline;
}
/* sitefind */
div#find_container
{
    position: absolute;
    left: 80px;
    top: 26px;
    width: 100px;
}
/* this one, attribute selector, is not supported in IE 6 */
/* But we use it anyway (for Firefox and Opera) */
#find_container input[type="submit"]
{
    cursor: pointer;
}

/* *************************** */
/*  elements for main_content  */
/* *************************** */

#main_content h1
{
	font-style: normal;
	font-size: 180%;
	padding: 0;
	margin-bottom: 1em;
}

#main_content h2
{
	font-style: normal;
	font-size: 140%;
	margin-bottom: 1em;
}

/* ********* Some helpful information ***************************************************** */
/* funkar */
/* #main_content div.footer p a:link    // en "a" i "p" i "footer-div" i "#main_content" */
/* #main_content div p a:link           // en "a" i "p" i "div" i "#main_content" */
/* #main_content a:link                 // en "a" i "#main_content" */
/* div.text p a:link                    // en "a" i "p" i "div" i "class text" */
/* .footer p a:link                     // en "a" i "p" i "class footer" */
/* p a:link                             // en "a" i "p" */
/* a:link                               // en "a" */
/* funkar IKKE */
/* #main_content p:first-child a:link   // IE no effect, in Firefox if comes for all p */
/* div > p:first-child a:link           // IE no effect, in Firefox it seems to work */
/* div.text > p:first-child a:link      // IE no effect, in Firefox it seems to work */
/* div[class="warning"] is the same as div.warning in html but div[class="warning"] does not work in iE, works in Firefox*/
/* ********* Some helpful information ***************************************************** */

/* Other apperance for links */
/* valid for: p-tags i a div-tag which is under #main_content */

#main_content div p a:link
{
    text-decoration: underline;
    color: black;
    background-color: transparent;
}

#main_content div p a:visited
{
    text-decoration: underline;
    color: black;
    background-color: transparent;
}
#main_content div p a:active
{
	text-decoration: underline;
	color: black;
	background-color: transparent;
}
#main_content div p a:hover
{
	text-decoration: underline;
	font-size: 110%;
	color: black;
	background-color: transparent;
}

/* ************************** */
/*  classes for main_content  */
/* ************************** */

.ingress
{
	font-style: normal;
	font-weight: bold;
	margin-bottom: 1em;
}

.text
{
	font-style: normal;
	margin-bottom: 1em;
}

.footer
{
	font-style: italic;
	margin-bottom: 1em;
}

.image1
{
	float: right;
	margin: 1em 1em 1em 1em;    /* top right bottom left */
	padding: 4px;
	border: 1px dotted  black;
	text-align: center;
}

.image2
{
	margin: 0 0 1em 1em;    /* top right bottom left */
	padding: 0;
	text-align: left;
}

.image3
{
	margin: 0 0 1em 1em;    /* top right bottom left */
}

.image4
{
	margin: 0 0 1em 1em;    /* top right bottom left */
}

.image5
{
	margin: 0 0 1em 1em;    /* top right bottom left */
}

/* ********************************** */
/*  some kind of list in a container  */
/* ********************************** */

.list
{
	width: 99%; /* Note: 100% makes the list go below the menutree to the left */
	margin: 0px;
	padding: 0.2em;
	line-height: 120%;

}
.list ul
{
	/* border-top: 1px dashed gray; */
	margin-top: 0;
	padding-top: 0.0em;
}
.list li
{
}


/* ************ */
/*  delimiters  */
/* ************ */

/* now: delimiter draws a line at the bottom of the div */
div.delimiter
{
	border-bottom: 1px dashed gray;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* now: delimiterT draws a line at the top of the div */
div.delimiterT
{
	border-top: 1px dashed gray;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* now: delimiterR draws a line to the right of the div */
div.delimiterR
{
	border-right: 1px dashed gray;
	margin-left: 2px;
	margin-right: 2px;
}

/* now: delimiterB draws a line at the bottom of the div */
div.delimiterB
{
	border-bottom: 1px dashed gray;
	margin-top: 2px;
	margin-bottom: 2px;
}

/* now: delimiterL draws a line to the left of the div */
div.delimiterL
{
	border-left: 1px dashed gray;
	margin-left: 2px;
	margin-right: 2px;
}

div.linespace
{
	margin-bottom: 1em;
}

/* ***************** */
/*  labels and data  */
/* ***************** */

span.label
{
	font-weight: bold;
	margin-right: 0.5em;
}

span.data
{
	margin-right: 0.5em;
}

/* ***************** */
/*  menu as list     */
/* ***************** */

#menu {
    top: 0;
    left: 0;
    z-index: 100;
    width: 100%;
    /*margin-bottom: 4px;*/
}
#menu dl {
    float: left;
    width: 10em;
    margin: 0; /*0 1px;*/
}
#menu dt {
    cursor: pointer;
    text-align: center;
    font-weight: bold;
    border: 1px solid gray;
    display: block;
}
#menu dd {
    position: absolute; /* absoulte gives no float and aligns to the parent */
    margin-left: -0.1em;
    border: 1px solid gray;
    display: none;
    color: black;
    background: #ccc;
}
#menu dt a {
    color: #000;
    text-decoration: none;
    display: block;
    border: 0 none;
}
#menu li a {
    color: #000;
    text-decoration: none;
    display: list-item; /* block */
    white-space: nowrap;
    border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
    background: #ddd;
    color: inherit;
    font-size: 100%;
}
#menu .current {
    background-color: #bbb;
    color: inherit;
}

/* table styles */
/* tableA is an ordinary table with a list of records */
.tableA {
   background-color: #ccccff;
   border-collapse: separate;
   border-spacing: 10px;
}
.tableA_head {
   background-color: #ccccff;
}
.tableA_odd {
   background-color: #cccccc;
}
.tableA_even {
   background-color: #ffffcc;
}
.tableA_label {
    font-weight: bold;
}
.tableA_data {
}
.tableA_dataclick {
   font-weight: bold;
   font-style: italic;  
}
.tableA_bottom {
   background-color: #cc9900;
}

/* tableA is an ordinary table with one record */
.tableB {
   background-color: #ccccff;
   border-collapse: separate;
   empty-cells: hide;
}
.tableB_head {
}
.tableB_odd {
}
.tableB_even {
}
.tableB_label {
   background-color: #cccccc;
}
.tableB_data {
   background-color: #ffffcc;
}
.tableB_dataclick {
   background-color: #ffffcc;
   font-style: italic;
   text-decoration: underline;
}
.tableB_bottom {
   background-color: #cc9900;
}

} /* media screen */