@charset "utf-8";
/* CSS Document */

body
{
	margin: 20px 0 20px 0;

}
#layout
{

	margin: auto;
	width: 800px;
	height: auto;
	display: block;
	widows: inherit;
}

#layin
{
	width: 800px;
	height: auto;
	display: block;
}

/*-------------------- HEADER -------------- */
#header
{
	background-image: url(images/header.gif);
	background-repeat: no-repeat;
	background-position: top;
	width: 800px;
	height: 25px;
	padding-top: 10px;
	color:#FFFFFF;
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
	text-align: center;		
}
#right {
        clear: both;
        float: right ;
        padding-right:25px;
}

/*-------------------- END HEADER -------------- */

/*-------------------- SITEMAP -------------- */
.sitemap_wrap
{
	padding: 10px 0 5px 0;
}
.sitemap
{
	padding: 2px;
	border: #FF00FF 1px dotted;
	background-color: #CC99FF;
	font-family: Arial;
	font-size: 10px;
}

/*-------------------- END SITEMAP -------------- */



/*-------------------- CONTENT -------------- */
#content_wrap
{
	width: 800px;

}

#content_left
{
	float: left;
	width: 500px;
	background-color: #FFFFFF;
}

#content_right
{
	float: right;
	width: 300px;
	padding-top: 10px;
	background-color: #FFFFFF;
}

/*-------------------- END CONTENT -------------- */



/*-------------------- BANNER -------------- */
#banner
{
	background-image: url(images/banner.gif);
	background-repeat: no-repeat;
	height: 330px;
	width: 500px;
}
/*-------------------- END BANNER -------------- */



/*--------------------  MENU ORANGE 01-------------- */
.mn_orange_header
{
	background-image: url(images/orange_header.gif);
	background-repeat: no-repeat;
	height: 56px;
	width: 300px;
}

.mn_orange_body
{
	background-image: url(images/orange_body.gif);
	background-repeat: repeat-y;
	padding: 0 20px 0 40px;
	height: auto;
	width: 240px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
}

.mn_orange_footer
{
	background-image:  url(images/orange_footer.gif);
	background-repeat: no-repeat;
	height: 25px;
	width: 300px;
}

			/*------  TEXT MENU ORANGE -------------- */
			.title_mn_org
			{	
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #FFFFFF;
				padding: 15px 20px 10px 60px;
			}
			/*------  TEXT MENU ORANGE -------------- */


/*-------------------- END MENU ORANGE 01-------------- */


/*-------------------- KALENDER -------------- */

table .calendar 
{
	border: 1px #999999 solid;
	background-color: #CCCCCC;
}
.kalender
{
	font-family: Arial;
	
	font-size: 10px;
}

.calendar-sunday
{
	font-family: Arial;
	font-weight: bold;
	width: 30px;
}
.calendar-weekday
{
	
	font-weight: bold;
	width: 30px;
}
.calendar-saturday
{
	width: 30px;
	font-weight: bold;
	color:#FF6600;
}
.calendar-prev
{
	text-align: center;
	background-color: #999999;
}
.calendar-curr
{
	text-align: center;
	background-color: #999999;
}
.calendar-next
{
	text-align: center;
	background-color: #999999;
}
calendar-day
{
	text-align: center;
}


/*--------------------  MENU Yellow  -------------- */

.mn_yello_header
{
	background-image:  url(images/yellow_header.gif);
	background-repeat: no-repeat;
	height: 57px;
	width: 300px;
}
.mn_yello_body
{
	background-image: url(images/yellow_body.gif);
	background-repeat: repeat-y;
	height: auto;
	width: 300px;
}
.mn_yellow_footer
{
	background-image: url(images/yellow_footer.gif);
	background-repeat: no-repeat;
	height: 10px;
	width: 300px;
}

			/*------  TEXT MENU ORANGE -------------- */
			.title_mn_yel
			{	
				font-family: Arial, Helvetica, sans-serif;
				font-size: 18px;
				color: #FF6600;
				padding: 12px 20px 10px 70px;
			}
			/*------  TEXT MENU ORANGE -------------- */

/*--------------------  END MENU Yellow  -------------- */


/*--------------------  MENU Green  -------------- */

.mn_green_header
{
	background-image:  url(images/green_header.gif);
	background-repeat: no-repeat;
	height: 50px;
	width: 300px;
}

.mn_green_body
{
	height: auto;
	width: 284px;
	padding-left: 16px;
}

.mn_green_box
{
	background-color: #FFFFFF;
	border: 1px solid #999999;
	height: auto;
}

			/*------  TEXT MENU green -------------- */
			.title_mn_grn
			{	
				font-family: Arial, Helvetica, sans-serif;
				font-size: 17px;
				font-weight: bold;
				color: #FFFFFF;
				padding: 15px 20px 10px 75px;
			}
			/*------  TEXT MENU green -------------- */

/*--------------------  END MENU green  -------------- */



/*--------------------  MENU LINK  -------------- */
.nav_left div
{
	padding: 0px;
  	margin: 0px 15px 0px 50px;
}


.nav_left ul {
  	padding: 0px;
  	margin: 0px 15px 0px 50px;
}

