/* stylesheet for componeo websites */
/* no <tab> between class-name and "{"! */
body {
	color:#656565;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #848E9C;
	background-image : url(bg_content2.jpg);
	/* url(bg_grau_punkte.gif); */
	margin:0px;
	/* works on MSIE only - for NS, Gecko, Opera you must set marginwidth="0" marginheight="0" in the body tag of the html-file additionally*/
	background-position : bottom;
	background-repeat : repeat-x;
}
td {
	/* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
	color: #656565;
	/* ns4 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	/* ns4 */
	font-size: 12px;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
h1 {
	font-size: 18px;
	font-weight : normal;
}
h2 {
	font-size: 16px;
	font-weight : normal;
}
h3 {
	font-size: 14px;
	font-weight : normal;
}

li {
	padding-bottom: 6px;
}
/* class for areas displayed in print-version only */
.print {
	display: none;
}
/* this class defines the bg-color for the content area and the wysiwyg-editor if not identically with the colors set in body */
.content {
	background-color: white;
	padding: 10px;
	padding-top:42px;
}

/* links */
a:link			{
	text-decoration: none;
	color : Black;
}
a:visited		{
	text-decoration: none;
	color : Black;
}
a:hover		{
	text-decoration: underline;
}
a:active 		{
	text-decoration: underline;
}

/* misc */
.sitemap	{
	background-color :;
	border : 1px solid black;
	padding: 3px
}
.hochgestellt {
	font-size : 70%;
	vertical-align:text-top;
}
.footer		{
	/* text-decoration doesn´t work as class in gecko, so you have to specify this in the footer.html file */
	font-size: 12px;
	color: white;
	font-weight : bold;
	margin-left: 32px;
}

.footer2		{
	/* text-decoration doesn´t work as class in gecko, so you have to specify this in the footer.html file */
	font-size: 10px;
	color: #656565;
	font-weight : normal;
}

/* positioning the navigation items in all 4 levels (#0-#3, any level below #3 will be set on level #3) */
.nav0			{
	font-size:13px;
	margin-left:0px;	
	padding-top:10px; /* distance between als level #0 headlines */ 
}
.nav1			{
	font-size:12px;
	margin-left:8px;
}
.nav2			{
	font-size:11px;
	margin-left:16px;
}
.nav3			{
	font-size:10px;
	margin-left:24px;
}

/*  colors etc. of the 3 navigation modes 
text-decoration doesn´t work as class in gecko, so you have to specify this in the navigation.html file */
.open			{
	color : ;
}
.closed	{
	color : ;
}
.active		{
	color : #000000;
}
a:hover.closed, a:hover.open {
	color: ;
	background-color : ;
	display:block; 
}
/* ------------------ add individual styles below ----------------- */
.footer_distance {
	padding:4px;
}

/* navigation */
.navigation a:link, .navigation a:visited {
	color: #8C96A5;
}
.navigation a:hover, .navigation a:active {
	color: #FFFFFF;
	background-color : #8C96A5;
	display:block;
}

.level_0 {
	text-indent : 32px;
	font-size : 11px;
	line-height : 20px;
	border-top : 1px solid #848F99;
}
.level_1 {
	text-indent : 36px;
	font-size : 10px;
}
.level_2 {
	text-indent : 40px;
	font-size : 9px;
}
.level_3 {
	text-indent : 43px;
	font-size : 9px;
}