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

#schneemann {
	background-image: url(http://www.tanzschule-pohle.de/images/Schneemann.jpg);
	background-repeat: no-repeat;
	background-position: bottom right;
	width: 100%;
}

#footerImg {
	background-image: url(http://www.tanzschule-pohle.de/images/footerImg.jpg);
	background-repeat: repeat-x;
	background-position: bottom right;
	width: 100%;
}

/* mainboxes */
.wrapper {
	width: 870px;
	margin:0px auto;
	text-align:left;
	padding: 0px;
	background-image: url(http://www.tanzschule-pohle.de/images/hintergrund_wrapper.png);
	background-repeat: repeat-y;
	background-position: top center;
}

#main {
	margin-top: 0px;

}

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

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


#right { 
	width: 670px;
	float:right;
}

#left {
	float:left;
	width: 172px;
	margin-left: 20px;
	line-height: 10px;
	color: #ffffff;
}

#footer {
	color: #ffffff;
	height: 162px;
	background-image: url(http://www.tanzschule-pohle.de/images/footer.png);
	background-repeat: no-repeat;
	background-position: top center;
}

#footer .sitemap {
	/*margin-top: 5px;*/
	font-size: 76%;
}

#footer .sitemap ul li {
	white-space:nowrap; 
}

#footer_schatten {
	/*height: 15px;*/
	height: 0px;
	background-image: url(http://www.tanzschule-pohle.de/images/footer_schatten.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

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

#kurse {
	width: 310px;
	/*padding-left: 5px;
	padding-right: 5px;*/
	float: left;
}

#news {
	width: 310px;
	padding-left: 10px;
	/*padding-right: 5px;*/
	float: left;
}

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

li.newsListItem {
	padding: 10px 0px 25px;
	border-top: dotted 1px #000;
}

li.firstChild {
	border-top: none;
}

span.moreLink { 
	float: right;
	padding-top: 15px;  
}

.newsContent {
	margin-left: 40px;
}

#homepageLink {
	margin-left: 140px; 
	margin-top: 20px; 
}

#bookmark {
	padding-left: 205px;
}

#main #left ul, #footer ul {
	padding: 0px;
	margin-left: 0px;
	list-style:none; 
}

#footer ul {
	padding-left: 210px;
	padding-right: 10px;
}

#main #left ul ul {
	padding: 0px;
	margin-left: 10px;
	list-style:none; 
}

#main #left ul li {
	padding: 7px 0px; 
	background-image: url(http://www.tanzschule-pohle.de/images/hintergrund_naviItem.jpg);
	background-repeat: no-repeat;
	background-position: bottom center;
	border-bottom: 1px solid #ffffff;
}

#main #left ul li ul li {
	background-image: none;
	border-bottom: 1px solid #ffffff;
}

#main #left li.clean {
	border-bottom: none;
	background-image: none;
}

#footer li {
	float: left; 
	padding-right: 5px;
}

ul.social_bookmarking {
	list-style:none; 
	padding: 0px;
}

ul.social_bookmarking li {
	float: left; 
	padding-right: 5px;
}

.content {
	margin: 5px;
}

#right .content  {
	margin-top: 0px;
	padding: 0px 20px 5px 0px;
}

#footer .content {
	padding-right: 30px;
	padding-top: 70px;
	text-align: right;
}


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

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

div.links {
	width: 100%;
	padding-bottom: 5px;
	border-bottom: solid 1px #e75b1f;
}

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

div.date_container {
	border-bottom: solid 1px #555555;
	margin-bottom: 5px;
}

.right {
	text-align: right;
}

.clear {
	clear: both;
}

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

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

h1.news {
	font-size: 130%;
	color: #222222;
	height: 33px;
	padding: 5px;
	background-image: url(http://www.tanzschule-pohle.de/images/hintergrund_header.jpg);
	background-repeat: no-repeat;
	background-position: top center;
}

h2 {
	font-size: 110%;
}

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

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

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

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

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

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

#text {
	line-height: 130%;
}

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

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

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

#content #text p {

}

#guestbook h3 {
	margin-bottom: 2px;
}

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

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

.bold { font-weight: bold; }

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: #d9261c;
	color: #ffffff;
}

th {
	text-align: left;
}

th {
   	font-size:8pt;	
	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;
}

 
/* Formularformatierung */ 
.Button
{ 
	background-color:#d9261c; 
	color:#ffffff; 
	border:1px solid #AAAAAA; 
}

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

select#select_course, select#select_course2 {
	width: 340px;
}

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
{
	color:				#666666;
	text-decoration:	none;
	font-weight:		bold;
}
a:visited
{
	color:				#666666;
	text-decoration:	none;
	font-weight:		bold;
}

.Micronavi:link{
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: bold;
font-size: 130%;
color: #FFFFFF;
}
.navi:visited{
font-weight: bold;
font-size: 130%;
color: #FFFFFF;
}
.navi:hover, .navi:active{
font-weight: bold;
font-size: 130%;
color: #FFFFFF;
text-decoration: underline;
}

