* {
 margin:0px;
 padding:0px;
 font-family: Arial, Verdana, sans-serif;
}

body {
  margin:8px;
  background:url(../images/stars.jpg) repeat #D3D2D8;
  width:100%;
}


p {
 margin:0 .25em;
 padding:.25em 0;
}
h1 {
 margin:0 .25em;
 padding:.25em 0;
 color:#c4130d;
}
h2 {
 margin:0 .25em;
 padding:.25em 0;
}
h3 {
 margin:0 .25em;
 padding:.25em 0;
}
a {
 text-decoration:none;
 font-weight:bold;
 color:#000000;
}

input {
 margin-left:5px;
 margin-right:5px;
 font-size:smaller;
}
select {
 margin-left:5px;
 margin-right:5px;
 font-size:smaller;
}
textarea {
 margin-left:5px;
 margin-right:5px;
 font-size:smaller;
}
input[type="button"], input[type="submit"]  {
 font-weight:bold;
 padding:0px 10px 0px 10px;
}

#container-shadow {
 margin:18px;
 width:760px;
 background-color:#333333;
}

#container {
 width:760px;
 position:relative;
 top:-10px;
 left:-10px;
 border:thin solid #000000;
 background:#D3D2D8;
}
#container div {
}

#header {
 width:760px;
 border-bottom:thin solid #999999;
 margin-bottom:10px;
 background: url(../images/stella_top.jpg) no-repeat #757285;
 height:100px;
}
#header h1 {
 text-align:center;
 color:#000000;
 position:relative;
 top:50px;
}

#menu {
 width:760px;
 background-color:#D3D2D8;
 border:0;
}


#navlist {
 position:relative;
 top:1px;
 padding: 3px 0px 3px 0px;
 margin: 0;
 border-bottom: 1px solid #778;
 font: bold 12px Verdana, sans-serif;
}

#navlist li {
 list-style: none;
 margin: 0;
 display: inline;
 margin: 0px 0px 0px -2px;
}
#navlist li a {
 -moz-border-radius: 5px 5px 0px 0px;
 border-radius: 5px 5px 0px 0px;
 padding: 3px 0.5em;
 border: 1px solid #778;
 border-bottom: none;
 background: #9DA3AF;
 text-decoration: none;
}
#navlist li a:link { 
 color: #448; 
}
#navlist li a:visited { 
 color: #667; 
}
#navlist li a:hover {
 color: #000;
 border-color: #227;
}
#navlist li a#current {
 background: #D3D2D8;
 border-bottom: 1px solid #D3D2D8;
}
  
#navPyra {
 margin: 0;
 padding: 0 0 20px 10px;
 border-bottom: 1px solid #000000;
}
#navPyra li {
 margin: 0; 
 padding: 0;
 display: inline;
 list-style-type: none;
}
#navPyra a:link, #navPyra a:visited {
 float: left;
 font-size: smaller;
 line-height: 14px;
 font-weight: bold;
 padding: 0 12px 6px 12px;
 text-decoration: none;
 color: #708491;
}
#navPyra a:link.active, #navPyra a:visited.active, #navPyra a:hover {
 color: #000;
 background: url(../images/tab_pyram.gif) no-repeat bottom center;
}
#navPyra a#current {
 background: url(../images/tab_pyram_black.gif) no-repeat bottom center;
 color:#000000;
}


#main {
 width:760px;
 /*background:url(../images/stella_bg3.jpg) no-repeat;*/
 background:url(../images/stella_bg.jpg) no-repeat;
 padding-bottom:40px;
}
#main h3 {
 margin:20px 20px 10px 20px;
}
#main p {
 margin:0px 20px 0px 20px;
}
#image-wrapper {
 margin:10px 5px 10px 5px;
 text-align:center;
}
#image-wrapper img {
 border:thin solid #000000;
}
#image-wrapper p {
 text-align:left;
 margin:0px;
 font-style:italic;
 text-indent: 20px;
 font-size:smaller;
}





#alert {
 background:#781351; 
 width:200px; 
 float:right; 
 margin:10px; 
 border-left:#D3D2D8 solid 4px
}
#alert div {
 background:#f3eaef; 
 padding:0.5em; 
 border:1px solid #d7b9c9; 
 position:relative; 
 top:-2px; 
 left:-2px; 
 height:1%
}
#alert div div {
 background:none; 
 padding:0; 
 border:0; 
 top:0; 
 left:0; 
 height:1px !important; 
 font-size:1px
}
#alert h2 {
 margin:0; 
 background:0; 
 padding:0; 
 border:0; 
 border-bottom:2px solid #781351; 
 color:#c4130d;
}
#alert p {
 font-size:smaller;
}



#footer {
 width:760px;
 height:20px;
 border-top:thin solid #000000;
 background:url(../images/stella_bottom.jpg) left no-repeat;
}
#footer p {
 font-size:smaller;
 float:right;
}
#footer a {
 text-decoration:none;
 color:#000000;
 font-weight:bold;
}


