/*************** CSS Document *******************/

#main {
    margin-left: 190px;
}

/* Styling the factboxes */


#factboxes {
    float: right;
    width: 150px;
}

#factboxes .factbox {
    border: 1px solid #322814;
    margin-bottom: 10px;
}

#factboxes h6 {
    font-size:1.2em;
    background-color: #967850;
    padding: 2px 5px;
}

#factboxes .factbox p {
    margin: 0;
    padding: 2px 5px;
    font-family:'Arial',sans-serif;
    font-size:9px;
}

/***  Height to "li a" works to allow full width 
         links when width:100% is not an option; 
		 and seems to force divs to hold contents, 
		 when float is not an option.  Height needs 
		 accuracy, or problematic with Firefox ****/
/****  FLOAT:LEFT WAS NEVER USED IN MANY HORIZONTAL ULs  *****/


/****   VERY IMPORTANT NOTE  ****/
/****   
   KEEP ALL ABSOLUTE POSITIONED DIVS INSIDE OF THE CANVAS_WRAP DIV, TO 
   KEEP ALL ABSOLUTE POSITIONED WORK BOXES VISIBLE IN Nvu and Dreamweaver 
   Editors.  IT's JUST A Z-INDEX RELATED FIX FOR WYSIWYG HTML EDITORS.
   VERY IMPORTANT NOTE  ****/
* {
}

body {
margin:0 auto;
padding:0;
background-color: #92847B;
font-size:.70em;
font-family:verdana, arial, helvetica, sans-serif;
text-align:center;
}

.topbanner{
padding: 10px 0px 10px 0px;
background-color:#F6F6F6;
}

.wrap {
margin:0 auto;
padding: 0;
width:90%;
text-align:center;
}
  

/* The background-image's for the .wrap below are for preloading 
all the page's images, just add your own images to the pattern */  
/***  Preload media  ***/
.wrap {
	background-repeat: no-repeat;
	background-position: -5000px -5000px;}
/**** end preload images ****/

/***  Here's another CSS image preload trick: 
/***  PRELOAD IMAGES AGAIN, BY PUTTING IMAGES 
IN THIS CLASS,  AT THE BASE OF THE HTML  *******/
.hiddenpic {display:none;}
/**** end preload images ****/


