/********************************************************
 *                                                      *
 * Project           : Dvaergekunst.dk/programmering    *
 * Fil navn          : style.css                        *
 * Sidst ændret af   : Webmaster                        *
 * Formål            : Definer udseendet af hjemmesiden *
 * Sidst ændret      : 20/10-06                         *
 *                                                      *
 ********************************************************/

body 			{ background-image: url("images/baggrund.gif");
			  padding-top: 20px;
			  text-align: center;
			  font-family: Book Antiqua, Times New Roman;
                          font-size: 100%;
			  font-weight: normal;
                          color: #000066;
   			}

#content		{ width: 800px;
			  margin: 0px auto;
			  text-align: left;
			  border: 3px double #AAAAAA;
			  background: #FFFFFF;
			  height: 540px;
			}

#left			{ width: 180px;
			  float: left;
			  border-right: 1px solid #AAAAAA;
			  height: 540px;
			  background-image: url(left.jpg);
			}

#right			{ width: 579px;
			  float: left;
			  height: 500px;
			  overflow: auto;
			  padding: 20px;
			}

#menubillede		{ float: right;
			}

#menu			{ float: right;
			  width: 150px;
			  height: 400px;
			  margin-top: 40px;
			}

#menu a			{ font-size: 75%;
			  display: block;
			  color: #fff;
			  text-decoration: none;
			  text-align: right;
			  height: 26px;
			  line-height: 26px;
			  padding-right: 7px;
			  filter:alpha(opacity=50);
			  -moz-opacity:.50;
			  opacity:.50;
			  background-color: #222222;
			}

#menu a:hover		{ background: #555555;
			  color: #FFFFFF;
			  filter:alpha(opacity=95);
			  -moz-opacity:0.95;
			  opacity:0.95;
			}

h1			{ color: #000066;
			  font-size: 110%;
			  font-family: Book Antiqua, Times New Roman;
			  font-weight: bold;
			  border-bottom: 1px solid #DDDDDD;
			  width: 559px;
			}

p			{ font-size: 75%;
			  line-height: 180%;
			  color: #222222;
			}

p.medium		{ font-size: 90%;
			  line-height: 170%;
			  color: #222222;
			}

ul			{ font-size: 75%;
			  line-height: 180%;
			  color: #222222;
			}

a.et:link 		{ color: #222222; text-decoration:none; }
a.et:visited 		{ color: #222222; text-decoration:none; }
a.et:active 		{ color: #222222; text-decoration:none; }
a.et:hover 		{ color: #800000; text-decoration:none; }

a.to:link 		{ color: #000066; text-decoration:underline; }
a.to:visited 		{ color: #660000; text-decoration:underline; }
a.to:active 		{ color: #660000; text-decoration:underline; }
a.to:hover 		{ color: #800000; text-decoration:underline; }

a.tre:link 		{ font-size: 120%; line-height: 180%; color: #000066; text-decoration:underline; }
a.tre:visited 		{ font-size: 120%; line-height: 180%; color: #660000; text-decoration:underline; }
a.tre:active 		{ font-size: 120%; line-height: 180%; color: #660000; text-decoration:underline; }
a.tre:hover 		{ font-size: 120%; line-height: 180%; color: #990000; text-decoration:underline; }