/***************    NetAble                                                      ***************/

:link { text-decoration:none; color: #777777; font-weight: bold; }
:visited { text-decoration:none; color: #777777; font-weight: bold; }
ul,ol { list-style:none }
h3,h4,h5,h6,pre,code { font-weight:normal; color: #777777 }
ul,ol,li,h1,h2,h3,h4,h5,pre,form,body,html,p,blockquote, input, dl, dt, dd { margin:0; padding:0; color: #777777 }
img, a img,:link img,:visited img, { border:none }
img { margin:0; padding:0; vertical-align:bottom; }
address { font-style:normal }
table {	border:none; padding:0px; margin:0px; border-spacing:0px}
tr { border:none; padding:0px; margin:0px; }
td { border:none; padding:0px; margin:0px; vertical-align:top; border-spacing:0px; }
legend { display:none; }
body, div,p,li { background-repeat:no-repeat; }


/*	reset some basic style       */

em          {
  text-decoration: underline;
  font-style: normal
}


dl			{margin: 0 0 0 0;}
dl dt		{margin: 0 0 0 0;}
dl dd+dt	{margin-top: 0;}
dl dd		{margin: 0 0 0 0;}

ol			{list-style: none;}
ol li		{margin: 0 0 0 0;}
ol li ol	{margin: 0 0 0 0;}
ol li ul	{margin: 0 0 0 0;}

p			{margin-bottom: 0em;}

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

a:hover { text-decoration:none; }

/***************    BASIC WEBSITE                    ***************/

body {
  font-family: Arial;
  font-size: 14px;
  background-color: #000000;
  padding-top: 20px;

}
.LayoutTable{
  background-color: #ffddff;
  height: 600px;
  border: thick solid #ff6699
}
.IlluBox {
  height: 200px;
  text-align: center
}
.NaviContentRow {
  height: 400px;
}

.NaviCell{
}
#NaviBox{
  margin: 10px 0px 0px 0px;
  padding-left: 3px;
  padding-right: 3px;
  overflow: hidden;
  line-height: 25px;
  width: 190px;
  letter-spacing: 1px
}

#NaviBox a:link,a:visited {
  font-weight: bolder;
  color: #777777;
}

#ContentBox{
  width: 770px;
  height: 480px;
  overflow: auto;
  padding-left: 15px;
  padding-right: 15px;
  margin: 10px 0px 0px 0px;
  text-align: justify
}

.flRight{
  float: right;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 0px
}
.flLeft{
  float: left;
  padding-bottom: 5px;
  padding-left: 0px;
  padding-top: 5px;
  padding-right: 5px
}
.flTop{
  float: none;
  padding-bottom: 5px;
  padding-left: 5px;
  padding-top: 5px;
  padding-right: 5px;
  text-align: center
}


/***************    BREADCRUMP NAVIGATION                                 ***************/


.breadcrumb {
}

.breadcrumb[id] {
}

.breadcrumb a:link {
}

.breadcrumb a:hover {
}

.bcActive{
}

.bcTitle {
}

/***************               NAVIGATION                                 ***************/
.navi{
}
.navtop {
}

.navbot {
}

.activelevel1 {
  background-color: #ff6699;
  color: #FFFFFF
}
.level1active {
  color: #FFFFFF
}
.level1inactiveopen {
}

.inactivelevel1 {
  background-color: #ff99cc;
}

.inactivelevel1:hover{
  background-color: #FFEEFF;
}

.inactiveopenlevel1 {
  background-color: #ff6699
}

.activeopenlevel1 {
  background-color: #ff6699
}

.activelevel2 {
  padding-left: 2px;
  padding-right: 5px;
  background-color: #ff6699
}

.inactivelevel2 {
  padding-left: 2px;
  padding-right: 5px;
  /*background-color: #ff99cc*/
  background-color: #fcb2fc;
}

.inactiveopenlevel2 {
  padding-left: 2px;
  padding-right: 5px;
  background-color: #ff99cc
}

.activeopenlevel2 {
  padding-left: 2px;
  padding-right: 5px;
  background-color: #ff99cc
}

.level2inactive{
  padding-left: 2px;
  padding-right: 5px;
  background-color: #fcb2fc
}

.level2active{
  padding-left: 2px;
  padding-right: 5px;
  background-color: #ff6699
}

.activelevel3 {
  padding-left: 7px;
  padding-right: 10px;
  background-color: #ff99cc
}

.inactivelevel3 {
  padding-left: 7px;
  padding-right: 10px;
  background-color: #ff99cc
}

.level3inactive{
  padding-left: 7px;
  padding-right: 10px;
  background-color: #ff99cc
}

.level3active{
  padding-left: 7px;
  padding-right: 10px;
  background-color: #ff99cc
}

.inactivelevel4 {
  background-color: #ff99cc
}

/***************               Content                                   ***************/

h1{
  font-size: 20px;
  font-weight: normal;
  /**color: #ff6699;**/
  margin-bottom: 10px;
}
h2{
  font-size: 16px;
  font-weight: normal;
  /**color: #ff6699;**/
  margin-bottom: 5px;
}
h3{
  font-size: 16px;
  font-weight: bold;
  /**color: #ff6699;**/
  margin-bottom: 5px;
}
h6{
  /**color: #ff6699;**/
  display: inline
}

hr{
  /**color: #ff6699;**/
  background-color: #ff6699
}
del{
}


/***************               FORMULAR                                   ************/
#form-module * {
	padding:0px;
	margin:0px;
}
#form-module {
	margin:0px;
	padding:0px;
	background-color:transparent;
}
#form-module fieldset {
	border:0px solid #ff6699;
}
#form-module legend {
	display:none;
}
#form-module p {
	margin:0;
	padding:3px;
	font-weight:bold;
}
#form-module .element {
	display:block;
	clear:both;
	background-color:transparent;
}
#form-module label {
	display:block;
	float:left;
	padding:3px;
	width:150px;
}
#form-module label.checkbox {
	width:372px;
	border-right:none;
}
#form-module input,
#form-module select,
#form-module textarea {
	float:left;
	margin:3px;
	width:295px;
	border:1px solid #ff6699;
    background-color: #ffeeff;
    font-family: "Times New Roman";
    color: #777777;
}

