/***************************************************************************

    Site:		Magenta ApS
	Author:		Bjarni Olsen

	Table of Contents:
	=================

	1 - Global Settings
	2 - Structure/Layout/Logo
        2.1 - NON-IE6- Box styles
	3 - Left
        3.1 - Menuscript-specific styles
	4 - Center
    5 - Right
        5.1 - Search styles
        5.2 - Firefox-specific search styles
        5.3 - Print
        5.4 - Videresend
  6 - Special styles

****************************************************************************/



/***************************************************************************
1 - Global Settings
****************************************************************************/

body {
    text-align: center; /* :Center site columns */
    background: #fff URL("/grafik/chip4_grey.jpg") no-repeat top center; }

img {
	padding: 0;
	margin: 0 0 20px 0; }

.unstyled {
	margin: 0; }

.hr {
    border-top: 1px solid #444;
    margin: 20px 0 10px 0;
    padding: 0;
    line-height: 0; }

.hrContent {
    clear: left;
    border-bottom: 1px solid #444;
    margin: 1em 0 0 0;
    padding: 0;
    height: 1px; }

dt {
	font-weight: bold;
	margin-top: 0.5em; }

sup { 
    font-size: .9em; }

#leftcolumn, #centercolumn, #rightcolumn { 
    font-size: 1.2em; }


/***************************************************************************
2 - Structure/Layout
****************************************************************************/

#wrapper {
	width: 900px;
	margin: 0 auto;
	text-align: left; }

#logo {
    width: 185px;
    height: 36px;
    margin: 37px 0 25px 0;
    padding: 0 0 0 0; }

a.logo img {
    border: none;
    margin: 0 0 0 0;
    padding: 0;
    text-decoration: none; }

p.kontaktinfo {
	padding: 0;
	margin: 10px 0 0 0;
	color: #aaa; }

.clear {
    clear: both; }

.hidden {
    position: absolute; /* :Hidden class, helping screenreaders with hidden headings and skiplinks */
    left: -900em;
    top: 0; }

/*
2.1 - NON-IE6- Box styles
    - IE specific in public_local_ie6.css
*****************************************/
html>body .box_top {
    width: 100%;
    height: 31px;
    margin: 0;
    padding: 0; }

html>body .box_topleft {
    height: 31px;
    margin: 0 64px 0 0;
    padding: 0;
    background: url("/grafik/box_topleft.png") no-repeat top left; }

html>body .box_topright {
    width: 64px;
    height: 31px;
    margin: 0;
    padding: 0;
    float: right;
    background: URL("/grafik/box_topright.png") no-repeat top left; }

html>body .box_center {
    width: 100%;
    height: auto;
    margin: 0;
    padding: 0;
    background: URL("/grafik/box_centerright.png") repeat-y top right; }

html>body .box_centerright {
    width: 21px;
    margin: 0;
    padding: 0;
    float: right; }

html>body .box_centerleft {
    width: 9px;
    margin: 0;
    padding: 0;
    float: left; }

html>body .box_bottom {
    width:100%;
    height: 38px;
    margin:0;
    padding:0; }

html>body .box_bottomright {
    width: 64px;
    height: 38px;
    margin: 0;
    padding:0;
    float: right;
    background: URL("/grafik/box_bottomright.png") no-repeat; }

html>body .box_bottomleft {
    height: 38px;
    margin: 0 64px 0 0;
    padding: 0;
    background: URL("/grafik/box_bottomleft.png") no-repeat; }

html>body .box_content {
    background: URL("/grafik/box_centerleft.png") repeat-y top left; }

html>body .box_wrappedcontent {
	padding: 0 20px 0 20px;
	margin: 0 21px 0 9px;
	overflow: hidden;
    background-color: #fff; }


/***************************************************************************
3 - Left
****************************************************************************/
#leftcolumn {
	width: 28%;
	float: left;
	margin-top: 0; }

/*
3.1 - Menuscript-specific styles
********************************/
#containerul, #containerul ul {
    margin: 0;
    padding: 0;
	list-style-type: none; }

