/* stylesheet for componeo InternetBaukasten websites */
/* DO NOT SET <tab> between class-name and "{"! */
body {
 color: #46272C;
 font-family: Times New Roman, Times, serif;
 font-size: 18px;
 background-color: #FFFAE2;
 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*/
 text-align: center; /* center is used for centered display of the maincontainer, you hav to reset it in the to left */
}

td { 
 /* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
 color: #336619; /* ns4 AND MSIE */
 font-family: Times New Roman, Times, serif; /* ns4 AND MSIE */
 font-size: 18px;
}

/* define headlines explicitly because the differences of default-headlines are too big between the main-browsers */
/* replacing hx margin-top by padding-top against unexpected block-elements moving */
/* warning: problems if you use bgcolors in hx-elements */

h1 {
 font-size: 135%;
 font-weight: bold;
 margin-top: 0px;
 padding-top: 19px;
 margin-bottom: 19px;
}

h2 {
 font-size: 125%;
 font-weight: bold;
 margin-top: 0px;
 padding-top: 19px;
 margin-bottom: 19px;
}

h3 {
 font-size: 115%;
 font-weight: bold;
 margin-top: 0px;
 padding-top: 19px;
 margin-bottom: 19px;
}

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

/* links */
 a:link {
 text-decoration: none; 
 font-weight: ;
 color: #46272C;
}
 a:visited {
 text-decoration: none;
 color: #46272C;
}
 a:hover {
 text-decoration: none;
 color: #669900;
}
 a:active {
 text-decoration: none;
 color: #669900;
}
 a:open {
 text-decoration: none;
 color: #669900;
}

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

/* positioning the navigation items in all 4 levels (#0-#3, any level below #3 will be set on level #3)  */
.nav0  {
 font-size: 18px;
 margin-left: 0px;
 line-height: 160%;
}
.closed a:link .nav0, .closed a:visited .nav0 { 
 color: #46272C;
}
.open a:link .nav0, .open a:visited .nav0 { 
 color: #669900 !important;
}

.nav1 {
 font-size: 18px;
 margin-left: 0px;
 line-height: 160%; /* important when using background-images */
}
.closed a:link .nav1, .closed a:visited .nav1 { 
 color: #46272C;
}
.open a:link .nav1, .open a:visited .nav1 { 
 color: #669900 !important;
}

.nav2 {
 font-size: 18px;
 margin-left: 10px;
 line-height: 160%; /* important when using background-images */
}
.closed a:link .nav2, .closed a:visited .nav2 { 
 color: #46272C;
}
.open a:link .nav2, .open a:visited .nav2 { 
 color: #669900  !important;
}

.nav3 {
 font-size: 18px;
 margin-left: 20px;
 line-height: 160%; /* important when using background-images */
}
.closed a:link .nav3, .closed a:visited .nav3 { 
 color: #46272C;
}
.open a:link .nav3, .open a:visited .nav3 { 
 color: #669900  !important;
}

/*  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: #669900  !important;;
}

.active {
 color: #669900  !important;
}
.open {
 color: #669900  !important;
}

/* ------------------ 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 */
}


/* Container to hold this site in form ;-) */
/* maincontainer that holds all other container */
#maincontainer {
 border: 0px solid #F29C3E;
 width: 737px;
margin: auto;
 margin-top: 5px;
 text-align: center;
 margin-bottom: 10px;
 align: center;
}

/* container that holds the headimage, logo etc */
#headcontainer {
 background-color: #FFFAE2;
 height: 348px;
}

/* container that holds navigationcontainer and contentcontainer */
#bodycontainer {
 background-color: #FFFAE2;
 align: center;
  margin-top: 15px;
}

/* container that holds quer_navigation */
#navicontainer_quer{
	height: 35px;
	width: 737px;
}
/* warum: position: absolute; */

/* container that holds navigation */
#navicontainer {
 position: absolute;
 height: 500px;
 width: 245px;
}

/* container that holds the content */
#contentcontainer {
 border-left: 0px solid #336619;
 border-right: 0px solid #336619;
 border-bottom: 0px solid #336619;
 background-color: #FFFAE2;
 position: relative;
 width: 500px;
 left: 245px;
}

/* IE sucks */
* html #contentcontainer {
 width: 500px;
 background-color: #FFFAE2;
}

/* 'cause the MSIE padding-bug there's to use a second contentcontainer with margins */
#contenttext {
 margin-left: 15px;
 margin-right: 15px;
 padding-bottom: 30px;
 padding-top: 15px;
 background-color: #FFFAE2;
 line-height: 140%;
 min-height: 400px;
}
 /* IE doesn't know anything about min-height but has a bug ;-) */
 
* html #contenttext {
 height: 400px;
}

/* navigation */
#navilist {
 margin: 0px;
 padding: 0px;
 line-height: 140%;
 padding-top: 15px;
 padding-left: 15px;
}

#navilist_quer {
 margin: 5px;
 padding: 10px;
 padding-top: 3px;
 padding-left: 15px;
 text-decoration: none;
}

#navilist a {
 /* color: #336619; */
 text-decoration: none;
}

#navilist a:hover {
 color: #669900;
}

#navilist a:open {
 color: #669900;
}

#navilist_quer a:closed {
 color: #46272C;
 text-decoration: none;
 font-size: 18px;
}

#navilist_quer a:hover {
 color: #669900;
 text-decoration: none;
 font-size: 18px;
}

#navilist_quer a:open {
 color: #669900;
 text-decoration: none;
 font-size: 18px;
}

#navilist ul {
	list-style-type: none;
}
#navilist .nav0 {
	display: none;
}
#navilist_quer ul {
	display: inline;
}
#navilist_quer li {
	display: inline;
	padding-right: 30px;
}
#navilist_quer .nav1{
	display: none;
}
#navilist_quer .nav2{
	display: none;
}
#navilist_quer .nav3{
	display: none;
}

#footercontainer {
 padding-top: 10px;
 padding-bottom: 10px;
}
#footercontainer img {
 border-width: 0px;
}