/******************************************************************************
 * http://overbys.dk
 *
 * Author: Asger Overby
 * $Id: base.css,v 1.1 2003/03/23 01:25:43 ago Exp ago $
 * 
 * Description:
 *    Base css for the site
 *****************************************************************************/
/******************************************************************************

  body background                             (color-subst "body_bg"         "#d1d09d")
  frame line                                  (color-subst "frame_line"      "#002600")

  content header background		      (color-subst "cont_hdr_bg"     "#ffffeb")
  content header text                         (color-subst "cont_hdr_txt"    "#004c00")
  content standard background                 (color-subst "cont_std_bg"     "#f9f9f1")
  content standard text			      (color-subst "cont_std_txt"    "#004c00")

  navigation header background		      (color-subst "navi_hdr_bg"     "#004c00")
  navigation header text                      (color-subst "navi_hdr_txt"    "#f9f9f1")
  navigation standard background              (color-subst "navi_std_bg"     "#f9f9f1")
  navigation standard text		      (color-subst "navi_std_txt"    "#004c00")

  overskriftsbaggrund        mørkegrøn        (color-subst "bghead"          "#004c00")
  normal skrift	             color1           (color-subst "txtnorm"         "#004c00")
  baggrundsfarve (contents)                   (color-subst "bgcont"          "#fffff5")
  baggrundsfarve (body)                       (color-subst "bgbody"          "#ffffdd")
  baggrundsfarve navigation normal            (color-subst "bgnav_n"         "#ffffdd")
  skrift navigation normal                    (color-subst "txtnav_n"        "#004c00")
  streg farve	                              (color-subst "frame1"          "#000206")
  skrift, overskrift	     color3           (color-subst "txthead"         "#ffffeb")


  Green bars greenbar2                        (color-subst "greenbar2"       "#797939")


   (defun color-subst ( name code )
     (setq from-string 
   	(format "%s%s%s" "#[a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9][a-f0-9];.*\\(\\/\\* "
   		name
   		" \\*\\/\\)$")
   	to-string 
   	(format "%s; \\1" code))
     (query-replace-regexp from-string to-string)
     )
 *****************************************************************************/

BODY {
	margin: 		 5px  5px  5px  5px;
	padding: 		10px  5px  5px 10px;
	background-color:   	 #d1d09d; /* body_bg */
}


/*  ---  Navigation Bar  ----------------------------------------  */

/*
 *  Here's where the magic happens. First we put the division
 *  containing the navigation bar in an absolute position using
 *  the left property. Then we set its position to fixed, which
 *  keeps it from scrolling with the rest of the page's contents.
 *
 *  Adjust padding, background, and borders to taste.
 *
 */

DIV.navigation-bar {

  position: fixed;      
  left:     15px;       
  top:      15px;
  padding:   0px 0px 0px 0px;
  margin:    0px 0px 0px 0px;

  width:   150px;
  /* not important */
  background:    #f9f9f1; /* navi_std_bg */
  border:        2px solid #002600; /* frame_line */
  color:         #004c00; /* navi_std_txt */
}

DIV.valid {
	margin-top:	10px;
	position: 	fixed; 
	bottom: 	15px; 
	left: 		15px;	
}
DIV.valid img {
	display: 	block;
	border:		0;
	width:		88px;
	height:		31px; 
}


DIV.splash-top {
	position:   absolute;
	left:       175px;
	height:     100px;
	top:          5px;
	width:        75%;
	vertical-align: top;
/*	display: block; */
	margin:     10px 10px 10px 10px;
	padding:     0px  0px  0px  0px;
	color:               #004c00; /* cont_std_txt */
	border:    2px solid #002600; /* frame_line */
} 