.style4 {color: #93857B}


img {margin: 0; padding: 0; border:0;}

p {margin:0 0 10px 0;}

.canvas {
float:left;
margin:0 auto;
padding: 0;
width:100%;
height: 100%;
background: #5C5C5C url("http://aquatex.dk/gfx/shadow_leftontaupe.jpg") repeat-y;;
text-align:left;
}
/****   VERY IMPORTANT NOTE  ****/
/****   
   KEEP ALL ABSOLUTE POSITIONED DIVS INSIDE OF THE MAIN WRAP DIV, AND BE 
   SURE TO SET THE Z-INDEX STACK ORDER; TO KEEP ALL ABSOLUTE POSITIONED 
   WORK BOXES VISIBLE IN Nvu and Dreamweaver Editors.  IT's JUST A FIX 
   FOR WYSIWYG HTML EDITORS.
 
   VERY IMPORTANT NOTE  ****/
   
/******  This is the title text, absolute positioned over the entire 
Template:  Positioned Text box, basically.  Just keep all absolute divs
inside of the wrapper and use css's z-index if necessary.  *****/

.absolute_title {
position:absolute;
top:42px;
left:5%;
margin:0;
padding:0;
height:auto;
width:90%;
background-color:transparent;
border:0px solid #FFFFFF;
color:#FFFFFF;
font-weight:bold;
font-size:2.5em;
text-indent:19.8%;
text-align:left;
z-index:900;
}

.left_column {
margin:0 auto;
padding:0;
float:left;
width:24.8%;
border:0px solid #eaeaea;
text-align:center;

}

.header_left {
display:block;
margin:0 auto;
margin-top:10px;
padding:0;
padding-left:9px;
width:auto;
height:auto;
text-align:left;
color:#FFFFFF;
}

.header_leftrowone {
display:block;
margin:0 auto;
padding:0;
width:100%;
height:5px;
background-color: #372F2C;
text-align:center;
color:#FFFFFF;
font-size:2px;
}

.header_leftrowtwo {
display:block;
margin:0 auto;
padding:0;
width:100%;
height:80px;
background-color: #6ccff6;
background-position:center;
background-image:url(/images/logo1.png);
background-repeat:no-repeat;
}

/****  Page Link Styles (NOT MENU LINKS)  *****/
 a:link, a:visited {color:#336699; font-weight:normal;} 
 a:hover, a:active {color:#B48181; background-color:#eaeaea;font-weight:normal;} 

.adr {
bottom:-10px;
position:relative;
text-align:right;
color:#000000;
font-size:1em;
margin:0 10px 10px 0;
}

a.email, a.email:link, a.email:visited {
color:#fff;
text-decoration: none;
}
a.email:hover {
color:#fff;
text-decoration: underline;
background-color: #6c0;
}

.header_leftrowthree {
display:block;
margin:0 auto;
padding:0;
width:100%;
height:15px;
background-color: #372F2C;
text-align:center;
color:#FFFFFF;
}

.right_column {
overflow:auto;
display:block;
float:right;
margin:0 auto;
padding:0;
height: 100%;
width:75%;
background: #FFFFFF url("http://aquatex.dk/gfx/shadow_rightontaupe.jpg") repeat-y right;
text-align:center;
}

.header_right {
margin:0 auto;
margin-top:10px;
padding:0;
padding-right:9px;
width:auto;
height:auto;
text-align:center;

}

.header_rightrowone {
margin:0;
padding:0;
width:100%;
height:5px;
background-color: #736B68;
text-align:center;
color:#FFFFFF;
font-size:2px;}

.header_rightrowtwo {
	background-position:left;
	background-repeat:no-repeat;
	background-image:url(fastelavnstoende.png);
margin:0;
padding:0;
width:100%;
height:80px;
background:#b6dba4; 
text-align:right;
color:#ffffff;

}

.header_rightrowthree {
margin:0;
padding:0;
width:100%;
height:15px;
background-color: #736B68;
text-align:center;
color:#FFFFFF;
font-weight:normal;
}


/***** Adding overflow:auto to any boxes will auto scrollbar if needed.  ******/

.content_wrapper {
display:block;
margin:0% auto;
margin-top:20px;
padding:0;
width:95%;
text-align:center;
}
.content_left {
float:left;
margin:0;
padding:0;
width:70%;
text-align:left;
min-height:500px;
}


.content_right {
float:right;
margin:0;
padding:0;
padding-left:15px;
width:28%;
text-align:left;
border-left:2px dashed #999999;
font-family:'Arial',sans-serif;
font-size:12px;
font-weight:200;
line-height:2em;
}

.content_right td a {
text-align:left;
text-decoration:none;
line-height:1.5;
}

td.frontpageNewsListHeader {
color:blue;
}

td.frontpageNewsListEntry {
margin-left:5px;
}
.newsheader a {
text-decoration:none;
}
/***  This is the sample table 200 height  ****/
.content_right_e {
overflow:auto;
display:block;
margin:0 auto;
margin-top:5px;
padding:0;
width:95%;
height:200px;
text-align:left;
}

.bodylinks_menu {
display:block;
float:left;
margin:4px 0px; 
padding:4px 0px;
width:100%;
border-bottom: 1px dashed #666666;
}


.footer {
	display:block;
	clear:both;
	width:90%;
	margin:0 auto;
	margin-top:20px;
	padding:0 0 5px 0;
	border-top:1px solid #cccccc;
	color: #000000;
	text-align:center;
}

/****  "topmenu" HORIZONTAL  ****/
.topmenu {
margin:0 auto;
padding:0;
width:72%;
text-align:center;
}
ul.topmenu {
margin:0;
padding:0;
padding-bottom:2px;
list-style: disc inside;
text-align: center;
}
ul.topmenu li {
margin:0;
padding:0;
display:inline;
width:25%;
}
/****  "topmenu" horizontal menu link styles  ****/
ul.topmenu li a:link, ul.topmenu a:visited {
color:#fff;
font-weight:bold;
width:100%;
text-decoration: none;
}
ul.topmenu li a:hover, ul.topmenu a:active  {
color:#69f;
font-weight:bold;
width:100%;
background-color: #736b68;
text-decoration: underline;
}

/*** VENSTRE MENU ***/

#menu {
margin-left:10px;
}

/* Level 1 */
#menu ul.ul_l1 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%; /*215*/
    text-align:left;
}

#menu ul.ul_l1 li {
    display: block;
    margin: 0px;
    padding: 0px;
    padding-top: 2px;
    padding-bottom: 2px;
    border-bottom: 1px solid #cccccc;
}

