/* 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: */


td{
font-size:12px;
vertical-align:top;}

.subsitemap_act{
color:#999;
font-size:0.95em;
font-weight:bold;}

li{
line-height: 17px;}

form#mailform{
background-color:#eeeeee;
border:1px solid #ddd;
padding: 10px 10px;
margin-top:0px}

fieldset{
background-color:#eeeeee;

border:none;}

p, div.indent {
	margin: 0 0 5px 0;
	line-height: 1.5em;
	text-align: left;
}
p.align-right {
	text-align:right;
}
p.align-left {
	text-align:left;
}
p.align-center {
	text-align:center;
}

div#desc1 div.menu_no a:hover, div#desc1 div.menu_act a:hover{
background-color:#7083BF;
text-decoration:underline;}

div#desc1 div.menu_act a{
background-color:#6A7CB5;
text-decoration:none;
color:#FFFFFF;}

div#desc8 div.menu_no a:hover, div#desc8 div.menu_act a:hover{
background-color:#E28B51;
text-decoration:underline;}

div#desc8 div.menu_act a{
background-color:#D8844D;
text-decoration:none;
color:#FFFFFF;}

div#desc13 div.menu_no a:hover, div#desc13 div.menu_act a:hover{
background-color:#7CA592;
text-decoration:underline;}

div#desc13 div.menu_act a{
background-color:#749B89;
text-decoration:none;
color:#FFFFFF;}


#sidebar ul {
	list-style:none;
	padding:0px;
	margin: 0px;
}

#sidebar a.sidelink {
	text-align: left;
	display: block;
	width: 120px;
	background: #f0f0f0 url(../images/corner.gif) top right no-repeat;
	padding: 3px 4px 3px 8px;
	margin: 9px 10px 5px 0;
	color: #000000;
}

