body {
	font-size:70%;
	font-family: verdana, arial, tahoma, helvetica, sans-serif;
	
	margin-top: 20px;
	background-color: #8a5c2a;
	margin:0px;
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund.jpg);
	background-repeat: repeat-x;
} 

/* mainboxes */
.wrapper {
	width: 950px;
	margin:0px auto;
	text-align:left;
	padding: 20px 0px;

}

#main {
	margin-top: 0px;
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_content.jpg);
	background-repeat: repeat-x;
	background-color: #ffffff;
	border-left: 1px solid #f1af51;
	border-right: 1px solid #f1af51;
	*height: 100%;
}

#banner {
	height: 123px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	background: url(http://www.tanzschule-linhart.de/images/banner.jpg) no-repeat top center;
	position: relative;
}

#banner_home {
	position: absolute;
	top: 10px;
	left: 95px;
	width: 640px;
	height: 105px;
}

#banner_link {
	position: absolute;
	top: 25px;
	right: 40px;
	width: 90px; 
	height: 83px; 
}

#micronav {
	width: 787px;
	margin:0px auto;
	text-align: right;
	padding-right: 55px;
	padding-bottom: 3px;
	margin-top:	25px;
	text-transform: uppercase;
}

#mainNavi {
	margin: 0px;
	width: 948px;
	height: 27px;
	background-color: #000000;
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi.jpg);
 	background-repeat: repeat-x;
 	border-top: 1px solid #ffffff;
 	border-bottom: 1px solid #ffffff;
 	border-left: 1px solid #f1af51;
	border-right: 1px solid #f1af51;
}

#subNavi {
	width: 948px;
	height: 25px;
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi.jpg);
 	background-repeat: repeat-x;
 	border-bottom: 1px solid #ffffff;
 	border-left: 1px solid #f1af51;
	border-right: 1px solid #f1af51;
}

#right { 
	width: 270px;
	float:right;
	line-height: 10px;
	color: #ffffff;
}

#left {
	float:left;
	margin-left: 10px;
	width: 655px;
}

#footer {
	height: 24px;
	background-image: url(http://www.tanzschule-linhart.de/images/footer.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

#breadcrumb {
	font-size: 80%;
	font-weight: normal;
	margin-top: 3px;
	margin-bottom: 3px;
}

#microNavi {
	text-align: right;
	padding: 0px 10px 10px 0px;
	color: #ffffff;
}

#horizontalNavi { 
	float:left; 
}

#horizontalNavi ul { 
	margin:0; 
	padding:0; 
	list-style:none; 
} 

#horizontalNavi li 
{ 
	float: left; 
	padding: 6px 20px; 
}

#horizontalNavi li.horizontalNaviActive 
{ 
	padding: 6px 20px; 
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi_active.jpg);
 	background-repeat: repeat-x;
}

#horizontalNavi li:hover 
{ 
	padding: 6px 20px; 
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi_active.jpg);
 	background-repeat: repeat-x;
}

#horizontalSubNavi ul { 
	margin:0; 
	padding:0; 
	list-style:none; 
} 

#horizontalSubNavi li 
{ 
	float: left; 
	padding: 5px 20px; 
}

#horizontalSubNavi li:hover 
{ 
	padding: 5px 20px; 
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi_active.jpg);
 	background-repeat: repeat-x;
}

#news {
	width: 360px;
	padding-left: 5px;
	float: right;
}

.newsItem {
	width: 470px;
}

.content {
	margin: 5px;
}

#right .content  {
	margin-top: 0px;
	
	padding: 5px 25px 5px 20px;
	height: 412px;
	background-image: url(http://www.tanzschule-linhart.de/images/newsblock.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

div.navi_content_right {
	margin-bottom: 10px;
}

div.navi_content_left { 
	margin-bottom: 10px;
}

div.eventPic {
	height: 350px;
	width: 500px;
	background-position: center;
 	background-repeat: no-repeat;
 	float: left;
 	margin-right: 10px; 
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

.clear { clear: both; }

.dateContainer {
	width: 50px;
	float: left;
}

h1 {
	font-size: 150%;
	color: #000000;
}

h1.news {
	font-size: 130%;
	color: #ffffff;
}

h2 {
	font-size: 10pt;
}

#gallery h2, #newsList h2, #course h2, #dates h2, #guestbook h2 {
	font-size: 110%;
	color: #ffffff;
	height: 18px;
	padding: 5px;
	background-image: url(http://www.tanzschule-linhart.de/images/hintergrund_navi.jpg);
	background-repeat: repeat-x;
}

h2.news {
	font-family: times new roman;
	font-weight: normal;
	font-size: 200%;
	padding: 0px;
	margin: 10px 0px;
	padding-right: 5px;
	text-align: center;
}

h2.partner {
	width: 100%;
	padding: 3px;
	color: #ffffff;
	background-color: rgb(136, 136, 136);
}

h3 {
	font-size: 8pt;
	font-weight: bold;
	margin-top: 2pt;
	margin-bottom: 2pt;
}

h3.news {
	font-size: 100%;
	padding: 0px;
	margin: 0px;
}

div.td h3 {
	margin-top: 12pt;
}

#text {
	line-height: 150%;
}

#content #text h1 {
	font-size: 12pt;
}

