@CHARSET "ISO-8859-1";
.clearfix {
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}

.center {
    /*	top: 0px;
	/*background-color: #666666;*/
    width: 850px;
    /*960px*/
    margin: 0 auto;
    /*-1050px auto*/
}

html,
body {
    background-color: #fdf0bb;
    margin: 0px;
    padding: 0px;
    width: 100%;
    height: 100%;
}


/*
#POImapMain{
	width: 100%;
}*/

#megazoomPlayList {
    background-color: #fef1bc;
}

#navigation {
    position: absolute;
    visibility: hidden;
    width: 265px;
    height: 305px;
    /*252*/
    margin-top: 5px;
    margin-left: 5px;
    /*z-index: 10;*/
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../content/images/background_navi.png');
    z-index: 1 !important;
    /*otherwise navigation leafs on zoom*/
}

#navigation_logo {
    position: relative;
    width: 227px;
    height: 162px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 0px;
    margin-left: auto;
    text-align: center;
}

#navigation_logo_rally img {
    position: relative;
    width: 227px;
    height: 148px;
    margin-top: 10px;
    margin-right: auto;
    margin-bottom: 15px;
    margin-left: 20px;
    /*margin-left: -19px;
    margin-top: -12px;*/
}

#navigation_content_routeentry {
    margin-right: -170px;
    margin-top: -11px;
    height: 21px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../content/images/switch_rally.png');
}

#navigation_otherpages {
    margin-left: 2px;
    margin-top: -11px;
    margin-bottom: 35px;
}

#navigation_content_routeentry_planlos {
    /*margin-right: -170px;
    margin-top: -11px;*/
    height: 21px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../content/images/switch_planlos.png');
    width: 87px;
    float: left;
}

#navigation_content_routeentry_route {
    /*margin-right: -170px;
    margin-top: -11px;*/
    height: 21px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../content/images/switch_rally.png');
    width: 87px;
    float: left;
}

#navigation_content_routeentry_trudi {
    /*margin-right: -170px;
    margin-top: -11px;*/
    height: 21px;
    background-position: center center;
    background-size: contain;
    background-repeat: no-repeat;
    background-image: url('../../content/images/switch_trudi.png');
    width: 86px;
    float: left;
}

#navigation_content {
    position: relative;
    /*top: 30px;*/
    width: 245px;
    height: 110px;
    /*80*/
    margin-left: 10px;
    margin-right: 10px;
}

#navigation_content_colrow {
    height: 80px;
    margin-top: 20px;
}

#navigation_content_rally_colrow {
    height: 70px;
    margin-top: 20px;
}

#navigation_content_left {
    float: left;
    width: 40px;
    height: 70px;
}

#navigation_content_middle {
    float: left;
    width: 165px;
    height: 60px;
    padding-top: 15px;
}

#navigation_content_rally_middle {
    float: left;
    width: 0px;
    height: 60px;
}

#navigation_content_right {
    float: left;
    width: 40px;
    height: 70px;
}

#navigation_content_rally_right {
    float: left;
    height: 33px;
    /*width: 125px;*/
}

#navigation_content_rally_download_right {
    margin-left: 133px;
    height: 33px;
}

#navigation_content_complete {
    text-align: center;
    padding-bottom: 10px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
}

#navigation_content_complete:link,
#navigation_content_complete:visited {
    color: #706f6f;
}

#navigation_content_complete:hover,
#navigation_content_complete:active {
    color: #000000;
}

#nav_news {
    display: block;
    /* 'convert' <a> to <div> */
    /*margin-bottom: 10px;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 30px;
    height: 30px;
    float: left;
}

#nav_news:link,
#nav_news:visited {
    background-image: url('../../content/images/news_inactive.png');
}

#nav_news:hover {
    background-image: url('../../content/images/news_active.png');
}

#nav_contact {
    display: block;
    /* 'convert' <a> to <div> */
    /*margin-bottom: 10px;*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    width: 33px;
    height: 33px;
    margin-right: 20px;
    margin-left: 40px;
    /*20*/
    float: left;
}