DIV.splash-bottom {
	border-top:  2px solid #002600; /* frame_line */
	color:                 #f9f9f1; /* navi_hdr_txt */
  	background:            #004c00; /* navi_hdr_bg */
/*	display: block; */
	margin:      0px  0px  0px  0px;
	padding:     0px  0px  0px  0px;
	text-align: center;
  	font-family: "Century Gothic", "News Gothic", Helvetica, Arial, sans-serif;
  	font-size: smaller;
  	font-weight: bold;
}
DIV.splash-bottom IMG {
	height:     75px;
	border:     0px;
	margin: 0px -4px 0px 0px;
	padding:    0px    0px  0px  0px;
}

DIV.splash-bottom A {
	border-width: 0px;
	text-decoration: none;
	background-color: #004c00; /* navi_hdr_bg */
	color:            #f9f9f1; /* navi_hdr_txt */
	border:           0px;
}
DIV.splash-bottom A:link {
	border-width: 0px;
	text-decoration: none;
	background-color: #004c00; /* navi_hdr_bg */
	color:            #f9f9f1; /* navi_hdr_txt */
	border:           0px;
}
DIV.splash-bottom A:visited {
	border-width: 0px;
	text-decoration: none;
	background-color: #004c00; /* navi_hdr_bg */
	color:            #f9f9f1; /* navi_hdr_txt */
	border:           0px;
}
	
DIV.wrapper {
	position:   absolute;
	left:       175px;
	top:        105px;
	width:      75%;
	margin:     10px 10px 10px 10px;
	padding:     0px  0px  0px  0px;
  	background:          #f9f9f1; /* cont_std_bg */
	color:               #004c00; /* cont_std_txt */
	border:    2px solid #002600; /* frame_line */
}
DIV.content {
	margin:     10px 10px 10px 10px;
	padding:    10px 10px 10px 10px;

	width:       auto;
	font-family: "Century Gothic", "News Gothic", Helvetica, Arial, sans-serif;

  	background:          #f9f9f1; /* cont_std_bg */
	color:               #004c00; /* cont_std_txt */
	border:    none; 
}

div.imageleft {
	float: 		left;
	padding:     	  0px 10px 10px  0px;
}
div.imageleft IMG {
	display:	block;
}
div.imageright {
	float: 		right;
	padding:     	  0px  0px 10px 10px;
}
div.imageright IMG {
	display:	block;
}
#articlep {
	margin-top: 0px;
}
	
/*
 *  We use this to make the vertical bars that appear between menu
 *  items on non-CSS browsers invisible on CSS browsers.
 *
 */

.invisible {

  /* important */
  display: none;          /* hide on browsers that don't render CSS  */
}


/*
 *  The only really important property here is display. It forces line
 *  breaks between items. The rest can be changed as you like.
 *
 */

.navbar-item {

  /* important */
  display: block;         /* forces line breaks between items       */

  /* not important */
  margin-bottom: 0px;
  padding: 2px 5px 2px 5px;
  font-size: smaller;
  font-family: "Century Gothic", "News Gothic", Helvetica, Arial, sans-serif;
  font-weight: bold;
  text-align: right;
}

	

/*
 *  This adds some spacing between the logo and the first navbar item.
 *
 */
#top-navbar-item {
  margin:       0px 0px  0px 0px;
  background-color: #004c00; /* navi_hdr_bg */
  color:            #f9f9f1; /* navi_hdr_txt */
}

#head-fix-navbar-item {

  /* not important */
  background-color: #004c00; /* navi_hdr_bg */
  color:            #f9f9f1; /* navi_hdr_txt */
}

div.navigation-bar a.head-navbar-item {
  background-color: #004c00; /* navi_hdr_bg */
  color:            #f9f9f1; /* navi_hdr_txt */
  display: block;         /* forces line breaks between items       */
  font-family: "Century Gothic", "News Gothic", Helvetica, Arial, sans-serif;
  font-size: smaller;
  font-weight: bold;
  margin-top: 15px;
  padding: 2px 5px 2px 5px;
  text-align: right;
}

