/* skeleton4.css
Grundopbygning skærmbilleder generelt.
Inddeling og rammer, baggrunde
Enkle sider med både venstre og højre kolonne
Copyright SOLIDT v. Lars Toftegaard  
*/

/* Hele skærmbilledet */
html, body { padding: 0; margin: 0;
		 border-top: 2px solid black;
		 border-bottom: 0px solid black;
     background-color: #BBBCBE;			
}

/* yderste table */
/* basis ----- */
table#outmost { width: 778px; height: 100%; 
     border-left: 0px solid black; 
     border-right: 0px solid black; 
		 background-color: #82A9E9						
}

table#inmost { width: 466px; max-width: 466px; margin-left: 14px; 
}
table#inmostLinks { width: 466px; max-width: 466px; margin-left: 7px; margin-right: 7px; 
}

/* ----- basis */
/* Øverste række ----- */
td#topArea { height: 20px;
	 background-image: URL(wideback.jpg)
}
/* ----- Øverste række */
/* Midterste række -----  */
td#midAreaLeft { width: 106px;
	 background-image: URL(leftTile5.jpg);
   border-right: 0px solid black; 
	 vertical-align: top
}
td#midAreaCenter { width: 482px; max-width: 483px; min-width: 481px;
/*	 background-image: URL(aloevera2tileLight.jpg); */
	 background-color: #FFF; /*#D7ECFF; #CFE8FF; #F8D76C;*/
   vertical-align: top;
	 padding: 8px 0px 8px 0px;
	 border: 2px solid #004179 /*#FDBE56*/
}
td#midAreaRight { width: 190px; min-width: 190px;  
	 background-image: URL(rightTile5.jpg);
   border-left: 0px solid black; 
	 vertical-align: top;
	 text-align: center
}

.midtd2width { width: 288px; max-width: 288; background-color: red}

/* ----- Midterste række */
/* Nederste række (bund bjælke) ----- */
td#bottomArea { width: 100%; height: 23px;
	 background-image: URL(wideback.jpg);
	 border-top: 0px solid white	 
}
/* ----- Nederste række (bund bjælke) */

.ordtext { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 12px;
	 font-weight: normal;
}
.ordtext_2 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 12px;
	 line-height: 14px;	 
	 font-weight: normal;
}
.ordtext_s { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 11px;
	 font-weight: normal;
	 text-align: center
}
.ordtext_s2 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 11px;
	 font-weight: normal;
	 line-height: 13px;
}

.imgcell { vertical-align: top;
padding: 9px 12px 4px 0px;
font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 10px;
}
.imgcell2 { vertical-align: top;
padding: 3px 9px 4px 0px;
font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 10px;
}
.imgcell3 { vertical-align: top;
padding: 0px 0px  10px 0px;
font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 10px;
}
.imgcell4 { vertical-align: top;
padding-bottom: 7px;
font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 10px;
}
.imgcell5 { vertical-align: top;
padding: 2px 0px 4px 3px;
font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 10px;
}

.txtcell1 { padding-right: 11px
}
.txtcell2 { padding-right: 9px
}

.noborder { border: none }

.imgintxt { border: 2px outset white }
.imgintxt2 { border: 1px solid #000 }
.imgintxt3 { border-top: 4px solid #E68D19; border-right: 2px solid #70B729; border-bottom: 4px solid #70B729; border-left: 2px solid #E68D19}
.imgintxt4 { border-top: 1px solid #003159; border-bottom: 1px solid #003159 }

.imgPad { padding-left: 5px; padding-right: 5px }

h1 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 18px;
	 font-weight: bold;
	 line-height: 20px;
	 padding-top: 0px;
	 margin-top: 0px
 }

h2 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 16px;
	 font-weight: bold
 }

.headline1 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 12px;
	 font-weight: bold
}
 
.fontWhite1 { font-family: verdana, tahoma, arial; 
   color: #FFF;
	 font-size: 12px;
	 font-weight: normal;
 }
 
.fontWhite2 { font-family: verdana, tahoma, arial; 
   color: #FFF;
	 font-size: 14px;
	 font-weight: bold;
 }
 
.fontWhite3 { font-family: verdana, tahoma, arial; 
   color: #FFF;
	 font-size: 11px;
	 font-weight: normal;
 }
 
.fontBlack1 { font-family: verdana, tahoma, arial; 
   color: #000;
	 font-size: 12px;
	 font-weight: normal;
 }
.fontBlack3 { font-family: verdana, tahoma, arial; 
   color: #000;
	 font-size: 11px;
	 font-weight: normal;
 }
 
.fontGrey3 { font-family: verdana, tahoma, arial; 
   color: #BBBCBE;
	 font-size: 11px;
	 font-weight: normal;
}

