/*<!-- For use as an imarginary background that makes it possible to have different length of text -->*/
/*<!-- in the left, the middel and in the right colume-->*/
/*<!-- without to take the footer and header into the content  STARTED -->*/


div#container{
    width: 100%; 
    float: left; 
    margin-right: -15em;
}

 
div#indhold {
    margin-right:165px; /* changed from  220*/
}

div#content {}
/* these lines are nessesary to encure that the imarginary background is defined */
/*container and content will fill the columens */

.clear {clear:both;height:0;}
.top {margin-top:0;padding-top:20px;}

/* <!-- imarginary background pictures_END -->*/


/* <!-- stylesheet for the botton_STARTED --> */

input.knap{
	color:black;
	font: normal bold 10px arial,sans-serif;
	font-size:70%;
   font-weight: normal;
	background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x; 
	/*background-color:#cc8800; /*<!--menuens backgroud is dark brown  -->*/
	border:1px outset #FFFF99; /*<!-- menuens border is light yellow -->*/
	border-top-color:#FFFF99; /*<!-- menuens border is light yellow -->*/
	border-left-color:#FFFF99; /*<!-- menuens border is light yellow -->*/
	border-right-color:#990000;
	border-bottom-color:#990000;	
	/*filter:progid:DXImageTransform.Microsoft.Gradient(GradientType=0,StartColorStr='#ffffffff',EndColorStr='#cc8800');*/
}

/* inserted for other browsers than IE*/
  html input.knap{
	font-weight:normal;
	background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x; 
	/*background-color:#cc8800; <!--menuens backgroud is dark brown  -->*/
	border:1px outset #FFFF99; /*<!-- menuens border is light yellow -->*/
	border-style: ourset;
   border-top-color:#FFFF99; /*<!-- menuens border is light yellow -->*/
	border-left-color:#FFFF99; /*<!-- menuens border is light yellow -->*/
	border-right-color:#990000;
	border-bottom-color:#990000;
	
}

input.knapOver{
	background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
	/*<!-- background: #ffdd77;  inserted  when the mouse is over the text the        field becomes light brown -->*/
  color: #000;  /*<!--  inserted --> <!--  when the mouse is over the text the text         becomes black -->*/
  text-decoration: none; /*<!--inserted -->*/
  border-style: inset; /*<!-- inserted -->*/
  border-top-color:#990000;
  border-left-color:#990000;
  border-right-color:#FFFF99; /*<!-- menu border is light yellow -->*/
  border-bottom-color:#FFFF99; /*<!-- menu border is ligth yellow -->*/
}

/*<!-- stylesheet for bottons_END -->*/


/*<!-- Manchette for text paragraf_STARTED -->*/

h2.machete{
    font-family:arial,sans-serif;
    font-size:14px;
    font-weight:normal;
    border-top:1px solid black;
    border-bottom:1px solid black; /* inserted to give a netty ending */
    padding-top:5px;
    padding-bottom:5px; /* inserted to give a nitty ending */
	margin-left: 12px;
	margin-right: 14px;
}

/*<!-- Manchet_ END -->*/

/*<!-- Datottekst_STARTED -->*/

h2.dato{
    font-family:arial,sans-serif;
    font-size:0.70em;
    font-weight:normal;
	 padding-top:0px;
    padding-bottom:0px; /* inserted to give a nitty ending */
	margin-left: 0px;
	margin-right: 0px;
    
}

/*<!-- Datotekst_ END -->*/
/* Holly Hack for IE \*/
* h2.dato{
    font-family:arial,sans-serif;
    font-size:0.70em;
    font-weight:normal;
	 padding-top:0px;
    padding-bottom:0px; /* inserted to give a nitty ending */
	margin-left:0px;
	margin-right: 0px;
    
}



/*<!-- Unicaler for letters_STARTED -->*/
.uncial{
    font-family: arial,sans-serif; /* inserted for the use of MI */
	  float:left;
    font-size:320%;
    color:#000000;
    background-color:#cc8800;
    padding:3px;
    border:3px solid #ffdd77;
	  margin:0px;
    font-weight:bold;
} 
/*<!-- unicaler_ ENDt -->*/