#containerul li {
    padding-top: 11px; }

#containerul a {
    padding-left: 1.5em;
    display: block;
    background: URL("/grafik/menu/document.gif") no-repeat top left;
    background-position: 0 -0.1em; 
    color: #D46C0E;}

#containerul a.has_subdocs {
    background: URL("/grafik/menu/closed.gif") no-repeat top left;
    background-position: 0 .2em; }

#containerul a.current {
    font-weight: bold;
    color: #444444;
    background-color: #fff; }

#containerul a.current2 {
    font-weight: bold;
    color: #444444;
    background-color: #fff; }

#containerul li.opened a.current2 {
    font-weight: normal;
    color: #D46C0E;
    background-color: #fff; }

#containerul li.opened ul li a.current2 {
    font-weight: bold;
    color: #444444;
    background-color: #fff; }

#containerul li.opened a.has_subdocs {
    background: URL("/grafik/menu/opened.gif") no-repeat top left;
    background-position: 0 .2em; }

#containerul li.opened li a.has_subdocs {
    background: URL("/grafik/menu/closed.gif") no-repeat top left;
    background-position: 0 .2em; }

#containerul li.opened li.opened a.has_subdocs {
    background: URL("/grafik/menu/opened.gif") no-repeat top left;
    background-position: 0 .2em; }

#containerul li li {
    margin-top: -0.4em;
    padding-left: 20px;
    background: URL("/grafik/menu/greyline_horiz.gif") no-repeat top left; }

#containerul li li.last_item {
    background: URL("/grafik/menu/greyline_horiz_last.gif") no-repeat top left; }


/***************************************************************************
4 - Center
****************************************************************************/

#centercolumn {
	width: 44%;
	float: left;
	margin-top: 35px; }

html>body #content {
	padding: 0 20px; }


/***************************************************************************
5 - Right
****************************************************************************/

#rightcolumn {
	width: 28%;
	float: left;
	margin-top: 35px; }

/*
5.1 - Search styles
*******************/
#search {
    padding: 0; }

form {
    padding: 0;
    margin: 0 0 0.5em 0; }

fieldset {
    padding: 0;
    border: .1em solid #fff; }

legend {
    font-weight: bold;
    color: #6B2240;
    margin-bottom: 0.3em;
    margin-left: -0.6em;
    background-color: #fff;
    padding: .2em; }

input, select, option {
    font-family: "Trebuchet MS", Arial, sans-serif;;
    color: #363636;
    padding: 0;
    margin: 0; }

.searchfield {
    width: 110px;
    color: #363636;
    background-color: #fff; }

.searchbotton {
    font-weight: bold;
    background-color: #D46C0E;
    color: #fff;
    border: outset .1em #D46C0E;
    cursor: pointer;
    margin-left: 2px; }

/*
5.2 - Firefox-specific search styles
************************************/
html>body .searchfield {
	height: 1.5em; }

/*
5.3 - Print
***********/
body#printside {
    margin: 2em 10em;
	padding: 0;
    text-align: left;
    background: none;
    background-color: #fff;
}
div.FloatRight {
    float: right;
}
div.FloatLeft {
    float: left;
}
body#printside #CaseRight1,
body#printside #CaseRight2,
body#printside #CaseRight3 {
    background: none;
    width: 50%;
}

/*
5.4 - Videresend
****************/
body#videresend {
    margin: 2em 2em;
	padding: 0;
    text-align: left;
    background: none;
    background-color: #fff;
}


/***************************************************************************
6 - Special styles
****************************************************************************/

/*
6.1 - Layout for /comic/ page 
****************/
body#comic div#centercolumn {
  width: 72%;
}
body#comic div#rightcolumn {
  margin-top: 0;
  float: right;
}


/*
 Local Variables: ***
 mode: c ***
 End: ***
*/