/* style sheet krodde.css               */
/* last modified: January 15, 2012       */
/* body                                 */
body {
  color:			black;
  background:		#ffffee url(gifs/background.gif) top left repeat-y;
  font-family:		Arial, Helvetica, sans-serif;
  font-size:		12px;
}
a {
  color:			green;
  background-color:	#ffffee;
  text-decoration:	none;
}
a:link {
  color:			green;
  background-color:	#ffffee;
  text-decoration:	none;
}
a:hover {
  text-decoration:	underline;
}
h1 {
  font:				bold 200% "Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;
  color:			green;
  border-bottom:	3px solid #804040;
  padding-bottom:	2px;
}
h3 {
  font:				130% "Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;
  color:			green;
  padding-bottom:	2px;
}
/* picture                              */
div#picture {
  position:			absolute;
  top:				20px;
  left:				20px;
  width:			170px;
}
/* validator                            */
div#validator {
  position:			absolute;
  top:				530px;
  left:				20px;
  width:			170px;
  color:			green;
}
/* content                              */
div#content {
  position:			absolute;
  top:		    	170px;
  left:				200px;
  width:			550px;
}
/* banner                              */
div#banner {
  position: 		absolute;
  top:		    	20px;
  left:			    200px;
  width:	    	550px;
}
/* menu                               */
div#menu {
  position:			absolute;
  top:				135px;
  left:				200px;
  width:			550px;
  background-color:	#ffffee;
}
div#menu ul {
  display:			block;
  margin:			0;
  padding:			0;
  text-align:		center;
  font-family:		"Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;
  font-size:		16px;
  background-color:	#ffebb5;
}
div#menu li {
  display:			inline;
  margin:			0;
  padding:		    0px 3px 0px 7px;
  border-left:		1px solid #e8f8ff;
  border-right:		1px solid #e8f8ff;
}
div#menu li:hover {
  background-color:	#ffdaa5;
  color:			green;
}
div#menu li a {
  color:			green;
  background-color:	#ffebb5;
  text-decoration:	none;
}
div#menu li:hover a {
  color:			green;
  background-color:	#ffdaa5;
}
div#menu li a#activemenu {
  color:			red;
}
/* submenu                              */
div#submenu {
  position:			absolute;
  top:				240px;
  left:				20px;
  width:			150px;
}
div#submenu ul {
  padding:			0;
  margin:			0;
  list-style:		none;
  width:			150px;
}
div#submenu a {
  display:			block;
  padding:	    	3px 0px 3px 15px;
  margin:   		0px 0px 1px 0px;
  border-width:		0;
  border-right:		0;
  text-align:		left;
  font-family:		"Comic Sans MS", Arial, Helvetica, Verdana, sans-serif;
  font-size:		16px;
  line-height:		16px;
  text-decoration:	none;
  color:			green;
  background-color:	#ffebb5;
}
div#submenu a:hover {
  background-color:	#ffdaa5;
}
div#submenu a#foto {
  display:			inline;
  padding:			0;
  margin:			0;
}
div#submenu a#activesubmenu {
  color:			red;
}
/* classes                              */
.style1 {
  color:			green;
}
.style2 {
  color:			black;
  font-size:		12px;
}
.strong {
  color:			#804040;
  background-color:	#ffffee;
  font-weight:		bold;
}
.small {
  font-size:		11px;
}
.caption {
  color:			green;
  font-size:		11px;
}