#sidebar a.sidelink:hover {
	background: #e0e0e0 url(../images/corner.gif) top right no-repeat;
	text-decoration: none;
}
div.indent {
	padding-left:15px;
}
#main a {
	color:#444;
}
a {
	text-decoration:none;
}
a:hover {
	text-decoration:underline;
}
#main li a {
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	line-height:17px;
}
a.linkInt, a.internal-link {
	color: #444;
	font-family:Verdana, Arial, Helvetica, sans-serif;
}
h3 a, h3 a:visited {
	display:block;
	text-decoration:none !important;
	margin-right:10px;
	color:#222 !important;
}
.contenttable {
	font-size:12px;
}
textarea#mailform {
	font-size:13px;
}
label {
	display:block;
	float:left;
	padding:0px;
	width:125px;
}
 .csc-mailform-label h5, .csc-mailform-label h4, .csc-mailform-label h3, .csc-mailform-label h2, .csc-mailform-label h1, {
 clear:both;
}
.csc-mailform-field {
	padding: 3px;
	clear: both;
}
#footertable {
	background-color: #fafafa;
	padding: 12px 22px;
	color:#808080;
	line-height:15px;
}
td bodytext {
	margin:0px;
	padding:0px;
	font-size:0.95em;
}
.menu_no a, .menu_act a {
	display:block;
	height: 100%;
	padding: 8.3px 0px;
	text-decoration: none;
}
.menu_act a {
	color:#000000;
}
.menu_no a:hover {
	text-decoration: underline;
}
.menu_act {
	width:320px;
	font-weight:bold;
	text-indent:30px;
	background-color:#dddddd;
}
.menu_no {
	width:320px;
	font-weight:bold;
	text-indent:30px;
}
body {
	padding: 0;
	margin: 0;
	font: 12px tahoma, verdana, sans-serif;
	background: #e0e0e0;
	color: #303030;
}
#navitabs a, .menu_no a {
	color: #ffffff;
}
a:hover {
	text-decoration: underline;
}
#toptabs {
	margin: 10px auto -13px auto;
	font-size: 0.8em;
	width: 760px;
	padding-bottom:11px;
}
#toptabs p {
	text-align: right;
	color: #808080;
}
.toptab {
	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;
}
.toptab:hover {
	background: #fafafa url(../images/corner2.gif) top right no-repeat;
	border-bottom: 1px solid #eaeaea;
	color: #505050;
	text-decoration: none;
}
.activetoptab {
	padding: 3px 5px 3px 5px;
	margin: 0 0 0 4px;
	color: #505050;
	text-decoration: none;
	background: #ffffff url(../images/corner2.gif) top right no-repeat;
	border-bottom: 1px solid #ffffff;
}
.activetoptab:hover {
	text-decoration: none;
}
#container {
	margin: 0 auto 15px auto;
	width: 760px;
	padding: 5px 20px 20px 20px;
	background: #ffffff;
}
#logo {
	margin: 15px 0 0 0;
	background-image: url(../images/logo_transparent.gif);
	background-repeat: no-repeat;
	background-position: right;
	height: 44px;
}
#logo h1 a {
	color: #303030;
}
#logo h1 a:hover {
	text-decoration: none;
}
#navitabs {
	clear: both;
}
.navitab {
	padding: 4px 8px 4px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #8C8C8C;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.navitab:hover, .navitab1:hover, .navitab2:hover, .navitab3:hover, .navitab4:hover {
	text-decoration: none;
}
.activenavitab:hover {
	text-decoration: none;
}
.navitab1, .navitab2, .navitab3, .navitab4, .navitab5 {
	padding: 4px 8px 4px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
a#activenavitab {
	padding: 4px 8px 5px 8px;
	color: #ffffff;
	margin: 0 0 5px 0;
	text-decoration: none;
	border-bottom:none;
	border-left:none;
}
.navitab1 {
	background-color: #5F6EA0;
}
.navitab:hover {
	background-color:#a6a6a6;
}
.navitab1:hover {
	background-color:#5F6EA0;
}
.navitab2 {
	background-color: #C37846;
}
.navitab2:hover {
	background-color: #C37846;
}
.navitab4 {
	background-color: #648778;
}
.navitab4:hover {
	background-color: #648778;
}
.navitab5 {
	background-color: #b49d01;
}
.navitab5:hover {
	text-decoration: none;
	background-color: #b49d01;
}
.navitab6 {
	padding: 4px 8px 4px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom: 1px solid #ffffff;
	border-left: 1px solid #ffffff;
	background-color: #8C8C8C;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.navitab:hover, .navitab6:hover {
	text-decoration: none;
}
.activenavitab:hover {
	text-decoration: none;
}
.navitab6 {
	padding: 4px 8px 4px 8px;
	margin: 0 0 4px 0;
	text-decoration: none;
	letter-spacing: 1px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-bottom-style: solid;
	border-left-style: solid;
	border-bottom-color: #FFFFFF;
	border-left-color: #FFFFFF;
	background-image: url(../images/corner.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
a#activenavitab6 {
	padding: 4px 8px 4px 8px;
	color: #ffffff;
	margin: 0 0 5px 0;
	text-decoration: none;
	border-bottom:none;
	border-left:none;

}
.navitab6 {
	background-color: #648778;
}
.navitab6:hover {
	text-decoration: none;
	background-color: #648778;
}
#desc {
	background:#505050 url(../images/Seite_1web.jpg) no-repeat left top
}

#desc,#desc1,#desc2,#desc2,#desc3,#desc4,#desc5,#desc6,#desc7,#desc8,#desc9,#desc10,#desc11,#desc12,#desc13,#desc14,#desc15 {
	height:192px;
	padding:0;
	clear:both;
	margin:5px 0 0 0;
	padding-top:8px;
}

#desc,#desc2,#desc2,#desc3,#desc4,#desc5,#desc6,#desc7,#desc8,#desc9,#desc10,#desc11,#desc12,#desc13,#desc14,#desc15 {
	color:#fff
}

#desc1 {
	background:#5f6ea0 url(../images/Seite_2-1web.jpg) no-repeat left top;
	color:#2d6db7
}

#desc2 {
	background:#505050 url(../images/Seite_2-2web.jpg) no-repeat left top
}

