/*
 Main Layout: 
 width: 800px
 header: height 195px
 subheader: 100px
 left col: 534px = 67%
 right col: 266px = 33%
*/

body {
	margin:0;
	padding:0;
	border:0;			/* This removes the border around the viewport in old versions of IE */
	width:100%;
	min-width:980px;  	/* Minimum width of layout - remove line if not required */
					/* The min-width property does not work in old versions of Internet Explorer */
}
#page { margin:0 auto; width:980px; }

#header { height:110px; }
 #logo { float: left; margin-top: 10px; }
 #mainmenu { float:right; margin-top: 60px; }

#subheader { height:100px; }
 #headmenu { float:right; margin-top: 7px;}
 .menu { float:right; margin-top: 7px;}
/* column container */
.colmask {
	position:relative;	/* This fixes the IE7 overflow hidden bug */
	clear:both;
	float:left;
	width:100%;			/* width of whole page */
	overflow:hidden;		/* This chops off any overhanging divs */
}
/* common column settings */
.colright, .colmid, .colleft {float:left;	width:100%;	position:relative; }
.col1, .col2, .col3 { float:left;	position:relative; padding:0 0 1em 0;	overflow:hidden; }
.rightcolFlyer { position: absolute; top: 0px; right: 0px; }
.rightcolFlyer .csc-firstHeader { margin-top: 0; }


/*******************
  actual col width 
  100%
********************/
.singlecol .colleft {
	right: 0%; }    /* right column width */
.singlecol .col1 {
	width:96%;			/* left column content width (left column width minus left and right padding) */
	left:  2%;			/* (right column width) plus (left column left padding) */
}


/*******************
  actual col width 
  50% / 50%
********************/
.layout5050 .colleft {	right: 50%; } /* right column width */
.layout5050 .col1 {
	width:46%;			/* left column content width (left column width minus left and right padding) */
	left: 52%;			/* (right column width) plus (left column left padding) */
}
.layout5050 .col2 {
	width:46%;			/* right column content width (right column width minus left and right padding) */
	left: 56%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}

/*******************
  actual col width 
  66% / 33%
********************/
.rightmenu .colleft {	right: 33%; } /* right column width */
.rightmenu .col1 {
	width:63%;			/* left column content width (left column width minus left and right padding) */
	left:35%;			/* (right column width) plus (left column left padding) */
}
.rightmenu .col2 {
	width:29%;			/* right column content width (right column width minus left and right padding) */
	left:39%;			/* (right column width) plus (left column left and right padding) plus (right column left padding) */
}


/* Footer styles */
#footer {
	clear:both;
	float:left;
	width:100%;
  height: 26px;
  margin-top: 13px;
}
#footer .menu { float: left; }
#footer .lang { float: right; }


/* menu */
#mainmenu { display: block; z-index: 111; height:25px; }
#mainmenu ul {margin: 0; padding: 0; border: 0; list-style-type: none; }
#mainmenu li {margin: 0 0 0 0; padding: 0; border: 0; display: block; float: left; position: relative; }
#mainmenu a {display: block; } * html #mainmenu li a { position: relative; }
#mainmenu li ul {visibility: hidden; position: absolute; z-index: 110; } 
html>body #mainmenu li ul {display: none; }
#mainmenu li li {width: 100%; }
/* fixiert die Ausrichtung */
#mainmenu li li ul {top: 0; left: 100%; }
/* simulierter child-selector f?r I.E. */
div#mainmenu li:hover ul,
#mainmenu li:hover li:hover ul,
#mainmenu li:hover li:hover li:hover ul {
visibility: visible;
}
div#mainmenu li:hover li ul,
#mainmenu li:hover li:hover li ul,
#mainmenu li:hover li:hover li:hover li ul {
visibility: hidden;
}
/* nicht fuer I.E. */
#mainmenu ul#level1navlist li:hover>ul {display: block; visibility: visible; }
/*		------  Aussehen	--------			*/
#mainmenu { font-family: Verdana; font-size: 12px; color: #FFFFFF; border: none;}
#mainmenu li {}
/*Mouse-Over-Hintergrund*/
#mainmenu li:hover { background:#6A6E77; color: #666666;}
/*Schrift Menuleiste*/
#mainmenu a { text-decoration: none; color: #FFFFFF;}
#mainmenu a:hover, #mainmenu a:active { background:#6A6E77;  }
#mainmenu li:hover>a, #mainmenu a:hover { background:#6A6E77;  }
#mainmenu li ul { line-height: 15px; background: #6A6E77; border: none; width: 145px; filter:alpha(opacity=85); -moz-opacity:0.85;}
#mainmenu li ul a { color: #FFFFFF;  background:#6A6E77;    filter:alpha(opacity=85); -moz-opacity:0.85; }
#mainmenu li ul a:hover{ background:#2d5885;  filter:alpha(opacity=100);  -moz-opacity:1; }
#mainmenu li.l1 { border-right:1px solid #334470;		 }
#mainmenu li.l1 a{ font-weight: normal;  text-transform: uppercase;  padding: 3px 8px 8px 5px;  }
#mainmenu li.l1hi a,#mainmenu li.l1 a:hover { font-weight: normal; text-transform: uppercase; background:#6A6E77;   padding: 3px 8px 8px 5px; }
#mainmenu li.l2 { line-height: 15px; margin-left:0px;}
#mainmenu li.l2 a { text-transform: none; background: #6A6E77;  }
#mainmenu li.l2 a:hover { text-transform: none; background: #152c5c;}
#mainmenu li.l3 a { text-transform: none;}
#mainmenu li.l3 a:hover { text-transform: none;}