#content #text h2 {
	font-size: 11pt;
}

#content #text h3 {
	font-size: 10pt;
}

#content #text p {

}

h4 {
	font-size: 10pt;
	margin: 2px;
}

h5 {
	font-size: 78%;
	margin: 2px;
	text-align: right;
}


table tbody tr:hover, table tbody tr.hover {
	font-size:100%;
	font-family: verdana, arial, tahoma, verdana, helvetica, sans-serif;
	border-collapse:collapse;
	empty-cells: show;
	background-color: #613d19;
	color: #ffffff;
}

table tbody tr{
hover:expression(this.onmouseover=new Function("this.style.background='#613d19';this.style.color='#ffffff';"),this.onmouseout=new Function("this.style.background='#ffffff';this.style.color='#000000';"));
}

th {
   	font-size:8pt;	
   	text-align: left;
	border-bottom: solid 2px #bbbbbb;
	padding-left: 2px;
	padding-right: 2px;
}

td {
	font-size: 8pt;
	border-bottom: solid 1px #bbbbbb;
	padding: 4px;
	vertical-align: top;
}

td.right {
	text-align: right;
}

ul#dates, ul#dates ul, ul#links, ul#links ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

ul#dates ul li {
	padding-left: 10px;
	border-bottom: solid 1px #CCCCCC;
	margin-bottom: 10px;
}

ul#links li  {
	padding-top: 30px;
	clear: left;
}

ul#links li  {
	padding-top: 30px;
	clear: left;
}

ul#links li li {
	padding: 15px 0px;
	clear: left;
	border-top: 1px dotted #555555;
}

ul#links li.links img {
	float: left;
	padding: 0px 10px 10px 0px; 
}
 
/* Formularformatierung */ 
.Button
{ 
	background-color:#ffffff; 
	color:#000000; 
	border:1px solid #AAAAAA; 
}

input {
	margin-top: 2px;
	margin-bottom: 0px;
	border:1px solid #AAAAAA; 
	background-color: #FFFFFF;
}

a:link
{
	color:				#b5000f;
	text-decoration:	none;
	font-weight:		bold;
}
a:hover, a:active, a:focus
{
	color:				#666666;
	text-decoration:	none;
	font-weight:		bold;
}

a:active {
	font-weight:		bold;
}

a:visited
{
	color:				#666666;
	text-decoration:	none;
	font-weight:		bold;
}

ul#dates h2 a:link, ul#datesh2 a:hover, ul#datesh2 a:active, ul#datesh2 a:visited {
	color: #ffffff;
}

ul#dates h2 a:hover {
	text-decoration: underline;
}

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

#text a:link
{
	color:				#b5000f;
	text-decoration:	none;
	font-weight:		bold;
}

#text a:visited
{
	color:				#666666;
	text-decoration:	none;
	font-weight:		bold;
}

#right a:link
{
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		bold;
}
#right a:hover, #right a:active
{
	color:				#ffffff;
	text-decoration:	underline;
	font-weight:		bold;
}
#right a:visited
{
	color:				#ffffff;
	text-decoration:	none;
	font-weight:		bold;
}

.Micronavi:link, .Micronavi:active{
color: #ffffff;
font-weight: normal;
}
.Micronavi:hover{
color: #ffffff;
font-weight: normal;
text-decoration: underline;
}
.Micronavi:visited{
font-weight: normal;
color: #ffffff;
}

.navi:link{
font-weight: normal;
font-size: 110%;
color: #FFFFFF;
}
.navi:visited{
font-weight: normal;
font-size: 110%;
color: #FFFFFF;
}
.navi:hover, .navi:active{
font-weight: normal;
font-size: 110%;
color: #FFFFFF;
}

.subNavi:link,.subNavi:active,.subNavi:visited  {
font-weight: normal;
font-size: 110%;
color: #FFFFFF;
}

.subNavi:hover {
font-weight: normal;
font-size: 110%;
color: #FFFFFF;
}

.naviActive:link,.naviActive:visited  {
font-weight: normal;
font-size: 110%;
}

.naviActive:hover {
font-weight: normal;
font-size: 110%;
}

#footer a:link, #footer a:active, #footer a:visited {
	color: #9f7743;
}

#footer a:hover {
	color: #9f7743;
	text-decoration: underline;
}

#breadcrumb a:link,#breadcrumb a:active,#breadcrumb a:visited {
	font-weight: normal;
	color: #555555;
}