#nav_contact:link,
#nav_contact:visited {
    background-image: url('../../content/images/contact_inactive.png');
}

#nav_contact:hover {
    background-image: url('../../content/images/contact_active.png');
}

.poi_1,
.poi_2,
.poi_3,
.poi_4,
.poi_5,
.poi_6,
.poi_7,
.poi_8,
.poi_9,
.poi_10 {
    visibility: visible;
}

.poi_nav {
    float: left;
    width: 24px;
    height: 34px;
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../content/images/contact_active.png');
}

#poi_nav_all {
    margin-right: 10px;
}

.rally_nav {
    float: left;
    width: 33px;
    /*33*/
    height: 33px;
    /*33*/
    background-position: center top;
    background-repeat: no-repeat;
    background-size: contain;
    background-image: url('../../content/images/contact_active.png');
}

.infoDiv {
    width: 700px;
    color: #000000;
    font-size: 16px;
}

h1 {
    padding-bottom: 20px;
}

h2 {
    font-size: 16px;
    font-weight: bold;
}

.infoDiv img {
    background-color: white;
    padding-bottom: 20px;
    max-width: 100%;
}

p,
.infoDiv div,
.news_entry,
.news_entry p {
    padding-bottom: 20px;
    line-height: 22px;
}

a:link,
a:visited,
a:active {
    color: #999999;
    text-decoration: none;
}

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

.gps {
    font-size: 12px;
    font-weight: bold;
    color: #999999;
}

li {
    margin-left: 15px;
    line-height: 22px;
}


/*START Lightbox*/

div#POImapMain div div div:has( div div .infoDiv) {
    background-color: rgb(255, 0, 0, 0.5);
}

.lightboxall {
    /*
    opacity: 0;
    top: 0;
    bottom: 0;
    z-index: 99;*/
    display: table;
    height: 100%;
    width: 100%;
}

.lightboxcontent {
    display: block;
    /*table-cell;*/
    vertical-align: middle;
    margin-top: 20px;
    margin-bottom: 20px;
    overflow: auto;
    /***
	position: relative;
	width: 800px;
	max-height: 90%;
	height: 500px;
	
	margin:auto;
	padding:0px !important;
	***/
    /**
 	position: relative;
 	width: 800px;
    top: 50%;
    left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);    
**/
}

.lightboxclose {
    /***
	position: relative;
	background-color: #FFFFFF;
	height: 50px;
	opacity: 0.9;***/
    position: relative;
    background-color: #FFF;
    height: 50px;
    /* opacity: 0.9; */
    margin-left: auto;
    margin-right: auto;
    width: 800px;
    padding-left: 55px;
    padding-right: 55px;
}

.newsDiv,
.privacyDiv,
.impressumDiv,
.rallyDiv,
.trudiDiv {
    overflow: auto;
    width: 800px;
    margin-left: auto;
    margin-right: auto;
    margin-top: -1px;
    /*max-height: 90%;*/
    /***
	    overflow: auto;
    max-height: 100%;
    margin: auto;***/
    font-family: Arial !important;
    /*font-size:12px !important;*/
    /*background-color:#e8e8e8 !important;
	background-color:rgba(232, 232, 232, .9) !important;*/
    background-color: #FFFFFF !important;
    padding: 55px !important;
    padding-top: 10px !important;
    padding-bottom: 40px !important;
    /*line-height:18px !important;*/
    /*border-radius:16px 16px 16px 16px !important;*/
    /*text-align:justify !important;*/
    /*color:#585858 !important;*/
    /*opacity: 0.9;*/
    color: #000000;
    font-size: 16px;
    /*  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;*/
    /**
 	position: relative;
    top: 50%;
    left: 50%;
	-ms-transform: translateX(-50%) translateY(-50%);
  	-webkit-transform: translate(-50%,-50%);
  	transform: translate(-50%,-50%);    
**/
}


