/* Global */
body {
	margin:					0px;
	font-size:				11px;
	font-family:			Arial, Verdana, Helvetica, sans-serif;
	line-height:			125%;
}

a:link, a:visited, a:hover, a:active, a:focus {
	text-decoration:		none;
}

a:hover, a:active, a:focus {
	text-decoration:		underline;	/* setup hover effect for links */
}

/* container to center layout */
#outercontainer {
	width:					693px;
	margin:					20px auto;		/* center on page */
	padding:				0px;
	position:				relative;	/* make it possbile to use absolute for including elements */
	border:					1px solid #838383;
}

/* container for inner second border line */
#innercontainer {
	border:					1px solid #EFEFEF;
	padding:				2px;
	position:				relative;	/* make it possbile to use absolute for including elements */
}

/* language switch */
#langswitch {
	position:				absolute;
	top:					10px;
	left:					15px;
	color:					#FFFFFF;	/* set color for normal text (not links) */
}

#langswitch a {
	color:					#FFFFFF;	/* set color for links (not text) */
	margin-left:			4px;
}

#langswitch a img {
	border:					none;
	vertical-align:			middle;
	margin-right:			4px;
}

/* Head picture */
#headpicture {
	display:				block;			/* with this you don't need a div around the img */
}

/* Top Navigation */
#navi_top {
	margin-top:				2px;
}

#navi_top td {
	padding-left:			2px;
}

#navi_top td.leftspacer {
	padding-left:			0px;
}

#navi_top td.leftspacer div {
	width:					35px;
}

#navi_top td.rightspacer {
	width:					100%;
}

#navi_top a, #navi_top div {
	background-color:		#EEEEEE;
	border-bottom-color:	#999999;
	border-bottom-style:	solid;
	border-bottom-width:	3px;
	padding:				3px 4px;
}

#navi_top a {
	font-weight:			bold;
	display:				block;
	white-space:			nowrap;
}

#navi_top a:hover, #navi_top a:active, #navi_top a:focus {
	text-decoration:		none;
}

#navi_top td.c1 a {
	color:					#69AB3A;
}

#navi_top td.c2 a {
	color:					#0F4880;
}

#navi_top td.c3 a {
	color:					#935291;
}

#navi_top td.c4 a {
	color:					#AB2950;
}

#navi_top td.c5 a {
	color:					#AD2A3B;
}

#navi_top td.c1 a.active {
	border-bottom-color:	#69AB3A;
}

#navi_top td.c2 a.active {
	border-bottom-color:	#0F4880;
}

#navi_top td.c3 a.active {
	border-bottom-color:	#935291;
}

#navi_top td.c4 a.active {
	border-bottom-color:	#AB2950;
}

#navi_top td.c5 a.active {
	border-bottom-color:	#AD2A3B;
}

#navi_top td.c1 a:hover, #navi_top td.c1 a:active, #navi_top td.c1 a:focus {
	border-bottom-color:	#69AB3A;
}

#navi_top td.c2 a:hover, #navi_top td.c2 a:active, #navi_top td.c2 a:focus {
	border-bottom-color:	#0F4880;
}

#navi_top td.c3 a:hover, #navi_top td.c3 a:active, #navi_top td.c3 a:focus {
	border-bottom-color:	#935291;
}

#navi_top td.c4 a:hover, #navi_top td.c4 a:active, #navi_top td.c4 a:focus {
	border-bottom-color:	#AB2950;
}

#navi_top td.c5 a:hover, #navi_top td.c5 a:active, #navi_top td.c5 a:focus {
	border-bottom-color:	#AD2A3B;
}

/* Left Navigation */
#leftcolum {
	float:					left;			/* position #breadcrumb and #content on left side */
	width:					151px;
	padding:				2px 6px 35px 0px;
}

#leftcolum .upperspacer {
	background-color:		#EEEEEE;
	height:					50px;
	margin-bottom:			2px;
}

#leftcolum .navi ul {
	padding:				0px;
	margin:					0px;
	list-style-type:		none;
}

#leftcolum .navi li {
	background-repeat:		no-repeat;
	background-position:	right top;
	margin:					2px -6px 2px 0px;
	padding-right:			6px;
}

#leftcolum .navi ul li.active {
	background-image:		url(navi_active_dark.gif);
}

#leftcolum .navi ul ul li.active {
	background-image:		url(navi_active_light.gif);
}

#leftcolum .navi ul a {
	color:					#FFFFFF;
	font-weight:			bold;
	display:				block;
	padding:				4px 5px 4px 13px;
	background-color:		#999999;
	background-image:		url(navi_arrow_right_white.gif);
	background-repeat:		no-repeat;
	background-position:	3px center;
}

#leftcolum .navi ul a.sub {
	background-image:		url(navi_arrow_down_white.gif);
}

#leftcolum .navi ul a:hover, #leftcolum .navi ul a:active, #leftcolum .navi ul a:focus {
	text-decoration:		none;
}

#leftcolum .navi ul a:hover, #leftcolum .navi ul a:active, #leftcolum .navi ul a:focus {
	background-image:		url(navi_arrow_right_c0.gif);
}

#leftcolum .navi ul a.sub:hover, #leftcolum .navi ul a.sub:active, #leftcolum .navi ul a.sub:focus {
	background-image:		url(navi_arrow_down_c0.gif);
}

#leftcolum .navi ul ul a {
	padding-left:			21px;
	background-color:		#CCCCCC;
	background-position:	11px center;
}

#leftcolum .navi ul ul ul a {
	padding-left:			29px;
	background-position:	19px center;
}


#leftcolum .navi ul ul ul ul a {
	padding-left:			37px;
	background-position:	27px center;
}

#leftcolum .lowerspacer {
	background-color:		#EEEEEE;
	height:					10px;
	font-size:				2px;			/* font-size should be smaller than height */
	margin-bottom:			2px;
}

#leftcolum .picture {
	display:				block;			/* with this you don't need a div around the img */
}

/* Crumb */
#breadcrumb {
	margin:					20px 0px 0px 180px;		/* set left margin to #leftcolum{width} + x so it can't flow "under" #leftcolum */
	padding:				0px;
}

#breadcrumb a {
	text-decoration:		underline;
	padding:				0px 2px;
}

#breadcrumb span.firstlink a {
	color:					#000000;
}

#breadcrumb span.firstlink a:hover, #breadcrumb span.firstlink a:active, #breadcrumb span.firstlink a:focus {
	background-color:		#EEEEEE;
}

#breadcrumb span.links {
	color:					#999999;
}

#breadcrumb span.links a {
	color:					#999999;
}

#breadcrumb span.links a:hover, #breadcrumb span.links a:active, #breadcrumb span.links a:focus {
	background-color:		#EEEEEE;
}

/* Footer */
#footer {
	background-color:		#EEEEEE;
	text-align:				center;
	padding:				3px;
	font-weight:			bold;
	clear:					both;		 /* to make #outercontainer and #innercontainer enclose also #leftcolum */
}

#footer a {
	color:					#000000;
}