body {
	margin:0px;
	padding:0px;
	background-color:#FFFFFF;
	background-image:url(img/bg.gif);
	background-repeat:repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#707070;
}

#logo_box {
	position:absolute;
	top:0px;
	left:0px;
	width:330px;
	height:219px;
	background-image:url(img/logo_bg.gif);
	background-repeat:no-repeat;
	padding-left: 17px;
	padding-top: 23px;
}

/* using an image to replace text in an h1. This trick courtesy Douglas Bowman, http://www.stopdesign.com/articles/css/replace-text/ */
#logo h1 { 
	padding:0px;
	margin:0px;
	background-image:url(img/logo.jpg);
	background-repeat:no-repeat;
	height:160px;
}
#logo h1 span {
	display:none;
}

#logo_label {
	padding:0px;
	margin:0px;
	background-image:url(img/logo_label.gif);
	background-repeat:no-repeat;
	height:36px;
	padding-left: 20px;
	padding-top: 8px;
}

#logo_label h1 {
	padding:0px;
	margin:0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	color:#000000;
}

#sidebar_left {
	position: absolute;
	top:219px;
	left:0px;
	width:330px;
	/*height:549px;*/
	background-image:url(img/sidebar_bg.gif);
	background-repeat: repeat-y;
	padding-left: 17px;
}

#sidebar_left_content {
	background-image:url(img/sidebar_bg_cont.gif);
	background-repeat: repeat-y;
	/*height:460px;*/
}
#sidebar_left_end {
	background-image:url(img/sidebar_bg_end.gif);
	background-repeat: no-repeat;
	height: 10px;
}
#sidebar_foot {
	height: 76px;
}

#header {
	position:absolute;
	top:0px;
	left:330px;
	width:422px;
	height: 219px;
	background-image:url(img/head_bg.gif);
	background-repeat:no-repeat;
}

#sidebar_right {
	position:absolute;
	top:0px;
	left:752px;
	width:199px;
}

#sidebar_right_head {
	background-image:url(img/right_head.gif);
	background-repeat:no-repeat;
	height:219px;
}

#sidebar_topnavi {
	padding:0px;
	margin:0px;
	height: 11px;
	text-align:right;
	padding-top:2px;
	padding-right:10px;
}

#sidebar_topnavi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
	text-decoration:none;
	color:#939393;
}
#sidebar_topnavi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
	text-decoration:underline;
	color:#939393;
}

#sidebar_hotline {
	padding:0px;
	margin:0px;
	height: 59px;
	padding-left:30px;
	padding-top:16px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
	color:#939393;
}

#sidebar_demo {
	padding:0px;
	margin:0px;
	padding-top:8px;
	padding-left:20px;
}

#sidebar_mods {
	padding:9px;
	margin:0px;
	background-image:url(img/side_bg_right.gif);
	background-repeat: repeat-y;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #939393;
	border-bottom:1px solid #DEDEDE;
	/*height: 530px;*/
}
#sidebar_mods h2 {
	padding:0px;
	padding-bottom:4px;
	margin:0px;
	background-image:url(img/mod_head_bg.gif);
	font-family: Arial, Helvetica, sans-serif;
	line-height:18px;
	font-size: 12px;
	font-weight:bold;
	color: #5B5B5B;
}
#sidebar_mods input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #5B5B5B;
}
#sidebar_mods a {
	padding:0px;
	padding-left:20px;
	margin:0px;
	background-image:url(img/cat_icon.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #5B5B5B;
	text-decoration:none;
}
#sidebar_mods a:hover {
	padding:0px;
	padding-left:20px;
	margin:0px;
	background-image:url(img/cat_icon_o.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #5B5B5B;
}
#sidebar_mods a.o {
	padding:0px;
	padding-left:20px;
	margin:0px;
	background-image:url(img/cat_icon_o.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #5B5B5B;
	font-weight:bold;
	text-decoration:none;
}
#sidebar_mods a:hover.o {
	padding:0px;
	padding-left:20px;
	margin:0px;
	background-image:url(img/cat_icon_o.gif);
	background-repeat:no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	line-height:16px;
	font-size: 12px;
	color: #5B5B5B;
	font-weight:bold;
}


#header_topnavi {
	padding:0px;
	margin:0px;
	height: 41px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
	color:#333333;
	text-align:center;
	padding-top:42px;
}

#sm_topnavi {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-variant:small-caps;
	color:#333333;
	text-align:left;
	padding-top:2px;
}

#header_topnavi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#333333;
}

#sm_topnavi a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#333333;
}

#header_topnavi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	font-variant:small-caps;
	color:#333333;
}

#sm_topnavi a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	font-variant:small-caps;
	color:#333333;
}

#header_topnavi a.clicked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#FF0066;
}

#sm_topnavi a.clicked {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#FF0066;
}

#header_topnavi a.clicked:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	font-variant:small-caps;
	color:#FF0066;
}

#sm_topnavi a.clicked:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	font-variant:small-caps;
	color:#FF0066;
}

