/* Screen CSS for Charmonia 25.10.2007 Ernst Heilmann */


body {
  font-family:Verdana, Arial, Sans Seriv;
  font-size:12px;
  font-weight:normal;
  text-align:center;
  color: #333333;
  background-color: #FFF0F5;
  margin-left:0px;
  margin-right:0px;
  line-height:1.4em;
}

/* --------------  DIVESES  ------------------ */
/* Hauptcontainer */
#main {
  text-align:left;
  clear:all;
  background-color: #FDEEF3;
  width: 823px;
}

/* Head DIV */
#head {
  /* border:1px solid blue; */
  background-color:#FDF7F8;
  padding:0px;
  margin:0px;
}
#breadcrumb {
  /* border:1px solid teal; */ 
  font-size:11px;
  text-align:left;
  margin-left:40px;
  margin-right:40px;
  margin-top:0px;
  margin-bottom:0px;
  padding-top:10px;
  padding-bottom:30px;
  /*height:20px;*/
}
#siesindhier {
  /* border:1px solid darkgray; */ 
  width:700px;
  float:left;
  color:#666666;
}

#allcontent{
 /* border:1px solid red; */
 hight:100%;
 width:100%;
 background-image:url("background.gif");
}
#allinnercontent{
 /* border:1px solid blue; */
 hight:100%;
 width:100%;
 /* background-image:url('saxofon.gif'); */
 /* background-repeat:no-repeat; */
 /* background-position:30px 30px; */
}
#content {
  /* border:1px solid blue; */
  font-size:12px;
  text-align: left;
  margin-left:40px;
  margin-right:40px;
  margin-bottom:20px;
  padding-left:0px;
  margin-top:0px;
  width:480px;

}
/* hier steht der eignetliche Content */
#maincontent {
  /* border:1px solid green; */
  text-align: left;
  padding-left:0px;
  margin:0px;
}
/* Rechte Spalte */
#right {
  /* border:1px solid green; */ 
  width:220px;
  float:right;
  padding-right:30px;
  padding-left:0px;
}
#blocksright {
  background-color:transparent;
  padding-left:10px;
  margin-bottom:20px;
  /* border:1px solid #222222; */
}
#blocksrightmenu {
  background-color:transparent;
  padding-left:0px;
  margin-bottom:20px;
  /* border-left:1px solid #222222; */
}
#content img {
	margin-right:	10px;
	border:1px solid #666666;
}

/* Foot DIV */
#foot {
  /* border:1px solid green; */
  height:46px;
  background-image:url("foot_bg.gif");
  background-color:#FDEEF3;
  background-repeat:no-repeat;
  text-align:center;
  vertical-align:middle;
  padding-top:15px;
  clear:all;   
}
/* --------------  endof DIVESES  ------------------ */

/* Content styles */
#content h1 {
  color:#990033;
  margin-top:0px;
  margin-bottom:30px;
  font-size:22px;
  /* border-left:5px solid #990033; */
  padding-left:5px;
}
#content h2 {
  margin-top:0px;
  margin-bottom:14px;
  color:#333333;
  font-size:14px;
  font-weight:bold;
}
#content p {
  margin-top:0px;
  margin-bottom:12px;
}

/* ---------------- OTHER ------------------------ */
/* Links */
a {
color:#333333;
text-decoration:none;
outline:none;
}
a:link{}
a:visited{}
a:hover{color:#990033;text-decoration:none;}
a:active{}
 
input, select, textarea {
  font-family:Verdana, Arial, Sans Seriv;
  font-size:12px;
  color:#990033;
  background-color:#FDEEF3;
  border:1px solid #990033;
}

.highlighted {
 color:#990033;
 font-weight:bold;
}
.borderdark {
 border:1px solid #333333;
}
.borderhighlighted {
 border:1px solid #990033;
}

blockquote { 
  margin-top:0px;
  margin-bottom:0px;
  margin-left:20px;
}
h1,h2,h3,h4 {
  color:#333333;
}
ul {
  margin-left:10px;
  padding-left:10px;
}
li {
  margin-top:3px;
  margin-bottom:3px;  
}

/* ---------------- Menu DIV ----------------- */

/* -------------------- Horizontal Menue ------------------------------------ */
#hmenu {
  /*border:1px solid blue; */
  background-color:#FDF7F8;
  background-image:url("navi_bg.gif"); 
  background-repeat:no-repeat;
  height:16px;
  margin:0px;
  padding-top:4px;
  padding-bottom:6px;
  text-align:center;
  vertikal-align:middle;
  }

#hmenu a {
  /* font-variant:small-caps; */
  font-size:13px;
  font-weight:bold;
  color:#FFE1EB;
  display:block;
  }
#hmenu a:hover {
  text-decoration:none;
  color:#FFDD00;
  /*border-left:3px solid #FFDD00;*/
}
#hmenu ul {
  list-style-type:none;
  margin-left:0px;
  margin:0px;
  }
#hmenu li {
  display:inline;
  }
#hmenu .hdefault {
  display:inline;
  padding-left:2px;
  margin-left:5px;
  margin-right:5px;
  /*border-left:3px solid #990033;*/
  }
#hmenu .hcurrent {
  display:inline;
  padding-left:2px;
  margin-left:5px;
  margin-right:5px;
  color:#FFDD00;
  /*border-left:3px solid #FFDD00;*/
  }

/* ---------------- Vertikal Menue rechtes Submenue -------------------------- */
#menu {
  /* border-left:1px solid #646400; */
  margin-bottom:20px;
  padding-left:0px;
  
}
#menu .default {
  padding-left:3px;
  margin-left:0px;
  margin-right:0px;
  /* border:1px solid #FDEEF3; */
  border-left:3px solid #FDEEF3;
  }
#menu .current {
  padding-left:3px;
  margin-left:0px;
  margin-right:0px;
  border-left:3px solid #990033;
  /* border:1px solid #990033; */
  background-color:#FDEEF3;
  }
#menu ul{
  list-style-type:none;
  list-style-position:outside;
  margin-left:8px;
  margin-top:0px;
  padding-left:0px;
}
#menu li{
border:1px solid #FDEEF3;  
margin-bottom:5px;
}

#menu a {
  font-size:10px;
  color:#333333;
  font-weight:normal;
  text-decoration:none;
  display:block;
  margin:0px;
  padding:0px;
}
#menu a:hover {
  text-decoration:none;
  color:#990033;
  border-left:3px solid #990033;
}
