body {
	background:url(../images/bg.jpg) repeat-x top #fff;
	font-family:Arial, Helvetica, sans-serif;
	padding:0;
	font-size:12px;
	margin:0px auto auto auto;
	color: #333;/*#6c7b81;*/
	}

body.details {
	background:url(../images/bg2.jpg) repeat-x top #fff;
	}

a {
	color:#f36d21;
	text-decoration:none;
	}

a img {
	border:none;
	}
	
.clear {
	clear:both;
	}

.no-display {
	display:none !important;
	}
	
h1 {
	color:#966093;
	font-size:24px;
	font-weight:bold;
	padding:15px 0 2px 0;
	margin:0px;
	clear:both;
	}

h1.orange {
	color:#cd9543;
	}

h2 {
	color:#cd9544;
	font-size:18px;
	font-weight:bold;
	padding:15px 0 0px 0;
	margin:0px;
	clear:both;

	}

h3 {
	color:#000;
	font-size:100%;
	font-weight:bold;
	padding:15px 0 0px 0;
	margin:0px;
	}

p {
	padding:5px 0 5px 0;
	margin:0px;
	line-height:19px;
	}

#salsa p, #tango p, #swing p, #salsa h2, #tango h2, #swing h2 {  /* fuer die Navigation menu_small */
	clear:left;
	}

#salsa h2, #tango h2, #swing h2 {  /* fuer die Navigation menu_small */
	float:left;
	}


.wrap {
	width:960px;
	margin:auto;
	}

.header {
	width:960px;
	height:171px;
	background:url(../images/header_bg.jpg) no-repeat left;
	}

.logo {
	padding:0px 0 0 14px;
	float:left;
	width:370px;
	}
	
.tell {
	float:right;
	margin:100px 80px 0 0;
	color:#f1f1f1;
}

.tell img {
	border: 1px solid #f1f1f1;
}

.tell a {
	color:#f1f1f1;
	margin-left:0px;
}

.tell a:hover {
	text-decoration:underline;
}

.addthis_toolbox {
	float:right;
	width:125px;
	margin:100px 0px 0 0;
}

/*-----------------------------menu-------------------*/
#menu{
width:625px;
float:right;
text-align:right;
padding:15px 10px 0 0;
margin:0px;
}
#menu ul{
display:block;
list-style:none;
margin:0px;
}
#menu ul li{
display:inline;
padding:0px;
margin:0px;
}
#menu ul li a{
width:81px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
}

#index #nav1 a, #about #nav2 a, #kurse #nav3 a, #form_anmeldung #nav4 a, #kontakt #nav5 a, #galerie #nav6 a{
width:81px;
height:28px;
display:block;
padding:0px;
margin:0 4px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#fff;
font-size:13px;
line-height:28px;
background:url(../images/menu_bt_a.gif) no-repeat center;
}
#menu ul li a:hover{
background:url(../images/menu_bt_a.gif) no-repeat center;
}


/*-----------------------------menu_small-------------------*/
#menu_small{
width:380px;
text-align:right;
padding:0px 10px 20px 0;
margin:0 0 0 485px;
}
#menu_small ul{
display:block;
list-style:none;
margin:0px;
}
#menu_small ul li{
display:inline;
padding:0px;
margin:0px;
}
#menu_small ul li a{
height:28px;
display:block;
padding:0px;
margin:0 30px 0 4px;
float:left;
text-decoration:none;
text-align:center;
color:#966093;
font-size:150%;
line-height:28px;
font-weight:bold;
}

#salsa #navb1 a, #tango #navb2 a, #swing #navb3 a{
color: #cd9544;
}
#menu_small ul li a:hover{
color: #cd9544;
}



/*--------------center_content-----------------*/
.home_center_content{
width:100%;
overflow:hidden;
margin:4px 0 0 10px;
padding:0px;
height:341px;
}
.box1{
width:100%;
overflow:hidden;
margin-bottom:-165px;
}
.center_text{
width:430px;
height:330px;
float:left;
display:inline;
margin:20px 0 0 10px;
}
.center_text p{
color:#FFFFFF;
line-height:21px;
}
.big_title{
font-size:36px;
color:#FFFFFF;
padding:0 0 10px 0;
}
.big_title span{
font-weight:bold;
color:#966093;
}
.center_button_icons{
width:450px;
overflow:hidden;
margin:0;
padding:0 0 0 10px;
}
.center_button_icons li{
width:100px;
float:left;
overflow:hidden;
text-align:center;
background-color:#4E2756;
margin-right:25px;
margin-top: 50px;
padding:10px 10px 10px 4px;
border:3px solid #fff;
background:url(../images/photo_frame.jpg) no-repeat bottom #4E2756;
}
.center_button_icons li a{
font-size:200%;
text-decoration:none;
color:#fff;
}
.center_button_icons li a:hover{
color:#99FFFF;
}

