/**
*  url("/fileadmin/templates2/images/   umwandeln in  url("/fileadmin/templates2/images/
*
*/

/* BASICS */
* {margin:0;padding:0}

html, body {
	height: 100%; /* Anzeigebereich in der Vertikalen auf 100% strecken */
}

body {
	background: #fff;
	color: #000000;
	font:83%/1.5 arial,tahoma,verdana,sans-serif;
	padding-top: 0;
	padding-right: 0;
	padding-bottom: 20px;
	padding-left: 0;
}


/* GENERAL */
img {border:none} 
hr {margin: 1em 0;background:#f2f2f2;height:1px;color:#f2f2f2;border:none;clear:both}
.clear {clear:both;position:relative;font-size:0px;height:0px;line-height:0px} 


/* LINKS */

a, a:link, a:hover {
	text-decoration:none;
	cursor:pointer;
	font-weight: bold;
}
a:link { color:#c00 } 
/* a:visited {color:#840000} */
a:hover, a:active { color:#333 }


body.startseite a {
	color: #499DD4;
}

body.base a {
	color: #499DD4;
}

body.veranstaltungen a {
	color: #C13405;
}

body.salsa a {
	color: #A37415;
}

body.gesellschaftstanz a {
	color: #499DD4;
}

body.salsa a:hover, body.salsa a:active, 
body.veranstaltungen a:hover, body.veranstaltungen a:active,
body.gesellschaftstanz a:hover, body.gesellschaftstanz a:active {
	color: #333;
}

body.veranstaltungen h1, body.veranstaltungen h2, body.veranstaltungen h3, body.veranstaltungen h4, body.veranstaltungen h5, body.veranstaltungen h6,
body.veranstaltungen h1 a, body.veranstaltungen h2 a, body.veranstaltungen h3 a, body.veranstaltungen h4 a, body.veranstaltungen h5 a, body.veranstaltungen h6 a,
body.veranstaltungen .news-block h1 a, body.veranstaltungen .news-block h2 a, body.veranstaltungen .news-block h3 a, body.veranstaltungen .news-block h4 a, body.veranstaltungen .news-block h5 a, body.veranstaltungen .news-block h6 a {
	color: #660000;
}

body.salsa h1, body.salsa h2, body.salsa h3, body.salsa h4, body.salsa h5, body.salsa h6,
body.salsa h1 a, body.salsa h2 a, body.salsa h3 a, body.salsa h4 a, body.salsa h5 a, body.salsa h6 a,
body.salsa .news-block h1 a, body.salsa .news-block h2 a, body.salsa .news-block h3 a, body.salsa .news-block h4 a, body.salsa .news-block h5 a, body.salsa .news-block h6 a {
	color: #6D2B0B;
}

body.gesellschaftstanz h1, body.gesellschaftstanz h2, body.gesellschaftstanz h3, body.gesellschaftstanz h4, body.gesellschaftstanz h5, body.gesellschaftstanz h6,
body.gesellschaftstanz h1 a, body.gesellschaftstanz h2 a, body.gesellschaftstanz h3 a, body.gesellschaftstanz h4 a, body.gesellschaftstanz h5 a, body.gesellschaftstanz h6 a,
body.gesellschaftstanz .news-block h1 a, body.gesellschaftstanz .news-block h2 a, body.gesellschaftstanz .news-block h3 a, body.gesellschaftstanz .news-block h4 a, body.gesellschaftstanz .news-block h5 a, body.gesellschaftstanz .news-block h6 a {
	color: #09539F;
}



/* FORMS */
form {margin: 0 0 1.5em}
input {font-family: arial,tahoma,verdana,sans-serif;margin: 2px 0}
fieldset {border: none}
label {display:block;padding: 5px 0}
label br {clear:left}

	/* FORMS - general classes */
	input.f-submit {padding: 1px 3px;background:#666;color:#fff;font-weight:bold;font-size:96%}
	
	/* FORMS - f-wrap-1 - simple form, headings on left, form elements on right */
	form.f-wrap-1 {width:100%;padding: .5em 0;background: #f6f6f6 url("/fileadmin/templates2/images/featurebox_bg.gif") no-repeat 100% 100%;border-top: 1px solid #d7d7d7;position:relative}
		form.f-wrap-1 fieldset {width:auto;margin: 0 1em}
		form.f-wrap-1 h3 {margin:0 0 .6em;font: bold 155% arial;color:#c00}
		form.f-wrap-1 label {clear:left;float:left;width:100%;border-top: 1px solid #fff}
		
		/* hide from IE mac \*/
		form.f-wrap-1 label {float:none}
		/* end hiding from IE5 mac */
	
		form.f-wrap-1 label input, form.f-wrap-1 label textarea, form.f-wrap-1 label select {width:15em;float:left;margin-left:10px}
		
		form.f-wrap-1 label b {float:left;width:8em;line-height: 1.7;display:block;position:relative}
		form.f-wrap-1 label b .req {color:#c00;font-size:150%;font-weight:normal;position:absolute;top:-.1em;line-height:1;left:-.4em;width:.3em;height:.3em}
		form.f-wrap-1 div.req {color:#666;font-size:96%;font-weight:normal;position:absolute;top:.4em;right:.4em;left:auto;width:13em;text-align:right}
		form.f-wrap-1 div.req b {color:#c00;font-size:140%}
		form.f-wrap-1 label select {width: 15.5em}
		form.f-wrap-1 label textarea.f-comments {width: 20em}
		form.f-wrap-1 div.f-submit-wrap {padding: 5px 0 5px 8em}
		form.f-wrap-1 input.f-submit {margin: 0 0 0 10px}
		
		form.f-wrap-1 fieldset.f-checkbox-wrap, form.f-wrap-1 fieldset.f-radio-wrap {clear:left;float:left;width:32em;border:none;margin:0;padding-bottom:.7em}
		form.f-wrap-1 fieldset.f-checkbox-wrap b, form.f-wrap-1 fieldset.f-radio-wrap b {float:left;width:8em;line-height: 1.7;display:block;position:relative;padding-top:.3em}
		form.f-wrap-1 fieldset.f-checkbox-wrap fieldset, form.f-wrap-1 fieldset.f-radio-wrap fieldset {float:left;width:13em;margin: 3px 0 0 10px}
		form.f-wrap-1 fieldset.f-checkbox-wrap label, form.f-wrap-1 fieldset.f-radio-wrap label {float:left;width:13em;border:none;margin:0;padding:2px 0;margin-right:-3px}
		form.f-wrap-1 label input.f-checkbox, form.f-wrap-1 label input.f-radio {width:auto;float:none;margin:0;padding:0}
		
		form.f-wrap-1 label span.errormsg {position:absolute;top:0;right:-10em;left:auto;display:block;width:16em;background: transparent url(images/errormsg_bg.gif) no-repeat 0 0}
		form.f-wrap-1 label span.errormsg b {padding: 10px 0;margin: 0 10px 0 30px;color:#B30800;font-weight:bold;display:block;width:auto;float:none;line-height:1.3}

/* TYPOGRAPHY */
p, ul, ol {
  margin: 0 0 0.8em
}


.csc-header {
	font-family: arial,verdana,sans-serif;
	color:#000066;
	padding-bottom: 0.1em;
	margin-top: 1.2em;
	margin-right: 0;
	margin-bottom: 0.8em;
	margin-left: 0;
}

h1 { font-size: 16px }
h2 { font-size: 14px }
h3 { font-size: 13px; font-weight: bold }
h4 { font-size: 12px; font-weight: bold }
h5 { font-size: 9px; font-weight: bold }
h6 { font-size: 96%; letter-spacing:.1em;word-spacing:.8em }

.csc-firstHeader {
  text-transform: uppercase;
}

div.csc-header h1 { margin-top:.6em }
div.csc-header h2 { margin-top: 30px }
div.csc-header h3 { margin-top: 20px }
div.csc-header h4 { margin-top: 20px }

.news-block .csc-header {
	color: #FFFFFF;
	font-size: 12px;
}

.news-block .csc-header h1 { font-size: 12px }
.news-block .csc-header h2 { font-size: 10px; font-weight: bold }
.news-block .csc-header h3 { font-size: 9px; font-weight: bold }


.csc-frame div.csc-header h2, .csc-frame div.csc-header h1 {
  margin-top: 10px
}

.csc-frame .csc-firstHeader, div.csc-header h1.csc-firstHeader, div.csc-header h2.csc-firstHeader, div.csc-header h3.csc-firstHeader, div.csc-header h4.csc-firstHeader, div.csc-header h5.csc-firstHeader, div.csc-header h6.csc-firstHeader {
  margin-top: 0
}

.highlight {color:#E17000}
.subdued {color:#999}
.error {color:#c00;font-weight:bold}
.success {color:#390;font-weight:bold}
.caption {color:#999;font-size:11px}
.date {font: bold 82% arial;color:#bbb;display:block;letter-spacing: 1px}
small {font-size:11px}
.small {font-size:86%}


/* LISTS */
#content ul {
	margin-top: 0.3em;
	margin-right: 0;
	margin-bottom: 1.5em;
	margin-left: 3em;
}

#content ul.related {margin-top: -1em}
#content ol {margin: .5em .5em 1.5em}
#content ol li {margin-left: 1.4em;padding-left: 0;background: none; list-style-type: decimal}

/*
li {line-height: 1.4em;padding-left: 25px;background: transparent url("/fileadmin/templates2/images/sprites.gif") no-repeat 0 0}
li {line-height: 1.4em;padding-left: 25px;background: transparent url("/fileadmin/templates2/images/mainnav/list2.gif") no-repeat 5px 7px}
*/

#content li.doc {background-position: 3px -500px}
#content ul.nomarker li {background:none;padding-left:0}

#content dl {margin: 0 0 1em 0}
#content dt {font-weight:bold;margin-top: 1.3em}
#content dl dl {margin: 0 0 1.5em 30px}

/* Auf der Startseite hatten die Grafiken etwas zu große Abstände nach unten. */ 
#content dl.csc-textpic-image { 
	margin:0
}



	
	.featurebox {color:#333;padding: 15px 20px 20px;border-top: 1px solid #d7d7d7;margin: 0 0 1.5em;background: #f6f6f6 url("/fileadmin/templates2/images/featurebox_bg.jpg") no-repeat 100% 100%}
	.featurebox p, .featurebox h1, .featurebox h2, .featurebox h3, .featurebox h4, .featurebox h5, .featurebox h6 {margin: 0 0 .3em;border-bottom: 1px solid #c00;color:#c00}
	.featurebox p {border:none;margin: 0 0 1em;color:#444}
	.featurebox a {font-weight:bold}

	.thumbnail {margin: 0 0 0 10px;position:relative;z-index:9999;border: 1px solid #eee;float:right;width:100px;padding:5px;background:#fff}
	.thumbnail img {border: 1px solid #000}
	
	.pagination {background: #f2f2f2;color:#666;padding: 4px 2px 4px 7px;border: 1px solid #ddd;margin: 0 0 1.5em}
	.pagination p {position:relative;text-align:right}
	.pagination p a:link, .pagination p a:visited, .pagination p a:hover, .pagination p a:active {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc}
	.pagination p a:hover {background:#c00;color:#fff}
	.pagination p span {text-decoration:none;background:#fff;padding:2px 5px;border: 1px solid #ccc;color:#ccc}
	.pagination * {margin:0}
	.pagination h4 {margin-top:-1.45em;padding:0;border:none}
	
	#resultslist-wrap {margin: 0 0 1.5em;font-size:92%}
	#resultslist-wrap dt, #resultslist-wrap dl {margin: 0}
	#resultslist-wrap dt {font: bold 85% arial;padding: 3px 0}
	#resultslist-wrap li {padding: 0 0 1em;margin:0 0 0 1.2em;font: bold 145% arial}
	#resultslist-wrap li dd {font: normal 73% arial}
	#resultslist-wrap li dl {margin:0}
	#resultslist-wrap dd {line-height:1.3}
	#resultslist-wrap dd.filetype, #resultslist-wrap dd.date {color:#999;display:inline;padding-right:.5em}
	
	/* TABLES */
	.table1 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.table1 td {background: #fff url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.table1 th {text-align:left;border: 1px solid #fff}
		.table1 thead th {color:#fff;font-size:145%;background: #900 url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.table1 tbody th {color:#fff;font-size:115%;background: #88b8db url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.table1 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}

	/* TABLES - calendar */
	.calendar {width:200px;font-size:92%}
		.calendar td {text-align:center;border: 1px solid #ddd}
		.calendar th {text-align:center}
		.calendar thead th {padding: 3px 2px}
		.calendar tbody th {padding: 2px}
		.calendar tbody th.sub {padding: 2px}
		
	/* 'MORE' LINK - provides an accessible alternative to just using 'more' as a link at the end of paragraphs */
		a.morelink:link, a.morelink:visited, a.morelink:hover, a.morelink:active {background: transparent url("/fileadmin/templates2/images/sprites.gif") no-repeat 5px -500px;padding-left:21px}
		a.morelink:hover {background: transparent url("/fileadmin/templates2/images/sprites.gif") 5px -400px}
		.morelink span {position:absolute;left:-9999px;width:900px}
		
	/* CODE - formatting for code inserted into body - more here: http://dizque.lacalabaza.net/temp/lipt/ */
		ol.code {font-family: monospace;position:relative}
		ol.code li {color: #666;margin-bottom: 1px}
		ol.code code {color: #000;display: block}
		ol.code .cmt {color: #4077d2}
		li.tab0 code {padding-left: 4em}
		li.tab1 code {padding-left: 8em}
		li.tab2 code {padding-left: 12em}
		li.tab3 code {padding-left: 16em}
		li.tab4 code {padding-left: 20em}
		li.tab5 code {padding-left: 24em}
		ol.code li  {background: #f3f3f3 url("/fileadmin/templates2/images/td_bg.gif") no-repeat 100% 100%}
		p.note {margin: 1em;border: 1px solid #ddd;background: #f0f0f0;padding: 1em}




/******************************************************************************/


	
	/* NAV - top horizontal nav */
	#nav, #nav ul { padding: 0;margin: 0;list-style: none}
	#nav {
		height:2.09em;
		font: 86% arial;
		padding-top: 5px;
		margin-right: 5px;
		margin-bottom: 0;
		margin-left: 5px;
	}
	#nav li { position:relative; float: left;width: 10em; display:block;margin: 0; padding:0 }
	#nav a, #nav a:link, #nav a:visited, #nav a:hover, #nav a:active {
		text-decoration:none;
		cursor:pointer;
		color:#fff;
		display: block;
		padding-top: 4px;
		padding-right: 30px;
		padding-bottom: 2px;
		padding-left: 0px;
		font-weight: normal;
	}
	
	#nav a:hover {
		color: #99CCFF;	
	}
	
	
	#nav li ul {border-left: 1px solid #c00;background: #f6f6f6 url("/fileadmin/templates2/images/featurebox_bg.jpg") no-repeat 100% 100%;width:15.8em;font-size:90%;margin-top:3px;position: absolute;font-weight:normal;left: -999em}
	#nav li:hover ul, #nav li.sfhover ul {left: 0;z-index:99999}
	
	#nav li li {background:none;float:none;border:none;border: 1px solid #999;border-top:1px solid #fff;border-right:none;border-left:none;padding-left:0}
	#nav li li.last {border-bottom:none}
	#nav li li a, #nav li li a:link, #nav li li a:visited, #nav li li a:hover {color:#000;padding: 3px 10px 2px;width:14em}
	#nav li li a:hover {color:#fff;background:#c00}
	
	#nav li.active {background: #c00;border-bottom: 3px solid #c00}
	#nav li.active ul {border:none;background: #c00 url("/fileadmin/templates2/images/featurebox2_bg.gif") no-repeat 100% 100%}
	#nav li.active a:link, #nav li.active a:visited, #nav li.active a:hover, #nav li.active a:active {}
	#nav li.active a:hover {color:#000}
	
	#nav li.active li {border:none;border-top: 1px solid #c15c5c;border-bottom: 1px solid #870000}
	#nav li.active li.last {border-bottom: none}
	#nav li.active li a:link, #nav li.active li a:visited, #nav li.active li a:hover, #nav li.active li a:active {color:#fff}
	#nav li.active li a:hover {background: #666 url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 99%;color:#fff}
	
	#nav li.active li.active a:link, #nav li.active li.active a:visited, #nav li.active li.active a:hover, #nav li.active li.active a:active {color:#fff;font-weight:bold;background: #666 url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 99%}

	/* hide from IE mac \*/
	#nav li {width:auto}
	/* end hiding from IE5 mac */
	
	

/* LAYOUT - main body of page */
#wrap {
	width:960px;

	min-height: 100%; /* Mindesthöhe in modernen Browsern */
	height: auto !important; /* !important-Regel für moderne Browser */
	height: 100%; /* Mindesthöhe in IE (<7) */
}


#content-wrap { position:relative; width:100%; }
	
	#utility {
		position:relative;
		float:left;
		top:0;
		left:0;
		width:290px;
		padding-bottom: 40px;
		padding-left: 15px;
		padding-right: 10px;
		height: 780px;
	}

	#sidebar {position:absolute;top:0;right:25px;width:20%;border-top: 5px solid #999;padding-top: 1px;padding-bottom: 40px}

#content-top {
	margin-top: 0;
	margin-right: 50px;
	padding-bottom: 0;
	margin-left: 50px;
	height: 100px;
}
	
body.startseite #content {
	background-image: url("/fileadmin/templates2/images/home/banner-text2.jpg");
	background-repeat: no-repeat;
	background-position: 0 0;
	padding-top: 130px;
	color: #FFFFFF;
}

body.base #content {
	color: #FFFFFF;
	
}



	/**********************************
	* Breadcrumb, zur Zeit ohne Verwendung
	*/

	#content-top #breadcrumb {
		float:left;
		border-bottom-width: 1px;
		border-bottom-style: dotted;
		border-bottom-color: #FFF;
	}
	
	#content-top #breadcrumb, #content-top #breadcrumb a {
		/* font-size: 10px; */
		font-size:93%;
		font-weight: bold;
		text-transform: uppercase;
		text-decoration: none;
		color: #666 !important;
	}
	
	#content-top #breadcrumb a:link, #content-top #breadcrumb a:visited {text-decoration:none}
	#content-top #breadcrumb a:hover, #content-top #breadcrumb a:active {text-decoration:underline}

	
/*******************
* Subtitle2
*/

#subtitle2 {
	background-color: #C33;
	text-align: center;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 10px;
	padding-right: 10px;
	width: 25%;
	color: #FFF;
	float:right;
	font-size: 86%;
	font-weight: bold;
	text-transform: uppercase;
}

body.salsa #subtitle2 {
	background-color: #FFCC33;
}

body.walzer #subtitle2 {
	background-color: #60bdf8;
}




body.veranstaltungen #content,
body.gesellschaftstanz #content,
body.salsa #content,
body.base #content {
	padding-left: 5px;
	padding-right: 5px;
}

body.salsa #mainblock {
	background-image: url("/fileadmin/templates2/images/salsa/bg-top.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.gesellschaftstanz #mainblock {
	background-image: url("/fileadmin/templates2/images/gesellschaftstanz/bg-top.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.veranstaltungen #mainblock {
	background-image: url("/fileadmin/templates2/images/veranstaltungen/bg-top.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.base #mainblock {
	background-color: #1C0B2F;
}



/* LAYOUT TYPE B */
	
	#type-b #mainblock {margin: 0 0 0 320px}
	#type-b #nav-top2 {margin: 0; padding: 0}
	/*
    #type-b #content {margin: 0 23px 0 320px}
	#type-b #nav {margin: 0 23px 0 320px}
	#type-b #nav-top2 {margin: 0 23px 0 320px}
	#type-b #footer{margin: 0 23px 0 320px}
	*/	
	
/* LAYOUT TYPE C */
	#type-c #content-wrap {background: transparent url("/fileadmin/templates2/images/content_wrap_bg.gif") repeat-y 30px 0}
	#type-c #content {margin: 0 25% 0 320px}

/* LAYOUT TYPE D */
	#type-d #content {margin: 0 25% 0 50px}

/* LAYOUT TYPE E */
	#type-e #content-wrap {background: transparent url("/fileadmin/templates2/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-e #utility {position:absolute;top:0;left:auto;right:25px;width:165px;border-top: 5px solid #999}
	#type-e #content {margin: 0 243px 0 50px}

/* LAYOUT TYPE F */
	#type-f #content-wrap {background: transparent url("/fileadmin/templates2/images/content_wrap_e_bg.gif") repeat-y 100% 0}
	#type-f #content {margin: 0 346px 0 25%}
		#type-f #utility {left:auto;right:25px}
		#type-f #sidebar {right:auto;left:25px}

/* SECONDARY NAVIGATION - vertical navigation */
	
	#nav-secondary, #nav-secondary ul {position:static}
	
	#nav-secondary, #nav-secondary li {list-style:none;margin:0;padding:0;}
	
	#nav-secondary {
		margin-top:50px;
		width: 230px;
		padding-top:10px;
		padding-bottom:30px;
		background-color: #FFF;
		-moz-border-radius: 7px;
		-webkit-border-radius: 7px;
	}
	
	
	body.salsa #nav-secondary {
		background-image: url("/fileadmin/templates2/images/salsa/menu-text.jpg");
		background-repeat: no-repeat;
		background-position: 20px 20px;
		padding-top: 70px;
	}
	
	body.gesellschaftstanz #nav-secondary {
		background-image: url("/fileadmin/templates2/images/gesellschaftstanz/menu-text.jpg");
		background-repeat: no-repeat;
		background-position: 20px 20px;
		padding-top: 70px;
	}
	
	body.veranstaltungen #nav-secondary {
		background-image: url("/fileadmin/templates2/images/veranstaltungen/menu-text.jpg");
		background-repeat: no-repeat;
		background-position: 20px 20px;
		padding-top: 70px;
	}
	
	#nav-secondary a {
		line-height:1.1em;
		padding: 5px 15px 5px 23px;
		display:block;
		font-family: Arial, Helvetica, sans-serif;
		font-size: 86%;
		font-weight: bold;
		color: #333;
	}
	
	#nav-secondary a, #nav-secondary a:link, #nav-secondary a:visited, #nav-secondary a:hover, #nav-secondary a:active {
		text-decoration:none;
		cursor:pointer
	} 
	#nav-secondary a:link {color: #333} 
	#nav-secondary a:visited {color: #333} 
	#nav-secondary a:hover {
		color: #333;
		font-weight: bold;
	} 
	

/* SECONDARY NAVIGATION - 2nd TIER */
	#nav-secondary ul {
		margin-left: 10px;
	}
	
	#nav-secondary li li a {
		font-weight: normal;
		line-height: 0.8em;
	}
	

/* SECONDARY NAVIGATION - 3rd TIER */
	#nav-secondary ul ul {margin: 0 0 1em 13px;padding:0}
	#nav-secondary li.active li.active li a, #nav-secondary li.active li.active li a:link, #nav-secondary li.active li.active li a:visited {width:117px}
	#nav-secondary li.active li.active li a:link, 
	#nav-secondary li.active li.active li a:visited, 
	#nav-secondary li.active li.active li a:hover, 
	#nav-secondary li.active li.active li a:active {font-weight:normal}
	#nav-secondary li.active li.active li.active a:link, 
	#nav-secondary li.active li.active li.active a:visited, 
	#nav-secondary li.active li.active li.active a:hover, 
	#nav-secondary li.active li.active li.active a:active {font-weight:bold}


	
	#nav-secondary li.bM_CUR a, #nav-secondary li.bM_CURIFSUB a {
		color: #499DD4;
		font-weight: bold;		
	}
	
	body.veranstaltungen #nav-secondary li.bM_CUR a, body.veranstaltungen #nav-secondary li.bM_CURIFSUB a {
		color: #660000;
	}

	body.salsa #nav-secondary li.bM_CUR a, body.salsa #nav-secondary li.bM_CURIFSUB a {
		color: #6D2B0B;
	}

	body.gesellschaftstanz #nav-secondary li.bM_CUR, body.gesellschaftstanz #nav-secondary li.bM_CURIFSUB a {
		color: #09539F;
	}
	
	#nav-secondary li li.bM_NO a,
	body.gesellschaftstanz #nav-secondary li li.bM_NO a,
	body.veranstaltungen #nav-secondary li li.bM_NO a,
	body.salsa #nav-secondary li li.bM_NO a {
		color: #333;
		font-weight: normal;
	}
	
	
	
#logo {
	
}

#logo a {
	height: 70px;
	width: 150px;
	position: relative;
	z-index: 200;
	left: 45px;
	top: 20px;
	display: block;
}

#logo a span {
	display: none;
}

/**********************************
* NEWS, wird nun von BOX bestimmt
*/

.news-block {
       width: 230px;
	color: #FFFFFF;
	font-size: 86%;
	margin-top: 20px;
}

/*
.news-block li {
	margin-left: 20px;
}
*/

/*
NOCH NICHT GETESTET
.news-block div.frame-salsa, .news-block div.frame-gesellschaftstanz, .news-block div.frame-veranstaltungen {
	margin-top:20px;
	padding-top:10px;
	padding-bottom:30px;
	padding-right: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	-moz-border-radius: 7px;
	-webkit-border-radius: 7px;
	background-position: right bottom;
	background-image: url(../images/geschwungener-kreis/grau-transparent-20.jpg);
	background-repeat: no-repeat; 

}

.news-block div.frame-salsa a:hover, .news-block div.frame-gesellschaftstanz a:hover, .news-block div.frame-veranstaltungen a:hover {
    color: #555555;
}
*/

/* Nur in der Newsspalte */

.news-block div.csc-frame-frame1 {
	padding: 5px;
	padding-bottom: 10px;
	color: #FFF;
	margin-top: 3px;
	margin-bottom: 10px;
	background-image: url("/fileadmin/templates2/images/home2/bg.jpg");
	background-color: #A0CCE9;
	background-repeat: repeat-x;
	border-top-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #FFF;
	border-right-width: 3px;
	border-bottom-width: 1px;
	border-left-width: 1px;
	border-right-color: #F90;
	border-bottom-color: #FFF;
	border-left-color: #FFF;
}

body.startseite .news-block div.csc-frame-frame1 {
	background-image: url("/fileadmin/templates2/images/home2/bg.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

body.salsa .news-block div.csc-frame-frame1 {
	background-image: url("/fileadmin/templates2/images/salsa/bg-top.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;
}

	

	background-image: url("/fileadmin/templates2/images/salsa/bg-top.jpg");
	background-repeat: repeat-x;
	background-color: #FFFFFF;



/*
body.startseite .news-block div.csc-header { color: #FFFFFF }

body.startseite .news-block {
	color: #FFFFFF;
}

body.startseite .news-block h1 a, body.startseite .news-block h2 a, body.startseite .news-block h3 a, body.startseite .news-block h4 a, body.startseite .news-block h5 a, body.startseite .news-block h6 a {
	color: #FFFFFF;
}

body.startseite .news-block .csc-frame .csc-firstHeader,
body.startseite .news-block div.csc-header h1.csc-firstHeader,
body.startseite .news-block div.csc-header h1,
body.startseite .news-block div.csc-header h2,
body.startseite .news-block div.csc-header h3,
body.startseite .news-block div.csc-header h4,
body.startseite .news-block div.csc-header h5,
body.startseite .news-block div.csc-header h6,
	color: #FFFFFF;
}
*/



/**********************************
* Footer Menü und "TO TOP"-Link
*/

/* LAYOUT - FOOTER */

#footer {
	clear:both;
	background-color: #FFFFFF;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #FFFFFF;
/**
	font-size:86%;
	color: #666666;
**/
	margin-top: 60px;
	padding-top: 10px;
	padding-right: 20px;
	padding-bottom: 30px;
	padding-left: 20px;

}
	#footer p {margin:0}
	
	#footer a {
		color: #3366FF;
		text-decoration: none;
		text-transform: uppercase;
	}

	#footer a:hover {
		color: #FFFFFF;
	}

body.startseite #footer {
	background-color: transparent;
	color: #FFFFFF;
}
	
	
.csc-linkToTop a {
	color: #3366FF;
	text-decoration: none;
	font-size: 86%;
	text-transform: uppercase;
}

.csc-linkToTop a:hover {
	color: #FFFFFF;
}


/* ***************** */
/* Hintergrundgrafik, farbiger Streifen */
  body {
	background-repeat: repeat-x;
	background-attachment: scroll;
  }

  body.startseite {
	background-image: url("/fileadmin/templates2/images/home2/bg.jpg");
	background-color: #A0CCE9;
  }

  body.base {
	background-image: url("/fileadmin/templates2/images/home2/bg.jpg");
	background-color: #A0CCE9;
  }

  body.salsa {
	background-image: url("/fileadmin/templates2/images/salsa/bg.jpg");
	background-color: #FFE4A1;
  }

  body.veranstaltungen {
	background-image: url("/fileadmin/templates2/images/veranstaltungen/bg.jpg");
	background-color: #E15E2A;
  }

  body.gesellschaftstanz {
	background-image: url("/fileadmin/templates2/images/gesellschaftstanz/bg.jpg");
	background-color: #D5E5F2;
  }


/* ***************** */
/* Hintergrundgrafik, tanzendes Paar */

/* Hintergrundgrafik, Navigation */

#type-b #utility { background-repeat: no-repeat; background-position: 0 0; min-height: 800px; }

body.startseite #utility {
	background-image: url("/fileadmin/templates2/images/home2/left-top.jpg"); 
}