#menu ul.ul_l1 li a {
    display: block;
    color: #ffffff;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    padding-left: 10px;
    line-height: 17px;
}

#menu ul.ul_l1 li a:hover {
    color: #000000;
}

#menu ul li a.III_l1, #menu ul li a.IOO_l1 {
    color: #ffff99;
}

/* Level 2 */
#menu ul.ul_l2 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    float: left;
    width: 100%;
}

#menu ul.ul_l2 li {
    display: block;
    margin: 0px;
    padding: 0px;
   
}

#menu ul.ul_l2 li a {
    display: block;
    color: #FFFFFF;
    font-weight: bold;
    font-size: 10px;
    text-decoration: none;
    padding-left: 20px;
    line-height: 17px;
}

#menu ul.ul_l2 li a:hover {
    color: #000000;
}

#menu ul li a.III_l2, #menu ul li a.IOO_l2 {
    color: #ffff99;
}

/* Level 3 */
#menu ul.ul_l3 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

#menu ul.ul_l3 li {
    margin: 0px;
    padding: 0px;
   
}

#menu ul li a.III_l3, #menu ul li a.IOO_l3 {
    color: #000000;
}

/* Level 4 */
#menu ul.ul_l4 {
    list-style: none;
    margin: 0px;
    padding: 0px;
    padding-left: 10px;
}

#menu ul.ul_l4 li {
    margin: 0px;
    padding: 0px;
    
}

#menu ul li a.III_l4, #menu ul li a.IOO_l4 {
    color: #000000;
}
#menu ul li {
	clear:both;
	display:block;

}
#flags {
	clear:both;
	display:block;

}

/*** VENSTRE MENU SLUT ***/



