/* 

////////////////////// tanzworkshop.de ////////////////////

CSS Styles - General

FXDE.SIGN - Felix Diederichs 

*/

body {
	background:#e0e5e9 url(../gfx/tw_bg_1.gif) repeat left top;
	font:76% "Trebuchet MS", Verdana, Arial, sans-serif;
	color: #666666;
	padding:0 0 30px;
	}

div#wrapper_all {
	margin:30px auto;
	width:1000px;
	background: #fff;
	}

/*
####################################################################
Header 
####################################################################
*/

#header{
        height:248px;
        width:100%;
        text-align: center;
}
.header_1, .header_2 {width:24px;height:200px;float:left}
.header_1 {background:url(../gfx/bg_header1.gif) no-repeat}
.header_2 {background:url(../gfx/bg_header3.gif) no-repeat}
.logo {
	background:url(../gfx/bg_header2.gif) repeat-x;
	height:180px;
	float:left;
	width:952px;
	text-align:center;
	padding:20px 0 0 0}

.header_nav {float:left;width:1000px;height:48px;}
.header_nav_1 {height:48px;width:24px;float:left;background:url(../gfx/bg_header_nav_1.gif) no-repeat}

#header .header_nav_2 {
	background:url(../gfx/bg_header_nav_2.gif) repeat-x;
	padding:10px 0 0 0;
	height:38px;
	width:952px;
	float:left;
	text-align:left;
	color:#9E3C02;}

#header .header_nav_2 a {color:#9E3C02;}
#header .header_nav_2 a:hover {color:#9E3C02;text-decoration:underline;}

ul.headerIhredaten {float:right;}

ul.headerIhredaten li {
	display:block;
	float:left;
	margin:0 0 0 10px}

.header_nav_3 {height:48px;width:24px;float:left;background:url(../gfx/bg_header_nav_3.gif) no-repeat}

.header_nav_2_left {float:left;width:650px;text-align:left;}
.header_nav_2_right {float:left;width:302px;text-align:right;}



.shop_navigation {padding:5px 0 0 0;}	




#container{margin:0 auto}
#wrapper{float:left;width:100%}
#content{margin: 0 170px;padding:0;}

/* BEI TABBELDARSTELLUNG */
#wrapper_full{float:left;width:100%}
#content_full{margin: 0 0 0 170px;padding:0 0 50px;}

#linkeSpalte, #rechteSpalte {
	float:left;
	width:150px;
	padding:0 10px;}
#linkeSpalte{
	background:#fff url(../gfx/linie_vertikal.gif) no-repeat top right;
	margin-left:-1000px;
	}
#rechteSpalte{
	background:#fff url(../gfx/linie_vertikal.gif) no-repeat top left;
	margin-left:-170px;
	}

#footer {clear:both;padding:0 0 3% 0;color: #CC6600;text-transform:uppercase;letter-spacing:1px;}
.footer_1, .footer_3 {height:60px;width:24px;float:left;}
.footer_1 {background:url(../gfx/bg_footer1.gif) no-repeat}
.footer_2 {
	float:left;
	background:url(../gfx/bg_footer2.gif) repeat-x;
	padding:22px 0 0 0;
	height:38px;
	text-align:center;
	width:952px;}
.footer_3 {background:url(../gfx/bg_footer3.gif) no-repeat}

/* 
############################################
Linke und Rechte Spalte
############################################
*/

div.seitlicheBoxen {
	background:url(../gfx/menue_unten.gif) no-repeat left bottom;
	margin:0 0 5px;
	padding:0 0 20px;
	}

div.seitlicheBoxen .boxheader {
	text-indent:-3000px;
	text-transform:uppercase;
	margin:0;
	padding:0;
	height:20px;
	line-height:1;
	}

div.seitlicheBoxen #hauptmenue {
	background:#FF9900 url(../gfx/menue_oben.gif) top center no-repeat;
	}

div.seitlicheBoxen #workshops {
	background:#FF9900 url(../gfx/menue_workshops.gif) top center no-repeat;
	}

div.seitlicheBoxen #dozentenMenue {
	background:url(../gfx/menue_dozenten.gif) top center no-repeat;
}

div.seitlicheBoxen #dozAuswahl {
	background:url(../gfx/menue_dozauswahl.gif) top center no-repeat;
}

div.seitlicheBoxen form.dozAuswahl {
	background:#FF9900;
	padding:5px; 
	border:#FF3300 1px solid;
	border-top:none;
	text-align:center;}