#breadcrumb a:hover {
	font-weight: normal;
	color: #555555;
	text-decoration: underline;
}



div.table { display:table; border-collapse:collapse;
}
div.tr { display:table-row; clear:both;
}
div.td { display:table-cell; float:left;
}
div.td_page_info { display:table-cell; padding-right: 30px; float:left;
}
div.td_middle { display:table-cell; float:left; padding-top: 10px; padding-right: 20px;
}


blockquote.impressum {
	margin: 0px;
	padding: 1px;
	padding-top: 3px;
	margin-left: 7px;
	vertical-align: top;
}

li {
	*margin-bottom: 10px;
}

/* Tooltip */
.box_date a  {
display:block;
text-decoration: none;
}

.box_date a:hover {
background: transparent;
text-decoration: none;
}

.box_date a span {
	display:none;
}
.box_date a:hover span {
	position: relative;
	top: 0px;
	left: 0px;
	display: block;
	font-weight: normal;
	background: transparent;
	color: 555555;
	z-index:1;
	text-decoration: none;
	text-align: justify;
}

.box_info a:hover {
background:none;
}

.box_info a span
{display: none;}

.box_info a:hover span
{
position: absolute;
display: block;
width:auto;
background: #FFFFDD;
border: 1px dotted #CC9966;
padding: 4px;
color:#000;
}

ul.team {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}

ul.team li {
    border-bottom: 1px dotted #000000;
    padding: 5px 0;
    overflow: hidden;
}

div#map_canvas {
	line-height: 100%;
}

/* COUPONS */

ul#coupons, ul#customer, ul#couponStepps { list-style: none outside none; margin: 0; padding: 0; }
ul#couponStepps li { float: left; width: 19.8%; overflow: hidden; height: 40px; border-right: solid 1px #000; }
ul#couponStepps li.active { background: #8A5C2A; color: #fff; }
ul#couponStepps li.last { border: none; }
ul#couponStepps li h2, ul#couponStepps li p { padding: 0px; margin: 0 0 0 5px; }
/*ul#couponStepps li.first h2, ul#couponStepps li.first p { margin: 0px; }*/
ul#couponStepps li.first h2, ul#couponStepps li h2 { margin-top: 5px; }
ul#couponStepps li a:hover { text-decoration: underline !important; }
ul#coupons li { position: relative; float: left; width: 150px; height: 150px; background-position: center center; background-repeat: no-repeat; border: solid 1px #ccc; padding: 20px; margin: 10px; }
ul#coupons li img { border: none; }
ul#coupons li .couponTitle { position: absolute; bottom: 3px; left: 0px; height 20px; width: 100%; background: #fff; text-align: center; }
h3#couponHeadline { clear: left; margin: 20px 0px 10px; }
div#couponWrapper fieldset { padding: 10px 0 0; margin: 0px; border: none; }
div#couponWrapper fieldset p { padding: 0 0 5px; margin: 0px; }
div#couponWrapper p.small { font-size: 80%; padding: 10px 0 5px; margin: 0px; }
div#couponWrapper fieldset legend { padding: 0px; margin: 0px; font-weight: bold; }
div#couponWrapper label { float: left; padding-top: 5px; width: 120px; }
div#couponWrapper label.noFloat, div#couponWrapper li.noFloat { float: none; width: auto; padding: 0px; }
input.radio { vertical-align: middle; margin: 5px 5px 5px 0; }
div#customerdata { width: 48%; float: left; }
ul#customer li { float: left; width: 210px; height: 50px; }
div#couponWrapper ul#customer li label { float: none; width: auto; }
div#couponWrapper hr { margin-top: 20px; } 
div#couponView { position: relative; }
div#couponView #pattern { width: 100%; height: 100%; background: url(http://www.tanzschule-linhart.de/images/pattern.gif) center center;  }
/* Format DIN lang - begin */
div#couponView.format-0 #recipents { position: absolute; right: 40px; top: 50px; width: 390px; font-size: 130%; font-weight: bold; text-align: center; }
div#couponView.format-0 #usage { position: absolute; right: 40px; top: 80px; width: 390px; font-size: 110%; text-align: center;  }
div#couponView.format-0 #price { position: absolute; right: 40px; top: 140px; width: 390px; font-size: 180%; font-weight: bold; text-align: center;  }
div#couponView.format-0 #date { position: absolute; left: 37px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }
div#couponView.format-0 #code { position: absolute; left: 236px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: center; }
div#couponView.format-0 #addresser { position: absolute; left: 438px; top: 210px; width: 160px; font-size: 100%; font-weight: bold; text-align: left; }
/* Format DIN lang - end */
div#couponWrapper p.printCoupon { font-weight: bold; font-size: 120%; text-align: center; margin: 20px 0px; }