/*	
	salsamoves.ch XHTML CSS Selectors

	$Revision: 1.0 $

*/

body, td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color: #333333;
	line-height: 16px;
	margin: 0px;
	padding: 0px;

}

br.clear-both, 
div.clear-both {
	font: 1px/1px sans-serif;
	clear: both;
}

a:link, a:visited, a:hover {
	color: #333333;
	/*color: #558FD9;*/
	text-decoration: none;
	
}

#contentMainKurse {
	background-image: url(/images/kurse_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainTanzformation {
	background-image: url(/images/form_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainWorkshops {
	background-image:  url("/images/salsa%20luzern.jpg");
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainPrivat {
	background-image: url(/images/privat_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainAbout {
	background-image: url(/images/ws2_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainSalsa {
	background-image: url(/images/bkg_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainLinks {
	background-image: url(/images/links_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainSchatzkammer {
	background-image: url(/images/schatzkammer.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainWear {
	background-image: url(/images/wear_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

#contentMainReisen {
	background-image: url(/images/reisen_bkg.jpg);
	background-repeat: no-repeat;
	background-position: top right;
	width: 100%;
}

/*a:hover {
text-decoration: underline;
	
}*/
/* overrides decoration from previous rule for hovered links */

h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	padding: 0px;
}

h1{
 font-family: Verdana,Arial,sans-serif;
 font-size: 120%;
}

h1.Kurse {
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 color: #CC0033;
}

h1.Kurse a {
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 color: #CC0033;
}

h1.Workshops {
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 color: #019EAB;
}

h1.Workshops a {
 font-family: Verdana,Arial,sans-serif;
 font-weight: bold;
 color: #019EAB;
}

h2{
 font-size: 114%;
 color: #006699;
}

h3{
 font-size: 100%;
 color: #334d55;
}

h4{
 font-size: 100%;
 font-weight: bold;
}

h5{
 font-size: 100%;
 font-weight: bold;
}

ul{
 list-style-type: square;
}

ul ul{
 list-style-type: disc;
}

ul ul ul{
 list-style-type: none;
}

label{
 font: bold 100% Arial,sans-serif;
 color: #334d55;
}

.News, .News a {
	color:#558FD9;
}

.News a:hover {
	color:#558FD9;
	text-decoration: underline;
}

.Kurse, .Kurse a {
	color:#CC0033;
}

.Kurse a:hover {
	color:#CC0033;
	text-decoration: underline;
}

.Tanzformation, .Tanzformation a {
	color:#FF0066;
}

.Tanzformation a:hover {
	color:#FF0066;
	text-decoration: underline;
}

.Global, .Global a {
	color:#333333;
}

.Global a:hover {
	color:#333333;
	text-decoration: underline;
}

.Workshops, .Workshops a {
	color:#019EAB;
}

.Workshops a:hover {
	color:#019EAB;
	text-decoration: underline;
}
	
.Privat, .Privat a {
	color:#61AB00;
	
}

.Privat a:hover {
	color:#61AB00;
	text-decoration: underline;
	
}

.About, .About a {
	color:#FF6600;
}

.Salsa, .Salsa a {
	color:#713B9E;
}

.Links, .Links a {
	color:#E9AD00;
}



/***** Navigation *****/

.navEntry {
	padding: 6px 8px 7px 8px;
	color: #FFFFFF;
	font-size:10px;
	font:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
}
#navBar a, #navBarKurse a, #navBarWorkshops a, #navBarPrivat a, #navBarAbout a, #navBarSalsa a, #navBarLinks a, #navBarTanzformation a  {
	color:#FFFFFF;
	}

#navBar a:hover, #navBarKurse a:hover, #navBarTanzformation a:hover,#navBarWorkshops a:hover, #navBarPrivat a:hover, #navBarAbout a:hover, #navBarSalsa a:hover, #navBarLinks a:hover {
	color:#FFFFFF;
	background-color:#CCCCCC;
	text-decoration:none;
	}
	


/***********************************************/
/* Layout Divs                                 */
/***********************************************/

#navBar{
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #558FD9;
	white-space: nowrap;
}

#navBarKurse{
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #CC0033;
	white-space: nowrap;
}

#navBarTanzformation{
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #FF0066;
	white-space: nowrap;
}

#navBarWorkshops{
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #019EAB;
	white-space: nowrap;
}

#navBarPrivat {
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #61AB00;
	white-space: nowrap;
}

#navBarAbout {
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #FF6600;
	white-space: nowrap;
}

#navBarSalsa {
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #713B9E;
	white-space: nowrap;
}

#navBarLinks {
	width: 100%;
	height: 25px;
	top:130px;
	background-color: #E9AD00;
	white-space: nowrap;
}


#content{
	width: 500px;
	margin: 0px 0px 0px 29px;
}

#contentNews{
	width: 550px;
	margin: 0px 0px 0px 29px;
}

#contentPopUp{
	width: 380px;
	margin: 15px 0px 0px 29px;
}

#headBar {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #558FD9;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarKurse {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #CC0033;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarTanzformation {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #FF0066;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarWorkshops {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #019EAB;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarPrivat {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #61AB00;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarAbout {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #FF6600;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarSalsa {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #713B9E;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}

#headBarLinks {
	width:100%;
	height:105px;
	margin-top:25px;
	background-color:#ffffff;
	border-top-color: #E9AD00;
	border-top-style: solid;
	border-top-width: 1px;
	white-space: nowrap;
}



