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

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

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

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

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

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

/* misc */
.sitemap {
 background-color:;
 border: 1px solid #7697F0;
 padding: 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;
 line-height: 190%;
}
.closed a:link .nav0, .closed a:visited .nav0 { 
 color: #6D80EA;
}
.open a:link .nav0, .open a:visited .nav0 { 
 color: #D4E9FF;
}

.nav1 {
 font-size: 13px;
 margin-left: 7px;
 line-height: 190%; /* important when using background-images */
}
.closed a:link .nav1, .closed a:visited .nav1 { 
 color: #6D80EA;
}
.open a:link .nav1, .open a:visited .nav1 { 
 color: #D4E9FF;
}

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

.nav3 {
 font-size: 13px;
 margin-left: 21px;
 line-height: 190%; /* important when using background-images */
}
.closed a:link .nav3, .closed a:visited .nav3 { 
 color: #6D80EA;
}
.open a:link .nav3, .open a:visited .nav3 { 
 color: #D4E9FF;
}

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

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

/* ------------------ 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: #D4E9FF;
 font-family: Verdana, Arial, Helvetica, sans-serif;
 font-size: 13px;
 text-align: center;
 background-color: #010142;
}

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

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

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

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

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

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

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

/* navigation */
#navilist {
 margin: 0px;
 padding: 0px;
 line-height: 170%;
 padding-top: 17px;
 padding-left: 10px;
}

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

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