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

Project:	Tanzschule Alisch

Date:       February/12th/2007

Copyright:	Knuggel / www.kahunagraphics.de

Farben:

rot: #BF2236;
hell-beige: #EBE9D8;
dunkel-beige: #DBD8BD;

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

body {
     margin-top:20px;
    padding:0;
    background-color:white;
    font:12px  verdana, arial , helvetia ;
    }

/******Start Layout********************************************************/

#container {
	width: 800px;
	margin: 10px auto;
	color: #333;
	line-height: 130%;
}

#top {
	height:141px;
	padding:0;
	margin:0;
}

#leiste_oben {
	height:25px;
	padding:5px 15px 0 15px;
	margin-top:15px;
         background-color: #DBD8BD;
}

#box {
       margin:16px auto;
       background:url(../pics/bg_box.gif)
}

#leftnav {
	background:url(../pics/roundedbox_lo.gif) top left no-repeat;
	float: left;
	width: 200px;
	margin:20px auto;
	padding:25px 0;
	background-color:#EBE9D8;
         margin:0 0 20px 0;
}


#content {
	margin:0 auto 0 215px;
	padding:25px;
    background-color:#EBE9D8;
}

#footer {
	font:11px  verdana, arial , helvetia ;
	clear:both;
	height:20px;
	padding:1px auto 1px 100px;
	margin-top:15px;
         background-color: #DBD8BD;
         padding:1px 10px 0 350px;
}

/*-----Stop Layout-------------------------*/

#site-path {
	float:left;
         padding:0;
         margin:0;
}

#search-form {
	float:right;
         padding:1px 0 0 0;
         margin:0;
         width:238px;
}
/******Start Navigation***************/

.navbox_50   {
	       border:3px solid #BC062E;
         margin:0 10px;
         padding:7px;         
         }

.navbox_50 a:hover  {
	       color:white;        
         }
         
.navbox_headline_50 {
         background-color: #BC062E;
         margin:20px 10px 0 10px;
         padding:3px 10px;
         font-weight:bold;
         //color:#76735A;
         color:white;
         }
         
.navbox   {
	border:3px solid #DBD8BD;
         margin:0 10px;
         padding:2px;
         }

.navbox_headline {
         background-color: #DBD8BD;
         margin:20px 10px 0 10px;
         padding:3px 22px;
         font-weight:bold;
         color:#76735A;
         }

.thumbbox   {
        
	       border:3px solid #DBD8BD;
         margin:0;
         padding:10px;
         min-height:150px;
         }

.thumbbox ul{
        margin-left:80px;
        
}

.thumbbox h4 {
          font:bold 12px  verdana, arial , helvetia  ;
          margin:0 0 10px 0;
          }

.thumbbox a {
         text-decoration:none;
}

.thumbbox_headline {
         background-color: #DBD8BD;
         margin:20px 0 0;
         padding:3px 14px;
         
         font-weight:bold;
         color:#76735A;
         }
         
.thumbbox_headline a {
         text-decoration:none;
}
         
#leftnav ul.nav1st {
    	list-style-type: none;
	padding:0 2px;
	margin: 0;
    }

#leftnav li {
	margin-left:0px;
         background-image: url(../pics/nav_point1b.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:15px;
         }

#leftnav li.active {
	margin-left:0px;
         background-image: url(../pics/nav_point1b.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:15px;
         }

#leftnav a {
	color:black;
         font-weight:bold;
         font-size:13px;
         text-decoration:none;
    }

#leftnav a:hover{
	color:white;
    }


#leftnav ul.nav2nd {
          margin:0;
          padding:0;
          background-color:#FBFAF3;
          list-style-type:none;
}

#leftnav ul.nav2nd li {
         margin-left:-23px;
         background-image: url(../pics/nav_point2.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:35px;
}

#leftnav ul.nav2nd a {
	color:black;
         font-weight:normal;
         text-decoration:yes;
    }

#leftnav ul.nav2nd a:hover{
	color:#BF2236;
    }

#leftnav ul.nav2st {
    	list-style-type: none;
	padding:20px 2px;
	margin: 0;
    }

#leftnav ul.nav2st li.active {
	margin-left:0px;
         background-image: url(../pics/nav_point1.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:15px;
         }


#leftnav ul.nav3rd {
          margin:0;
          padding:0;
          background-color:#FBFAF3;
          list-style-type:none;
}

#leftnav ul.nav3rd li {
         margin-left:-35px;
         background-image: url(../pics/nav_point3_ac.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:65px;
}

#leftnav ul.nav3rd a {
	color:black;
         font-weight:normal;
         text-decoration:yes;
    }

#leftnav ul.nav3rd a:hover{
	color:#BF2236;
    }

#leftnav ul.nav3rd {
    	list-style-type: none;
	padding:0;
	margin: 0;
    }

#leftnav ul.nav3rd li.active {
	margin-left:-35px;
         background-image: url(../pics/nav_point3_ac.gif);
         background-repeat: no-repeat;
         background-position:top;
         padding-left:65px;
         }

table.table_auskunft {
		margin-left;
		font-weight:bold;
         border-spacing:0;
         border-collapse:collapse;
    }

#leftnav table.table_auskunft a {
	color:#333;
         font-weight:bold;
         font-size:10px;
         text-decoration:none;
    }
    

/*-----END Navigation------------------------------*/


/******Start Überschriften & Trennlinien***************/

h1 {
    font-size:12px;
    margin:0 0 20px 0;
    padding:0;
    color:#BF2236;
    border-bottom:4px solid #DBD8BD;
    }

h2 {
    font-size:12px;
    margin:20px 0 -10px 0;
    padding:0;
    color:#BF2236;
    }