.center_button_icons li a span{
font-size:50%;
padding-left:14px;
}
.right_img{
float:left;
width:384px;
height:281px;
text-align:center;
padding:10px 0 0 0;
background:url(../images/photo_frame.jpg) no-repeat center;
display:inline;
margin:16px 0 0 48px;
}

/*--------------main_content-----------------*/
.main_content{
width:960px;
min-height:365px;
height:auto !important;  /* für moderne Browser */
height:365px;  /*für den IE */
clear:both;
padding:0 0 30px 0;
background:url(../images/main_content_bg.jpg) no-repeat center top #fff;
}

.main_content ul{
padding:4px 0px 4px 20px ;
margin:0;
}

.main_content .slogan{
color:#cd9544;
font-style:italic;
font-weight:bold;
}

.main_content ul li{
padding-bottom :4px;
}

.left_content{
width:415px;
float:left;
padding:20px 0 0 50px;
}
.right_content{
width:415px;
float:left;
padding:20px 0 0 40px;
}
.wide_content{
width:850px;
float:left;
padding:20px 0 0 50px;
}
.newsletter{
padding:0;
}
input.input{
width:210px;
height:19px;
float:left;
border:1px #dfc99e solid;
background-color:#f4ebda;
color:#c17d2a;
font-style:italic;
font-size:13px;
margin:3px 0 0 0;
padding:2px 0 0 5px;
}
input.subscribe{
float:left;
padding:0 0 0 10px;
}
.project_box{
width:381px;
margin:10px;
}
img.feat_project{
border:3px #c9c9c9 solid;
}
.project_details{
border-bottom:1px #9c9c9c dotted;
padding:5px 0 5px 0;
float:right;
}

.news_box{
float:left;
width:390px;
clear:both;
padding:0 0 20px 0;
margin-left:10px;
}
img.news_thumb{
float:left;
border:3px #c9c9c9 solid;
}
.news_content{
width:305px;
float:left;
padding:0 0 0 15px;
}
.principles_box{
float:left;
width:410px;
clear:both;
padding:0 0 5px 0;
margin:0 0 20px 0;
border-bottom:1px #cbccce dotted;
}
img.principles_thumb{
float:left;
padding:5px 0 0 0;
}
.principles{
width:290px;
float:left;
padding:0 0 0 15px;
}
img.big_pic{
padding:20px 0 0 0;
}
/*---------------------services_list-------*/
.services_list{
float:left;
padding:0px;
}
.services_list ul {
list-style:none;
padding:0;
margin:0px;
}
.services_list ul li{
padding:6px 0 6px 0;
margin:0px;
width:382px;
height:28px;
line-height:28px;
background:url(../images/list_bg.gif) no-repeat center;
}
.services_list ul li span{
color:#4f2756;
font-weight:bold;
}
.services_list ul li a{
text-decoration:none;
padding:0 0 0 10px;
font-size:12px;
margin:0px;
color:#6c7b81;
}
.services_list ul li a:hover{
color:#000000;
}
/* ================= Formulare ================= */



form#anmeldung {
	padding:10px;
	margin: 10px 0 10px 30px;
	}

.form_row{
	width:500px;
	clear:both;
	padding:12px 0 12px 0;
	color:#a53d17;
}
	
label {
	width:85px;
	float:left;
	font-size:14px;
	font-weight:bold;
	padding:7px 15px 0 0;
	color: #868788;
	}

label.formel {
	width:100px;
	}

label.long {
	width:320px;
	}
	
input {
	width:250px;
	height:21px;
	float:left;
	border:1px #dfc99e solid;
	background-color:#f4ebda;
	color:#000;
	font-size:13px;
	margin:3px 0 0 0;
	padding:3px 0 0 5px;
	}

input.small {
	width:25px;
	}

textarea {
	border:1px #dfc99e solid;
	background-color:#f4ebda;
	color:#000;
	font-size:13px;
	}

input.submit { 
	clear:left;
	background-color:#966093;
	margin:20px 0 0 0px;
	color:#fff;
	height:36px;
	border:1px solid #966093;
	padding:10px;
	}

fieldset {
	border:1px #dfc99e solid;
	width:500px;
	font-size:1.2em;
	margin: 50px 0 30px 0;
	color:#966093;
	font-weight:bold;
	}
	
.def {
	padding-left:10px;
	color:#868788;
}

.addition {
	clear:left;
	padding-left:85px;
}

p.error {
	color:#A34338;
	font-weight:bold;
}