#info_navi {
	padding-top: 0px;
	padding-left: 10px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 10px;
	margin-bottom: 0px;
	height: 101px;
}
#info_navi ul {
	padding-top: 0px;
	padding-left: 0px;
	padding-bottom: 0px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 0px;
	font-size: 12px;
	color:#333333;
	font-weight: bold;
}
#info_navi li {
	list-style-type: none;
	background-image:url(img/info_button.gif);
	background-repeat:no-repeat;
	height:26px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left:40px;
	line-height:26px;
}

#info_navi li.clicked {
	list-style-type: none;
	background-image:url(img/info_button_over.gif);
	background-repeat:no-repeat;
	height:26px;
	padding-top: 0px;
	margin-top: 0px;
	padding-left:40px;
	line-height:26px;
}

#info_navi li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	color:#979797;
}
#info_navi li a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:underline;
	color:#979797;
}

#home {
	position:absolute;
	top:219px;
	left:330px;
	width:422px;
	height: 219px;
	background-image:url(img/home_bg.gif);
}

#home_text {
	padding:10px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #707070;
}

#teaser1 {
	width:403px;
	height:96px;
	padding:10px;
	font-size: 12px;
	background-color:#E0E0E0;
}
#teaser1 h1 {
	background-image:url(img/teaser1.jpg);
	margin:0px;
	padding:0px;
	width:250px;
	height:96px;
}
#teaser1 h1 span {
	display: none;
}

#teaser2 {
	width:403px;
	height:96px;
	padding:10px;
	font-size: 12px;
	background-color:#E4F2B0;
}
#teaser2 h1 {
	background-image:url(img/teaser2.jpg);
	margin:0px;
	padding:0px;
	width:250px;
	height:96px;
}
#teaser2 h1 span {
	display: none;
}

#teaser3 {
	width:403px;
	height:96px;
	padding:10px;
	font-size: 12px;
	background-color:#A3CBEA;
}
#teaser3 h1 {
	background-image:url(img/teaser3.jpg);
	margin:0px;
	padding:0px;
	width:250px;
	height:96px;
}
#teaser3 h1 span {
	display: none;
}

div.teaser {
	background-color:#FFFFFF;
	height:100%;
}

#home_foot {
	height: 76px;
	background-color:#E9E9E9;
	text-align:center; 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#979797;
}
#home_foot a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#979797;
}
#home_foot a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#979797;
}

#content {
	position: absolute;
	top:219px;
	left:0px;
	width:751px;
	/*height:549px;*/
	background-image:url(img/cont_bg.gif);
	background-repeat: repeat-y;
}

#content div.head {
	position:relative;
	left:4px;
	padding-left:43px;
	padding-top:4px;
	line-height:30px;
	width:260px;
}

#content h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-decoration:none;
	color:#006FC5;
	padding:0px;
	margin:0px;
}

#content_box {
	/*height:549px;*/
	padding:20px;
	padding-left: 43px;
}

#article_overview td.row0 {
	width: 25%;
	text-align: center;
}

table.articles {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #666666;
	line-height:18px;
}

td.row1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	font-weight:bold;
	background-color:#3F89C3;
}

td.row1 a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:none;
	font-weight:bold;
}

td.row1 a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #FFFFFF;
	text-decoration:underline;
	font-weight:bold;
}

#article_navi {
	width: 700px;
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	text-align:center;
}

#article_navi a {
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:none;
}

#article_navi a:hover {
	line-height:18px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	text-decoration:underline;
}

#article_navi font {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:bold;
	color: #FF0066;
}

#content_foot {
	height:9px;
	line-height:9px;
	background-image:url(img/cont_foot.gif);
	background-repeat: no-repeat;
	margin:0px;
	padding:0px;
	width:751px;
}

#article_cat_navibox {
	position:absolute;
	top:219px;
	left:316px;
	width:434px;
	height:30px;
	background-color:#006633;
	background-image:url(img/catnavi_bg.gif);
	background-repeat: no-repeat;
}
#article_cat_navi {
	padding-left:20px;
	line-height:30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
}
#article_cat_navi td {
	width: 141px;
	height: 30px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	background-image:url(img/navi_tab.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}
#article_cat_navi td.over {
	width: 141px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	background-image:url(img/navi_tab_o.gif);
	background-repeat:no-repeat;
	background-position:bottom;
}

#article_cat_navi td a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#666666;
}

#article_cat_navi td a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	color:#666666;
}

#article_cat_navi td.over a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration:none;
	color:#3F89C3;
}

#article_cat_navi td.over a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-align:center;
	text-decoration:underline;
	color:#3F89C3;
}

#cpage_footer {
	background-color:#00CC33;
	height:76px;
	background-image:url(img/cpagefooter_bg.gif);
	background-repeat:repeat-y;
	color: #979797;
	padding-left:330px;
	text-align:center;
}

#cpage_footer a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#979797;
}
#cpage_footer a:hover {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-decoration:none;
	font-variant:small-caps;
	color:#979797;
}

.grft {
        padding:4px; font-size: 12px;
}

.aact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	color:#FF0066;
}

.adisact {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:#979797;
}

input, select, textarea {
	font-family: Verdana, Arial, Helvetica, "sans-serif";
	font-size: 10px;
	color: #333333;
	background-color: #FFFFFF;
	border: 1px solid #999999;
} 
