/* andreas02 - 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 27, 2005)

Screen layout: */
body {	padding: 0;	margin: 0; font: 76% verdana, arial, sans-serif; background: #e0e0e0; color: #303030;	}

a {	text-decoration: none; color: #286ea0; }
a:hover {	text-decoration: underline;	}
  
#toptabs {	margin: 10px auto -13px auto;	font-size: 0.8em;	width: 760px;	}
#toptabs p {	text-align: right; color: #808080; float: right; }
#toptabs div.moduletable ul#mainlevel li {	display: inline; list-style-type: none; }
#toptabs div.moduletable a.mainlevel {
	padding: 3px 5px 3px 5px;	margin: 0 0 0 4px; text-decoration: none; background: #f0f0f0 url(../images/corner2.gif) top right no-repeat;	color: #808080;	border-bottom: 1px solid #e0e0e0;	float: right; }

#toptabs div.moduletable a.mainlevel:hover {
	background: #fafafa url(../images/corner2.gif) top right no-repeat;	border-bottom: 1px solid #eaeaea;	color: #505050;	text-decoration: none; }
#container {	margin: 0 auto 15px auto;	width: 760px;	padding: 5px 20px 20px 20px;	background: #ffffff;	clear: both; }
#logo {	margin: 15px 0 0 0;	}
#logo h1 a {	color: #303030;	}
#logo h1 a:hover {	text-decoration: none; }

#navitabs {	clear: both;	margin-bottom: -12px; }
#navitabs div.moduletable ul#mainlevel {	margin-left: -1px; }	
#navitabs div.moduletable ul#mainlevel li {	display: inline; list-style-type: none;	}
#navitabs div.moduletable ul#mainlevel li a.mainlevel {
	padding: 4px 8px 8px 8px;	margin: 0em 0em 0px 0em;	text-decoration: none;	letter-spacing: 1px;	background: #e0e0e0 url(../images/corner.gif) top right no-repeat;	border-left: 1px solid #ffffff; }
#navitabs div.moduletable ul#mainlevel li a.mainlevel:hover {	text-decoration: none;	background: #d0d0d0 url(../images/corner.gif) top right no-repeat; }
#navitabs div.moduletable ul#mainlevel li a#active_menu {
	padding: 4px 8px 8px 8px;	color: #ffffff;	margin: 0 0 5px 0; text-decoration: none; background: #505050 url(../images/corner.gif) top right no-repeat; }
  
#desc {	height: 200px; color: #ffffff; padding: 0; background: #505050 url(../images/front.jpg) top left no-repeat; clear: both; margin: 0; }
#desc div.moduletable {	width: 290px; font-size: 1em; line-height: 1.3em; padding: 0px 0em 0em 15px; }
#desc div.moduletable h3 { color: #ffffff; padding-top: 10px; }
#desc a {	color: #ffffff; text-decoration: underline; }

#main {	width: 590px; float: left; padding: 0px 15px 0 0; border-right: 1px solid #d0d0d0; background: url(../images/bgtekst.gif); background-position: 380px 85%; background-repeat: no-repeat; background-attachment: fixed; }

.block { background: #f0f0f0; padding: 15px; }
#sidebar { width:140px; float:right; }
#sidebar p { font-size: 0.9em; line-height: 1.3em; margin: 0 0 12px 0; }
.sidelink {
	text-align: left; display: block; width: 120px; background: #f0f0f0 url(../images/corner.gif) top right no-repeat; padding: 3px 4px 3px 8px; margin: 5px 10px 5px 0; }
.sidelink:hover {	background: #e0e0e0 url(../images/corner.gif) top right no-repeat; text-decoration: none; }
  
#footer {	clear: both; background: #fafafa; color: #808080; font-size: 0.9em; padding: 8px 0 8px 0; border-top: 1px solid #d0d0d0; text-align: center; }
#footer a {	color: #808080;	}
  
h1 { margin: 0 0 20px 0;	font-size: 2.1em; font-weight: normal; }
h2 { margin: 0 0 20px 0;	font-size: 1.6em; font-weight: normal; }
h3 { margin: 10px 0 10px 0; font-size: 1.4em; font-weight: normal; }
p {	margin: 0 0 15px 0; line-height: 1.5em; text-align: left;	}

.right { text-align: right; }
a img {	border: 0; }
.photo { padding: 5px; display: block; margin: 0 auto 15px auto; background-color: #f0f0f0; }
.hide {	display: none; }

#main div.moduletable {	background-color: #eee;	padding-top: 1px;	padding-bottom: 15px;	padding-left: 20px;	padding-right: 20px; border: 1px #ccc solid;}
td.contentheading {	font-size: 1.4em; font-weight: bold; padding-top: 5px; }

span.small{	color: #999; font-size: .9em; }
td.createdate{	color: #999; font-size: .9em; }
td.modifydate{ color: #999; font-size: .9em; }
div.blog_more{ color: #999; font-size: .9em; }
table.contentpaneopen {	margin-top: 10px; }
div.componentheading {	font-size: 1.4em; font-weight: bold; margin-top: 10px; }
td.sectiontableheader{ background-color: gray; padding: 10px; color: #fff; font-size: 1.2em; font-weight: bold; border-bottom: 3px #333 solid; }
tr.sectiontableentry1{ padding: 10px; background-color: #ccc; }
tr.sectiontableentry2{ padding: 10px; background-color: #fff; }