#page-header
{
    position: relative;
    width: 1024px;
}

.block-white
{
    background-color: #FFF;
    bottom: -20px;
    height: 20px;
    position: absolute;
    right: 0;
    width: 310px;
}

.header-content
{
    height: 575px;
    overflow:hidden;
    zoom: 0;
    
    z-index: 1;
    width: 1024px;
}

.header-content iframe
{
    height: 575px;
    width: 1024px;
}

.header-content img
{
    position: absolute;
    height: 575px;
    width: 1024px;
    z-index: 1;
    zoom: 1;
}

.header-content #videoplayer
{
    background-color:#000000;
}

.header-text
{
    /* background image is set by page */
   background: #FFF scroll no-repeat 770px 50px;
    padding: 20px;
}

.header-text p, .header-text .social
{
    margin-left: 20px;
}

.social
{
    margin-top: 20px;
    height: 17px;
    overflow: hidden;
}

.apply-box
{
	height: 180px;
	position: absolute;
	right: 28px;
	top: 361px;
	z-index:10;
}


.apply-box a
{
    display: block;
    height: 100%;
    width: 100%;
}
/* END: Header */
/* ------------------------------------------------------------------------- */
/* START: Content */
#page-content
{
    margin-top: 20px;
    margin-bottom: 50px;
    padding: 0 20px;
    width: 984px;
}

/* END: Content */
/* ------------------------------------------------------------------------- */
/* START: Teaser */
.box
{
    float: left;
    margin-bottom: 20px;
    background: transparent scroll no-repeat 0 0;
}

.content
{
    padding: 30px;
}

.box:nth-child(odd)
{
    margin-right: 20px;
}

.big
{
    height: 460px;
    margin-right: 20px;
    width: 550px;
}

.square
{
    height: 385px;
    margin-top: 74px;
    width: 414px;
}

.rectangle
{
    height: 330px;
    width: 490px;
}

.small
{
    height: 270px;
    margin-left: 0;
    width: 474px;
}

/* --------------- HOME --------------- */
.home .box
{
    -webkit-box-shadow: 4px 4px 5px rgba(51, 51, 51, 0.15);
    -moz-box-shadow: 4px 4px 5px rgba(51, 51, 51, 0.15);
    box-shadow: 4px 4px 5px rgba(51, 51, 51, 0.15);
}

.home .box:last-child
{
    margin-right: 0;
}
/* --------------- JURY --------------- */
.jury .box
{
    margin-top: 65px;
    margin-bottom: 35px;
    width: 482px;
}

.jury .box:nth-of-type(even)
{
    float: right;
}

.jury .box:first-child
{
    margin-top: 0;
}

.jury .box:nth-of-type(2)
{
    margin-top: 305px;
}



.jury .box > img
{
    height: 270px;
    width: 100%;
}

.jury .content
{
    background-color: #fff;
}

/* --------------- NEWS --------------- */
.news .box
{
    float: none;
    margin: 0 auto 60px;
    position: relative;
    width: 780px;
}

.news .content
{
	background-color: #FFF;
	height: -webkit-calc(100% - 60px);
	height: -moz-calc(100% - 60px);
	height: calc(100% - 60px);
	float: left;
	position: absolute;
	width: 310px;
	left: -24px;
	top: 15px;
}

.news .box > img
{
    float: right;
    margin-bottom: 10px;
    position: relative;
    clear:all;
}

.news .box > img:last-of-type
{
    margin: 0;
}

.news .box div:first-child
{
    position: static;
    width: 720px;
}

/* --------------- TOUR OVERVIEW --------------- */
.tour-overview .box
{
    height: 380px;
    width: 482px;
}


.tour-overview .box:nth-of-type(even)
{
    margin: 60px 0 0;
}

.tour-overview .box:nth-of-type(odd)
{
    margin: 0 20px 0 0;
}

/* --------------- TOUR DETAIL --------------- */
.tour-detail #page-content
{
    padding: 0 50px;
    margin-top: 95px;
    width: 924px;
}

.tour-detail #line
{
    background: transparent scroll repeat-y 50% 50%;
    background-image: url('../../../img/k50/templates/tour-detail-line.png');
}