div.seitlicheBoxen #informationen {
	background:url(../gfx/menue_info.gif) top center no-repeat;
}

div.seitlicheBoxen form#sucheBox {
	background:#FF9900 url(../gfx/menue_suche.gif) top center no-repeat;
	padding:25px 5px 5px;
}

div.seitlicheBoxen form#sucheBox input.suche {
	padding:3px 20px 3px 3px; 
	background:#FFF url(../gfx/bg_suche_1.gif) no-repeat right center; 
	border:#FF3300 1px solid;
	font-size:11px;
	color:#666;
	width:115px;
	height:14px;
}

div.seitlicheBoxen form#sucheBox input.suche:focus {
	background:#FFF url(../gfx/bg_suche.gif) no-repeat right center;
	color:#9E3C02;}

div.seitlicheBoxen #warenkorb {
	background:url(../gfx/menue_wkorb.gif) top center no-repeat;
}


div.seitlicheBoxen #ihreDaten {
	background:url(../gfx/menue_kundendaten.gif) top center no-repeat;
}

div.seitlicheBoxen #service {
	background:url(../gfx/menue_service.gif) top center no-repeat;
}

div.seitlicheBoxen #login {
	background: url(../gfx/menue_faq.gif) top center no-repeat;
}









/* UL 1. LEVEL */

#linkeSpalte ul, #rechteSpalte ul {
	list-style:none;
	font-size:12px;
	padding:0;
	background:#f90;
	margin:0;
	/*display:block;*/
	font-family:Arial, Helvetica, sans-serif;
	}

#linkeSpalte ul li, #rechteSpalte ul li {
	display:block;
	margin:0;
	padding:0;
	background:#f90;
	width:150px;
	/*height:32px;*/
	}


#linkeSpalte ul li a, #rechteSpalte ul li a {
	color: #9E3C02;
	padding: 9px 0 9px 25px;
    height:auto;
	width:125px;
	display: block;
	text-decoration:none;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px 0px;
	margin:0;
	border-bottom:#d72300 1px solid;
	}

#linkeSpalte ul li a:visited, #rechteSpalte ul li a:visited {
	color: #9E3C02;
	padding: 9px 0 9px 25px;
   height:auto;
	width:125px;
	margin:0;
	display: block;
	text-decoration:none;
	border-bottom:#d72300 1px solid;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px 0px;
	}

#linkeSpalte ul li a:hover {
    color: #fff;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px -64px;
	font-weight:bold;
	padding: 9px 0 9px 25px;
    height:auto;
	width:125px;
	margin:0;
	display: block;
	border-bottom:#d72300 1px solid;
	text-decoration:none;
    }

#rechteSpalte ul li a:hover {
    color: #fff;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px -64px;
	font-weight:bold;
	padding: 9px 0 9px 25px;
    height:auto; 
	width:125px;
	display: block;
	border-bottom:#d72300 1px solid;
	text-decoration:none;
    }

#linkeSpalte ul li.current a {
    color: #fff;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px -128px;
	font-weight:bold;
	padding: 9px 0 9px 25px;
   height:auto;
	width:125px;
	display: block;
	border-bottom:#d72300 1px solid;
	text-decoration:none;
    }

#rechteSpalte ul li.current {
    color: #fff;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px -128px;
	font-weight:bold;
	padding: 9px 0 9px 25px;
  height:auto;
	width:125px;
	display: block;
	text-decoration:none;
    }


#linkeSpalte ul li a:active, #rechteSpalte ul li a:active {
    color: #fff;
    background: url(../gfx/hauptmenue.gif) no-repeat 0px -128px;
	font-weight:bold;
	padding: 9px 0 9px 25px;
   height:auto;
	width:125px;
	display: block;
	text-decoration:none;
    }



/* UL 2. LEVEL */

#linkeSpalte ul#workshops ul, 
#rechteSpalte ul ul {
	list-style:none;
	font-size:12px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	}


#linkeSpalte ul#workshops ul li,
#linkeSpalte ul#workshops li.current ul li, 
#rechteSpalte ul ul li {
	display:block;
	margin:0;
	padding:0;
	background:#f90;
	/*border-bottom:#FF3300 1px solid;*/
	width:150px;
	font-family:Arial, Helvetica, sans-serif;
	height:auto;
	}

#linkeSpalte ul#workshops li.current ul li.current {background:#fec063}

