/*
* COLOR DEFINITIONS
* dark blue1: #047587 (footer, body ...)
* dark blue2: #007284 (labels,...)
* middle blue: #58a5b4
* light blue: #c9e9f8 (text, form bg startpage)
* 
*/


* {
  margin: 0;
  padding: 0;
}

body {
  background: #047587;
  font-family: Helvetica, Arial, sans-serif;
  color: #c9e9f8;
  line-height: 1.4em;
}

body * {
  font-size: 100.01%;
}

img, fieldset {
  border: 0;
}

a {
  color: #007284;
}

a:hover {
  text-decoration: none;
}

ul {
  list-style: none;
}

input, textarea, select {
  vertical-align: middle;
}

input.text, textarea, select {
  padding: 1px 1px 1px 8px;
  color: #333;
}

p.buttons input, input.button {

}

label {
  vertical-align: middle;
  cursor: pointer;
}

.nocss {
  height: 0;
  left: -2000px;
  position: absolute;
  top: -2000px;
  width: 0;
}

.left {
  float: left;
}

.right {
  float: right;
}

p.buttons {
  text-align: center;
}

p.buttons input.submit {
  background: url(img/bg_submit_voucher.jpg) no-repeat center center;
  border: none;
  color: #007284;
  font-weight: bold;
  padding: 20px 29px 20px 29px;
  cursor: pointer;
}

p.message {
  border: 1px solid red;
  color: red;
  padding: 1em;
  margin: 0 0 1.5em 0; 
}

p#voucher-success {
  border: 1px solid #047587;
  color: #047587;
  padding: 1em;
  margin: 0 0 1.5em 0; 
}

/* STRUCTURE */

#wrapper-content {
  background: #58a5b4;
}

.wrapper-inner {
  margin: 0 auto;
  text-align: left;
  width: 980px;
  font-size: 0.875em;
}

#wrapper-footer .footer-inner {
  width: 572px;
  padding: 11px 0 0 0;
}

#pagebody {
  width: 100%;
  position: relative;
}

#contentbar {
  width: 572px;
  overflow: hidden;
}

#sidebar {
  position: absolute;
  right: 0;
  top: 0;
  width: 400px;
  z-index: 1000;
  padding: 33px 0 0 0;
  overflow: hidden;
}

/* // STRUCTURE */

/* CONTENTBAR */

#contentbar-inner {
  padding: 0 0 11px 0;
}

#content {
  background: url(img/bg_content.jpg) no-repeat top left;
  padding: 7px 0 0 0;
}

#content h2 {
  color: #fff;
  font-size: 1em;
  margin: 0 0 2em 0;
  line-height: normal;
}


#content h3 {
  line-height: normal;
}

.content-text {
  padding: 0 0 0.2671em 10px;
  width: 520px;
}

.content-text a {
  font-weight: bold;
  color: #fff;
}

.content-text p {
  margin: 0 0 1.5em 0;
}

.content-text ul {
  margin: 1em 1em 0.5em 1em;
  padding: 0 1.3em 1.3em;
  list-style: disc;
}

.content-text li {
  margin: 0 0 0.5em 0;
}

.twocols {
  width: 100%;
  overflow: hidden;
}

.twocols p {
  width: 47%;
}

/* // CONTENTBAR */


/* SIDEBAR */

#sidebar {
  color: #fff;
}

.info {
  background: url(img/bg_info_bubble.jpg) no-repeat top left;
  width: 100%;
  overflow: hidden;
}

.info-bubble {
  width: 233px;
  text-align: center;
  color: #007284;
  font-size: 1.2857em;
  padding: 17px 22px 0 22px;
  float: left;
  height: 125px;
  line-height: 1.25em;
}

.info-bubble p {
  margin: 0 0 0.25em 0;
  line-height: 1.25em;
}

.info-bubble p.info-link {
  font-size: 0.6667em;
  margin: 0;
}

.info-bubble p.info-link a {
  background: url(img/info_icon.gif) no-repeat center left;
  padding: 2px 0 2px 20px;
  color: #58a5b4;
}

ul.info-nav {
  float: right;
  width: 113px;
  font-size: 0.8571em;
  line-height: 1.22em;
  padding: 5px 0 0 0;
}

