/* stylesheet for componeo InternetBaukasten websites */
/* DO NOT SET <tab> between class-name and "{"! */
body {
	color: #093101;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	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: ; /* 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: 135%;
	font-weight: bold;
}
h2 {
	font-size: 125%;
	font-weight: bold;
}
h3 {
	font-size: 115%;
	font-weight: bold;
}

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: #FFFFFF;
}

/* links */
a:link {
	color : #093101;
	text-decoration: underline;	
}
a:visited {
	text-decoration: underline;
	color: #FF3300;
}
a:hover {
	text-decoration: underline;
	color: #FF3300;
}
a:active {
	text-decoration: underline;
	color: #FF3300;
}

/* misc */
.sitemap {
	background-color: #FFFFFF;
	border : 1px solid #093101;
	padding: 3px
}
.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: #093101;
}

/* positioning the navigation items in all 4 levels (#0-#3, any level below #3 will be set on level #3)  */
.nav0  {
	font-size:12px;
	margin-left:3px;
	line-height : 30px; /* important when using background-images */
}
.closed a:link .nav0, .closed a:visited .nav0 {	
	color : #FFFFFF;
}
.open a:link .nav0, .open a:visited .nav0 {	
	color : #093101;
}
.closed .nav0, .open .nav0, .active .nav0 {	
	border-top: 0px solid ;
	display:block;
}

.nav1 {
	font-size:12px;
	margin-left: 8px;
	line-height : 40px; /* important  whenusing background-images */
}
.closed a:link .nav1, .closed a:visited .nav1 {	
	color :#FFFFFF;
}
.open a:link .nav1, .open a:visited .nav1 {	
	color :#093101;
}

.nav2 {
	font-size:10px;
	margin-left:13px;
	line-height : 40px; /* important when using background-images */
}
.closed a:link .nav2, .closed a:visited .nav2 {	
	color :#FFFFFF;
}
.open a:link .nav2, .open a:visited .nav2 {	
	color :#093101;
}

.nav3 {
	font-size:10px;
	margin-left:22px;
	line-height : 40px; /* important when using background-images */
}
.closed a:link .nav3, .closed a:visited .nav3 {	
	color :#FFFFFF;
}
.open a:link .nav3, .open a:visited .nav3 {	
	color :#093101;
}

/*  colors etc. of the 3 navigation stati 
text-decoration doesnĄt work as class in gecko, so you have to specify this in the anchor-tag in navigation.html file */
.open, a:link .open, a:visited .open {
	color : #093101;
	background-image : url(nav_open.gif);
	background-position : left center;
	background-repeat : no-repeat;
	background-color : ;
	text-indent : 20px;
}
.closed, a:link .closed, a:visited .closed  {
	background-image : url(nav_closed.gif);
	background-position : left center;
	background-repeat : no-repeat;
	background-color : ;
	display:block;
	text-indent : 20px;
}
.active {
	color: #093101;
	font-weight: ;
	background-image : url(nav_active.gif);
	background-position : left center;
	background-repeat : no-repeat;
	background-color : ;
	text-indent : 20px;
}
/* hover pointer-graphic */
.closed a:hover, .open a:hover {
	color: ;
	display:block;
	background-color : #669933;
	background-image : url(nav_pointer.gif);
	background-position : left center;
	background-repeat : no-repeat;	
}
/* hover text-color  */
.closed a:hover .nav0, .open a:hover .nav0, .closed a:hover .nav1, .open a:hover .nav1,  .closed a:hover .nav2, .open a:hover .nav2,  .closed a:hover .nav3, .open a:hover .nav3  {	
	color :#093101;
}

/* ------------------ add individual styles below ----------------- */
.tableheight {
	height:100%; /* useful for the print-version when using a page-filling table - otherwise 2-3 pages will be printed instead of one */
}