/* override some defaults that are different from browser to browser anyway */
body,div,form {
  padding: 0px;
  margin: 0px;
}

img {
        border: none;
}

body  {
        color: #333;
        font-size: 80%;
        font-family: Verdana, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
//        background-image: url(bg.gif);
}


body.print {
  margin-left: 1em;
  background: #ffffff;
}

div.print {
  color: #000000;
  width: 550px;
}

ul {
  margin-bottom: 0px;
}

label {
  cursor: pointer;
}

/* set some more defaults for our convenience */
h1,h2,h3,h4 {
        margin: 0px;
        padding: 0px;
        padding-top: 3px;
        padding-bottom: 3px;
}

h1,h2,h3,h4{
        font-family: Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
        font-weight: bold;
}


h1 {
        color: #990033;
        font-size: 1.6em;
        padding-top: 15px;
}

h2 {
        color: #ff9900;
        font-size: 1.2em;
        padding-top: 5px;
}

h3 {
        color: #333;
        font-size: 1.2em;
}

h4 {
        color: #333;
        font-size: 1.0em;
}

p {
  padding-top: 3px;
  margin-top: 0px;
  margin-bottom: 0px;
  padding-bottom: 10px;

}


h2.lead  { 
	margin-top: 0px; 
	padding-top: 10px; 
	margin-bottom: 0px; 
	font-size: 110%;
}

.lead { 
       font-weight: bold; 
}

h2.list { 
    font-size: 1.2em; 
	color: #333366; 
    padding: 0px;
	margin-bottom: 5px;
}


h2.leadlist { 
       font-size: 1.1em; 
       padding: 0px;
       margin-bottom: 5px; 
       margin-top: 5px;
}

.articletable {
  font-size: 1em;
  line-height: 1.6em;
}


h2 a,h2 a:active,h2 a:link,h2 a:visited,a.listtitle { 
       color: #990033; 
}

ul.leiste {
  padding: 0em 0.5em 0em 0.5em;
  margin: 0px;
  
}
ul.leiste li {
  padding-left: 0.5em;
  list-style-type: none;
  display: inline;
}

.clear {
    clear:both;
}

.fehler {
  color: red;
  font-weight: bold;
}

.left {
  float:left;
}

.right {
  float:right;
}


/*
 * hide certain elements from modern browsers which are (hopefully) mostly
 * convenient for text-browsers and the like
 */
.hidden {
  display: none;
}

.indent {
  padding-left: 15px;
}


/* default link styling */
a:link    { color: #990033; font-weight: bold; text-decoration: none; background-color: transparent; }
a:visited { color: #990033; font-weight: bold; text-decoration: none; background-color: transparent; }
a:hover   { color: #990033; font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }
a:active  { color: #990033; font-weight: bold; text-decoration: none; background-color: transparent; text-decoration: underline; }

/*** Allgemeine Anordnung der Container und Hintergruende ***/

#wrapper {
  width: 972px;
  margin:auto;
  background: #ffffff;
}

#head {
  width: 952px;
  height: 100px;
  background-image: url(header.jpg);
  line-height: 100px;
  font-size: 2em;
  font-weight: bold;
  padding-left: 20px;
  color: #990033;
  font-family: trebuchet ms, Arial, Helvetica, Geneva, SunSans-Regular, sans-serif;
}

#metanav {
  left: 0px;
  height: 22px;
  width:100%;
  background-color: #ffcc00;
  text-align: right;
  margin-bottom: 1px;
  line-height: 22px;
  font-size: 90%;
}

#wrapperinner {
  width: 100%;
  clear: both;
}

#wrapperinner2 {
  width: 100%;
  clear: both;
}

#nav {
  float: left;
  width: 188px;
  margin-left:-730px;
}

#nav_breit {
  float: left;
  width: 188px;
  margin-left:-916px;
}

#content {
  margin-left: 210px;
  float: left;
  width: 520px;
  line-height:1.6em;
  font-size: 90%;  
}

