/* andreas01 - an open source xhtml/css website layout by Andreas Viklund (http://andreasviklund.com). Made for OSWD.org, free to use as-is for any purpose as long as the proper credits are given for the original design work. For design assistance and support, contact me through my website or through http://oswd.org/email.phtml?user=Andreas

Version: 1.0
(July 25, 2005)

Screen layout: */

body {
margin: 0 auto;
padding: 0;
font: 76% Verdana,Tahoma,Arial,sans-serif;
background: #ffffff;
color:#000000;
}

#wrap {
background: #ffffff;
color:#000000;
width: 990px;
margin:0px auto;
}

#header {
color:#ffffff;
background:#ffffff url(img/druppel.jpg) top left no-repeat;
height:170px;
margin:10px 0 0px 0;
padding:0;
}

#navigation{
height:2.0em;
line-height:1.8em;
width:auto;
margin-left:400px;
margin-top:5px;
background:#ffffff;
}

#navigation a {
font-family:"Times New Roman", Times, serif;
padding:0 30px;
font-size:1.3em;
font-weight:bold;
text-decoration:none;
background-color:#ffffff;
color: #538900;
}

#navigation a:hover {
font-family:"Times New Roman", Times, serif;
background-color:#ffffff;
color:#444d26;
text-decoration:none;
}

#avmenu {
clear: left;
float: left;
width: 200px;
margin: 20px 0 10px 0;
padding: 0;
font-size: 0.9em;
}

#avmenu ul {	
list-style: none;
width: 200px;
margin: 0 0 0px 0;
padding: 0;
font-size: 1.1em;
}	

#avmenu ul ul{	
list-style: none;
width: 190px;
margin: 5px 0 10px 10px;
padding: 0;
font-size: 1.0em;
}

#avmenu li {
margin-bottom: 2px;
}

#avmenu li a {
font-weight: bold;
height: 20px;
text-decoration: none;
color: #86B800;
display: block; 
padding: 10px 0 0 10px;
background: #ffffff;
border: 1px solid;
border-left: 3px solid;
border-color:#8b9078;
}	

#avmenu ul ul li a {
font-weight: bold;
height: 11px;
text-decoration: none;
color: #090
display: block; 
padding: 10px 0 7px 10px;
background: #ffffff;
border: 1px solid;
border-left: 3px solid;
border-color:#8b9078;
}	

#avmenu li a:hover {
background: #ffffff;
color: #538900;
border: 1px solid;
border-left: 3px solid;
border-right: 3px solid;
border-color:#8b9078;
}

.box { 
background: #ffffff; 
color: #616060; 
font-size:11px;
padding:10px 10px 10px 10px;
margin: 10px 0 10px 0; 
line-height:1.3em;
border:1px solid #8b9078;
}

.boxemp { 
background: #ffffff; 
color: #616060; 
font-size:11px;
padding:10px 10px 10px 10px;
margin: 10px 0 10px 0; 
line-height:1.3em;
border:none;
height:400px;
}

.box ul{
margin:0;
padding:0 0 10px 10px;
}

#extras {
float: right;
width: 200px;
margin: 20px 0 10px 0;
padding: 0px;
font-size: 0.9em;
line-height: 1.5em;
border:hidden;
border-color:#8b9078;
}

#extras p {
margin: 0 0 1.5em 0;
padding: 10px;
color: #616060;
}

#extras h3 {
color: #616060;
font-family:"Times New Roman", Times, serif;
font-size: 1.7em;
line-height: 1.1em;
padding:10px;
}

#content {
background-color: #ffffff;
color: #616060;
margin: 20px 200px 10px 210px;
padding: 10px 10px 0;
line-height: 1.6em;
text-align: left;
}

#content p, #contentwide p {
padding:0 10px 0 10px;
}

#contentwide {
background-color: #ffffff;
color: #616060;
margin: 20px 0px 10px 210px;
padding: 10px 10px 0;
line-height: 1.6em;
text-align: left;
}

#contentwide li {
padding-right:10px;
}

table {
	margin-left:8px;
}

.agenda {
background: #ffffff;
color: #616060;
border: 1px solid #8b9078;
border-collapse: collapse;
margin-top:10px;
margin-bottom:15px;
width: 99%;
}

.agendaannounce {
background: #ffffff;
color: #616060;
border: 1px solid #8b9078;
border-collapse: collapse;
margin-bottom:15px;
width:100%;
}


.agenda td {
padding: 5px 10px 5px 10px;
border: 1px solid #8b9078;
}

.agenda th {
background: #f7fcf7;
color: #538900;
border: 1px solid #8b9078;
text-align: center;
}

.agendaannounce td {
background: #f0edf4;
color: #616060;
border: 1px solid #8b9078;
text-align: left;
}

#content img, #contentwide img {
padding: 1px;
display:inline;
}

h3 {
color: #538900;
font-family:"Times New Roman", Times, serif;
font-size: 1.5em;
margin: 10px 0 10px 0;
}

#content h3, #contentwide h3 {
color: #616060;
font-family:"Times New Roman", Times, serif;
font-size: 1.7em;
margin: 0 0 0 10px;
}

.links a {
font-size:16px;
color: #444d26;
}

.links a:hover {
text-decoration:underline;
font-size:16px;
color: #444d26;
}

.style2 {
color: #616060;
}

.style3 {
color: #616060;
margin-left:10px;
font-size:14px;
}

.style4 {
color: #538900;
margin-left:10px;
font-size:15px;
font-weight:bold;
}

a {
text-decoration: none;
color: #86B800;

}

a:hover {
text-decoration: none;
color: #538900;
}

a img {
border: 0;
}

#footer {
background: #ffffff;
clear: both;
margin:0 0 10px 0;
padding: 10px 0px 0px 0px;
width: 990px;
text-align: center;
color: #8b9078;
font-size: 0.9em;
}

.image1 {
text-align:center;
background-color:#eae2fe;
}

.image2 {
text-align:center;
background-color:#eae2fe;
margin-top:10px;
}

.left {
margin: 10px 10px 5px 10px;
float: left;
}

.left1{
margin: 10px 10px 5px 10px;
}

.right {
margin: 10px 40px 5px 10px;
float: right;
}

.right1 {
margin: 30px 40px 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.8em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}


iframe {
margin-left:-7px;
margin-bottom:10px;
}

fieldset {
margin: 10px 10px 20px 10px;
padding: 0px 10px 0 10px;
}

legend {
  font-family:"Times New Roman", Times, serif;
  font-size: 1.4em;
  color: #ffffff;
  border: 1px solid #660066;
  font-weight: bold;
  background-color: #ffffff;
  padding:7px 10px;
}

label {
font-family:"Times New Roman", Times, serif;
font-size: 1.3em;
}

object {
	margin-left:5px;
}