/***********************************************/
/*Component Divs                               */
/***********************************************/

#siteName{
	margin: 0px;
	padding: 0px 0px 10px 10px;
}

#themenTitel {
	width: 490px;
	height: 1px;
	clear: both;
	border-bottom: solid #666666 1px;
}

#themenSubTitel {
	width: 490px;
	height: 1px;
	clear: both;
	border-bottom: solid #999999 1px;
}

#themenTitelPopUp {
	width: 390px;
	height: 15px;
	font-size: 10px;
	line-height: 16px;
	font-weight: bold;
	clear: both;
	padding-top: 10px;
	border-bottom: solid #666666 1px;
}

div.hr {
	clear: both;
	border-top: 1px solid #DBE0E6;
	margin-top: 0px;
	margin-bottom: 0px;	
	/*margin-left: -8px;*/
	margin-right: 8px;
	padding: 0em -10px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

div.hrB {
	clear: both;
	border-top: 1px solid #666666;
	margin-top: 0px;
	margin-bottom: 0px;	
	/*margin-left: -8px;*/
	margin-right: 8px;
	padding: 0em -10px;
	font-size: 1px;
	line-height: 1px;
	height: 1px;
}

/*************** #pageName styles **************/

#pageName{
	padding: 0px 0px 10px 10px;
}


/************* #globalNav styles **************/

#globalNav{
color: #cccccc;
padding: 0px 0px 0px 10px;
white-space: nowrap;
}
/* 'nowrap' prevents links from line-wrapping if there are too many to fit in one line
   this will force a horizontal scrollbar if there isn't enough room for all links
   remove rule or change value to 'normal' if you want the links to line-wrap */

#globalNav img{
 display: block;
}

#globalNav a {
	font-size: 90%;
	padding: 0px 4px 0px 0px; 
}


/************* #breadCrumb styles *************/

#breadCrumb{
	font-size: 80%;
	padding: 5px 0px 5px 10px;
}


/************** .feature styles ***************/

.feature{
	padding: 0px 0px 10px 10px;
	font-size: 80%;
}

.feature h3{
	padding: 30px 0px 5px 0px;
	text-align: center;
}

/*********** #navBar link styles ***********/

#navBar ul a:link, #navBar ul a:visited {display: block;}
#navBar ul {list-style: none; margin: 0; padding: 0;}

/* hack to fix IE/Win's broken rendering of block-level anchors in lists */
#navBar li {border-bottom: 1px solid #EEE;}

/* fix for browsers that don't need the hack */
html>body #navBar li {border-bottom: none;}


/*********** #timetable styles ***********/

#timetableArea {
	width:800px;
	margin: 15px 0px 0px 29px;
	/*white-space: nowrap;*/
}

#diagramArea {
	width:595px;
	margin: 15px 0px 0px 29px;
	/*white-space: nowrap;*/
}

p.courseTime { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 85px !important;
	width: 93px;
}

p.courseName { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 150px !important;
	width: 158px;
}

p.courseLevel { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 130px !important;
	width: 138px;
}

p.courseDate { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 115px !important;
	width: 123px;
}

p.courseInfo { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 135px !important;
	width: 143px;
}

p.courseTeacher { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 55px !important;
	width: 63px;
}

p.courseLocation { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 60px !important;
	width: 68px;
}

/************** #workshop elements **************/

#workshopColAB{
	width:600px;
	float:left;
}

#workshopColA{
	width:180px;
	float:left;
}

#workshopColB{
	width:180px;
	float:right;
}

/************** #form elements **************/



#formArea {
	width:600px;
		margin: 15px 0px 0px 29px;
}

#formColAB{
	width:600px;
	float:left;
}

#formColA{
	width:280px;
	float:left;
}

#formColB{
	width:280px;
	float:right;
}


p.formDescNarrowA { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 105px !important;
	width: 113px;
}

p.formDescWideA { 
	float: left; 
	margin: 0px;
	padding: 0px 0px 6px 0px;
	width: 205px !important;
	width: 213px;
}


.formText {
	float:left;
	line-height:12px;
}