ul.info-nav a {
  color: #c9e9f8;
}

ul.info-nav li {
  margin: 0 0 1.0714em 0;
}

/* VOUCHER FORM */

.voucher-bubble {
  margin: 0 0 1.5em 0;
  width: 100%;
  overflow: hidden;
}

.voucher-bubble-inner {
  background: url(img/bg_bubble_lightblue_top.gif) no-repeat top left;
}

.voucher-bubble-bot {
  background: url(img/bg_bubble_lightblue_bot.png) no-repeat bottom left;
  height: 22px;
}

* html .voucher-bubble-bot { _background:none !important; filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod='scale', src='http://www.kinder-sind-umsonst.de/layout/img/bg_bubble_lightblue_bot.png'); }

.voucher-content {
  padding: 25px 16px 1px 20px;
  line-height: 1.4em;
}

.voucher-bubble p {
  margin: 0 0 1.7143em 0;
}

.voucher-bubble label {
  color: #007284;
}

.voucher-bubble input.text {
  font-size: 0.8571em;
  width: 295px;
}

.voucher-bubble .twocols input.text {
  width: 145px;
}
input.text#zip {
  width: 115px;
}

input.text#age {
  width: 96px;
}

/*input.text#zip, input.text#age, input.text#email, input.text#invite1 {
  color: #999;
  font-style: italic;
}*/

.voucher-bubble input.text:focus {
  font-style: normal;
}

.voucher-bubble small {
   color: #58a5b4;
   font-size: 0.8571em;
   line-height: 1.4em;
}

.invitations {
  padding: 0 0 0.7143em 0;
}

.invitations p {
  margin: 0 0 1em 0;
}

#invite-more {
  font-size: 0.8571em;
  background: url(img/icon_arrow.gif) no-repeat right 4px;
  padding: 0 10px 0 0;
}

.voucher-bubble p.agb label {
  font-size: 0.8571em;
}

.voucher-bubble p.agb small {
  margin: 0 0 0 18px;
  _margin: 0 0 0 24px;
}

html > body .voucher-bubble p.agb small { *margin: 0 0 0 24px; } 

p.voucher-info {
  border-top: 1px solid #58a5b4;
  padding: 8px 0 0 0;
  margin: 0;
}

p.voucher-info small {
  font-size: 0.7857em;
}

/* // /* VOUCHER FORM */ */

/* //SIDEBAR  */


/* FOOTER */

#wrapper-footer {
  width: 100%;
  overflow: hidden;
  padding: 11px 0 0 0;
}

.footer .button-row {
  margin: 0 0 27px 0;
}

.footer .button-row a {
  margin: 0 8px 0 0;
}


.footer .button-row a {
  margin: 0 8px 0 0;
}

.footer .button-row a#youtube-btn {
  margin: 0;
}

.footer #bavaria-footer ul {
  width: 100%;
  overflow: hidden;
}

.footer #bavaria-footer li {
  display: inline;
  margin: 0 11px 0 0;
}

.footer #bavaria-footer {
  border-top: 1px solid #71b5c2;
  padding: 24px 0 0 0;
  font-size: 0.8571em;
  margin: 0 0 24px 0;
  color: #71b5c2;
}

.footer #bavaria-footer a {
  color: #71b5c2;
}

.bubble.blue {
  background: url(img/bg_bubble_blue_top.gif) no-repeat top left;
  width: 570px;
  overflow: hidden;
  margin: 0 0 11px 0;
}

.bubble.blue .bubble-inner {
  background: url(img/bg_bubble_blue_bot.gif) no-repeat bottom left;
  width: 100%;
  overflow: hidden;
}

.bubble-content {
  padding: 27px 20px 0 20px;
}

.bubble p {
  margin: 0 0 22px 0;
  width: 100%;
  overflow: hidden;
  color: #c9e9f8;
}

.bubble a {
  font-weight: bold;
}

.bubble p.links {
  color: #fff;
}

.bubble p.links a {
  color: #fff;
}

/* // FOOTER */


/* GUTSCHEIN */

.page-gutschein #character {
  position: absolute;
  top: -193px;
  right: 1px;
}

