/* stylesheet for componeo websites */
body {
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	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*/
	}
td { 
	/* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
	color: #666666; /* ns4 */
	font-family: 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: 145%;
	font-weight: normal;
	text-transform : uppercase;
	letter-spacing : 5px;
}
h2 {
	font-size: 130%;
	font-weight: normal;
}
h3 {
	font-size: 115%;
	font-weight: normal;
}
address {
	font-size: 85%;
	font-weight: normal;
	font-style : normal;
}
li {
	padding-bottom: 6px;
}
/* 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:#E7E3E7;
	padding-top:45px; 
	padding-bottom:30px; 
	padding-right:20px;
}

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

/* misc */
.sitemap	{
	border : 1px solid white;
	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: 10px;
	color: #999999;
}
.footer a:link, a:visited {
	color: #999999;
}
li {
	padding-bottom: 3px
}

/* 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 : black;
}
.closed	{
	color : #999999;
}
.active		{
	color : black;
}

/* ------------------ add individual styles below ----------------- */
/* navigation */
.navigation a:link, .navigation a:visited {
	color: #999999;
}
.navigation a:hover, .navigation a:active {
	color: #666666;
	background-color : white;
	display:block; 
}

.level_0 {
	text-indent : 32px;
	font-size : 11px;
	line-height : 20px;
	border-top : 1px solid white;
}
.level_1 {
	text-indent : 36px;
	font-size : 10px;
}
.level_2 {
	text-indent : 40px;
	font-size : 9px;
}
.level_3 {
	text-indent : 43px;
	font-size : 9px;
}
input, textarea, select {
	background-color : transparent;
	border : 1px solid white;
}