body.base #utility {
	background-image: url("/fileadmin/templates2/images/base/left-top.jpg"); 
}

body.veranstaltungen #utility {
	background-image: url("/fileadmin/templates2/images/veranstaltungen/left-top.jpg"); 
}

body.salsa #utility {
	background-image: url("/fileadmin/templates2/images/salsa/left-top.jpg"); 
}

body.gesellschaftstanz #utility {
	background-image: url("/fileadmin/templates2/images/gesellschaftstanz/left-top.jpg"); 
}


/************************************************/



/* ***************** */


body.startseite #content h1 {
	color: #FFF;
}

body.startseite #content h2, body.startseite #content h3, body.startseite #content h4, body.startseite #content h5, body.startseite #content h6 {
	color: #DDDFFF;
}

body.startseite #content a {
	color: #9CF;
}

body.startseite #content a:hover {
	color: #99F;
	text-decoration: none;
}

body.startseite #breadcrumb {
	visibility: hidden;  
}

/* ***************** */


body.base #content h1 {
	color: #FFF;
}

body.base #content h2, body.base #content h3, body.base #content h4, body.base #content h5, body.base #content h6 {
	color: #DDDFFF;
}

body.base #content a {
	color: #9CF;
}

body.base #content a:hover {
	color: #99F;
	text-decoration: none;
}

