/* stylesheet for componeo InternetBaukasten websites */
/* DO NOT SET <tab> between class-name and "{"! */
body {
	color: #000000;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 11px;
	background-color: #B2A384;
	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:  #000000; /* ns4 */
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif; /* ns4 */
	font-size: 11px;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
h1 {
	font-size: 120%;
	font-weight: bold;
	background-image : url(headline.gif);
	background-position : left bottom;
	background-repeat : no-repeat;
	text-indent : 15px;
	line-height : 20px;
	margin-bottom : 0px;
	padding-bottom : 0px;
}
h2 {
	font-size: 110%;
	font-weight: bold;
}
h3 {
	font-size: 100%;
	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: #FDF8EF;
}

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

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

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

.navcontainer {
	border-bottom: 1px solid #91856B;
}

.nav1 {
	font-size:10px;
	margin-left:8px;
	line-height : 18px; /* important  whenusing background-images */
}
.closed a:link .nav1, .closed a:visited .nav1 {	
	color: black;
}
.open a:link .nav1, .open a:visited .nav1 {	
	color: black;
}

.nav2 {
	font-size:10px;
	margin-left:16px;
	line-height : 18px; /* important when using background-images */
}
.closed a:link .nav2, .closed a:visited .nav2 {	
	color: black;
}
.open a:link .nav2, .open a:visited .nav2 {	
	color: black;
}

.nav3 {
	font-size:10px;
	margin-left:24px;
	line-height : 18px; /* important when using background-images */
}
.closed a:link .nav3, .closed a:visited .nav3 {	
	color: black;
}
.open a:link .nav3, .open a:visited .nav3 {	
	color: black;
}

/*  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: #91856B;
}
.closed, a:link .closed, a:visited .closed  {
	color: #91856B;
}
.active {
	color: white;
}

/* hover pointer-graphic */
.closed a:hover, .open a:hover {
	color: #FFFFFF;
}

/* 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: #FFFFFF;
	text-decoration:underline;
}

/* ------------------ add individual styles below ----------------- */
.contentdiv{
	margin-top:20px; margin-left:10px; background-color:#91856B; padding-left:5px; height:18px; color: #E7E2D8;
}
.contentdiv2{
	margin-top:0px; margin-left:10px; padding:10px; background-color:#FFFFFF;
}
.contentdiv_2spalten{
	margin-top:0px; margin-left:10px; padding:10px; background-image: url(2spalten.gif); background-repeat: repeat-y;
}