/*
 * Stylesheet volleyball.tsv-wedding
 * @author: Markus Domko
 */
body {
  background-color: #444;
  font-family: Arial, sans-serif;
  color: #666;
  } 
p, ul {
  color: #333;
  }
p {
  line-height: 1.6em;
  }
a, a.visited {
  color: #333;
  font-weight: bold;
  text-decoration: none;
  }
a:hover, a.active {
  color: #004293;
  text-decoration: underline;
  }
em {
  font-weight: bold;
}
#wrapper {
  background-color: #fff;
  margin: 38px auto;
  padding: 0 50px 25px;
  width: 980px;
  box-shadow: 0px 10px 15px #222;
  -moz-box-shadow: 0px 10px 15px #222;
  -webkit-box-shadow: 0px 10px 15px #222;
  border-radius: 3px 3px 10px 10px;
  -moz-border-radius: 3px 3px 10px 10px;
  -webkit-border-radius: 3px 3px 10px 10px;
  }
#header {
  overflow: hidden;
}
#header h2 {
  color: #004293;
  font-size: 42px;
  font-style: italic;
  margin: 0 0 0 150px;
  padding: 0;
  text-align: right;
  position: relative;
  top: 85px;
  }
#header p {
  color: #004293;
  font-size: 24px;
  text-align: right;
  margin: 6px 0 0 150px;
  line-height: inherit;
  text-shadow: 2px 3px 3px #C0C0C0;
  }  
#header a,
#header h2 {
  color: #004293;
  font-weight: normal;
  text-decoration: none;
  text-shadow: 2px 3px 3px #C0C0C0;
  }
#header iframe {
  width: 110px !important;
}
#header a:active,
#header a:visited {
  color: #004293;
  }  
#header #logo {
  border: none;
  text-decoration: none;
  float: left;
  }
#header #logo img {
  border: none;
  }
#nav {
  clear: both;
  margin-bottom: 15px;
  }
#nav ul {
  border-radius: 5px;
  -moz-border-radius: 5px;
  -webkit-border-radius: 5px;
  background: #004293 url(../bilder/nav_bg.gif) repeat scroll 0 bottom;
  height: 38px;
  font-size: 12px;
  list-style-type: none;
  margin: 0;
  padding: 0 0 0 10px;
  }
#nav ul li {
  float: left;
  position: relative;
  }
#nav ul li a,
#nav ul li span,
#nav ul li span.active {
  border-right: 1px solid #eee;
  background: #333 url(../bilder/nav_bg.gif) repeat scroll 0 bottom;
  color: #fff;
  display: block;
  font-size: 20px;
  font-weight: normal;
  line-height: 38px;
  padding: 0;
  text-align: center;
  text-decoration: none;
  width: 150px;
  }
#nav ul li span:hover {
  cursor: pointer;
}
#nav ul li span.active:hover {
  cursor: auto;
}
#nav ul li > a,
#nav ul li > span.active {
  display: block;
  }
#nav ul li.last a,
#nav ul li.last span {
  border-right: none;
  }
#nav a:hover,
#nav ul li span:hover,
#nav ul li.active a,
#nav ul li span.active,
#nav ul li.active ul li a:hover {
  background: transparent url(../bilder/nav_bg_active.gif) repeat scroll 0 bottom;
  }
#nav ul li ul {
  display: none;
  height: auto;
  left: 0;
  padding: 0;
  position: absolute;
  top: 38px;
  z-index: 1;
  box-shadow: 0px 0 5px #333;
  -moz-box-shadow: 0px 0 5px #333;
  -webkit-box-shadow: 0px 0 5px #333;  
}
#nav ul li:hover ul {
  display: block;
}
#nav ul li ul li {
  float: none;
}
#nav ul li ul li.last a,
#nav ul li ul li.last span {
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
}
#nav ul li ul li a,
#nav ul li.active ul li a {
  background: #004293;
  border-top: 1px solid #fff;
  border-right: none;
}
#nav ul li ul li .active {
  background: #333;
  border-top: 1px solid #fff;
  border-right: none;
}
#content {
  clear: both;
  margin-top: 25px;
  }
.column_left {
  float: left;
  width: 220px;
  }
