html, body {
    height: 90%;
}
body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	background-color: #efefef;
	width: 100%;
	text-align: center;
}

h1 {
	font-size: 20px;
	font-weight: bold;
	text-decoration: underline;
	text-transform: uppercase;
	text-align: center;
}

h2 {
	font-size: 14px;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
}

h3 {
	font-size: 12px;
	font-weight: bold;
}

a {
	color: #000000;	
}

ul {
	list-style: none;
	margin-top: 4px;
	margin-left: 4px;
	padding-left: 1em;
	text-indent: -1em;
}

#custom-gen ul li:before {
	content: "\00BB \0020";
	}



.main {
	width: 769px;
	height:auto;
	text-align: left; 
}


.topleft {
	background-image: url('../images/tl.jpg');
	background-repeat: no-repeat;
	}
.topright {
	background-image: url('../images/tr.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	}
.top {
	background-image: url('../images/tbg.jpg');
	background-repeat: repeat-x;
	height: 114px;
	margin-left: 11px;
	margin-right:12px;
	}
.bottomleft {
	background-image: url('../images/bl.jpg');
	background-repeat: no-repeat;
	}
.bottomright {
	background-image: url('../images/br.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	}
.bottom {
	background-image: url('../images/bbg.jpg');
	background-repeat: repeat-x;
	height: 12px;
	margin-left: 11px;
	margin-right: 12px;
	 
	}

.insideleft {
	background-image: url('../images/l.jpg');
	background-repeat: repeat-y;
	}
.insideright {
	background-image: url('../images/r.jpg');
	background-repeat: repeat-y;
	background-position: 100% 0;
	}
	
.content {
	font-family: Arial, Helvetica, sans-serif;
	margin-left: 11px;
	margin-right: 12px;
	background: #FFFFFF;
	color: #000000;
	text-align: left;
	height: 90%;
	font-family: Arial, Helvetica, sans-serif;
	padding-top: 1px;
	padding-bottom: 1px;
	font-size: 12px;
	border: 0px;
	}
.notopgap    { margin-top: 0; }
.nobottomgap { margin-bottom: 0; } 


.header {
	height: 50px;
	width: 380px;
	padding-left: 13px;
	padding-top: 22px;
	}
	
.menuleft {
	background-image: url('../images/menul.jpg');
	background-repeat: no-repeat;
	}
.menuright {
	background-image: url('../images/menur.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
	}
.menubar {
	background-image: url('../images/menubg.jpg');
	background-repeat: repeat-x;
	height: 33px;
	margin-left: 11px;
	margin-right: 12px;
	padding-left: 11px;
	padding-right: 12px;
	padding-top: 4px;
	}

.menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
}

	
a.menu:link, a.menu:visited {
display: block; 
vertical-align: middle; 
font-size: 12px; 
font-weight: bold; 
color: #fff; 
text-align: center; 
padding-top: 5px; 
padding-left: 10px; 
padding-right: 10px; 
height: 25px; 
width: 101; 
text-decoration: none; 
}
a.menu:hover {
background: url(../images/menuhl.jpg) repeat-x; 
text-decoration: none;
color: #000;
}
a.menu#active_menu {
color:#000;	
font-weight: bold;
}

a.menu#active_menu:hover {
color: #000000;}

.topmenu {
	font-size: 12px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 3px;
	padding-left: 0px;
	text-align: center;
}

.leftmenu {
	width: 138px;
	float: left;
	font-size: 1px;
	padding-top: 20px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 5px;
	text-align: center;
}
	

.article_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
}

	
a.article_menu:link, a.article_menu:visited {
	display: block;
	vertical-align: middle;
	color: #666666;
	text-align: left;
	padding-top: 2px;
	padding-left: 5px;
	padding-right: 0px;
	height: 17px;
	text-decoration: none;
	background-color: #F2F2F2;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-color: #999999;
}
a.article_menu:hover {
background-color: #CCCCCC;
text-decoration: none;
color: #000000;
}
a.article_menu#active_article_menu {
background-color: #CCCCCC;
color: #000000;	
font-weight: bold;
}


.article_submenu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

a.article_submenu:link, a.article_submenu:visited {
	display: block;
	vertical-align: middle;
	color: #666666;
	height: 100%;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #F8F8F8;
}
a.article_submenu:hover {
background-color: #E2E2E2;
text-decoration: none;
color: #000000;
}
a.article_submenu#active_sub_menu {
background-color: #E2E2E2;
color: #666666;	
font-weight: bold;
}

.submenu_closer {
height: 15px;
background-color: #F8F8F8;
border-bottom-width: 1px;
border-bottom-style: solid;
border-color: #CCCCCC;
padding-bottom: 0px;
}


.glossary_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

	
a.glossary_menu:link, a.glossary_menu:visited {
	display: block;
	vertical-align: middle;
	height: 100%;
	color: #666666;
	text-align: left;
	padding-top: 1px;
	padding-bottom: 1px;
	padding-left: 10px;
	padding-right: 5px;
	text-decoration: none;
	background-color: #F8F8F8;
}
a.glossary_menu:hover {
background-color: #E2E2E2;
text-decoration: none;
color: #000000;
}
a.glossary_menu#active_glossary_menu {
background-color: #E2E2E2;
color: #000000;	
font-weight: bold;
}