#linkeSpalte ul#workshops ul li a, 
#linkeSpalte ul#workshops ul li a:visited, 
#linkeSpalte ul#workshops ul li a:active, 
#linkeSpalte ul#workshops li.current ul li a,  
#linkeSpalte ul#workshops li.current ul li a:visited,
#linkeSpalte ul#workshops li.current ul li a:active, 
#rechteSpalte ul ul li a, 
#rechteSpalte ul ul li a:visited, 
#rechteSpalte ul ul li a:active {
	
     padding: 4px 5px 2px 10px;
    /* height: 16px;*/
	 font-weight:normal;
     text-decoration: none;
	 border-bottom:#FF3300 1px solid;
	 color: #9E3C02;
	 width:135px;
     display: block;
	 background:#FF9900;
	 height:auto;
	}

#linkeSpalte ul#workshops li.current ul li.current a,  
#linkeSpalte ul#workshops li.current ul li.current a:visited,
#linkeSpalte ul#workshops li.current ul li.current a:active {background:#fec063}

#linkeSpalte ul#workshops ul li a:hover,  
#linkeSpalte ul#workshops li.current ul li a:hover,  
#rechteSpalte ul ul li a:hover, 
#rechteSpalte ul ul li .current {
	background:#fec063;
	text-decoration:none;
	padding: 4px 5px 2px 10px;
	/*height: 16px;*/
	width:135px;
	font-weight:normal;
	height:auto;
    }

#linkeSpalte ul#workshops ul li.current,
#linkeSpalte ul#workshops li.current ul li.current  {
	font-weight:bold;}


/* UL 3. LEVEL */

#linkeSpalte ul#workshops li.current ul li.current ul, 
#rechteSpalte ul ul ul {
	list-style:none;
	font-size:11px;
	padding:0;
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	display:block;
	}


#linkeSpalte ul#workshops ul ul li,
#linkeSpalte ul#workshops li.current ul li.current ul li, 
#rechteSpalte ul ul ul li {
	display:block;
	margin:0;
	padding:0;
	background:#f90;
	/*border-bottom:#FF3300 1px solid;*/
	width:150px;
	height:auto;
	font-family:Arial, Helvetica, sans-serif;
	}

#linkeSpalte ul#workshops li.current ul li.current ul li {background:#fec063}

#linkeSpalte ul#workshops ul ul li a, 
#linkeSpalte ul#workshops ul ul li a:visited, 
#linkeSpalte ul#workshops ul ul li a:active, 
#linkeSpalte ul#workshops li.current ul li.current ul li a,  
#linkeSpalte ul#workshops li.current ul li.current ul li a:visited,
#linkeSpalte ul#workshops li.current ul li.current ul li a:active {
	
     padding: 4px 5px 2px 20px;
     height:auto;
	 font-weight:normal;
     text-decoration: none;
	 /*border-bottom:#FF3300 1px solid;*/
	 color: #9E3C02;
	 width:125px;
     display: block;
	 background:#FF9900;
	}

#linkeSpalte ul#workshops li.current ul li.current ul li a,
#linkeSpalte ul#workshops li.current ul li.current ul li a:visited,
#linkeSpalte ul#workshops li.current ul li.current ul li a:active {background:#fec063}

#linkeSpalte ul#workshops ul ul li a:hover,  
#linkeSpalte ul#workshops li.current ul li.current li a:hover,  
#rechteSpalte ul ul ul li a:hover, 
#rechteSpalte ul ul ul li .current {
	background:#fec063;
	text-decoration:none;
	padding: 4px 5px 2px 20px;
	height:auto;
	width:125px;
	font-weight:normal;
    }

#linkeSpalte ul#workshops ul ul li.current a,
#linkeSpalte ul#workshops li.current ul li.current ul li.current a,
#linkeSpalte ul#workshops ul li.current a,
#linkeSpalte ul#workshops li.current ul li.current a  {
	font-weight:bold;}


	
/* DOZENTEN BOX */

#linkeSpalte ul#dozenten, #rechteSpalte ul#dozenten {
	list-style:none;
	width: 150px;
	font-size:11px;
	list-style:none;
	padding:0;
	font-family: "Lucida Grande", "Lucida Sans Unicode", geneva, verdana, sans-serif;
	}

#linkeSpalte ul#dozenten li, #rechteSpalte ul#dozenten li {
	width:150px;
	height:20px;
	display:block;
	border-bottom:#FF3300 1px solid;
	margin:0;
	padding:0;
	background:#f90;
	}