/* IE 7 html > body #character { *padding: 1px 0 0 0; } 
 #character { _padding: 1px 0 0 0; } */

.page-gutschein .content-text, 
.page-download .content-text {
  width: 404px;
  line-height: 1.55em;
}

.page-info .content-text ul { 
  width: 386px;
}

/* VIDEO-BOX */

.video {
  position: relative;
}

#content .video h2 {
  margin: 0 0 7px 0;
  padding: 0 0 0 10px;
}

.video-box {
  background: url(img/bg_player.gif) no-repeat top left;
  width: 570px;
  text-align: center;
  padding: 11px 0 0 0;
}

.video-box-inner {
  background: url(img/loading_big.gif) no-repeat center center;
  height: 334px;
  width: 550px;
  margin: 0 10px 0 10px;
  overflow: hidden;
}

.preview-list {
  background: url(img/bg_preview.gif) no-repeat top left;
  width: 100%;
  overflow: hidden;
}

.preview-list ul {
  width: 429px;
  overflow: hidden;
  padding: 2px 0 0 0;
  float: left;
}

.preview-list ul li {
  float: left;
  margin: 0 1px 0 0;
}

.preview-list ul li a {
  display: block;
  height: 101px;
  width: 119px;
  padding: 20px 11px 0 11px;
}

.preview-list ul li a:hover, .preview-list ul li a:focus {
  background: url(img/bg_preview_link_hover.gif) no-repeat top left;
}

.preview-list ul li a.active, .preview-list ul li a.active:focus {
  background: url(img/bg_preview_link_active.gif) no-repeat top left;
}

.preview-list ul li a.first:hover, .preview-list ul li a.first:focus {
  background: url(img/bg_preview_link_first_hover.gif) no-repeat top left;
}

.preview-list ul li a.first_active, .preview-list ul li a.first_active:focus {
  background: url(img/bg_preview_link_first_active.gif) no-repeat top left;
}


.download-button {
  width: 122px;
  background: url(img/bg_download_btn.gif) no-repeat top left;
  color: #007284;
  font-size: 0.8571em;
  margin: 24px 0 0 10px;
  float: left;
}

.download-button a {
  font-weight: bold;
}

.download-button-inner {
  padding: 10px 10px 0px 10px;
}

.download-button p {
  line-height: 1.4em;
}

.download-button-bot {
  width: 122px;
  background: url(img/bg_download_btn_bot.gif) no-repeat bottom left;
  height: 10px;
}

/* // VIDEO-BOX */


/* // GUTSCHEIN */

/* DOWNLOADPAGE */

.page-download #content, .page-impressum #content, .page-info #content {
  background: url(img/bg_content_download.jpg) repeat-x top left;
}

.download {
  padding: 0 0 0 10px;
}

.download-item {
  width: 100%;
  overflow: hidden;
  margin: 0 0 1.45em 0;
}

.download-item .download-item-text {
  width: 427px;
}

#content .download-item .download-item-text h2 {
  font-size: 1em;
  color: #fff;
  line-height: normal;
  margin: 0 0 0.3em 0;
}

.download-item .download-item-text a {
  color: #c9e9f8;
  background: url(img/icon_download.jpg) no-repeat center left;
  padding: 1px 0 0 20px;
  margin: 0 5px 0 0;
}

.userstatus {
  margin:1.5em 0 0;
}

.userstatus a {
  color: #fff;
}

/* // DOWNLOADPAGE */


/* ABOUT FILMSTADT */

.page-ueber-die-filmstadt .content-text img {
  border: 5px solid #fff;
   margin: 0 1em 0 0;
  float: left;
}

.page-ueber-die-filmstadt .about {
  width: 100%;
  overflow: hidden;
  margin: 0 0 2.7em 0;
  position: relative
}

.page-ueber-die-filmstadt .about.odd img {
  margin: 0 0 0 1em;
  float: right;
}


.page-ueber-die-filmstadt .about div {
  float: left;
  width: 290px;
}


.page-ueber-die-filmstadt .about.odd div {
  left: 0;
}


/* //ABOUT FILMSTADT */

@media print {


}