#form-module input.text {
	height:17px;
    background-color: #ffeeff
}
#form-module input.checkbox {
	width:120px;
	padding:0px;
	border:none;
    background-color: transparent
}
#form-module input.submit {
	margin:10px 5px 5px 160px;
	padding:2px 5px;
	border:2px solid #ff6699;
	background-color: #ffeeff;
	text-align:center;
	cursor:default;
    color: #777777;
    font-family: "Times New Roman";
    font-weight: bold;
    font-size: 16px
}
#form-module input.submit:hover {
	background-color:#ff6699;
   	border:2px solid #ff6699;
    }
#form-module label.textarea {
  height:96px;
  background-color: transparent
}

#form-module textarea.textarea {
  height:96px;
  background-color: #ffeeff
}
#form-module-thanks {
    display:block;
    font-weight: bold;
    color: #777777;
}

/***************               GÄSTEBUCH                                   ***************/


/* Formular */
form.gbook div {
	width: 400px;
}
/* Eingabefelder */
form.gbook input, form.gbook textarea {
    margin: 2px;
	width: 250px;
	border:1px solid #ff6699;
    background-color: #ffeeff;
}
/* Text-Eingabefeld*/
form.gbook textarea {
	height: 100px;
   	border:1px solid #ff6699;
    background-color: #ffeeff;
}
/* Beschriftungen der Eingabefelder */
form.gbook div.label {
	width: 100px;
	float: left;
}
/* Buttons */
form.gbook input.button {
    width: 123px;
	margin: 0px;
	margin-top: 5px;
    border:2px solid #ff6699;
	background-color: #ffeeff;
	text-align:center;
	cursor:default;
    color: #777777;
    font-family: "Times New Roman";
    font-weight: bold;
    font-size: 16px
}
/* Buttons-Layer*/
form.gbook div.buttons {
	padding-left: 118px;
    margin-top: -178px;

}

/* Zusatztext-Layer*/
form.gbook div.info {
	text-align: left;
}
/* Fehlermeldungs-Layer*/
form.gbook div.error {
	font-weight: bold;
	padding-top: 5px;
	padding-bottom: 10px;
}
/* 	Listen Styles    */
/* Einträge-Layer */
div.gbook .entry {
	padding-top: 10px;
	padding-bottom: 10px;
	border-bottom: 2px solid #ff6699;
    background-color: #ffeeff
}
/* Pagination-Layer */
div.gbook .pagination {
	float: right;
}
/* Pagination-Links */
div.gbook .pagination a {
	padding-left: 2px;
	padding-right: 2px;
}
/*   Allgemeine Formatierungen     */
/* Beschriftungen */
div.gbook .label {
	float: left;
}
/* Werte */
div.gbook .value {
	padding-left: 150px;
}
/* Spezifische Formatierungen  z.b.
[CODE]
div.gbook .<feldname> .<feldtyp>{
}
[/CODE]
*/
div.gbook .text .label {
	padding-top: 5px;
  color: #ff6699
}
div.gbook .text .value {
	clear: left;
	padding: 5px;
    background-color: ##ffeeff
}
.Sicherheitszahl {
  padding-left: 102px;
  padding-top: 2px
}
/***************    END        Der Tanzsalon   ***********************************/