/*<!-- Stylescheet for breadcrumps_STARTED -->*/
ol.path {margin:0px;padding:1px;padding-bottom:10px;list-style:none;font-size:0.75em;}/* padding changed from  10 to 5 there has been inserted a paddingbottom of 5 em */
    ol.path li {display:inline;}
    ol.path li span {font-size:0.75em;}
ol.path li span {font-family : arial,sans-serif;}



/*<!-- breadcrumps_END -->*/

/*<!-- runde corners_STARTED -->
<!-- for banners newsboxes and footers -->*/
div.roundcorners{margin:0 0 20px 0; }
    .roundcorners h1, .roundcorners h2 {margin:0 20px;padding-left : 142px;}
    .roundcorners h1 {font-size:24px;line-height:120%; }
    .roundcorners h2 {font-size:1.2em;color:#fff; border:0;}
    .roundcorners h2 {padding-top:0.2em;padding-bottom:.5em;}
    .roundcorners {background: transparent;}
    .b1, .b2, .b3, .b4 {display:block; overflow:hidden;}
    .b1, .b2, .b3, .b4 {height:1px;background:#cc8800;}
    .b1 {margin:0 5px;}
    .b2 {margin:0 3px;}
    .b3 {margin:0 2px;}
    .b4 {margin:0 1px;}
    .roundcorners_indhold {display:block;  background:#cc8800;
}
/*<!-- runde_corners_END -->*/

 

body{
	background : #ffcc66;    /* <!-- background is lightbrown --> */
	font-family : arial,sans-serif;
	font-size : 100%;
	margin-top : 10px;
	margin-right : 20px;
	margin-bottom : 10px;
	margin-right : 20px;
	padding : 0;
}




 img#logo{					
	position:absolute;
	left:50px;
	top:5px;
	border: 0px ;
	
}

/* inserted for other browsers than IE*/
html>body img#logo{				/* nessesary for other browsers to place the logo this way */
	position:absolute;
	left:50px;
	top:5px;
	border: 0px ;	
}

/*<!-- Unsorted list_start, using logopicture as bullet -->*/
.lister ul {
  margin-left:1em;
  padding-left:0.75em;
  /*<!-- list-style-type:circle; -->*/
  list-style-image:url(http://www.mangeintelligenser.com/grafik/listpic.GIF );
}

html>body #lister{list-style-image:url(http://www.mangeintelligenser.com/grafik/listpic.gif );
   padding-left:0.75em;
}
/*<!-- Unsorted list_END -->*/

#leftcol{
	margin-top : 0;
	width : 170px;
	float : left;
	background : #ffcc66; /*same as the background */
	border : none;
}

#leftcol img{
    margin-top:1px;
    margin-left: 7px;
}

#indhold{
	margin-top : 31px;  /* changed from 5 to 31 because of the workshops menu*/
	margin-bottom : 10px;
	margin-left : 180px;
	margin-right : 150px;
	border : none;
	background : #ffdd77;
	height : auto;  /* changed from 395 because this will change the background in inhold */
 /* width: 540px;  has been changed because of the container and content columns*/
}

#indhold h1{
    margin-top:0;
    margin-left:10px;
    font-size:150%;
}

#indhold p{
    margin:0 10px 10px 10px;
}

p.opdatering{
    font-size:80%;
    text-align:right;
    margin-right:20px;
}

#rightcol{
  /* position:absolute;    */
	margin-top : 34px;
	right : 20px;
	top : 70px;  /* changed from 56 to 70 px */
	width : 140px;
	border : none;
	float: right; /* inserted because of the content_div */
    
    background : #ffcc66;
    
}

#rightcol img{
    margin-top:4px;
}


.newsbox{

	 float:left;
    margin-top:0px; /*<!-- 0 px or else a border will appear with the round corners -->*/
    margin-right: 0px; /*<!--  0px or else the round corners will move a bit to the left -->*/
    width:100%;
    height : auto; /* changed from 120 px*/
    background:transparent;
    border:0px ; 
	 padding-bottom: 5px;
}