#content_breit {
  margin-left: 210px;
  float: left;
  width: 706px;
  line-height:1.6em;
  font-size: 90%;  
}

#news {
  width: 220px;
  margin-left: 752px;
  margin-right: 0%;
  padding-top: 2px;
}

#news_breit {
  visibility: hidden;
}

#metanav2 {
  position: relative;
  left: 0px;
  height: 18px;
  width: 100%;
  text-align: right;
  line-height: 18px;
  font-size: 90%;  
}

#footer {
  position: relative;
  left: 0px;
  height: 22px;
  width: 100%;
  text-align: left;
  background-color: #ffcc00;
  line-height: 22px;
  font-size: 90%;

}

#footer a, #metanav a {
  color: #333 !important;
}


/* Bildformatierung */

.AWimageleft { float:left; }
.AWimageright { float:right; }

.AWimagemarginleft { margin-left:6px; }
.AWimagemarginright { margin-right:6px; }
.AWimagemargincenter { margin:auto; }

div.AWimagebox { margin-top: 0.5em; margin-bottom: 10px;}

img.AWimage { border:0px; }

p.AWimagetext { padding-left: 6px; padding-right: 6px; margin-top:0px; margin-bottom:0px; }

span.AWimagetitle { font-weight:bold;display:block; }



/* Bildformatierungen zum Ueberschreiben */


.AWimageboxOverride { }

AWimageOverride {}

AWimagetextOverride {}

AWimagetitleOverride {}

AWimagedescOverride {}



/*
* Menu-Bereich
*/

#menu {

}

#menu ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

/* Ebene 1 */

#menu ul li {
  padding: 2px 0px 1px 0px;  
}

#menu ul li a img {
  padding-top: 0px;
  padding-bottom: 1px;
}

#menu ul li a {
  color: #333 !important;
  font-size: 0.85em;
  font-weight: normal;
  text-decoration: none !important;
  display: block;
  line-height: 2em;
  background-color: #ffe680 !important;
  padding-left: 5px;
}

#menu ul li a:hover {
  background-color: #ffcc00 !important;
}

#menu ul li a.active {
  background-color: #ffcc00 !important;
  font-weight: bold !important;
}


/* Ebene 2 */

#menu ul li ul {
  padding-top: 2px;
  padding-bottom: 5px;
}

#menu ul li ul li {
  padding: 0px 0px 1px 0px;  
}

#menu ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 22px;
}

#menu ul li ul li a:hover {
}

#menu ul li ul li a.active {
}

/* Ebene 3 */

#menu ul li ul li ul li a {
  margin-bottom: 1px;
  line-height: 2em;
  padding-left: 33px;
}

#menu ul li ul li ul li a:hover {
}

#menu ul li ul li ul li a.active {
}


/*
* Boxen
*/

/* Kopfbereiche der Boxen*/

div.boxhead {
  width: 208px;
  height: 22px;
  line-height: 22px;
  background-color: #FFCC00;
  font-weight: bold;
  padding: 0px 6px 0px 6px;
  float: left;
}

/* Box-Inhalts-Div */

div.box {
  width: 208px;
  background-color: #ffffcc;
  padding: 0px 6px 18px 6px;
  font-size: 0.87em;
  line-height: 1.3em;
  margin-bottom: 1em;
  float: left;
}

div.box ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

div.box li { clear: left; display: block;}

div.box img { float: left; margin: 0em 0.5em 0em 0em; }

div.box p {
  float:left;
}

div.box input[type=text],
div.box input[type=submit] {
  width: 150px; 
  margin-top:4px;
}

div.box input[type=radio] {
  width:16px;
}

/* Box-Inhalt-Formate für News */

#news div.box a.title {
  display: block;
  padding-top: 8px;
  padding-bottom: 4px;
}

/* Banner */

ul.banner {
  margin: 2em 0em 1em 0em;
  padding: 0em;
}