/**
Links in Frames
**/


div.frame-salsa a {
	color: #FFB652;
}

div.frame-gesellschaftstanz a {
	color: #97C5EB;
}

div.frame-veranstaltungen a {
	color: #C13405;
}

div.frame-salsa a:hover,
div.frame-gesellschaftstanz a:hover,
div.frame-veranstaltungen a:hover {
	color: #FFFFFF;
}




/**
Überschriften in Frames
**/


div.frame-salsa h1, div.frame-salsa h2, div.frame-salsa h3, div.frame-salsa h4, div.frame-salsa h5, div.frame-salsa h6 {
	color: #FFB652;
}

div.frame-gesellschaftstanz h1, div.frame-gesellschaftstanz h2, div.frame-gesellschaftstanz h3, div.frame-gesellschaftstanz h4, div.frame-gesellschaftstanz h5, div.frame-gesellschaftstanz h6 {
	color: #97C5EB;
}

div.frame-veranstaltungen h1, div.frame-veranstaltungen h2, div.frame-veranstaltungen h3, div.frame-veranstaltungen h4, div.frame-veranstaltungen h5, div.frame-veranstaltungen h6 {
	color: #C13405;
}





/*
body.startseite .featurebox { color:#333; }
*/

/**********************************
* Typo3, Überschriften und Links in diesen
*/