/* inserted for other browsers than IE*/
html>body .newsbox{
    float: inherit; /*to encure correct background */
    margin-top:0px; /*<!-- 0 px or else a border will appear with the round corners -->*/
    margin-right: 0px; /*<!--  0px or else the round corners will move a bit to the left -->*/
    width:100%;
    height:auto;/* changed from 120 px*/
    background:#ffcc66;
    border: 0px ; 	
	 padding-bottom: 5px;
	
}


/*<!-- Headline on the newsbox -->*/

.newsbox h3{
    font-size:14px;
    background:#cc8800;
    margin:0px;
    padding:5px;
    border-bottom-width:1px;
}


/*<!-- Bodytekst of the newsbox -->*/
.newsbox p{
    font-size:13px;
    margin:5px;
}


/* Footer */

div#footer{
    position:relative;
    width:100%;
    height:40px;
}


#footer address{
	font-size:76%;
    font-style:normal;
    font-weight:normal;
    background:#cc8800;
    padding-left:50px;
    padding: 5px 5px 5px 30px;
    border:0px solid black;
    margin:0px auto;  /*<!-- no margin or eles a border will appear on the round corners boxes -->*/
}

#footer  a#pilop{
    position:absolute;
    right:30px;
    bottom:10px;
    z-index:2;
}

/* search box */
form#searchform {position:absolute; right:50px; top:18px; } /*top:18px*/
    input {height:18px; font-size:12px;}
    .button {height:20px; font-size:14px; vertical-align:bottom;

}

/* JULESJOV hale med tekst_START  2007  */
.spanstyle {
	position:absolute;
	visibility:visible;
	top:-50px;
	font-size:10pt;
	font-family:Verdana;
      font-weight:bold;
	color:black;
	z-index: 100;
}
/* JULESJOV hale med tekst_SLUT   2007 */


/*    Horisontalmenu_START  dec 2007   */

div#3dmenu{
    position:absolute;
    top:62px; /*<!-- changed from 40 -->*/
    left:190px;
}

.horizontalcssmenu{
   position:relative;
   top: -40px;
}


.horizontalcssmenu ul{
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.horizontalcssmenu ul li{
position: relative;
display: inline;
float: left; 
}

/*Top level menu link items style*/
.horizontalcssmenu ul li a{

display: block;
width: 120px; /*Width of top level menu link items*/
padding: 2px 8px;
border: 1px solid #cc8800; 
border-left-width: 0px;
text-decoration: none;
background: url(http://www.mangeintelligenser.com/grafik/menu/menubg.gif) center center repeat-x;
color: black;
font: bold 13px arial,sans-serif;
}
	
/*Sub level menu*/
.horizontalcssmenu ul li ul{
left: 0;
top: 0;
border-top: 1px solid #cc8800;
position: absolute;
display: block;
visibility: hidden;
z-index: 100;
}

/*Sub level menu list items*/
.horizontalcssmenu ul li ul li{
display: inline;
float: none;
}


/* Sub level menu links style */
.horizontalcssmenu ul li ul li a{
width: 160px; /*width of sub menu levels*/
font-weight: normal;
padding: 2px 5px;
background: #ffdd77;
border-width: 0 1px 1px 1px;
}

.horizontalcssmenu ul li a:hover{
background: url(http://www.mangeintelligenser.com/grafik/menu/menubgover.gif) center center repeat-x;
}

.horizontalcssmenu ul li ul li a:hover{
background: #ffcc66;
}

.horizontalcssmenu .arrowdiv{
position: absolute;
right: 0;
background: transparent url(http://www.mangeintelligenser.com/grafik/menu/menuarrow.gif) no-repeat center left;
}

* html p#iepara{ /*For a paragraph (if any) that immediately follows menu, add 1em top spacing between the two in IE*/
padding-top: 1em;
}
	

	
/* Holly Hack for IE \*/
* html .horizontalcssmenu ul li { float: left; height: 1%; }
* html .horizontalcssmenu ul li a { height: 1%; }


/* End */


/*  Horisontalmenu_SLUT     dec 2007 */