#linkeSpalte ul#dozenten li a, #linkeSpalte ul#dozenten li a:visited, #linkeSpalte ul#dozenten li a:active {
	
     padding: 4px 5px 0 10px;
     height: 16px;
     text-decoration: none;
	 border-bottom:#FF3300 1px solid;
	 color: #9E3C02;
	 width:135px;
     display: block;
	 background:#FF9900;
	}


#linkeSpalte ul#dozenten li a:hover,  #linkeSpalte ul#dozenten li .current {
	color: #fff;
	background:#FFCC00;
	text-decoration:none;
	padding: 4px 5px 0 10px;
	height: 16px;
	width:135px;
	font-weight:normal;
    }



#content_head_links, #content_head_rechts{
        padding:0px;
        margin:0px;
        border-width:0px;
        border-bottom-width:1px;
        border-style:solid;
        border-color:#3F444E;
        height:25px;
}



#content_head_bestell {
       margin:0 0 25px;
        
}

#content_head_rechts{
        float:right;
        border-width:0px;
        margin-top:8px;
}

#content_head_links{
        float:left;
        border-width:0px;
        margin-top:12px;
}

#contentmid{
        margin-left:5px;
        margin-right:5px;
}

.contentmidHalf {
        width:49%;
		float:left;
		margin:0 0 25px;
}

.contentmidHalf_1 {
        width:70%;
		float:left;
		margin:0 0 25px;
}

.contentmidHalf_2 {
        width:28%;
		float:left;
		margin:0 0 25px;
}

#contentUntereGrenze{
        padding:0px;
        margin:0px;
        margin-top:10px;
        padding-top:10px;
        border-width:0px;
        height:27px;
}

#contentUntereGrenze_rechts, #contentUntereGrenze_links{
        float:right;
        border-width:0px;
}

#contentUntereGrenze_links{
        float:left;
        border-width:0px;
}

#subbox_header_hell_korb{

        background-image:url(../gfx/boxkorb-top.png);
        background-repeat: no-repeat;
        background-position: top left;
        text-align:left;
        font-size: 13px;
        font-weight: bold;
        color: #FEFFFF;
        padding-left:5px;
        padding-top: 7px;
        width:auto;
        height:29px;
}

#subbox_warenkorb{
        background-image:url(../gfx/warenkorb.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #fff;
        border-width:0px;
}

#subbox_warenkorb_leer{
        background-image:url(../gfx/warenkorb_leer.png);
        background-repeat: repeat-x;
        background-position: top left;
        background-color: #fff;
        border-width:0px;
       
}

#suche_verfeinern{
        border-width:0px;
        margin-top:12px;
        padding:0px;
}

#sectionheader{
        padding:10px 10px 10px 0px;
        font-weight: bold;
		font-size:125%;
}

.highslide {
	cursor: pointer;
    outline: none;
}
.highslide img {
	border: 0px solid gray;
}
.highslide:hover img {
	border: 0px solid silver;
}

.highslide-image {
    border-bottom: 1px solid white;
}
.highslide-image-blur {
}
.highslide-caption {
    display: none;

    border-bottom: 1px solid white;
    font-family: Verdana, Helvetica;
    font-size: 10pt;
    padding: 5px;
    background-color: silver;
}
.highslide-loading {
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
    /*
    padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
    */
}

a.highslide-credits,
a.highslide-credits i {
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
    color: white;
    background-color: gray;
}
.highslide-display-block {
    display: block;
}
.highslide-display-none {
    display: none;
}
.highslide-html {
background-color: #f2f2f4;
}
.highslide-html-blur {
}
.highslide-html-content {
position: absolute;
display: none;
}
.highslide-loading {
display: block;
color: black;
font-size: 8pt;
font-family: sans-serif;
font-weight: bold;
text-decoration: none;
padding: 2px;
border: 1px solid black;
background-color: white;

padding-left: 22px;
background-image: url(../js/highslide/graphics/loader.white.gif);
background-repeat: no-repeat;
background-position: 3px 1px;
}
a.highslide-credits,
a.highslide-credits i {
padding: 2px;
color: silver;
text-decoration: none;
font-size: 10px;
}
a.highslide-credits:hover,
a.highslide-credits:hover i {
color: white;
background-color: gray;
}


/* Styles for the popup */
.highslide-wrapper {
background-color: #f2f2f4;
font-size:12px;
}
.highslide-wrapper div#sectionheader {font-weight:normal;font-size:10px;}
div#benachrichtigung {font-size:11px;font-weight:normal;}