.colFormFields {
	width:150px;
	margin:0px 0px 0px 0px;
	float:left;
	background-color: #f7f7f7;
	border-color: #999 #aab3b3 #d5dddd #aab3b3;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


.colFormFields:focus,
colFormFields:focus,
textarea:focus {
	background-color: #fff !important;
}


SELECT {
	width:200px;
	float:left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

TEXTAREA {
	width:250px;
	height: 100px;
	float:left;
	background-color: #f7f7f7;
	border-color: #999 #aab3b3 #d5dddd #aab3b3 !important;
	border-top-style: solid;
	border-top-width: 1px;
	border-right-style: solid;
	border-right-width: 1px;
	border-bottom-style: solid;
	border-bottom-width: 1px;
	border-left-style: solid;
	border-left-width: 1px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}


/************** Kurse styles **************/

h4 {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding: 8px 8px 8px 0px;
	margin-right: 12px;
	width: 145px !important;
	width: 153px;			
}

h4.LongWS {
	float: left;
	margin-top: 0px;
	margin-bottom: 0px;	
	padding: 8px 8px 8px 0px;
	margin-right: 12px;
	width: 245px !important;
	width: 253px;
	color:#019EAB;
}

p.productDescription { 
	float: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 9px;	
	padding: 8px 8px 8px 0px;
	width: 318px !important;
	width: 326px;				
}

p.kurseDescription { 
	float: left; 
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 9px;	
	padding: 8px 8px 8px 0px;
	width: 328px !important;
	width: 336px;				
}

p.productDescWide { 
	float: left; 
	margin: 0px;
	padding: 8px 8px 8px 0px;
	width: 345px !important;
	width: 353px;
}

p.productDescNarrow { 
	float: left; 
	margin: 0px;
	padding: 8px 8px 8px 0px;
	width: 205px !important;
	width: 213px;
}

p.productLinks { 
	float: right; 
	margin: 0px;
	padding: 8px 0px 8px 8px;
	width: 118px !important;
	width: 126px;
}

/************** #headlines styles **************/

#headlines{
	margin: 0px;
	padding: 10px 0px 20px 10px;
	font-size: 80%;
}

#headlines p{
	padding: 5px 0px 5px 0px;
}

/* Image Wrappers */

div.image-right-80x60,
div.image-right-80x92 {
margin-top: 9px;
width: 540px;
}

div.image-right-80x60 p,
div.image-right-80x92 p {
margin-bottom: 6px;
}

div.image-right-80x60 h4,
div.image-right-80x92 h4 {
margin-bottom: 1px;
}

div.image-right-80x60 img.productFeature,
div.image-right-80x92 img.productFeature {
clear: both;
float: right;
}

div.image-right-80x92 img.productFeature {
margin: 15px 0 1.2em 10px;
}

/* Table styles */

.nxtdisabled {  color: #999999}
.nxtbody {  font-family: Arial, Helvetica, sans-serif; font-size: 12px}
.nxta {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 12px}
.nxttitle {  font-family: Arial, Helvetica, sans-serif; text-decoration: none; font-size: 14px}
.sas_td {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px}
.sas_th {  font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #ffffff; background-color: #333333; border-color: #333333 #333333 #333333 #333333; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px; text-align: left}
.nxtthl { font-family: Arial, Helvetica, sans-serif; font-size: 12px; background-color: #66CCFF; border-color: black #000000 #000000 black; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px ; font-weight: bold}
.sas_table { border-color: #333333 #333333 #333333; border-style: solid; border-top-width: 1px; border-right-width: 0px; border-bottom-width: 0px; border-left-width: 1px}
.disabledInput {	background-color: #66FFFF;	clip:  rect(   );	border-top-width: 1px;	border-right-width: 1px;	border-bottom-width: 1px;	border-left-width: 1px;	border-top-style: solid;	border-right-style: solid;	border-bottom-style: solid;	border-left-style: solid;	border-top-color: #000000;	border-right-color: #666666;	border-bottom-color: #666666;	border-left-color: #000000;}
.nxtinput {  font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px}
.nxterror {  color: #FF0000}
.nxtbutton {  font-size: 9pt; font-family: Arial, Helvetica, sans-serif; margin-top: 0px; margin-bottom: 0px}
.nxterror {  color: #990000}
.nxtmd {  font-family: Arial, Helvetica, sans-serif; font-size: 12px; }

.sas_H_td { background-color:#000000; color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; font-weight: bold; border-color: #000000 #000000 #ffffff #000000; border-style: solid; border-top-width: 0px; border-right-width: 1px; border-bottom-width: 1px; border-left-width: 0px }

.sas_link { color: #CC0033; text-decoration: none; }
.sas_link a { color: #CC0033; text-decoration: none; }
.sas_link a:hover { color: #CC0033; text-decoration: underline; }

.sas_K_link { color: #333333; text-decoration: underline; }
.sas_K_link a { color: #333333; text-decoration: underline; }
.sas_K_link a:hover { color: #333333; text-decoration: underline; }