ul.banner li {
  margin:0.5em 0em 0.5em 0em;
  padding: 0px;
  border: 0px;
  list-style-type: none;
  display: inline;
}

/*Social Bookmarks */

#social_bookmark ul {
  margin: 0px;
  padding: 0px;
  list-style-type: none;
  border: 0px;
}

#social_bookmark li { 
  padding-right: 0.5em;
  list-style-type: none;
  display: inline;
}

#social_bookmark img {
  margin: 0.25em 0em 0em 0em; 
}

/* defaults */
* {
  padding: 0px;
  margin: 0px;
}

body#layout1 { 
  background: transparent url(./bg_1.gif) repeat-y center top; 
}
body#layout2 { 
  background: transparent url(./bg_2.gif) repeat-y center top; 
}

.hidden {
  display: none;
}
.clear {
  clear: both;
}

img {
  border: none;
}

a{
  text-decoration: none;
}

body {
  	font: small/1.2em arial, sans-serif;
}

h1 {
  font-size: 1.4em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 1em;
}

h2 {
  font-size: 1.4em;
  font-weight: bold;
  margin-bottom: 1em;
}
h2#termine  {
  display: block;
  width: 143px;
  height: 20px;
  background: transparent url( ../images/termine.gif ) no-repeat top left
}

h3 {
  font-size: 1.2em;
  font-weight: bold;
}

p { 
  margin-bottom: 1em; 
}

a { 
  color: #E60086; 
  text-decoration: none; 
}
a:hover { 
  text-decoration: underline; 
  background: #fcdff0; 
}




/* Meta Navigation */
#metanav ul {
  position: relative;
  list-style-type: none;
  z-index: 10;
}

#metanav ul li { 
  position: absolute; 
}

#metanav ul li a{ 
  display: block; 
}

#metanav ul li.home a{ 
  width: 91px;  
  height: 87px;
  background: transparent url(../images/home.gif) no-repeat top left;
}

#metanav ul li.home { 
  z-index: 20;
  top: 23px; 
  left: 750px; 
}

#metanav ul li.kontakt a{ 
  width: 73px; 
  height: 84px;
  background: transparent url(../images/kontakt.gif) no-repeat top left;
}

#metanav ul li.kontakt.en a{
  width: 83px;
  background: transparent url(../images/en_contact.gif) no-repeat top right;
}

#metanav ul li.kontakt { 
  top: 0; 
  left: 0; 
}

#metanav ul li.impressum a{ 
  width: 89px; 
  height: 102px;
  background: transparent url(../images/impressum.gif) no-repeat top left;
}

#metanav ul li.impressum.en a{
  width: 112px;
  background: transparent url(../images/en_who_are_we.gif) no-repeat top left;
}

#metanav ul li.impressum { 
  top: 34px; 
  left: 88px; 
}

#metanav ul li.impressum.en { 
  top: 34px; 
  left: 83px; 
}

#metanav ul li.hintergrund a{ 
  width: 104px; 
  height: 83px;
  background: transparent url(../images/hintergrund.gif) no-repeat top left;
}

#metanav ul li.hintergrund.en a{ 
  background: transparent url(../images/en_background.gif) no-repeat top left;
}


#metanav ul li.hintergrund { 
  top: 25px; 
  left: 185px; 
}

#metanav ul li.cwinkler a{ 
  width: 153px; 
  height: 100px;
  background: transparent url(../images/c_winkler.gif) no-repeat top left;
}

#metanav ul li.cwinkler {  
  top: 35px; 
  left: 270px; 
}

/* Language Navigation */
#language ul { 
  list-style-type: none; 
  margin: 15px 0 0 12px; 
}

#language ul li {  
  float: left; 
}

#language ul li.english a { 
  width: 72px; 
  height: 22px; 
  display: block;
  background: transparent url(../images/english.gif) no-repeat top left;
}