#headmenu  a { font-weight:lighter;text-transform: uppercase;color:#fff;}
#headmenu  a:hover { text-decoration:underline;color:#fff;}

.menu  a { font-weight:lighter;text-transform: uppercase;color:#fff;}
.menu  a:hover { text-decoration:underline;color:#fff;}
/* Design */

body { background: url(_img/back.jpg) no-repeat scroll center top #152C5C; font-family:trebuchet ms,arial,helvetica,sans-serif; font-size:13px; }
#subheader { background-color:#fff; }
#subheader img { padding: 20px 14px; }
.rightmenu, .layout5050, .singlecol { background-color: #fff; }
.rightmenu .colleft, .layout5050 .colleft {	background-color: #fff; }
#footer { background-color:#14203A; height:26px; }
#footer { position: relative; height: 26px; background-color: #14203A; }
#footer_start .menu,#footer .menu { float: left; }
#footer_start .lang,#footer .lang { float: right; }
#footer_start div.menu,#footer div.menu { padding: 5px; }
#footer_start div.menu a,#footer div.menu a { color: white; text-transform: uppercase; text-decoration: none; font-weight: normal; padding-right: 10px; border-right: 2px solid #152C5C; }
#footer_start div.menu a:hover,
#footer_start div.menu a:active,
#footer div.menu a:hover,
#footer div.menu a:active { text-decoration: underline; }
#footer_start div.lang, #footer div.lang { padding: 1px; }

h1, h2, h3, h4 { color: #162C5D; }
h1 { font-size: 16px; margin: 8px 0; }
h2 { font-size: 14px; margin: 7px 0; }
h3 { font-size: 12px; margin: 6px 0; }
h4 { font-size: 11px; margin: 5px 0; }
th { text-align: left; color:#162C5D; padding: 0px 0 8px 0; }

p { margin: 0 0 6px 0; }
p.smalltext { font-size: 11px; }

a { color:#990100; font-weight:bold; text-decoration:none; }
a:hover, a:active { text-decoration:underline; }

div#c448 iframe { border: 0px; width: 490px; height: 400px;  }

/* cal */
.cal-list-event { border-bottom: 1px solid #D6AF6A; margin-bottom: 10px; }
.cal-list-event h3 { color: #152C5C; margin-bottom: 5px; }
.cal-list-event p { margin: 5px 0px; }
/* tt_news */
div#content_start div.left h2 { margin: 5px 0; font-size: 12px; }
div#content_start div.left h2 span { color: white; }
div#content_start div.left a { color: #8292AB; font-weight: bold; text-decoration: none; } 
div#content_start div.left a:hover,
div#content_start div.left a:active { text-decoration: underline; } 
div#content_start div.left p { color: white; margin: 4px 0px; display: none; }
.news-list-item { padding-bottom: 10px; }
.news-list-item h3 { color: #152C5C; margin-bottom: 0px; }
.news-list-item img { float: right; margin-left: 10px; }
.news-single-img { float: right; margin-left: 10px; margin-bottom: 10px; }
.news-single-timedata { }
hr, hr.clearer { clear:both; border:0;margin:0;height:0; }
/* csc styled content */
.csc-textpic-text,
.news-list-item { border-bottom: 1px solid #D6AF6A; margin-bottom: 10px; }
div.csc-textpic-center { border-bottom: 0px; }
/* rgslideshow */
.rgstitle { font-weight: bold; }
.rgsdescription { display: none; }
.rgsnav2 { background-color: #14203A; padding: 5px; height: 19px; }
.rgsbrowser { float: left; }
.rgsbrowserEl { color: white; font-size: 13px; font-weight: bold; }
.rgssplitEl { color: white; font-size: 13px; padding: 0 2px; }
.rgsact { color: #A70100;  }
.rgsplay { float: left; margin-left: 10px; color: white; font-weight: bold; font-size: 15px; }
.rgteaser-age { display: none; }
.rgteaser-text { margin-bottom: 10px; }

#kurscalendar { font-size: 11px; }
#kurscalendar th { text-align: left; }
#kurscalendar td { vertical-align: top; }
#kurscalendar .rowcol2 { background-color: #FCEAC1; }
div.tx-cal-controller p { margin: 4px 0; }

/* ve_guestbook */
fieldset { border: 1px solid #152C5C; margin-bottom: 10px; padding: 4px 8px 9px; }
legend { padding: 0 2px; }
legend { color: #152C5C; }
.tx-guestbook-field label { width: 150px; display: block; float: left; }
.tanzpartner-entry {
  margin-bottom: 10px;
  border-bottom: 1px solid #D6AF6A;
}
.tanzpartner-entry p { margin:0}
.tx-guestbook-pagination { background-color: #FCEAC1; }
.tx-guestbook-pagination strong { font-size: 120%; }
.tx-guestbook-pagination strong,
.tx-guestbook-pagination a { padding:0 10px;}
.tx-guestbook-pagination a:hover { background-color: #E9D3A2; }
/* fe_login */


/* zielgruppen kursseite */
.tx-mkkurstool-pi1 { border: 0px none; margin: 0px; background-color:#fff;  font-family: Arial,Helvetica,verdana,sans-serif;  font-size: 12px; }
.tx-mkkurstool-pi1 table { width: 100%; font-size: 12px; padding: 0 0 20px 0; }
.tx-mkkurstool-pi1 p { margin: 0 0 6px 0; }
.tx-mkkurstool-pi1 legend { color: #162C5D; }

.tx-mkkurstool-pi1 a { color: #162C5D; font-size: 12px; font-weight:bold; text-decoration:none; }
.tx-mkkurstool-pi1 a:hover, .tx-mkkurstool-pi1 a:active { color: #162C5D; text-decoration:underline;  }

.tx-mkkurstool-pi1 a.start { text-transform:uppercase;font-weight:bold; color: #000; }
.tx-mkkurstool-pi1 a.start:hover { text-transform:uppercase;font-weight:bold; color: #fff; }

.tx-mkkurstool-pi1 .start { font-size: 13px; }
.tx-mkkurstool-pi1 .right { text-align: right; }
.tx-mkkurstool-pi1 .buttonbox { float: left; display: inline; padding: 5px; width: 130px; height: 150px; }
.tx-mkkurstool-pi1 ul { margin-top:0; }
a.totop { float: right; }


/* powermail */
fieldset.tx-powermail-pi1_fieldset {width:490px;}
.tx_powermail_pi1_fieldwrap_html { clear: both; color: #000000; padding: 2px; }
.tx_powermail_pi1_fieldwrap_html label { float: left; display: block; width: 250px; }
.tx_powermail_pi1_fieldwrap_html textarea { width: 280px; height: 100px; }
.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner { float: left;  }
.tx_powermail_pi1_fieldwrap_html .powermail_radio_inner label { width: auto; }
#powermaildiv_uid62 p.tx_powermail_pi1_fieldwrap_html_radio_title { float: left; width: 100px; padding-bottom: 0px; margin-bottom: 2px; }
legend { color: #024292;margin-bottom:5px; }
fieldset { padding: 5px; border: 1px solid #024292; }
input, textarea { margin: 0px; }
fieldset.tx-powermail-pi1_fieldset input.powermail_submit {
width:100px;
font-size:12px;
border: 1px solid #333333;
background-color: #024292;
color:#ffffff;
}