.letter_menu {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
}

	
a.letter_menu:link, a.letter_menu:visited {
	display: block;
	vertical-align: middle;
	height: 100%;
	color: #CCCCCC;
	text-align: center;
	padding-top: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	padding-right: 2px;
	text-decoration: none;
	background-color: #666666;
}
a.letter_menu:hover {
background-color: #000000;
text-decoration: none;
color: #FFFFFF;
}
a.letter_menu#active_letter_menu {
background-color: #000000;
color: #FFFFFF;	
font-weight: bold;
}

.blog {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 10px;
	padding-bottom: 10px;
}

.blog_date {
	font-family: Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	background-image: url('../images/blog_datebg.jpg');
	background-repeat: no-repeat;
	float: left;
	height: 33px;
	width: 33px;
	margin-right: 5px;
}

.blog_date_month {
	font-size: 10px;
	text-align: center;
	line-height: 10px;
	padding-top: 6px;
}
.blog_date_day {
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	line-height: 12px;
	text-decoration: none;
}


.blog_detail {
	width: 355px;
	height: 95%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
	font-size: 12px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
}

.comment {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 2px;
}

.comment_added {
	font-size: 10px;
}

.comment_preview {
	width: 100%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding-top: 15px;
	padding-bottom: 2px;
}


.article {
	width: 355px;
	height: 95%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
	font-size: 12px;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: dashed;
	border-left-style: dashed;
	border-right-color: #CCCCCC;
	border-left-color: #CCCCCC;
}
.tool_text {
	width: 355px;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	padding: 20px;
	font-size: 12px;
}

.article_image {
	width: 100px;
	height: 250px;
	float: right;
	padding-bottom: 10px;
	padding-left: 10px;
}

.tool {
	width: 395px;
	height: 95%;
	float: left;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 0px;
	border-left-width: 1px;
	border-top-style: dashed;
	border-right-style: dashed;
	border-bottom-style: dashed;
	border-left-style: dashed;
	border-top-color: #CCCCCC;
	border-right-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	border-left-color: #CCCCCC;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 20px;
	padding-left: 0px;
}

.tool_form {
	width: 115;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: dashed;
	border-bottom-style: dashed;
	border-top-color: #CCCCCC;
	border-bottom-color: #CCCCCC;
	padding-top: 5px;
	padding-right: 40px;
	padding-bottom: 5px;
	padding-left: 40px;
	background-color: #F8F8F8;
}
.row1 {
	background-color: #F8F8F8;
	padding: 2px;
}
.row2 {
	background-color: #E2E2E2;
	padding: 2px;
}
.row_hl, a.row_hl:link, a.row_hl:visited, a.row_hl:hover, {
	background-color: #999999;
	padding: 2px;
	color: #FFFFFF;
}


.row_titel {
	background-color: #666666;
	padding: 3px;
	color: #FFFFFF;
	font-weight: bold;
}

.keyword_detail {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding-top: 1px;
	padding-right: 20px;
	padding-bottom: 1px;
	padding-left: 20px;
	background-color: #F8F8F8;
}

.keyword_detail_title {
	font-size: 16px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	background-color: #E2E2E2;
}

.sub {
	font-size: 13px;
	font-weight: bold;
	text-decoration: underline;
	background-position: bottom;
}
	
.rightmenu {
	width: 180px;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	text-align: left;
	}

.rightmenu_no_underline {
	width: 180px;
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}

.rightmenu_list {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration: underline;
	text-align: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 5px;
	line-height: 18px;
	position: relative;
	top: -8px !important; top: 2px;
	}
	
	
.leftmenu_no_underline {
	float: left;
	padding-top: 20px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
	}
	
.code {
	font-family: "Courier New", Courier, monospace;
	font-size: 11px;
	padding: 5px;
	border: 1px dotted #CCCCCC;
}

.bbarleft {
	background-image: url('../images/b_barl.jpg');
	background-repeat: no-repeat;
}
.bbarright {
	background-image: url('../images/b_barr.jpg');
	background-repeat: no-repeat;
	background-position: 100% 0;
}
.bbar {
	background-image: url('../images/b_barbg.jpg');
	background-repeat: repeat-x;
	height: 33px;
	margin-left: 11px;
	margin-right: 12px;
	padding-left: 11px;
	padding-right: 12px;
	padding-top: 4px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-align: center;
}
	
.attention {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	background-color: #FF9900;
	border: thick double #FFFFFF;
	color: #FFFFFF;
	padding: 5px;
	font-variant: normal;
	text-align: center;
}

a.imagebutton:link, a.imagebutton:visited{
	background-color: #FFFFFF;
}

a.imagebutton:hover {
	background-color: #F2F2F2;
}

.orange_text {
	color: #FF9900;

}