#language ul li.deutsch a { 
  width: 76px; 
  height: 22px; 
  display: block;
  background: transparent url(../images/deutsch.gif) no-repeat top left;
}

/* Mein Nav */
#main-nav  { 
  width: 140px; 
  float: right; 
  margin-top: 177px; 
  margin-right: 20px; 
  list-style-type: none; 
  z-index: 5; 
}

#layout2 #main-nav { 
  float: left; 
  margin-left: 20px; 
}

#main-nav  li { 
  margin-bottom: 20px; 
}

#main-nav  li a { 
  display: block; 
  height: 27px; 
  width: 140px; 
}

#main-nav  li.buchen a { 
  background: transparent url(../images/nav_buchen.gif) no-repeat top right; 
}

#main-nav  li.buchen.en a { 
  background: transparent url(../images/en_bookings.gif) no-repeat top right; 
}

#main-nav  li.tc a { 
  background: transparent url(../images/nav_tc.gif) no-repeat top right; 
}

#main-nav  li.tc.en a { 
  background: transparent url(../images/en_dancers_clips.gif) no-repeat top right; 
}

#main-nav  li.visuals a { 
  background: transparent url(../images/nav_visuals.gif) no-repeat top right; 
}

#main-nav  li.presse a { 
  background: transparent url(../images/nav_presse.gif) no-repeat top right; 
}

#main-nav  li.presse.en a { 
  background: transparent url(../images/en_press.gif) no-repeat top right; 
}

#main-nav  li.newsletter a { 
  background: transparent url(../images/nav_newsletter.gif) no-repeat top right; 
}

#main-nav  li.franchise a { 
  background: transparent url(../images/nav_franchise.gif) no-repeat top right; 
}

#main-nav  li.shop a { 
  background: transparent url(../images/nav_shop.gif) no-repeat top right; 
}

#layout2 #main-nav  li a { 
  background-position: top left; 
}

/* TITLES */
.title { 
  width: 300px; 
  height: 24px; 
  margin-bottom: 1em; 
}

#home { 
  background: transparent url(../images/t_home.gif) no-repeat top left; 
}

#kontakt { 
  background: transparent url(../images/t_kontakt.gif) no-repeat top left; 
}

#impressum { 
  background: transparent url(../images/t_impressum.gif) no-repeat top left; 
}

#hintergrund { 
  background: transparent url(../images/t_hintergrund.gif) no-repeat top left;
}
 
#cwinkler { 
  background: transparent url(../images/t_cwinkler.gif) no-repeat top left; 
}

#buchen { 
  background: transparent url(../images/t_buchen.gif) no-repeat top left; 
}

#taenzer { 
  background: transparent url(../images/t_taenzer.gif) no-repeat top left; 
}

#visuals { 
  background: transparent url(../images/t_visuals.gif) no-repeat top left; 
}

#Presse { 
  background: transparent url(../images/t_presse.gif) no-repeat top left; 
}

#newsletter { 
  background: transparent url(../images/t_newsletter.gif) no-repeat top left; 
}

#franchise { 
  background: transparent url(../images/t_franchise.gif) no-repeat top left; 
}

#shop { 
  background: transparent url(../images/t_shop.gif) no-repeat top left; 
}

#sidebar dt { 
  margin-top: 1.2em; 
  margin-bottom: 0.3em; 
}

#sidebar dd { 
  margin-bottom: 0.5em; 
}

#sidebar ul li h2 a { 
  font-size: 1em; 
  margin: 0; 
  font-weight: bold; 
  text-transform: uppercase;
  color: #000000;
}

#artist-list { 
  list-style-type: none; 
  width: 136px; 
  background: #E8ECF0; 
  margin-left: 4px; 
}

#artist-list li { 
  color: #E60086;
  font-weight: bold;
  padding: 4px;
}

#artist-list li img { 
  margin: 0px 0px 4px -4px; 
  display: block;  
}

#artist-list li a:hover { 
  text-decoration: none; 
  background: none; 
}