.nav_left li {
  	list-style-type: none;
  	line-height: 130%;
  	font-size: 10px;
}

.nav_left ul  a {
	font: Arial;
	font-size: 12px;
  	display: block;
  	padding: 4px 5px 4px 20px;
  	text-decoration: none;
}
.nav_left ul a:link, .nav_left ul a:visited {
	color: #666666;

  	
}

.nav_left ul a:hover, .nav_left ul a:active {
	color: #333333;

}

/*--------------------  MENU LINK  -------------- */




/*--------------------  MENU GREEN LINK  -------------- */
.nav_green div
{

	padding: 0px;
  	margin: 0px 15px 0px 15px;
}


.nav_green ul {
  	padding: 0px;
  	margin: 0px 15px 0px 15px;
}

.nav_green li {
	background-image: url(images/myblog_21.gif);
	background-repeat: no-repeat;
	background-position: left;
  	list-style-type: none;
  	line-height: 130%;
  	font-size: 10px;
}

.nav_green ul  a {
	font: Arial;
	font-size: 12px;
  	display: block;
  	padding: 4px 5px 4px 40px;
  	text-decoration: none;
}
.nav_green ul a:link, .nav_green ul a:visited {
	color: #666666;

  	
}

.nav_green ul a:hover, .nav_green ul a:active {
	color: #333333;

}

/*--------------------  END MENU GREEN LINK  -------------- */




/*--------------------  ARTIKEL  -------------- */
.art_wrap
{
	padding: 10px 0 5px 0;
}
.art_title
{
	font-family: Verdana;
	font-size: 14px;
	font-weight: bold;
	color:#009900;
	padding: 2px 0px 2px 0;
}

.art_date
{
	font-family: Verdana;
	font-size: 8px;
	font-weight: bold;
	color: #FF6600;
	padding: 2px 0px 8px 0;
}

.art_time
{}

.art_text
{
	font-family: Verdana;
	font-size: 12px;
	color: #333333;
	padding: 2px 0px 2px 0;
}

.art_next
{
	font-family: Verdana;
	font-size: 10px;
	color: #FF6600;
	padding: 6px 0px 2px 0;
}

.art_desc
{
	font-family: Verdana;
	font-size: 10px;
	color: #666666;
	padding: 6px 0px 2px 0;
}
.art_line
{
	border-top: #666666 1px dotted;
	height: 30px;
}

/*--------------------  END ARTIKEL  -------------- */


/*--------------------  NEXT LINK  -------------- */

div.art_title A:link, div.art_title A:visited{
	COLOR: #006600;
	text-decoration: none;
}


div.art_title A:hover{
	COLOR: #00CC33;
	text-decoration: none;
}



div.art_next A:link, div.art_next A:visited{
	COLOR: #FF6600;
	text-decoration: none;
}


div.art_next A:hover{
	COLOR: #333333;
	text-decoration: none;
}
/*--------------------  END NEXT LINK  -------------- */

/*--------------------  DATE LINK  -------------- */

.article_datein A:link, .article_datein A:visited
{
	color: #006600;
}

.art_next A:hover
{
	COLOR: #333333;
}

/*--------------------  END DATE LINK  -------------- */



/*--------------------  KOMENTAR  -------------- */
#comment
{
	
	width: 400px;
	padding: 10px;
	border: 1px #339900 solid;
}

.cm_textbox
{
	width: 200px;
	border: #FF9900 solid 1px;
	background-color: #FFFFC8;
	font-family: Verdana;
	font-size: 10px;
}
.cm_textarea
{
	width: 400px;
	height: 100px;
	border: #FF9900 solid 1px;
	background-color: #FFFFC8;
	font-family: Verdana;
	font-size: 10px;
}
.cm_button
{
	border: #FF9900 1px solid;
	width: 100px;
	background-color: #339933;
	color: #FFFFFF;
}
.cm_text
{
	font-family: Verdana;
	font-size: 10px;
	font-style:italic;
	color:#666666;
}
/*--------------------  END KOMENTAR  -------------- */
/*--------------------  Trackback  -------------- */
.trackback
{
	border: 1px #FF00FF solid;
	padding: 5px;
	
}
.tr_title
{
	font-family: Verdana;
	font-size: 10px;
	background-color: #FFCCFF;
	color: #000000;
	padding: 2px;
}
.tr_text
{
	font-family: Verdana;
	font-size: 10px;
	font-style: italic;
	background-color: #FAE7FE;
	color: #333333;
	padding: 2px;
}
/*--------------------  END Trackback -------------- */

/*--------------------  Coment text  -------------- */
.cmt
{
	border: 1px #999999 solid;
	padding: 5px;
}
.commentpost
{
	font-family: Verdana;
	font-size: 10px;
	background-color: #ECECFF;
	font-style: italic;
	color: #333333;
	padding: 2px;
}
.commentbody
{
	font-family: Verdana;
	font-size: 10px;
	background-color: #FFFFFF;
	color: #333333;
	padding: 2px;
}
/*--------------------  END comment text -------------- */

#footer
{
	clear:both;
	border-top: 5px #009900 solid;
	height: 30px;
	font-family: Verdana;
	font-size: 10px;
	text-align: right;
	color:#666666;
}