.csc-header a {
	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #000066;
	text-decoration: none;
	color: #000066;
}

.csc-header a:hover {
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #06C;
	text-decoration: none;
	color: #06C;
}


/**********************************
* Typo3, Rahmenlayout
*/

div.csc-frame-rulerBefore {
	border-top-width: 1px;
	border-top-style: dashed;
	border-top-color: #E8E8E8;
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;

}

div.csc-frame-rulerAfter {
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #E8E8E8;
	width: 100%;
	float: left;
	padding-top: 20px;
	padding-bottom: 30px;
}

#mainblock div.csc-frame-frame1 {
	border: 10px solid #8F9DCA;
	padding: 10px;
	background-color: #CCF;
	margin-top: 20px;
}







div.csc-frame-frame2 {
	border: 10px solid #F90;
	background-color: #333;
	padding: 10px;
	color: #FFF;
	margin-top: 20px;
}




/* Textformatierungen aus dem RTE */
.important{
	color: #C00;
}

.name-of-person {
	color: #069;	
}

.detail {
	color: #6C0;	
}

/**
FUNKTIONIERT NICHT !!!
dd.csc-textpic-caption {
  color: #000066;
  font-size: 86%;
}
*/


/***
* Sitemap, SEO
*/

/*
.tx-flseositemap-pi1 ul li.deep0 {
	color: #333;
	background-color: #69F;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #66F;
	padding-left: 10px;
	text-decoration: none;
	list-style-type: none;	
}

.tx-flseositemap-pi1 ul li.deep0 a {
	color: #333;
	display: block;
	text-decoration: none;
}

.tx-flseositemap-pi1 ul li.deep0 a:hover {
	color: #FFF;
	background-color: #36C;
}



.tx-flseositemap-pi1 ul li.deep1 {
	padding-left: 20px;	
}

.tx-flseositemap-pi1 ul li.deep2 {
	padding-left: 30px;	
}

.tx-flseositemap-pi1 ul li.deep3 {
	padding-left: 40px;	
}

.tx-flseositemap-pi1 li {
	list-style-type: none;	
}
*/