.highslide-wrapper .highslide-html-content {
width: 460px;
padding: 20px;
font-size:12px;
}
.highslide-wrapper .highslide-header div {
}
.highslide-wrapper .highslide-header ul {
margin: 0;
text-align: right;
border-bottom: 1px solid white;
font-size: 12px;
padding: 5px;
background-color: #FF9B02;
}
.highslide-wrapper .highslide-header ul li {
display: inline;
padding-left: 1em;
}
.highslide-wrapper .highslide-header ul li.highslide-previous, .highslide-wrapper .highslide-header ul li.highslide-next {
display: none;
}
.highslide-wrapper .highslide-header a {
font-weight: bold;
color:#fff;
text-transform: uppercase;
text-decoration: none;
}
.highslide-wrapper .highslide-header a:hover {
color: #C60;
}
.highslide-wrapper .highslide-header .highslide-move a {
cursor: move;
}
.highslide-wrapper .highslide-footer {
height: 11px;
}
.highslide-wrapper .highslide-footer .highslide-resize {
float: right;
height: 11px;
width: 11px;
background: url(../js/highslide/graphics/resize.gif);
}
.highslide-wrapper .highslide-body {
}
.highslide-move {
cursor: move;
}
.highslide-resize {
cursor: nw-resize;
}

/* These must be the last of the Highslide rules */
.highslide-display-block {
display: block;
}
.highslide-display-none {
display: none;
}

#artPrev, #artNext {text-align:left}
#artNext {text-align:right}

#artPrev img, #artNext img {vertical-align:middle;}
#artPrev a, #artNext a {
	font-weight:bold;
	text-decoration:none;
}
#artPrev a:hover, #artNext a:hover {
	font-weight:bold;
	text-decoration:none;
}

/*  styles for the unit rater
---------------------------------------------------------
ryan masuga, masugadesign.com
ryan@masugadesign.com
Licensed under a Creative Commons Attribution 3.0 License.
http://creativecommons.org/licenses/by/3.0/
See readme.txt for full credit details.
--------------------------------------------------------- */
.ratingblock {
	display:block;
	/*border-bottom:1px solid #999;*/
	padding-bottom:8px;
	margin-top:10px;
	margin-bottom:10px;
	}

.loading {
	height: 30px;
	background: url('../gfx/starrater/working.gif') 50% 50% no-repeat;
	}

.unit-rating { /* the UL */
	list-style:none;
	margin: 0px;
	padding:0px;
	height: 30px;
	position: relative;
	background: url('../gfx/starrater/starrating_big_yellow.png') top left repeat-x;
	}

.unit-rating li{
    text-indent: -90000px;
	padding:0px;
	margin:0px;
	/*\*/
	float: left;
	/* */
	}

.unit-rating li a {
	outline: none;
	display:block;
	width:30px;
	height: 30px;
	text-decoration: none;
	text-indent: -9000px;
	z-index: 20;
	position: absolute;
	padding: 0px;
	}

.unit-rating li a:hover{
	background: url('../gfx/starrater/starrating_big_yellow.png') left center;
	z-index: 2;
	left: 0px;
	}

.unit-rating a.r1-unit{left: 0px;}
.unit-rating a.r1-unit:hover{width:30px;}
.unit-rating a.r2-unit{left:30px;}
.unit-rating a.r2-unit:hover{width: 60px;}
.unit-rating a.r3-unit{left: 60px;}
.unit-rating a.r3-unit:hover{width: 90px;}
.unit-rating a.r4-unit{left: 90px;}
.unit-rating a.r4-unit:hover{width: 120px;}
.unit-rating a.r5-unit{left: 120px;}
.unit-rating a.r5-unit:hover{width: 150px;}
.unit-rating a.r6-unit{left: 150px;}
.unit-rating a.r6-unit:hover{width: 180px;}
.unit-rating a.r7-unit{left: 180px;}
.unit-rating a.r7-unit:hover{width: 210px;}
.unit-rating a.r8-unit{left: 210px;}
.unit-rating a.r8-unit:hover{width: 240px;}
.unit-rating a.r9-unit{left: 240px;}
.unit-rating a.r9-unit:hover{width: 270px;}
.unit-rating a.r10-unit{left: 270px;}
.unit-rating a.r10-unit:hover{width: 300px;}

.unit-rating li.current-rating {
	background: url('../gfx/starrater/starrating_big_yellow.png') left bottom;
	position: absolute;
	height: 30px;
	display: block;
	text-indent: -9000px;
	z-index: 1;
	}

.voted {color:#999;}
.thanks {color:#36AA3D;}
.static {color:#5D3126;}