#desc3 {
	background:#505050 url(../images/Seite_2-3web.jpg) no-repeat left top
}

#desc4 {
	background:#505050 url(../images/Seite_2-4web.jpg) no-repeat left top
}

#desc5,#desc6 {
	background:#505050 url(../images/Seite_3-1web.jpg) no-repeat left top
}

#desc7 {
	background:#505050 url(../images/Seite_3-2web.jpg) no-repeat left top
}

#desc8 {
	background:#505050 url(../images/Seite_3-3web.jpg) no-repeat left top
}

#desc9 {
	background:#505050 url(../images/Seite_3-4web.jpg) no-repeat left top
}

#desc10 {
	background:#505050 url(../images/Seite_3-5web.jpg) no-repeat left top
}

#desc11 {
	background:#505050 url(../images/Seite_3-6web.jpg) no-repeat left top
}

#desc12 {
	background:#505050 url(../images/Seite_4-1web.jpg) no-repeat left top
}

#desc13 {
	background:#505050 url(../images/Seite_4-2web.jpg) no-repeat left top
}

#desc14 {
	background:#505050 url(../images/Seite_5-1web.jpg) no-repeat left top
}

#desc15 {
	background:#505050 url(../images/Seite_5-2web.jpg) no-repeat left top
}

#desc p {
	width: 290px;
	font-size: 1em;
	line-height: 1.3em;
	padding: 0 0 0 15px;
}
#desc h2 {
	padding: 15px 15px 0 15px;
	color: #ffffff;
}
#desc a {
	color: #ffffff;/* text-decoration: underline; */
}
#main {
	width: 590px;
	float: left;
	padding: 0 15px 0 0;
	border-right: 1px solid #d0d0d0;
}
.block {
	background: #f0f0f0;
	padding: 15px;
}
#sidebar {
	padding-top:10px;
	width:140px;
	float:right;
}
#sidebar p {
	font-size: 0.9em;
	line-height: 1.3em;
	margin: 0 0 12px 0;
}
#footer {
	clear: both;
	background: #fafafa;
	color: #808080;
	font-size: 0.9em;
	padding: 8px 0 8px 0;
	border-top: 1px solid #d0d0d0;
	border-bottom: 1px solid #d0d0d0;
	text-align: center;
}
#footer a {
	color: #808080;
}
h1,h2 {
	margin:0 0 20px 0;
	font-size:1.6em
}

h1,h2,h3,h5 {
	font-weight:normal
}

h3 {
	margin:20px 0 10px 0;
	font-size:1.4em
}

h4 {
	margin:20px 0 2px 0;
	font-size:1.0em;
	font-weight:bold;
	color:#404040
}

h5 {
	padding:0 7px 0 9px;
	margin:10px 0 0;
	font-size:0.9em;
	color:#999;
	display:inline;
	float: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;
}
.anchor {
	text-decoration: none;
	color: #666666;
}
#container #top #kplogo {
	margin-top: 10px;
}
#container #top #tophead {
	margin:0px;
	padding:0px;
	float:left;
	width:588px;
	padding-top:10px;
}
#container #main #breadcrumbs {
	margin-top:5px;
	color:#666666;
}
#container #main #browser {
	text-align:center;
	margin-top:16px;
}
#main ul.csc-menu, #sidebar ul.csc-menu {
	margin:0px;
	padding-bottom:0px;
	padding-right:8px;
	padding-top:8px;
	padding-left:8px;
}
#main ul.csc-menu li, #sidebar ul.csc-menu li  {
	display:inline;
	list-style-type: none;
	padding-right: 0px;
	padding-left: 0px;
}
#main ul.csc-menu li a, #sidebar ul.csc-menu li a, div#breadcrumbs a {
	font-family:Arial, Helvetica, sans-serif;
	color:#666666;
	font-size:0.95em;
}
span#seperator {
	color:#666;
	/* padding-left:3px; */
	/* padding-right:3px; */
}

p.indent {
	margin-left:8px;
	margin-top:8px;
}

p.indent2 {
	margin-left:8px;
	margin-top:8px;
}