.contact,
.wanted {
  background-color: #eee;
  background-color: #dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff)); 
  background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); 
  background-image:    -moz-linear-gradient(top, #dddddd, #ffffff); 
  background-image:     -ms-linear-gradient(top, #dddddd, #ffffff); 
  background-image:      -o-linear-gradient(top, #dddddd, #ffffff); 
  background-image:         linear-gradient(top, #dddddd, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#ffffff'); 
  border-radius: 5px 5px 0 0;
  color: #333;
  margin: 0 15px 0 0;
  padding: 0px 10px 15px;
  width: 200px;
  }
.quickinfo {
  background-color: #efefef;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#efefef), to(#ffffff)); 
  background-image: -webkit-linear-gradient(top, #efefef, #ffffff); 
  background-image:    -moz-linear-gradient(top, #efefef, #ffffff); 
  background-image:     -ms-linear-gradient(top, #efefef, #ffffff); 
  background-image:      -o-linear-gradient(top, #efefef, #ffffff); 
  background-image:         linear-gradient(top, #efefef, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#efefef', EndColorStr='#ffffff'); 
  border-radius: 5px 5px 0 0;
  color: #333;
  margin: 0 15px 0 0;
  padding: 0px 10px 5px;
  width: 200px;
  }
.contact h2,
.wanted h2,
.portrait h3,
.quickinfo h2 {
  background: #004293 url(../bilder/contact_bg.gif) repeat-x scroll 0 0;
  border-radius: 5px 5px 0 0;
  color: #fff;
  font-size: 15px;
  font-style: normal;
  margin: 0 -10px 10px;
  padding: 5px;
  text-align: center;
  }
.quickinfo h2 {
  background: #333 url(../bilder/quick_bg.gif) repeat-x scroll 0 0;
  }
.wanted h2 {
  background: #960000 url(../bilder/wanted_bg.gif) repeat-x scroll 0 0;
  }
.portrait h3 {
  text-align: center;
  }
.contact h3,
.contact,
.wanted {
  margin: 15px 0 10px;
  }
.contacts .contact {
  margin: 0 15px 15px 0;
  float: left;
  height: 410px;
  }
.contacts .column_left .contact {
  height: 540px;
}
.contact p,
.quickinfo p,
.portrait p,
.wanted p {
  clear: both;
  font-size: 14px;
  padding: 0;
  margin: 0 0 5px 0;
}
.contact em,
.quickinfo em,
.portrait em {
  font-style: normal;
  font-weight: bold;
  }
.contact p img,
.quickinfo p img {
  position: relative;
  top: 3px;
  }
.link_box {
  background: #333 url(../bilder/quick_bg.gif) repeat-x scroll 0 0;  
  border-radius: 0 0 5px 5px;
  -moz-border-radius: 0 0 5px 5px;
  -webkit-border-radius: 0 0 5px 5px;
  padding: 5px;
  text-align: center;
  width: 210px;
  }
.link_box a,
.link_box a:hover {
  color: #fff;
  font-size: 15px;
  font-style: normal;
  }
.detail {
  margin-left: 245px;
  position: relative;
  }
.detail h1 {
  color: #004293;
  position: relative;
  }
.detail h2 {
  margin-top: 35px;
}
.contact h2 {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  margin-top: 0;
}
.big_picture {
  border-bottom: 5px solid #004293;
  width: 735px;
}
.big_picture > img {
  display: block;
  margin: 0 auto;
  width: 735px;
}
.big_picture a {
  background: url('../bilder/team_h1.jpg') 0 0 no-repeat;
  cursor: default;
  display: block;
  height: 488px;
  width: 735px;
}
.big_picture a:hover {
  background-position: 0 -488px;
}
.big_picture_d3 {
  border-bottom: 5px solid #004293;
  width: 735px;
}
.big_picture_d3 > img {
  display: block;
  margin: 0 auto;
  width: 735px;
}
.big_picture_d3 a {
  background: url('../bilder/team_d3.jpg') 0 0 no-repeat;
  cursor: default;
  display: block;
  height: 500px;
  width: 735px;
}
.big_picture_d3 a:hover {
  background-position: 0 -500px;
}

.big_picture_d2 {
  border-bottom: 5px solid #004293;
  width: 735px;
}
.big_picture_d2 > img {
  display: block;
  margin: 0 auto;
  width: 735px;
}
.big_picture_d2 a {
  background: url('../bilder/team_d2.jpg') 0 0 no-repeat;
  cursor: default;
  display: block;
  height: 500px;
  width: 735px;
}
.big_picture_d2 a:hover {
  background-position: 0 -500px;
}

.big_picture_h2 {
  width: 735px;
  margin-bottom: 5px;
}
.big_picture_h2 > img {
  display: block;
  margin: 0 auto;
  width: 735px;
}

.picture_row {
  display: float;
  margin-left: -1%;
}

.half_picture {
  display: float;
}

.half_picture > img {
  float: left;
  margin-bottom: 5px;
  margin-left: 1%;
  width: 49%;
}

.portrait {
  background-color: #eee;
  background-color: #dddddd;
  background-image: -webkit-gradient(linear, left top, left bottom, from(#dddddd), to(#ffffff)); 
  background-image: -webkit-linear-gradient(top, #dddddd, #ffffff); 
  background-image:    -moz-linear-gradient(top, #dddddd, #ffffff); 
  background-image:     -ms-linear-gradient(top, #dddddd, #ffffff); 
  background-image:      -o-linear-gradient(top, #dddddd, #ffffff); 
  background-image:         linear-gradient(top, #dddddd, #ffffff);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorStr='#dddddd', EndColorStr='#ffffff'); 
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  float: left;
  margin: 0 15px 15px 0;
  padding: 0 10px 10px;
  width: 200px;
  }
.first {
  clear: both;
}
.portrait .footnote {
  font-size: 10px;
  }
.portrait h3 {
  border-radius: 5px 5px 0 0;
  -moz-border-radius: 5px 5px 0 0;
  -webkit-border-radius: 5px 5px 0 0;
  border: none;
  font-size: 14px;
  margin: 0 -10px;
  padding: 5px;
  position: relative;
  z-index: 1;
  }
.portrait img {
  float: left;
  height: 300px;
  position: relative;
  width: 200px;
  z-index: 0;
  }
.portrait .number,
.portrait .number2,
.portrait .libero {
  background-color: #004293;
  color: #FFFFFF;
  display: block;
  font-size: 24px;
  font-weight: bold;
  height: 30px;
  left: 150px;
  margin-top: -50px;
  padding: 10px 15px 10px 15px;
  position: relative;
  top: 250px;
  text-align: center;
  width: 20px;
  z-index: 1;
  }  
.portrait .number2 {
  left: 140px;
  width: 30px;
  }
.portrait .libero {
  left: 98px;
  width: 72px;
}
table {
  /*border-bottom: 1px solid #666;
  border-top: 1px solid #666;*/
  width: 735px;
  table-layout: fixed;
  border-collapse: separate;
  }
td {
  /*border-top: 1px solid #666;*/
  text-align: left;
  vertical-align: top;
  padding: 5px;
  }
th {
  text-align: left;
  }
tr {
  text-align: top;
}
tr.odd {
  background-color: #eee;
  }
.emphase {
  color:red;
  }
#footer {
  clear: both;
  font-size: 10px;
  margin-bottom: 40px;
  position: relative;
  top: 50px;
  width: 980px;
  }
#footer a {
  text-transform: uppercase;
  font-weight: normal;
  }
#footer span {
  float: right;
  }


.polaroid
{
    position: relative;
    border: 1px solid darkgrey;
    background-color: white;
    padding: 15px 15px 60px 15px;
    box-shadow: 5px 10px 10px darkgrey;
    width:170px;
}

.polaroid:after{
    content: attr(polaroid-caption);
    position: absolute;
    bottom: 0px;
    left: 0px;
    width: calc(100% - 20px);
    padding: 10px;
    font-size: 30px;
    text-align: center;
    font-family: 'Indie Flower', cursive;
}

.rotateimg10 {
  -webkit-transform:rotate(10deg);
  -moz-transform: rotate(10deg);
  -ms-transform: rotate(10deg);
  -o-transform: rotate(10deg);
  transform: rotate(10deg);
}

.rotateimg-10 {
  -webkit-transform:rotate(-10deg);
  -moz-transform: rotate(-10deg);
  -ms-transform: rotate(-10deg);
  -o-transform: rotate(-10deg);
  transform: rotate(-10deg);
}

.rotateimg8 {
  -webkit-transform:rotate(8deg);
  -moz-transform: rotate(8deg);
  -ms-transform: rotate(8deg);
  -o-transform: rotate(8deg);
  transform: rotate(8deg);
}

.rotateimg-8 {
  -webkit-transform:rotate(-8deg);
  -moz-transform: rotate(-8deg);
  -ms-transform: rotate(-8deg);
  -o-transform: rotate(-8deg);
  transform: rotate(-8deg);
}