.employe_box_left{
float:left;
width:180px;
line-height:25px;
margin:20px 0 0 0;
border-right:1px #CCCCCC dotted;
}
.employe_box_right{
float:left;
width:180px;
line-height:25px;
margin:20px 0 0 40px;
}
.contact_info{
float:left;
padding:5px 0 0 0;
}


/*--------------------Tabelle Kurse-------------*/

table{
	width: 650px;
	border-collapse:collapse;
}
caption {
	text-align:left;
	font-weight:bold;
	padding:8px 0;
}

th {
	height: 20px;
	color:#966093;
	font-size: 1.2em;
	font-weight: bold;
	padding: 50px 10px 0 10px;
	text-align: left;

}

tr:hover{ background-color: #eee; }
tr th:hover{ background-color: #fff; }
tr.last {border-bottom: 1px solid #cd9544;}

td {
	font-size: 1.0em;
	line-height: 1.4em;
	padding: 10px 7px;
	border-top: 1px solid #cd9544;
	border-right: 1px solid #DDDDDD;
	text-align: left;
	vertical-align:top;
}

td.price {text-align:right;}

table a {
	color: #777777;
	font-weight: bold;
	text-decoration: underline;
}
table a:hover {
	color: #F8A704;
	text-decoration: underline;
}

#fotos td {
	border-right: none;
}


.anmeldung {
	float:right;
	font-size:80%;
	text-decoration:none;
	color:#f36d21;
}

.anmeldung a {
	text-decoration:none;
	color:#f36d21;
	font-weight:normal;
}

.anmeldung a:hover {
	text-decoration:underline;
	color:#f36d21;
}

/*--------------------footer-------------*/

/* footer */
#footer {
	float: left;
	width: 100%;
	text-align: center;
	background:url(../images/footer_bg.gif) repeat-x top;
	color:#91807F;
	
}

#footer img {
	background-color: #F0E5D1;
	border: 1px solid #baaca2;
	padding: 8px;
	margin: 5px 10px 3px 0px
}

#footer-outer {
	clear: both;
	width: 960px;		
	margin: 0 auto;
	font-size: .9em;		
	text-align: left;
	
}
#footer-wrap {
	float: left;
	width: 920px;
	margin-left: 10px;	
	padding-top: 20px;	
	display: inline;
}
#footer-wrap h3 {
	margin-bottom: 8px;
	font-size: 1.6em;		
	font-weight: bold;	
	color: #baaca2;
	
}
#footer-wrap .col-a {
	width: 205px;
	float: left;
	display: inline;
	margin-right:20px
}

#footer-wrap .col-b {
	width: 225px;
	float: right;	
	display: inline;
}

/* footer-list */
#footer-outer .footer-list ul {
	list-style: none;	
	padding: 0;	
	border-top: 1px solid #29201c; 
}
#footer-outer .footer-list ul li { border-bottom: 1px solid #29201c; }
#footer-outer .footer-list ul li a {
	display: block;
	width: 98%;
	margin-left: 0;
	padding: 5px 0;
	border: none;
	line-height: 2em; 	
	color: #877878; 		
}
#footer-outer .footer-list ul li .email {
	background: url(file:///Son/Users/lorenzo/Sites/private/salseros%202010/images/email.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li .rssfeed {
	background: url(file:///Son/Users/lorenzo/Sites/private/salseros%202010/images/feed-icon14.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li .twitter {
	background: url(file:///Son/Users/lorenzo/Sites/private/salseros%202010/images/twitter.gif) no-repeat 0 center;
	padding-left: 20px;
}
#footer-outer .footer-list ul li a span {
	font-style: italic;
	font-weight: normal;
	font-family: Georgia, 'Times New Roman', Times, Serif;
	font-size: .95em;	
}
#footer-outer .footer-list ul li a:hover,
#footer-outer .footer-list ul li a:hover span {
	color: #000;	
}

/* footer-bottom */
#footer-bottom {
	float: left;	
	width: 100%;
	margin: 15px auto 15px auto;	
	font-family: 'Trebuchet MS', 'Helvetica Neue', Arial, Sans-Serif;			
}
#footer-bottom .bottom-left {	float: left; }		
#footer-bottom .bottom-right {
	float:right;text-align: right;
	padding-right: 0;	
}
#footer-bottom a.back-to-top {
	background: url(../images/arrow-up.gif) no-repeat right center;
	padding-right: 20px;
}

/* alignment classes & additional classes*/
.float-left  { float: left; margin-right:20px; }
.float-right { float: right; }
img.float-right { float: right;margin-left:15px; }
.align-left  { text-align: left; }
.align-right { text-align: right; }
.no-border { border: none; }