/*
#targets {
   width:200px;
   height:200px;
   background:blue;
   position:absolute;
   top:0; left:50%;
   margin:auto;
   display:none; 
}*/


/* Styles the lightbox, removes it from sight and adds the fade-in transition */

.lightbox-target {
    position: fixed;
    top: -100%;
    width: 100%;
    /*background: #8be1fa;*/
    background: rgba(139, 225, 250, 0.8);
    width: 100%;
    opacity: 0;
    /*  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;*/
    overflow: hidden;
}

.lightboxbackground {
    position: fixed;
    top: 0;
    left: 0;
    height: 100%;
    width: 100%;
    background: #213b89;
    width: 100%;
    opacity: 0.8;
    /*  -webkit-transition: opacity .5s ease-in-out;
  -moz-transition: opacity .5s ease-in-out;
  -o-transition: opacity .5s ease-in-out;
  transition: opacity .5s ease-in-out;*/
    overflow: hidden;
}


/* Styles the lightbox image, centers it vertically and horizontally, adds the zoom-in transition and makes it responsive using a combination of margin and absolute positioning */

.lightbox-target img {
    margin: auto;
    /*position: absolute;*/
    top: 0;
    left: 0;
    right: 0;
    bottom: 0;
    max-height: 0%;
    max-width: 0%;
    /*border: 3px solid white;
    box-shadow: 0px 0px 8px rgba(0, 0, 0, 0.3);*/
    box-sizing: border-box;
    /*-webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;*/
}


/* Styles the close link, adds the slide down transition */

a.lightbox-close {
    display: block;
    width: 27px;
    /*36*/
    height: 27px;
    /*36*/
    margin-top: 10px;
    margin-right: 10px;
    /*box-sizing: border-box;
  	background: white;*/
    color: black;
    text-decoration: none;
    position: absolute;
    top: -80px;
    right: 0;
    /*  -webkit-transition: .5s ease-in-out;
  -moz-transition: .5s ease-in-out;
  -o-transition: .5s ease-in-out;
  transition: .5s ease-in-out;*/
    background-size: contain;
    background-image: url('../../content/images/skin/lightbox-close-icon.png');
    background-position: bottom left;
    background-repeat: no-repeat;
}

a.lightbox-close:hover {
    background-image: url('../../content/images/skin/lightbox-close-icon-rollover.png');
}


/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:before {
    /*  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;*/
    /*-webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);*/
}


/* Provides part of the "X" to eliminate an image from the close link */

a.lightbox-close:after {
    /*  content: "";
  display: block;
  height: 30px;
  width: 1px;
  background: black;
  position: absolute;
  left: 26px;
  top: 10px;*/
    /*  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);*/
}


/* Uses the :target pseudo-class to perform the animations upon clicking the .lightbox-target anchor */

.lightbox-target:target {
    opacity: 1;
    top: 0;
    bottom: 0;
    z-index: 99;
}

#trudicontent {
    opacity: 0.9;
}

.lightbox-target:target img {
    max-height: 100%;
    max-width: 100%;
}

.lightbox-target:target a.lightbox-close {
    top: 0px;
}

.rallyDiv img {
    box-shadow: none;
    width: 17px;
    border: 0px;
    margin-left: 30px;
}

.poiquestion {
    color: #749719;
}


/*END Lightbox*/

.news_hr_full {
    display: block;
    border: 0px;
    width: 100%;
    height: 3px;
    margin-top: 30px;
    margin-bottom: 20px;
    /*background-image: url('../../content/images/linie.jpg');*/
    background-color: #CCCCCC;
}

.news_date {
    font-size: 12px;
    font-family: Arial;
    color: #999999;
    text-align: right;
}


/* Media Queries */

@media screen and (max-width: 480px) {
    .newsDiv {
        width: 100%;
    }
}