/*~~~~~~~~~~~~~~~~~~~~~~ ADDITIONS/CHANGES ~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~ MAIN CODE STARTS HERE ~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/
/* Code below is taken from "dfTheme 2.0 -3 column layout"    */
/* http://www.dezinerfolio.com/                               */
/* their demo is found at: http://web20blogger.blogspot.com/  */
/* (unnecessary parts removed/comments added, minor edits,    */
/* otherwise no major changes)                                */


/*~~~~~~~~~~~~~~~~~~~~ NAVIGATION BUTTONS ~~~~~~~~~~~~~~~~~*/
/* Navigation area background (area around buttons) */
#leftcolumn {
float:		left;
width:		146px;
padding: 	0px 0px 0px 0px;
text-align:	left;
/* top-left rounded corner of left navigation area*/
/* frame area around all buttons */
/* dark-gray background color */
background: #ffffff;
margin:		0;
font-family: Arial,Hekvetica,sans-serif;
	}




/* All buttons except link-buttons (general styling) 
nav_menu h2 hat den AUSSCHLIE§LICHEN ID-SLEKTOR "RAUTE-#" 
und gilt nur fŸr exakt diesen mit dieser id*/
#leftcolumn h2,.df_menu_head {
/* graphic button image */
background:		 url(images/button.gif);
background-repeat:	no-repeat;
margin:			0px 0 0 0px;
padding-top:	2px;
}

/* All buttons (text style) */
#leftcolumn h2,.df_menu_head {
color:		#ffffff;
cursor:		pointer;
text-align:	left;
font-size:	11px;
display:	block;
font-weight:	bold;
text-decoration: none;
width:		183px;
height:		17px;
margin-bottom: 10px;
}


/* Link-buttons Background only (general styling) */
.linkbuttonbg {
background:		 url(images/button.gif);
background-repeat:	no-repeat;
width:		183px;
height:		17px;
margin-bottom: 10px;
	}

/* Link-buttons Background only (general styling) */
.linkbuttonbg:visited {
background:		 url(images/button.gif);
background-repeat:	no-repeat;
	}

/* Link-buttons Background only (general styling) */
.linkbuttonbg:hover {
background: url(images/button_mouseover.gif);
background-repeat:	no-repeat;
	}

/* Link-buttons text only (general styling) */
.linkbutton {
font-family: Arial,Hekvetica,sans-serif;
letter-spacing:0em;
color:		#ffffff;
cursor:		pointer;
text-align:	left;
font-size:	11px;
font-weight: bold;
text-decoration: none;
width:		183px;
height:		17px;
margin:			0px 0 0 0px;
padding-top:	2px;
	}

/* Link-buttons text only (general styling) */
.linkbutton:visited {
font-family: Arial,Hekvetica,sans-serif;
letter-spacing:0em;
color:		#ffffff;
cursor:		pointer;
text-align:	left;
font-size:	11px;
font-weight: bold;
display: block;
text-decoration: none;
width: 183px;
height: 17px;
	}

/* Link-buttons text only (general styling) */
.linkbutton:hover {
font-family: Arial,Hekvetica,sans-serif;
letter-spacing:0em;
color:		#ffffff;
cursor:		pointer;
text-align:	left;
font-size:	11px;
font-weight: bold;
text-decoration: none;
width:		183px;
height:		17px;
	}


/* All buttons, but for "df_menu_head" ID only (mouseover) */
.df_menu_head:hover {
/* graphic button image */
background:		url(images/button_mouseover2.gif) no-repeat 0 0;
text-decoration: none;
	}

/* All headerbuttons and nested links (mouseover) */
.df_menu_head:hover {
/* off-white text color */
color:			#ffffff;
font-weight:	bold;
text-decoration: none;
	}

/* All ul listbuttons and nested links (mouseover) */
.nav_menu ul li a:hover {
/* off-white text color */
color:			#ffffff;
font-weight:	bold;
	}


/* Button styling when selected or pre-selected ("header_highlight" class) */
.header_highlight {
width:			183px;
/* graphic button image */
background:		url(images/button_mouseover.gif) no-repeat 0 0;
color:			#ffffff;
font-weight:	bold;
/* colored line underneath selected button */
border-bottom:	1px #666666 solid; 
text-decoration:none;
}




/* ###########    NESTED LINKS   ########################### */

/* Nested links (general style) */
#leftcolumn ul {
list-style-type:	none;
margin:				0;
padding:			0;
line-height: 17px;
	}

/* Nested links */
#leftcolumn ul li.cur,#leftcolumn ul li a {
display:			block;
margin-left:		5px;
/* gray text color */
color:				#333333;
outline:			none;
overflow:			hidden;
padding:			3px 10px 0px 0px;
/* gray underlining color */
border-bottom:		1px white solid;
font-size:			10px;
text-decoration:	none; 
width:				166px;
	}

/* underlining for nested links (mouseover) */
#leftcolumn ul li.cur,#leftcolumn ul li a:hover {
/* off-white text color */
font-weight: bold;
color:				#850f1f;
border-bottom:	1px #333333 solid;
	}


/* Nested links (pre-selected -"submenu_header_highlight" in HTML code) */
.submenu_header_highlight {
text-decoration:	none; 
width:				183px;
font-style:			italic;
font-weight:		bold;
color:				green;
border-bottom:		1px green solid;
	}

/*~~~~~~~~~~~~~~~~~~~~~~ ADDITIONS/CHANGES ~~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~ MAIN CODE ENDS HERE ~~~~~~~~~~~~~~~~~~*/
/*~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~*/

/* end accordian style sheet */