.subNavi:link,.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 {
	font-weight: normal;
	color: #ffffff;
}

#footer a:hover {
	color: #ffffff;
	font-weight: normal;
	text-decoration: underline;
}

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

#breadcrumb a:hover {
	font-weight: normal;
	color: #000000;
	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;
}

ul#market {
	margin: 0px;
	padding: 0px 0px 15px;
	list-style: none;
}

ul#market li {
	margin: 0px;
	padding: 0px;
}

ul.marketItems {
	margin: 0px;
	padding: 0px;
}

ul.marketItems li {
	margin: 0px 0px 10px 0px !important;
	padding: 10px !important;
	border-bottom: 1px dotted #000;
	list-style: none;
}

ul.marketItems li:last-child {
	border-bottom: none;
}

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

.box_date a:hover {
background: #ffffff;
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:#ffffff;
	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;
}

label {
	float: left;
	width: 150px;
	padding-top: 5px;
}

.info_icon {
	border: none;
}

#service {
    -moz-border-radius-bottomleft: 5px;
    -moz-border-radius-topleft: 5px;
    background: none repeat scroll 0 0 #ccc;
    border-color: #FFFFFF;
    border-style: solid;
    border-width: 1px 0 1px 1px;
    padding: 5px;
    position: absolute;
    right: 0;
    top: 100px;
    width: 25px;
    z-index: 100;
}

#service img { border: none;  padding: 2px 1px; }

.kursTeaser {
	background: #f7f7f7;
	overflow: hidden;
	width: 170px;
	float: left;
	padding: 10px;
	margin: 10px;
	-webkit-border-radius: 5px; -moz-border-radius: 5px; border-radius: 5px; 
    -moz-box-shadow: 3px 3px 4px #ccc; -webkit-box-shadow: 3px 3px 4px #ccc; box-shadow: 3px 3px 4px #ccc;
}
.kursTeaser h2 { padding-bottom: 4px; margin: 0px; }
.kursButtons{ position: relative; height: 25px; }
.kursInfo, .kursDates  { position: absolute; top: 5px; left: 0px; -webkit-border-radius: 2px; -moz-border-radius: 2px; border-radius: 2px; background: #ff8b00; width: 82px; height: 20px; text-align: center; line-height: 20px; }
.kursDates { background: #c70102; left: auto; right: 0px;}
.kursButtons a { color: #fff; text-decoration: none; font-weigt: bold; }
.kursButtons a:hover { text-decoration: underline; }



/* ### SLIDER ### */

#slider {
    background: none repeat scroll 0 0 #FFFFFF;
    clear: right;
    display: block;
    height: 250px;
    overflow: hidden;
    width: 640px;
    position: relative;
}

ul.slideshow {
    height: 250px;
    list-style: none outside none;
    margin: 0;
    overflow: hidden;
    padding: 0;
    position: relative;
    width: 640px;
}

ul.slideshow li {
    left: 0;
    position: absolute;
    right: 0;
}

ul.slideshow li.show {
	z-index:500;	
}

#slideshow-caption {
	width:650px;
	height:30px;
	position:absolute;
	bottom:0;
	left:0;	
	color:#fff;
	background:#000;
	z-index:500;
	line-height: 30px;
	opacity: .7;
}

#slideshow-caption h3 {
	margin:0;
	padding:0px 15px;	
	font-size:14px;
}

div#slideshow-button {
	position: absolute;
	bottom: 0px;
	right: 0px;
	background-color: #ff0000;
	height: 30px;
	padding: 0px;
	line-height: 30px;
	color: #fff;
	font-weight: bold;
	z-index:2000;
	float: right;
	display: block;
}

div#slideshow-button a {
	color: #fff;
	display: block;
	padding: 0px 15px;
}

div#slideshow-button a:hover {
	text-decoration: underline;
}

/* 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: #D9261C; 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: 100%; height: 245px; background-position: center center; background-repeat: no-repeat;   }
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-pohle.de/images/pattern.gif) center center;  }
/* Format DIN lang - begin */
/* div#couponView.format-0 div div { border: dotted 1px red; } */
div#couponView.format-0 #recipents { position: absolute; right: 40px; top: 40px; width: 340px; font-size: 130%; font-weight: bold; }
div#couponView.format-0 #usage { position: absolute; right: 40px; top: 70px; width: 340px; font-size: 110%; }
div#couponView.format-0 #price { position: absolute; right: 220px; top: 107px; width: 100px; font-size: 180%; font-weight: bold; }
div#couponView.format-0 #date { position: absolute; left: 286px; top: 190px; width: 100px; font-size: 100%; font-weight: bold; }
div#couponView.format-0 #code { position: absolute; left: 480px; top: 190px; width: 140px; font-size: 100%; font-weight: bold; }
div#couponView.format-0 #addresser { position: absolute; left: 459px; top: 118px; width: 140px; font-size: 100%; font-weight: bold;  }
/* Format DIN lang - end */
div#couponWrapper p.printCoupon { font-weight: bold; font-size: 120%; text-align: center; margin: 20px 0px; }