/* HEADER ***************** */
/****************************/
#header-wrapper { 
  height: 100px; 
  width: 100%; 
  position: relative;
  border-bottom: 2px solid #E60086; 
  z-index: 10;
}

#header-left { 
  height: 100px; 
  width: 50%; 
  float: left; 
  position: relative; 
}

#header-left-inner {
  height: 100px; 
  width: 430px; 
  float: right;
  border-right: 2px solid #E60086; 
}
  
#header-right {
  height: 100px; 
  width: 49%; 
  float: left; 
}
  
#header-right-inner { 
  height: 100px; 
  width: 430px; 
}

#sideb { 
  background: #900;
  height: 100px; 
  width: 160px; 
  position: absolute; 
  top: 0;
  left: 430px; 
}
  
.sky{ 
  background: transparent url(./sky_pattern.jpg); 
}

.white { 
  background: #fff; 
}

 
#metanav { 
  float: left; 
  width: 430px; 
  height: 100px; 
}

#language { 
  float: left; 
  width: 430px; 
  height: 100px;
}

#content-wrapper { 
  background: #fff;
  height: 670px; 
  width: 100%;
  border-bottom: 2px solid #E60086; 
}
  
/* CONTENT ( Nav left / Article right ) ******************/
/****************************************************/

#layout1 #content-article { 
  background: transparent url(./bg_content.jpg) no-repeat top left;
  height: 670px; 
  width: 50%; 
  float: right; 
}

#layout1 #content-article_admin { 
background: transparent url(./bg_content.jpg) no-repeat top left;
  height: 670px; 
  width: 650px; 
  float: right; 
}

#layout1 #content-article-inner { 
  background: #fff;
  height: 670px; 
  width: 430px; 
  float: left; 
  overflow: auto;  
}

#layout1 #content-article-inner_admin { 
  background: #fff;
  height: 670px; 
  float: left; 
  width:650px; 
  overflow: auto;
}

#layout1 #content-nav { 
  background: #fff;
  height: 670px; 
  width: 50%; 
  float: left; 
  position: absolute; 
}

#layout1 #content-nav-inner {  
  background: #fff url(bg_nav.jpg) no-repeat top right;
  height: 670px; 
  width: 430px; 
  float: right;
  border-right: 2px solid #E60086;
}
  
/* CONTENT ( Nav right / Article left ) ******************/
/****************************************************/

#layout2 #content-article { 
  background: #fff url(./bg_left.jpg) no-repeat top right;
  height: 670px; 
  width: 50%; 
  float: left; 
}

#layout2 #content-article-inner { 
  background: #fff;
  height: 670px; 
  width: 430px; 
  float: right; 
  overflow: auto;
  border-right: 2px solid #E60086;
}

#layout2 #content-nav { 
  background: #fff;
  height: 670px; 
  width: 49%; 
  float: left; 
  position: relative; 
}

#layout2 #content-nav-inner {  
  background: #fff url(./bg_nav_r.jpg) no-repeat top right;
  height: 670px; 
  width: 430px; 
  float: left;
}

/* Article margin & Sidebar */
#article-margin {  
  overflow: auto; 
  margin: 45px 18px 0px 18px; 
  padding-bottom: 80px; 
  min-height: 520px; 
  background: #fff url(./logo.gif) no-repeat bottom right; 
}

#article-margin div{
  margin-right: 10px;
  margin-bottom: 5px;
}

#article-margin_admin{  
  margin: 45px 18px 0px 18px;
  padding-bottom: 80px; 
  min-height: 520px; 
  background: #fff url(./logo.gif) no-repeat bottom right;  
  width: 570px; 
  overflow: auto;
}

#sidebar { 
  height: 670px; 
  width: 178px; 
  position: relative; 
  top: 0; 
  left: 862px; 
  overflow: auto; 
}

#sidebar_admin {
  display:none;
}

#sidebar-margin { 
  padding: 12px 9px; 
  width: 142px 
}