#bottom-navbar-item {
	background-color: #004c00; /* navi_hdr_bg */
	border-bottom: 2px solid #002600; /* frame_line */
	color:            #f9f9f1; /* navi_hdr_txt */
	margin-top: 15px;
}

/*
 *  This inserts the logo into the navigation bar.
 *
 */


SPAN.navibar-logo  IMG {
	border-width: 10px 25px 20px 25px ;
	border-color: #f9f9f1; /* navi_std_bg */;
}

SPAN.navibar-logo  A {
	border-width: 0px;
	text-decoration: none;
	background-color: #f9f9f1; /* navi_std_bg */
	color:            #004c00; /* navi_std_txt */
	border:           0px;
}

DIV.navigation-bar A {
	text-decoration: none;
	background-color: #f9f9f1; /* navi_std_bg */
	color:            #004c00; /* navi_std_txt */
	border:           0px;
	
}


DIV.navibar-bar  A {
	background-color: #f9f9f1; /* navi_std_bg */
	color:            #004c00; /* navi_std_txt */
	text-decoration: none;
}
DIV.navibar-bar  A:link {
	background-color: #f9f9f1; /* navi_std_bg */
	color:            #004c00; /* navi_std_txt */
	text-decoration: none;
}

DIV.navibar-bar  A:visited {
	background-color: #f9f9f1; /* navi_std_bg */
	color:            #004c00; /* navi_std_txt */
	text-decoration: none;
}

DIV.flag {
	background-color: #f9f9f1; /* navi_std_bg */
	margin:                   0px  0px  0px  0px;
	text-align: center;
	display: block;
}

DIV.flag IMG {
	border: 1px solid black; /* frame_line */
	margin: 10px;
	height:       30px;
	width:        40px;
}

/*  ---  Content styles  ----------------------------------------  */


/*
 *  All of these styles are window dressing, and not important
 *  to the example.
 *
 */


H1,H2,H3,H4,H5,H6 {

  /* Not important */
  font-family: "Century Gothic", "News Gothic", "Gill Sans", Helvetica, Arial, sans-serif;
}

P {

  /* not important */
  text-align: justify;
 }

P#mylang {
	position: relative;
	margin:   10px 10px 10px 10px;
	padding:  10px 10px 10px 10px;
	border:    2px solid #269a42;
}

	
TABLE.standard {
	border-collapse: 		separate;
	border-spacing: 		0px 0px; 
	color:                   	#004c00; /* navi_std_txt */
	background-color:   	    	#f9f9f1; /* navi_std_bg */
	width:				auto;
	padding:			2px;
}
TABLE.standard TD {
	text-align:			left;
	padding:			2px 1ex 2px 1ex;
}
TABLE.standard TR.odd {
	color:                   	#004c00; /* navi_std_txt */
	background-color:   	    	#d1d09d; /* body_bg */
}
TABLE.standard TR.even {
	color:                   	#004c00; /* navi_std_txt */
	background-color:   	    	#e3e3c4; /* greenbar2 */
}
TABLE.standard TH {
	text-align:			left;
	color:                   	#f9f9f1; /* navi_hdr_txt */
	background-color:   	    	#004c00; /* navi_hdr_bg */
	padding:			2px 1ex 2px 1ex;
}
TABLE.standard  A {
	text-decoration: none;
	color:                   	#004c00; /* navi_std_txt */
}
TABLE.standard  A:link {
	text-decoration: none;
	color:                   	#004c00; /* navi_std_txt */
	background-color:		inherit;
	font-weight:			bold;
}
TABLE.standard  A:visited {
	text-decoration: none;
	color:                   	#004c00; /* navi_std_txt */
	background-color:		inherit;
	font-weight:			normal;
}

.news {
	/* background: #fc3; */
	background: #B1FF14;
	padding: 5px;
	border: 2px solid #002600;
}

.news h1 {
	margin: 1px;
}