.fontBlue1 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 12px;
	 font-weight: normal;
 }
.fontBlue2 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 14px;
	 font-weight: bold;
 } 
.fontBlue3 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 11px;
	 font-weight: normal;
 }
.fontBlue4 { font-family: verdana, tahoma, arial;  
   color: #003159;
   font-size: 11px;
	 font-weight: bold;	 
}
.fontBlue5 { font-family: verdana, tahoma, arial; 
   color: #003159;
	 font-size: 16px;
	 font-weight: bold
 } 
 
div#overskrift { padding-top: 2px; padding-left: 1px; height: 36px; vertical-align: top
 }

div#firmaskilt { width: 89%; margin-left: 7px; margin-right: 8px; margin-top: 2px; padding-top: 8px; padding-bottom: 12px; 
			background-color: #E68E19; border: 1px solid #004179 }
			
div#aloeveraskilt { width: 89%; margin-left: 7px; margin-right: 8px; margin-top: 54px;  text-align: left;
				background-color: #E68E19; border: 1px solid #004179
}

div#leftside { width: 91px; height: 180px; margin: 96px 8px 0px 8px;
    background-color: #7AC141; border: 1px solid #004179
}

div#miniature { margin-top: 12px }

div#minitxt { height: 45px; vertical-align: top }

div#menu { margin-top: 18px }
 
.afsnit1 { padding-top: 18px }
.afsnit2 { padding-top: 12px }
.afsnit3 { padding-top: 8px }
.afsnit4 { padding-top: 3px }

img#mini { margin-left: 22px; margin-right: 22px; border: 1px outset white; }

img#portrait {  height: 100px; 
 border: 1px outset white; 
}

.pnts { margin-left: 24px; }
.pnt { padding-top: 4px; font-style: italic }

.ul1 { margin-top: 0px; padding-top: 0px; padding-bottom: 2px; padding-left: 10px; margin-left: 18px }
.ul2 { margin-top: 0px; padding-top: 4px; padding-bottom: 0px; padding-left: 10px; margin-left: 18px }
.ul3 { margin-top: 0px; padding-top: 6px; padding-bottom: 0px; padding-left: 5px; margin-left: 16px }
.ul4 { margin-top: 0px; padding-top: 1px; padding-bottom: 1px; padding-left: 7px; margin-left: 16px }
.ul5 { margin-top: 0px; padding-top: 6px; padding-bottom: 0px; }

li { padding-top: 2px; padding-bottom: 2px; }
.li2 { padding-top: 1px; padding-bottom: 0px; }
.li3 { padding-top: 1px; padding-bottom: 1px; }

.vindent1 { margin-top: 12px; margin-bottom: 2px }
.vindent2 { margin-top: 8px }
.vindent3 { margin-bottom: 12px }
.vindent4 { margin-bottom: 10px }
.vindent5 { margin-bottom: 6px }
.vindent6 { margin-bottom: 3px }
.vindent7 { margin-top: 6px }
.vindent8 { margin-top: 8px; margin-bottom: 2px }

.imgUp { position: relative; top: -4px }
.imgUp2 { position: relative; top: -14px }
.imgUp3 { position: relative; top: -3px }
.imgDown { position: relative; top: 4px }

.indent1 { margin-top: 6px; margin-left: 8px }
.indent2 { padding-left: 18px }
.indent3 { padding-left: 45px }
.indent4 { padding-left: 65px }
.indent5 { padding-left: 33px }
.indent6 { padding-left: 24px }
  
.textarea { width: 345px; max-width: 346px; max-width: 347px; margin-right: 63px; padding-right: 0px; border: 1px solid #E68E19; background-color: #F2AF32;}

.textfield { height: 14px; border: 1px solid #E68E19; background-color: #F2AF32; }

.ButtonSubmit { width: 80px; height: 19px;
    margin: 6px 0px 6px 0px;
		border-top: 1px solid #091F2C; border-right: 1px solid #091F2C; border-bottom: 2px solid #091F2C; border-left: 1px solid #091F2C;
		color: #FFF;	
		font-family: Verdana, Arial, sans-serif;		
    font-size: 10px;
		font-weight: bold;
		background-color: #7AC141;
				text-decoration: none;
		line-height: 14px;		
		cursor: hand
}
.ButtonCancel { width: 80px; height: 17px; padding-bottom: 2px;
		border-top: 1px solid #091F2C; border-right: 1px solid #091F2C; border-bottom: 2px solid #091F2C; border-left: 1px solid #091F2C;	
		font-family: Verdana, Arial, sans-serif;		
    font-size: 10px;
		font-weight: bold;
		color: #FFF;
		background-color: #ED183A;
				text-decoration: none;
		line-height: 12px;		
		cursor: hand
}

