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

td { 
 /* no inheritance of the font-size (and family, size in NS4) from body, so repeat it here */
 color: #990000; /* ns4 AND MSIE */
 font-family: Arial, Helvetica, sans-serif; /* ns4 AND MSIE */
 font-size: 12px;
}

/* 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: 145%;
 font-weight: bold;
 margin-top: 0px;
 padding-top: 19px;
 margin-bottom: 19px;
}

h2 {
 font-size: 130%;
 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: #FCEBBC;
 text-align: left !important;
 width: 472px;
 line-height: 140%;
 margin: 0px;
}

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

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

/* 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;
 line-height: 150%;
}
.closed a:link .nav0, .closed a:visited .nav0 { 
 color: #FF6600;
}
.open a:link .nav0, .open a:visited .nav0 { 
 color: #990000;
}

.nav1 {
 font-size: 13px;
 margin-left: 9px;
 line-height: 150%; /* important when using background-images */
}
.closed a:link .nav1, .closed a:visited .nav1 { 
 color: #FF6600;
}
.open a:link .nav1, .open a:visited .nav1 { 
 color: #990000;
}

.nav2 {
 font-size: 13px;
 margin-left: 17px;
 line-height: 150%; /* important when using background-images */
}
.closed a:link .nav2, .closed a:visited .nav2 { 
 color: #FF6600;
}
.open a:link .nav2, .open a:visited .nav2 { 
 color: #990000;
}

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

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

/* 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: #990000;
}

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


body {
 margin: 0px;
 color: #990000;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 12px;
 text-align: center;
}

/* Container to hold this site in form ;-) */
/* maincontainer that holds all other container */
#maincontainer {
 border: 1px solid #F29C3E;
 width: 767px;
 margin: auto;
 margin-top: 20px;
 text-align: left;
}

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

/* container that holds navigationcontainer and contentcontainer */
#bodycontainer {
 background-color: #FDFFD8;
 background-repeat: no-repeat;
 background-position: 0px 0px;
}

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

/* container that holds the content */
#contentcontainer {
 position: relative;
 width: 532px;
 left: 235px;
 background-color: #FCEBBC;
}

/* IE sucks */
* html #contentcontainer {
 width: 530px;
}

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

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

#navilist a {
 color: #FF6600;
 text-decoration: none;
}

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

/* Sprach-Navigation */
#langnav {
 position: absolute; 
 margin-left: 570px; 
 margin-top: 148px;
 font-size: 11px;
 color: #990000;
}

#langnav a {
 text-decoration: none;
 color: #990000;
 margin-right: 13px;
 font-weight: bold;
}

#langnav a:hover {
 text-decoration: underline;
}

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