.check-out
{
    display: block;
    padding: 10px;
    margin: 0 360px 65px;
    background-color: #333;
    color: white;
    font-weight: bold;
    text-align: center;
    line-height: 1;
    position: relative;
}

/*
 * TODO: Einkommentieren damit der Weiße Pfeil angezeigt wird
 *
*/

.check-out:before
{
    content: url('../../../img/k50/templates/arrow-white-down.png');
    display: block;
    height: 34px;
    position: absolute;
    bottom: -45px;
    left: 50%;
    width: 34px;
    margin-left: -17px;
}

.tour-detail .box
{
    float: none;
    margin: -10px 0 0;
    position: relative;
    width: 100%;
}

.tour-detail .box.waitpoint:last-child:before
{
    content: url('../../../img/k50/templates/waitpoint.png');
    display: block;
    height: 34px;
    position: absolute;
    top: -6px;
    left: 445px;
    width: 34px;
}

.tour-detail .box:nth-of-type(odd) > div, .tour-detail .box.right > div
{
    margin-left: 524px;
}

.tour-detail .content
{
    background-color: #FFF;
    width: 340px
}

/* --------------- NEW R1200 --------------- */
.r1200 .rectangle
{
    height: 300px;
}

.r1200 .rectangle .content
{
    height: 240px;
}

.r1200 .small .content
{
    height: 210px;
}

.r1200 .box:nth-child(2n+1), .r1200 .box:nth-child(2n+4)
{
    margin: 0 0 20px 20px;
}


/* END: Teaser */
/* ------------------------------------------------------------------------- */
/* START: Gallery */
.gallery-preview
{
    height: 5px;
    margin-top: 20px;
    position: relative;
}
.news .gallery-preview
{
    clear:right;
    height: 35px;
    left: 190px;
    margin-top: 0px;
    top:-35px;
    position: relative;
}
.r1200 .gallery-preview
{
    position: relative;
    margin-top: -35px;
}
.gallery-preview ul
{
    height: 70px;
    list-style: none;
    left: 50%;
    margin-left: -175px;
    padding: 0;
    position: absolute;
    top: 0;
    width: 350px;
    z-index: 2;
}
.gallery-preview li
{
    display: block;
    float: left;
    height: 70px;
    width: 70px;
}

.gallery-preview img
{
    display: block;
    cursor: pointer;
    /*width: 70px;
    height:70px;*/
}
/* END: Gallery */
/* ------------------------------------------------------------------------- */
/* START: Buttons */
a[class|="button"]
{
    display: inline-block;
    font-weight: bold;
    padding: 4px 10px;
}

a[class|="button"]:hover
{
    text-decoration: none;
}

.button-grey
{
    background-color: #333;
    color: #FFF;
}

.button-grey:hover
{
    background-color: #999;
    color: #FFF;
}

.nav-main .button-grey:hover
{
    background-color: #FFF;
    color: #333;
}

.button-blue
{
    background-color: #0044cc;
    color: #FFF;
}

.button-blue:hover
{
    background-color: #668fe0;
    color: #FFF;
}

.nav-main .button-blue:hover
{
    background-color: #FFF;
    color: #0044cc;
}

/* END: Buttons */
/* ------------------------------------------------------------------------- */
/* START: Misc */

.divider
{
    height: 20px;
    margin-bottom: 10px;
    position: relative;
}


.news .divider, .form .divider
{
    background: transparent scroll no-repeat 0 0;
    background-image: url('../../../img/k50/templates/divider-white.png');
    margin: 60px 102px 10px 93px;
    width: 790px
}


.news .divider:before, .form .divider:before
{
    content: '';
    position: absolute;
}
.news .divider:before, .form .divider:before
{
    content: url('../../../img/k50/templates/waitpoint.png');
    left: -54px;
    top: -6px;
}
/* class is set bei fallback.js for ie7 */
.dividerImg
{
    position:relative;
    background: transparent scroll no-repeat 0 0;
    background-image: url('../../../img/k50/templates/waitpoint.png');
    left: -54px;
    top: -6px;
}

.news .arrow
{
    display:none;
}

.tour-detail .divider
{
    background-color: #333;
    padding-left: 10px;
    width: 390px;
}

.tour-detail .social .divider
{
    background-color: #fff;
}

