/* allgemeines */
img { border-width:0; }
  
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	line-height: 14px;
	margin:0;
  padding:0;
  background: url("../img/bg3.gif") repeat scroll 0 0 #fff;
	color: #444;
}

h2 { 
  font-size: 1.1em;
	line-height: 0.9em;
	font-weight: bold;
	margin-bottom:0.9em;
}

.clear {
  height:0 !important; 
  clear:both !important; 
}

a { text-decoration:none; border-width:0; outline:0}

a, a:visited {
  text-decoration:none; 
  color:#888;
}

a:hover {
  text-decoration:none; 
  color:#555;
}

#navigation a {
  font-size: 0.9em;
	font-weight: bold;
	word-spacing: -1px;
	display: inline-block;
    vertical-align: top;
    padding-bottom: 10px;
}

.itemOverlay a { color:#222; font-weight:bold; }

.insta-link img, .insta-link-right img, .insta-link-right-left img, .insta-link-head img
{
    width: 20px;
}

.insta-link
{
    float: left;
    opacity: 0.5;
    padding: 5px 0 0 2px;
}

.insta-link-right
{
    opacity: 0.5;
    padding: 1px 6px 0 1px;
}

.insta-link-right-left
{
    opacity: 0.5;
    padding: 2px 0px 0 1px;
        margin-right: -3px;
}

.insta-link-head
{
	float: left;
    padding: 4px 0 0 2px;
    opacity: 0.5;
}

td { vertical-align:top; padding-bottom:5px;}
.vitaFirstCol { width:100px; }


/*  element bezogenes */

#bodycontent {
  margin-left:10px;
  margin-right:auto;
  padding-right: 10px;
  max-width:800px;
  margin-top:10px;
  margin-bottom:80px;
}

#head {
  padding-bottom:-50px;
  text-align:right; 
  /*border:1px solid #f5d958;*/ 
}

#head_dancer {
  float:left; 
  padding-top:15px;
  margin-bottom:6px;
  display: none;
}

#head_name {
  padding:0px 0 10px 0;
}

@media (min-width: 600px) { 
	#head_dancer {
	  display: block;
	}
	#head_insta_link {
	  display: none;
	}
	#head_name {
	  padding:60px 0 10px 0;
	}
}
@media (max-width: 600px) 
{ 
	#navi_insta_link {
	  display: none !important;
	}
	 img#head_name{
	  width: 150px;;
	  padding: 0px 0 4px 0;
	}
	#bodycontent {
	  margin-top:10px;
	}
}

.insta-link-right
{
    opacity: 0.5;
    padding: 1px 8px 0 0px;
}

.insta-link-right-left
{
    opacity: 0.5;
    padding: 2px 0px 0 1px;
        margin-right: -4px;
}

.insta-link-head
{
	float: left;
    padding: 0px 0 0 2px;
    opacity: 0.5;
}



.line { 
  height:1px; 
  margin-bottom:2px; 
}
#line1 { background-color:blue; }
#line2 { background-color:magenta; }
#line3 { background-color:#888; }
#line4 { background-color:#009900; }

#navigation { 
  margin:3px -6px 0 0; 
  text-align:right; 
}

#navigation h1 { 
  display: inline-block; 
}



#currentPage { color: #555; }

#content { margin-top:40px; 
  padding-left:5px;
}


.contentRightAligned {
  text-align:right;
  padding-right: 7px;
  
}


/* spezielles */
.useCurrent{} /* markiert bereiche für js, zb. soll der aktuell-link angezeigt werden oder nicht */


/* lightwindow overrides */
#lightwindow_contents { text-align:center; }

/* caption zeilen umbrüche */
span.br { line-height:2px; }

div.br { height: 4px; }

#lightwindow_data_caption { line-height: 16px; }


li { display:inline; }

li.item { 
  width:142px; height:108px; 
  border:2px solid #fff; 
  float:left; 
  margin: 0 13px 30px 0; 
  position:relative; font-weight:bold;color: #666; font-size:0.9em;
}

li:hover.item { 
  position:relative; font-weight:bold;color: #444;
}

img.itemImg { width:142px; height:108px;  padding: 0 0 3px 0; }
  
div.itemOverlay { position:absolute; 
  text-align:center; width:144px; height:110px; top:0; 
  display: block; 
  border:0px solid red; z-index:20; 
  background-color:#fff;
  color:#000;
  opacity:0.7;
  filter:alpha(opacity=70); /* For IE8 and earlier */
}

ul#items { padding: 0 0 30px; }

.link {
text-decoration-line: underline !important;
  text-decoration-style: dotted !important;
  color: inherit !important;
  }