.table {
 font-size:smaller;
 padding:0px;
 margin:10px 0px 20px 0px;
}
.table th {
 background:#737083;
 font-style:oblique;
}
.table td {
 padding:0px;
 text-align:left;
 vertical-align:text-top;
}
.table td a {
 margin:0px 5px 0px 5px;
}
#table-row-odd {
 background:#CCCCCC;
}
#table-row-even {
 background:#EEEEEE;
}
#table-row-alert {
 background:#CCFF66;
}
#table-row-current {
 background:#f3eaef;
 font-weight:bold;
 color:#c4130d;
}


#contact {
 width:500px;
 margin:10px 40px 20px 40px;
}
#contact-function {
 width:100px;
} 
#contact-name {
 width:200px;
}
#contact-email {
 width:200px;
} 
#agenda {
 width:590px;
 margin: 5px 10px 5px 10px;
}
#super-header {
 font-size:larger;
 background:#f3eaef;
 color:#C4130D;
 border-bottom:#000000 thin solid;
}
#agenda-date {
 width:100px;
}
#agenda-place {
 width:100px;
}
#agenda-activity {
 width:50px;
}
#agenda-comment {
 width:340px;
}
#agenda-buttons {
 margin: 10px 0px 0px 10px;
}


#simple {
 margin: 10px 40px 20px 40px;
 padding:0px;
}
#simple p {
 margin:0px;
 padding:0px;
 font-size:smaller;
}
#simple img {
 margin-top:5px;
}



#int-menu {
 float:left;
 width:150px;
 height:100%;
 background-color:#D3D2D8;
 margin:20px 0;
}
#int-menu p {
 font-size:smaller;
 font-weight:bold;
 margin-bottom:20px;
}
#int-main {
 float:left;
 width:610px;
}

#nav-int {
 margin: 0;
 padding: 0 20px 20px 10px;
}
#nav-int li {
 margin: 0; 
 padding: 0;
 display: inline;
 list-style-type: none;
}
#nav-int a:link, #nav-int a:visited {
 font-size: smaller;
 line-height: 14px;
 font-weight: bold;
 padding: 0 12px 6px 12px;
 text-decoration: none;
 color: #708491;
}
#nav-int a:link.active, #nav-int a:visited.active, #nav-int a:hover {
 color: #000;
 background: url(../images/tab_pyram_left.gif) no-repeat left top;
}
#nav-int a#current {
 background: url(../images/tab_pyram_left_black.gif) no-repeat left top;
 color:#000000;
}


#simple-list {
 list-style:disc;
 padding-left:10px;
}
#simple-list li {
}


#open-close {
 float:right;
 border:none;
}


#presence {
 width:450px;
 margin:10px 40px 0px 40px;
}
#presence-name {
 font-size:larger;
 background:#f3eaef;
 color:#C4130D;
 border-bottom:#000000 thin solid;
}
#presence-date {
 font-size:smaller;
 font-weight:normal;
}
#presence-activity {
 width:100px;
}
#presence-klick {
 width:200px;
}

#presence-button {
 margin:0px 40px 40px 40px;
}
#presence-button input {
 margin:0px;
}


#int-full {
 width:760px;
}
#int-full p {
 margin:0px 20px 0px 20px;
}

#presence-all {
 margin: 5px 10px 5px 10px;
 width:740px;
}
td.presence-all-data {
 font-weight:bold;
 text-align:center;
}
#presence-all-name {
}
#presence-all-date {
 font-size:smaller;
}
#presence-print {
 margin: 0px 0px 0px 10px;
}

#comming {
 color:#009966;
}
#not-comming {
 color:#c4130d;
}
#unknown {
 background-color:#CCFF66;
 color:#c4130d;
}


#documents {
 font-size:smaller;
 margin: 0px 0px 20px 0px;
 width:285px;
}
#music {
 font-size:smaller;
 margin: 0px 0px 20px 0px;
 width:285px;
}
#notes {
 float:right;
 margin:0px 10px 20px 0px;
 font-size:smaller;
 width:285px;
}


#members {
 font-size:smaller;
 width:580px;
 margin: 5px 10px 5px 10px;
}
#members-checkbox {
 width:10px;
}
#members-name {
 width:220px;
}
#members-number {
 width:120px;
}
#members-email {
 width:190px;
}


#member-buttons {
 margin: 0px 0px 0px 10px;
}


#bean-elem {
 margin:0px;
 padding:0px;
}
#bean-elem p {
 float:left;
 width:120px;
 font-weight:bold;
}

.login {
 margin:0px 0px 0px 5px;
 width:100px;
}

#info {
 width:150px;
 height:5em;
}


#link {
 margin: 10px 30px 10px 30px;
 width:500px;
}

#link-url {
 width:200px;
}
#link-info {
 width:300px;
}

#cd-image-wrapper {
 margin:10px 5px 10px 5px;
 text-align:center;
}

#presence-all-printable {
 margin: 0px;
 width:760px;
 border:thin solid #000000;
}
td.presence-all-printable-data {
 font-weight:bold;
 text-align:center;
 border:thin solid #000000;
}
#presence-all-printable-name {
 border:thin solid #000000;
}
#presence-all-printable-date {
 border:thin solid #000000;
 font-size:smaller;
}