@import url(mailform.css);
@import url(intern.css);
/* Common */
html { 
			height: 100%; 
			}

BODY {			height:100%;
			background-color: #ffffff;
			margin: 0px;
			height:auto;
			font-family: Tahoma, Verdana, Arial, Helvetica, sans-serif;
			font-size: 12px;
			}
			
table, tr, td {
			margin: 0px 0px 0px 0px;
			padding: 0px 0px 0px 0px;
			}

.img { 
			border: 0px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			display: block;
			}

/* FONTS */

h1 {			
			font-size: 12px;
			background-color: #cccccc;
			border: 1px solid #333333;
			padding-left: 10px;
			}

h2 {
			font-size: 16px;
			font-weight: bold;
			color: #cccccc;
			}
h3 {			
			font-size: 12px;
			font-weight: bold;
			color: #243A8D;
			}

p.bodytext,label {
			font-size: 12px;
			color: #333333;
			line-height: 150%;
			margin: 0px 0px 0px 0px;
			}
			
h6 {
			font-family: Tahoma, Verdana, Arial, sans-serif;
			font-size: 20px;
			font-weight: bold;
			color: #243A8D;
			margin: 5px 0px 0px 0px;
			}

.important {
			color: red;
			background: #ffffff;
			}
p, label {
			font-size: 12px;
			color: #333333;
			line-height: 150%;
			margin: 0px 0px 0px 0px;
			}

.label {
			text-align:left;
			}

li {
                        font-size: 12px;
                        color: #333333;
                        line-height: 150%;
                        margin: 0px 0px 0px 0px;
                        }

.align-center {
			text-align: center;
			}

.align-right {
			text-align: right;
			}

a {			text-decoration: none;
			color: #243A8D;
			}
			
a:hover {		text-decorsation: underline;
			color: #243A8D;
			}

a.navi {
			display: block;
			width: 200px;
			background-color: #cccccc;
			text-decoration: none;
			font-size: 12px;
			color: #243A8D;
			padding-top: 3px;
			padding-bottom: 3px;
			margin-top: 3px;
		    }

a.navi:hover {
			display: block;
			width: 200px;
			background-color: #243A8D;
			text-decoration: none;
			font-size: 12px;
			color: #cccccc;
			padding-top: 3px;
			padding-bottom: 3px;
			margin-top: 3px;
		    }


a.navi2 {
			display: block;
			width: 200px;
			background-color: #243A8D;
			text-decoration: none;
			font-size: 12px;
			color: #cccccc;
			padding-top: 3px;
			padding-bottom: 3px;
			margin-top: 3px;
		    }

a.navi2:hover {
			display: block;
			width: 200px;
			background-color: #243A8D;
			text-decoration: none;
			font-weight:bold;
			font-size: 12px;
			color: #cccccc;
			padding-top: 3px;
			padding-bottom: 3px;
			margin-top: 3px;
		    }

a.footer {
			font-size: 9px;
			color: #ffffff;
			text-decoration: none;
			margin-left: 5px;
			margin-right: 5px;
			}

a.footermitte:hover {
			font-size: 9px;
			color: #cccccc;
			text-decoration: underline;
			}
			
a.footermitte {
			font-size: 9px;
			color: #cccccc;
			text-decoration: none;
			margin-left: 5px;
			margin-right: 5px;
			}

a.footermitte:hover {
			font-size: 9px;
			color: #cccccc;
			text-decoration: underline;
			}

/* special tags*/

td.grauoben {
			background-color: #cccccc;
			border-bottom: 1px solid #999999;
			}

td.grauunten {
			background-color: #cccccc;
			border-top: 1px solid #999999;
			}

td.line {
			border-right: 2px solid #243A8D;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}

td.lineleft {
			border-left: 2px solid #243A8D;
			}

td.grauoben_line {
			background-color: #cccccc;
			border-right: 2px solid #243A8D;
			border-bottom: 1px solid #999999;
			}
			
td.grauunten_line {
			background-color: #cccccc;
			border-right: 2px solid #243A8D;
			border-top: 1px solid #999999;
			}						

td.grauoben_lineleft {
			background-color: #cccccc;
			border-left: 2px solid #243A8D;
			border-bottom: 1px solid #999999;
			}

td.grauunten_lineleft {
			background-color: #cccccc;
			border-left: 2px solid #243A8D;
			border-top: 1px solid #999999;
			}
			
td.footer {
			font-size:9px;
			color: #ffffff;
			text-align: right;
			}

div.inhalt {
			padding-left: 10px;
			padding-right: 10px;
			height: 360px;
			overflow: auto;
			}

div.index2 {
			background-image: url(../img/just_dance_index_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}
div.tanzen2 {
			background-image: url(../img/just_dance_tanzen_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}
div.veranstaltungen {
			background-image: url(../img/just_dance_veranstaltungen_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}

div.service {
			background-image: url(../img/just_dance_service_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}

div.warumwir {
			background-image: url(../img/just_dance_warumwir_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}


div.misc {
			background-image: url(../img/just_dance_links_2.jpg);
			background-position:center;
			background-repeat: no-repeat;
			width:200px;
			height: 367px;
			padding: 0px 0px 0px 0px;
			margin: 0px 0px 0px 0px;
			}
			
marquee {
			font-size: 12px;
			display: block;
			width: 100%;
			padding-top: 5px;
			padding-bottom: 5px;
			
		}

.csc-frame-frame1 {
			background-color: #cccccc;
			border: 1px solid #333333;
			padding-left: 10px;
			}

.csc-frame-frame2 {
			background-color: #CC9900;
			border: 1px solid #333333;
			}
.contenttable {
			border: 1px solid #cccccc;
			width: 500px;
			}
			
.htmlarea-showtableborders {
			border: 1px solid #cccccc;
			font-size: 12px;
			width:500px;
			}	
					
dd.csc-textpic-caption {
			font-size: 9px;
			color: #cccccc;
			}

/* bilder */

ul { 
	list-style-type: none;
	text-align: left;
	margin:0;
	padding-top: 30px;
	padding-bottom: 30px;
	}

.bnavi {
	display: block;
	width: 200px;
	background-color: #cccccc;
	text-decoration: none;
	font-size: 12px;
	color: #243A8D;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
	border-top:  1px solid #cccccc;
	border-bottom:  1px solid #cccccc;
}

.bnavi:hover {
	display: block;
	width: 200px;
	border-top:  1px solid #243A8D;
	border-bottom:  1px solid #243A8D;
	text-decoration: none;
	font-size: 12px;
	color: #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	margin-top: 3px;
}

.bnavi-act {
	display: block;
	width: 200px;
	border-top:  1px solid #243A8D;
	border-bottom:  1px solid #243A8D;
	text-decoration: none;
	font-size: 12px;
	color: #cccccc;
	padding-top: 3px;
	padding-bottom: 3px;
	font-weight:bold;
	margin-top: 3px;
	background: #fff;
}

.bcontent {
	padding-top: 10px;
         padding-bottom:20px;

}

.bline {
	border-right: 2px solid #243A8D;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	background: #243A8D;
	color: #fff;
	font-weight: bold;
	font-size:16px;
	}


.blineright {
	border-left: 2px solid #243A8D;
	background: #243A8D;
	}