/***  bodylinks_column: Body columned menus  ***/
.bodylinks_column {display:block;float:left; margin:0 auto;  padding:0; width:100%; text-align:center;}
ul.bodylinks_column {display:block; float:left; margin:0; padding:0; display:block; width:49.5%;}
ul.bodylinks_column li {margin:0; padding:0; list-style: none;}
/****  bodylinks_column Link/hover Styles  ****/
ul.bodylinks_column a:link, .bodylinks_column a:visited {color:#336699;font-weight:normal; text-decoration:underline;background: url("http://www.multimedieprojekter.dk/media/dualarrowgold.gif") no-repeat top left; padding-left: 15px;}
ul.bodylinks_column a:hover, .bodylinks_column a:active {color:#B48181;font-weight:normal;text-decoration:underline;background: transparent url("http://www.multimedieprojekter.dk/media/dualarrowgold.gif") bottom left no-repeat;}


/****  "basemenu" HORIZONTAL   ****/
.basemenu {display:block; margin:0 auto;  padding:0; width:auto; text-align:center;}
ul.basemenu {display:block; margin:0; padding:0; padding-bottom:2px; list-style: none inside; text-align: center;}
ul.basemenu li {margin:0; padding:0; display:inline; width:25%;}
/****  "basemenu" menu link styles   ****/
ul.basemenu li a:link, ul.basemenu li a:visited {color:#336699;font-weight:normal;}
ul.basemenu li a:hover, ul.basemenu li a:active  {color:#B48181;font-weight:normal;background-color: #eaeaea;font-weight:normal;}

/****  LEFT SMALL BOXES: LINK STYLES: GOLD LINKS WITH BLUE ON HOVER  *****/
.sidebox_a a:link, .sidebox_a a:visited,
.sidebox_b a:link, .sidebox_b a:visited,
.sidebox_c a:link, .sidebox_c a:visited,
.sidebox_d a:link, .sidebox_d a:visited,
.sidebox_e a:link, .sidebox_e a:visited {
color:#A99D61;font-weight:normal;
}

.sidebox_a a:hover, .sidebox_a a:active,
.sidebox_b a:hover, .sidebox_b a:active,
.sidebox_c a:hover, .sidebox_c a:active,
.sidebox_d a:hover, .sidebox_d a:active,
.sidebox_e a:hover, .sidebox_e a:active {
color:#336699;font-weight:normal;background-color: #eaeaea;font-weight:normal;
}

h1 {
	font-family:'Eurostile','Verdana','Arial',sans-serif;
	margin:0px 0 5px 0; 
	padding:0;
	border-bottom: 1px solid #CCCCCC;
	border-top: 1px solid #CCCCCC;
	border-right: 20px solid #6c0;
	color: #6c0;
	font-size:1.3em;
	font-weight:900;
	letter-spacing: 0.3em;
  clear:both;
}

h1 a:link {
	text-decoration:none;
  color: #6c0;
  font-weight:900;
	letter-spacing: 0.3em;
  clear:both;
}
	
h2 {
	margin:0 0 3px 0; 
	padding:10px 0 0 0;
	border-bottom: 1px solid #CCC;
	color: #8080c0;
	font-size: 1.2em;
	font-weight:600;
  clear:both;
}	

h3 {
	margin:0; 
	padding:0;
	color: #336699;
	font-size: 1em;
	font-weight:bold;

}

h4 {
	margin:0 0 2px 0; 
	padding:0;
	border-bottom: 1px solid #CCC;
	color: #336699;
	font-size: 1.2em;
	font-weight:600;
}

input.texta {
	position: relative;
	background-color: #69c;
	height: 15px;
	font-size: 12px;
	color: #fff;
	z-index: 20;
	right: 10px;
	top: 14px;
	border: 1px;
	padding: 2px 5px 0 5px;
}

input.textb {
	position: relative;
	background-color: #69c;
	height: 19px;
	font-size: 12px;
	color: #fff;
	z-index: 20;
	right: 10px;
	top: 14px;
	border: 1px;
}

#besked_tilos label
{
font-size:12px;
	font-family:verdana;
	color:#0000FF;
width: 15em;
float: left;
text-align: right;
margin-right: 0.5em;
display: block;
}

#besked_tilos li
{
list-style:none;
}

#besked_tilos .submit input
{
 margin-left: 4.5em;
}

#besked_tilos input
{
color: #781351;
background: #ccffcc;
border: 1px solid #781351
}

#besked_tilos checkbox
{
background: #fff;
border: none;
}

#besked_tilos textarea
{
margin-left:60px;
width:20em;
background: #ccffcc;
}

#besked_tilos .submit input
{
color: #000;
background: #ccffcc;
border: 2px outset #d7b9c9
}

#besked_tilos fieldset
{
border: 1px solid #666666;
width: 40em;
padding:20px 0 10px;

}

#besked_tilos legend
{
font-weight:bold;
font-size:14px;
font-family:verdana;
color:#0000FF;
background: #ccffcc;
border: 1px solid #781351;
padding: 2px 6px;
}