.tx-flseositemap-pi1 ul li.deep0 {
	margin-left: 10px;	
}

.tx-flseositemap-pi1 ul li.deep1 {
	margin-left: 25px;	
}

.tx-flseositemap-pi1 ul li.deep2 {
	margin-left: 40px;	
}

.tx-flseositemap-pi1 ul li.deep3 {
	margin-left: 55px;	
}

/**********************************
* Typo3, Tabellen
*/


table.contenttable {
	border-collapse:collapse; 
	width: 100%;
}

table.contenttable th {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	padding: 2px;
	background-color: #8F9DCA;
	color: #FFFFFF;
	font-size: 86%;
	font-weight: bold;
	text-transform: uppercase;
}

table.contenttable td {
	font-size: 100%;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;
	padding: 2px;
}

table.contenttable td.w50, table.contenttable th.w50 {
  width: 50px;
}

table.contenttable td.w100, table.contenttable th.w100 {
  width: 100px;
}

table.contenttable td.w150, table.contenttable th.w150 {
  width: 150px;
}

table.contenttable td.w200, table.contenttable th.w200 {
  width: 200px;
}


table.contenttable td.td-last {
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-right-style: dashed;
	border-bottom-style: solid;
	border-right-color: #666666;
	border-bottom-color: #666666;	
}

