/* CSS-Design for viennadancecontest.at by dianimation, Diana Muigg */

/* BASICS */
*                       { margin: 0; padding: 0; }
html,body               { width: 100%; height: 101%; }
body							      { font: 11px/14px Arial, Verdana, sans-serif; color: #002c5a;  
                          background: url(images/ornament.png) repeat-y right bottom; background-attachment: fixed; }

                          
a, a:visited				    { text-decoration: underline; color: #e1007a; }
a:hover, a:focus		    { color: #906; outline: 0; }
a img								    { border: none; outline: 0; }
#navirow a,
#mainnavi a             { text-decoration: none;}

img                     { border: none; margin: 0; padding: 0; }
#photobar img		{ width: 135px; height: 203px; border: 1px solid #bccde7; margin: 0 15px 20px 0; }
#photogal img           { width: 90px; height: 60px; border: 1px solid #bccde7; padding: 1px; margin: 0 5px 5px 0; }

.rightln                { text-align: right; }
.printtext              { display: none; }
.clear							    { clear: both; }
.ie                     { display: none; }


/* GENERAL TYPO */
h1, h2, h3, h4, h5      { font-weight: normal; font-size: 11px; line-height: 14px; text-transform: uppercase; }
h1                      { color: #e1007a; font-size: 16px; line-height: 18px; margin: 0 0 12px 0; }
h2                      { margin: 28px 0 14px 0; font-size: 13px; }
h3                      { margin: 14px 0 14px 0; font-weight: bold; }
h4                      { margin: 14px 0 0 0; font-weight: bold; }
h5                      { margin: 14px 0 0 0; font-weight: bold; text-transform: none; }
p       							  { margin: 0 0 14px 0; }
.klein                  { text-transform: none; }


/* PAGE POSITIONS */
#pagewrap               { width: 100%; height: 100%; }
#header                 { width: 100%; height: 80px; background-color: #002c5a;
                          position: fixed; z-index: 100; overflow: hidden; }
#topnavi                { width: 100%; height: 38px; background-color: #fff; margin: 80px 0 0 0; 
                          position: fixed; z-index: 100; overflow: hidden; }
#contentwrap            { width: 770px; min-height: 100%; height:auto; 
                          background: #fff url(images/gradient_left.jpg) repeat-y left; }
  #contentpadding       { height: 118px; }
  #maincontent          { min-height: 433px; margin: 0 165px; padding: 0 15px; border-right: 2px solid #002c5a; }
  #navigation           { width: 180px; float:left; position: fixed; }
  #photobar             { width: 165px; float:right; text-align: right; }
  #photogal             { float: left; }
  

/* NAVIGATION */
#mainnavi               { list-style: none; width: 150px; line-height: 15px; }
#mainnavi li            { margin: 0 0 4px 0; padding: 0 0 3px 0;  border-bottom: 1px solid #e1007a; }
#mainnavi li a          { margin: 0; padding: 0 0 0 40px; text-transform: uppercase; text-indent: -10px;
                          display: block; background: url(images/flower.jpg) no-repeat 9px 0px; }
#mainnavi li a.aktiv,
#mainnavi li a:hover,
#mainnavi li a:focus    { color: #906; font-weight: bold; outline: 0;
                          background: url(images/flower_hover.jpg) no-repeat 9px 0px; }
                          
#unternavi li           { border-bottom: 0; margin: 0; padding: 0; }
#unternavi li a         { font-size: 9px; font-weight: bold; text-indent: -10;
                          margin: 0; padding: 0 0 0 50px; text-transform: none; 
                          display: block; background: none; } 
#unternavi li a.aktiv,
#unternavi li a:hover,
#unternavi li a:focus   { background: none; }              


/* IFRAMES */
#header iframe          { width: 100%; min-width: 1100px; height: 80px; }
#topnavi iframe         { width: 100%; min-width: 770px; height: 38px; }
#fillin iframe          { width: 395px; height: 250px; }
#fillin2 iframe         { width: 395px; height: 640px; }
#fillin3 iframe         { width: 395px; height: 400px; }
#maps iframe            { width: 395px; height: 344px;}


/* TOPNAVI */
#navirow                { height: 18px; padding-top: 2px; position: relative; overflow: hidden;
                          background-color: #bccde7; border-bottom: 2px solid #e1007a; }
#navirow .cell1         { position: absolute; left: 180px; padding-top: 1px;  }
#navirow .cell2         { position: absolute; left: 270px; padding-top: 1px; }
#navirow .cell3         { position: absolute; left: 388px; padding-top: 1px; }
#navirow .flag1         { position: absolute; left: 695px; }
#navirow .flag2         { position: absolute; left: 730px; }
#navihg                 { height: 16px; position: relative; background-color: #fff; overflow: hidden; }
#navihg .left           { width: 150px; height: 16px; background: url(images/gradient_left.jpg);
                          position: absolute; top: 0px; left: 0px; }
#navihg .middle         { width: 620px; height: 16px; background: url(images/white.jpg);
                          position: absolute; top: 0px; left: 150px; }
#navihg .right          { width: 380px; height: 16px; background: url(images/ornament.png);
                          position: absolute; top: 0px; right: 0px; }


/* TABS */
#getabbt                { position: relative; }
#getabbt .tab0          { position: absolute; left: 0px; }
#getabbt .tab1          { position: absolute; right: 255px; }
#getabbt .tab2          { position: absolute; left: 170px; }

#getabbt .tabbild       { position: relative; width: 100px; }
#getabbt .tabbild img   { border: 1px solid #bccde7; padding: 1px; }
#getabbt .tab4          { position: absolute; left: 120px; }
#getabbt .tab5          { position: absolute; left: 240px; }

/* ANCHORS */

p.anchor a,
p.anchor a:focus        { margin: 0 20px; color: #e1007a; text-decoration: none; }  
p.anchor a.skipped,
a.skipped               { margin: 0; padding-top: 77px; visibility: hidden; background: none; }
p.anchor a.skipped2,
a.skipped2              { margin: 0; padding-top: 87px; visibility: hidden; background: none; }
a.anchor                { text-decoration: none; }  


/* LINKLIST */
#linklist td            { border-bottom: 1px solid #BCCDE7; }
#linklist a             { text-decoration: none; }