/*-----------------Bug für IE------*/
*h2 {
    font-size:12px;
    margin:20px 0 -18px 0;
    padding:0;
    color:#BF2236;
    }


h3 {
    font-size:12px;
    margin:20px 0 20px 0;
    padding:0;
    color:#BF2236;
    border-bottom:4px solid #DBD8BD;
    }

hr {
	color:#DBD8BD;
         height:4px;
         border:2px solid #DBD8BD;
         margin:40px auto 0 auto;
   }

/*-----------------Stop Überschriften---------------------*/


/******Start Links***************/

a {
     color:black;
    }
a:hover {
     color:#BF2236;
    }

a:active {
     color:black;
    }
a:visited {
     color:black;
    }

.interner_link {
	width:260px;
  padding:6px 10px;
	background-color:#DBD8BD;
    }

/*----------Stop Links---------------------*/


/******Start Grafiken & Bilder***************/

img {border:0;}
img.floatLeft {float:left; margin: 0 10px 10px 0 ;}
img.floatRight {float:right; margin: 0 0 10px 10px;}

#logo {
	padding:0; margin:0;
    }

/*-----Stop Grafiken & Bilder--------------------*/


/******Start Formulare***************/

td {vertical-align:top;}
textarea {
width:250px;
height:60px;
background-color:white;
border:1px solid silver;
}

input {
margin:0;
width:165px;
height:16px;
background-color:white;
border:1px solid silver;
}

select {
margin:3px 2px 5px;
padding:0;
width:350px;
height:18px;
background-color:white;
border:1px solid silver;
}

.submit {
         margin:0;
         padding:0;
	width:80px;
	height:18px;
	background-color:white;
	border:1px solid silver;
         font:13px  verdana, arial , helvetia ;
}

.button {
	height:18px;
    }

.select {
	height:22px;
    }
option {
	height:22px;
    }



.radio {
	background-color:white;
         border:1px solid silver;
         margin:0;
         padding:0;
}

#tbl_anmeldeformular {border:1px;}

textarea:focus, input:focus, select:focus {border: 1px solid #BF2236; background-color:#EFEFEF;}

/*-----Stop Formulare--------------------*/

/*-----Start Tabellen--------------------*/

table {
	border-collapse:collapse;
    font-size:11px;
}

td {
	padding:2px;
}

.table_videos {
	align:center;
    }

.table_videos td {
	padding:10px;
    }

/*
tabellen für die Kurswahl
kw = kurswahl
*/

.kw {
	width:99%;
    border:3px solid #DBD8BD;
    margin:0;
    padding:0;   height:26px;
}

.kw2 {
	width:99%;
    border:3px solid #DBD8BD;
    text-align:left;
    margin:0;
    padding:0;
    height:26px;
}

.kw3 {
	width:99%;
    border-top:3px solid #DBD8BD;
    margin-bottom:50px;
    margin:0;
    padding:0; height:26px;
}


.kw_hl_kurse_links {
	width:150px;
	height:20px;
	padding:2px 5px;
         margin:0;
         background-color:#DBD8BD;
         font-weight:bold;
         border:3px solid #DBD8BD;
         text-align:center;
}

.kw_hl_kurse_leer {
	width:156px;
	height:20px;
	padding:2px 5px;
         margin:0;

}

.kw_hl_kurse_links_2 {
		height:20px;
		padding:2px 5px;
    	margin:0;
    	background-color:#DBD8BD;
    	font-weight:bold;
    	border:3px solid #DBD8BD;
}

.kw_hl_kurse {
		width:100%;
		height:20px;
		padding:2px 0;
    	margin:0;
    	background-color:#DBD8BD;
    	font-weight:bold;
    	border:3px solid #DBD8BD;
    	text-align:left;
}


.td_border {
         border:3px solid #DBD8BD;
         margin:0;
         padding:5px;
}
.td_border_centr {
         border:3px solid #DBD8BD;
         text-align:center;
         vertical-align:middle;
         margin:0;
         padding:5px;
}

form {
		height:28px;
         }

.error {
		color:#BF2236;
         border:3px solid #BF2236;
         margin-bottom:20px;
         }

/**--------------Start Veranstaltungskalender---------------*/

.eventlist {
	width:98%;
         border:3px solid #DBD8BD;
         }

.eventlist_hl {
         background-color:#DBD8BD;
         }

/**--------------Stop Veranstaltungskalender---------------*/


/**--------------Sonstiges---------------*/

.arrow_top {
    margin:20px 0 -40px auto;
    text-align:right;
    }

#adressleiste {

	text-align:center;
    border-top:3px solid #DBD8BD;
    margin-top:20px;
    padding-top:10px;
    }


.list_content a {
    text-decoration:none;
}




/* ### Start Loginformular ########################################## */

.login {
	width:270px;
    text-align:right;

}

#login input.submit {
 width:100px;
 margin:3px 10px 0px 2px; /* letzter Wert zur Positionierung des Schalters */
 padding:1px 1px 1px 1px;
 height:22px;
 font-weight: bold;

 font-family: verdana, arial, helvetica, sans-serif;
 text-align: center;
 cursor:pointer;
}

#login input.submit:hover {

}

#login input,
#login textarea {
 padding-top:0px;
 padding-left:2px;
 margin:0 10px;
 width:150px;
 font-family:verdana, arial, helvetica, sans-serif;
 font-size:10pt;
 background-color:#FFFFFF;
}

/* ### Ende Loginformular ########################################## */



.th1 {
font-weight:bold;
min-width:60px;
}

.th3, .th4 {
font-weight:bold;
min-width:80px;
}

.th2, .th5 {
font-weight:bold;
min-width:100px;
}