table.contenttable tr.tr-odd td {
	background-color: #FFF;
}

table.contenttable tr.tr-even td {
	background-color: #F8F8F8;
}

/*
body.salsa table.contenttable tr.tr-odd td {
	background-color: #A37415;
}

body.salsa table.contenttable tr.tr-even td {
	background-color: #FC3;
}
*/



	.contenttable-1 {
		text-align:left;
		border: 5px solid #CCF;
		border-collapse:collapse;
	}
	
	body.salsa .contenttable-1 {
		border: 5px solid #FDE4A1;
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}
	
	body.salsa .contenttable-1 th {
		background-color: #FBCA4A;
		color: #000;
	}
	
	body.veranstaltungen .contenttable-1 {
		border: 5px solid #DF5C28;
		width:96%;
		margin-left:2%;
		margin-right:2%;
	}
		
	body.veranstaltungen .contenttable-1 th {
		background-color: #FC6;
		color: #000;
	}
	
	
	body.base table.contenttable td {
		color: #000;
	}
	
	
	
	
	
	
	.contenttable-2 {
		text-align:left;
		border: 2px solid #F60;
		border-collapse:collapse;
		width:100%
	}
	.contenttable-2 th {
		text-align:left;
		border: 1px solid #fff;
		background-color: #6C3;
		color: #666;
	}

	.contenttable-3 {border: 2px solid #900;border-collapse:collapse;width:100%}
		.contenttable-3 td {background: #fff url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1600px;padding:3px;border: 1px solid #fff}
		.contenttable-3 th {text-align:left;border: 1px solid #fff}
		.contenttable-3 thead th {color:#fff;font-size:145%;background: #900 url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1300px;padding: 10px 6px}
		.contenttable-3 tbody th {color:#fff;font-size:115%;background: #88b8db url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1400px;padding: 6px}
		.contenttable-3 tbody th.sub {font-size:100%;color:#000;background: #efefef url("/fileadmin/templates2/images/sprites.gif") repeat-x 0 -1500px;padding: 6px}


/**********************************
* Typo3, LAYOUT - Spalten
*/
.col-50 {
	width: 300px;
	float: left;
	padding-right: 25px;
}

.col-33 {
	width: 190px;
	float: left;
	padding-right: 25px;
}

.col-66 {
	width: 400px;
	float: left;
	padding-right: 25px;
}

/*
.colborder {
	border-right-width: 1px;
	border-right-style: dashed;
	border-right-color: #E8E8E8;
}
*/

.last {
	padding-right: 0;
}


/**********************************
* Typo3, MailForm
*/

/* Formular */
fieldset.csc-mailform {
	border: 10px solid #8F9DCA;
	padding: 10px;
	background-color: #CCF;	
}

fieldset.csc-mailform label {
	width: 30%;
	float: left;
	text-align: right;
	margin-right: 10px;
	display: block;
}


fieldset.csc-mailform input,
fieldset.csc-mailform textarea {
	margin-bottom: 10px;
	font-family: Verdana, Helvetica, sans-serif;
	border: 2px solid #E8E8E8;
	padding:2px;
	width: 60%;
}

.csc-mailform-radio fieldset legend {
	visibility: hidden;
}

.csc-mailform input.csc-mailform-radio {
	width: 10px;
	margin-right: 5px;
	float: left;
}

.csc-mailform-radio fieldset label {
	width: 60px;
	margin-right: 20px;
	text-align: left;
}


.csc-mailform-submit {
	float: right;
	margin-right: 50px;
	width: 150px !important;
}


#mailformformtype_mail {
	padding:2px;
	margin-left:40px;
	background:#eee;
	border:1px solid #ccc;
	width:80px;
	text-align:center;
}

/**********************************
* Typo3, POWERMAIL
*/

span.powermail_mandatory {
	/* Color of mandatory error message */
	color: red;
}
input.validation-failed,
textarea.validation-failed {
	/* Background color if validation failed 
	background-color: red;*/
	background-image: url("/typo3conf/ext/powermail/img/icon_exclamation.gif");
	background-repeat: no-repeat;
	background-position: 98% 1px;
}
div.powermail_mandatory_js {
	/* DIV container of errormessage */
	color: red;
	margin: 3px 0 15px 200px;
}
fieldset.tx-powermail-pi1_fieldset {
	/* Fieldset */
	border: 2px solid #8F9DCA;
	padding: 10px;
	margin: 10px;
	background-color: #CCF;
}
fieldset.tx-powermail-pi1_fieldset legend {
	/* legend of Fieldset */
	font-weight: bold;	
}

body.base fieldset.tx-powermail-pi1_fieldset legend {
	background-color: #A0CCE9;
	margin: 5px;
	padding: 5px;
	color: #000;
}

fieldset.tx-powermail-pi1_fieldset label {
	/* label */
	display: block;
	width: 30%;
	float: left;
	clear: both;
	font-weight: bold;
	text-align: right;
	margin-right: 10px;
	padding: 0;
}

fieldset.tx-powermail-pi1_fieldset input.powermail_text,
fieldset.tx-powermail-pi1_fieldset textarea.powermail_textarea,
fieldset.tx-powermail-pi1_fieldset select.powermail_select {
	/* Input and textarea */
	width: 60%;
}
fieldset.tx-powermail-pi1_fieldset div.tx_powermail_pi1_fieldwrap_html_radio input.powermail_radio {
	/* Radiobuttons */
	margin: 5px 0;
}
div.tx_powermail_pi1_fieldwrap_html {
	/* DIV container arround every field */
	margin: 10px 0;
}

body.base fieldset.tx-powermail-pi1_fieldset {
	color: #000;
}

/* submit button */
/*
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
	margin: 20px 0 10px 200px;
	font-weight: bold;
}
*/


div.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit input {
	width: 150px;
	right: 0;
	float: right;
	position: relative;
	font-size: 86%;
	font-weight: bold;
	text-transform: uppercase;	
}

div.tx-powermail-pi1_formwrap .tx_powermail_pi1_fieldwrap_html_submit input:hover {
	background-color: #006699;
	color: #FFFFFF;
}


p.tx_powermail_pi1_fieldwrap_html_checkbox_title,
p.tx_powermail_pi1_fieldwrap_html_radio_title {
	margin: 0;
	padding: 0;
	font-weight: bold;
}
div.countryzone {
	margin: 10px 0 0 200px;
}
div.tx_powermail_pi1_fieldwrap_html label a {
	/* Description */
	cursor: help;
}
div.tx_powermail_pi1_fieldwrap_html label a dfn {
	/* Description */
	display: none;
}
div.tx_powermail_pi1_fieldwrap_html label a:hover dfn {
	/* Description on mouseover */
	display: block;
	position: absolute;
	width: 250px;
	padding: 5px;
	background-color: #ddd;
	border: 1px solid red;
	color: black;
	text-decoration: none;
	font-size: 0.8em;
}
div.tx_powermail_pi1_fieldwrap_html img.icon_info {
	/* Description icon */
	padding: 2px 2px 0 2px;
}


	/* Confirmation */
td.powermail_all_td {
	padding: 3px 10px 3px 0;
}

	/* THX */
td.powermail_all p.bodytext {
	margin: 0;
}


/* CSS-Box säubern */
.floatbox { overflow:hidden; }


/* Clearfix-Methode zum Clearen der Float-Umgebungen */
.clearfix:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
.clearfix { display: block; }


/* Bugfix und Hack, für Bestellseite */
body.base .tx-powermail-pi1 table.contenttable td {
	color: #FFFFFF;
}


.tx-srfreecap-pi2-cant-read  {
	color: #fff;
	font-size: 86%;
}

span.tx-guestbook-form-obligationfield {
	color: red;

}

/* ABSTAND FÜR SONDERFALL STARTSEITE */
.startseite #news-block1 {
	padding-top: 450px;
}