.arrow
{
    background: transparent scroll no-repeat 0 0;
    content: '';
    height: 20px;
    position: absolute;
    top: 0;
    width: 10px;
}

/*
 * TODO: 
 *
Diesen Teil einkommentieren um die Weißen Waitpoints auf der gestrichelten 
Linie anzuzeigen!
*/
/*
.arrow:before
{
    content: url('../../../img/k50/templates/waitpoint-circle.png');
    height: 12px;
    position: absolute;
    top: 0;
    width: 12px;
}
*/
.tour-detail .box:nth-child(even) .arrow:before
{
    left: 156px;
}
.tour-detail .box:nth-child(odd) .arrow:before
{
    left: -58px;
}



.tour-detail .box:nth-child(even) .arrow
{
    background-image: url('../../../img/k50/templates/arrow-grey-right.png');
    left: 400px;
}

.tour-detail .box.social .arrow
{
    background-image: url('../../../img/k50/templates/arrow-white.png');
    left: 400px;
}

.tour-detail .box:nth-child(odd) .arrow
{
    
    background-image: url('../../../img/k50/templates/arrow-grey-left.png');
    left: -10px;
}

.tour-detail .box.right .arrow
{
    
    background-image: url('../../../img/k50/templates/arrow-white-left.png');
    left: -10px;
}

.tour-detail .box.social {
    background-position:0 30px;
}

.tour-detail .box.right.social {
    background-position:524px 30px;
}

.tour-detail .box.social .content {
    
    background:transparent;
}

/* END: Misc */
/* ------------------------------------------------------------------------- */
/* START: Page Overlay */
#page-overlay
{
    background-color: #333;
    display: none;
    height: 100%;
    left: 0;
    width:1024px;
    opacity: 0.5;
    position: fixed;
    top: 0;
    z-index: 500;
    /* TODO - pruefen ob das Sinn macht mit den IE Styles */
    -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=50)";
    filter: alpha(opacity=50);  
}
/* END: Page Overlay */
/* ------------------------------------------------------------------------- */
/* START: Gallery */
#gallery-wrapper
{
    background: #fff scroll no-repeat 0 0;
    background-image: url('../../../img/k50/templates/gallery/gallery-bg.jpg');
    display: none;
    left: 20px;
    min-height: 250px;
    position: absolute;
    
    top: 120px;
    width: 984px;
    z-index: 505;
}

.gallery-close
{
    background: transparent scroll no-repeat 0 0;
    background-image: url('../../../img/k50/templates/gallery/button-close.png');
    cursor: pointer;
    height: 39px;
    position: absolute;
    right: -14px;
    top: -13px;
    width: 39px;
}


.gallery-contentholder
{
    margin: 30px 92px 16px;
}


.gallery-contentholder p
{
    margin: 6px 0 0;
    display: block;
    border:1px solid block;
}


.gallery-contentholder iframe
{
    height: 400px;
    width: 800px;
}

.gallery-contentholder .gallery-content
{
    height: 491px;
}

.gallery-prev,
.gallery-next
{
    background-repeat: no-repeat;
    cursor: pointer;
    height: 350px;
    position: absolute;
    top: 30px;
    width: 52px;
}

.gallery-prev:hover,
.gallery-next:hover
{
    background-color: rgba(0, 0, 0, 0.1);
}


.gallery-prev
{
    background-image: url('../../../img/k50/templates/gallery/gallery-prev.png');
    background-position: 0 50%;
    right: 0;
}

.gallery-next
{
    background-image: url('../../../img/k50/templates/gallery/gallery-next.png');
    background-position: 32px 50%;
    left: 0;
}

.gallery-contentholder img
{
    margin: 0 auto;
}

.gallery-imagepreview
{
    padding: 0 2px 2px;
}

.gallery-imagepreview img
{
    cursor: pointer;
    float: left;
    height: 70px;
    width: 70px;
}

#gallery-current
{
    border: 2px solid #FFF;
    height: 66px;
    width: 66px;
}
/* END: Gallery */
/* ------------------------------------------------------------------------- */
/* START: Formular */
.form .box
{
    float: none;
    margin: 0 auto 60px;
    position: relative;
    width: 780px;
}

.form .content
{
    background-color: #FFF;
    position: relative;
    width: 720px;
}

.form .news .content
{
    width: 310px;
}