body { 
	font-family:Roboto,arial,sans-serif; font-size:16px; margin:0; padding:0; line-height:1.26;
	overflow-x:hidden;
}
img { border:0 }
.parallax__layer--back {
	background-image:url(/img/bg.jpg);
	background-size:100% auto;
	background-position:0px 260px;
	background-repeat:no-repeat;
	background-attachment:fixed;
	height:3108px;
	width:100%;
	position:absolute;
	
}
#div_startseite_container {
    margin-left:-39px;
    overflow:hidden;
    }
#div_startseite {
    overflow:hidden;
	background-image:url(/img/titel_bg_x_facebook2.png);
	background-repeat:no-repeat;
	position:relative;
	height:3114px;
/*	margin-top:42px;*/
	margin-top:-6px;
	z-index:1;
	width:1423px;
	margin-left:auto;
	margin-right:auto;
}
#div_startseite h2 { color:white; font-size:34px; margin-top:0px;margin-bottom:20px }
#div_startseite p { color:white;  }
#div_startseite p.schmal { max-width:500px }
#div_startseite p.schmal2 { max-width:300px }

.header_logo img { position:absolute; top:60px; left:30px; }

header img { z-index:10 }
header nav { position:absolute;top:30px;left:43px;font-size:12px;text-transform:uppercase;font-weight:bold; z-index:2 }
header nav ul { margin:0; padding:0; list-style-type:none; }
header nav li { display:inline; padding:5px}
header nav a:link, header nav a:visited { color:#3C8282; text-decoration:none; }
header nav a:active, header nav a:hover { text-decoration:underline }

#main_nav2 {
    left: auto;
    right: 20px;
        z-index: 2;
    /* background-color: white; */
    /* border-radius: 2px; */
    text-shadow: 0px 0px 2px #FFFFFF;
}
#menu_button { position:fixed; top:10px; right:10px; z-index:2147483647}
#menu_button { display:none }
#main_nav_mobil { display:none;z-index:10 }

header #main_nav_mobil { position:fixed;top:0px;left:0;width:100%;display:nxone;font-size:24px;z-index:2147483646 }
header #main_nav_mobil ul {  }
header #main_nav_mobil li { margin:0;padding:0 }
header #main_nav_mobil a { color:#357A7D; display:block; padding:12px;padding-left:70px;background-color:white;border-bottom:1px solid #9E9E9E }
header #main_nav_mobil a:active, header nav a:hover { text-decoration:none }
#mobil_menu_img { position:absolute;right:23px;top:0px }

	#blase0 {position:absolute;top:90px;left: 905px; width:338px; text-align:center}
	#blase0 a:link, #blase0 a:visited { text-decoration:none }
	#blase0 h2 { font-size:39px; margin:0;padding:0 }
	#blase0 p { font-size:25px; margin:0;padding:0 }
	#blase0 img { margin-top:27px;  }

#blase1 { position:absolute; top:202px; left:401px; width:579px; }
#blase2 { position:absolute; top:543px; left:837px; width:444px; }
#blase2 .link_zu_online img { vertical-align:middle; margin-right:10px }
#blase2 h2 { font-size:44px; }

#blase3 {position:absolute;top:884px;left: 96px;width: 760px;}

#blase3 h2 { font-size:54px;    text-align:center }
#blase3 video { margin-top:63px; margin-bottom:35px; }

#blase3 hr { border:0; border-top:1px solid white; width:300px; text-align:center; margin-top:10px; margin-bottom:10px }
.blase3_block { color:white; text-align:center; display:inline-block; margin-bottom:20px; margin-top:10px }
#blase3 a:link,#blase3 a:visited { text-decoration:none; font-weight:bold }
@media all and (min-width: 980px) {
#blase3 .button_weiss { position:relative; top:70px; left:-170px }
}

#blase4 { position:absolute; top:1488px; left:414px; width:800px; }
#blase4 h2 { font-size:54px;    text-align:center }
#blase4 p { text-align:center;}
#blase4_text_unten  { position:absolute; top:2004px; left:844px; width:289px; }
#blase4_text_unten p { margin:0 }
#blase5 { position:absolute; top:2051px; left:203px; width:500px; }
#blase5 p { text-align:center;margin-bottom:10px;margin-top:0 }
#blase5 h2 { text-align:center;margin-bottom:0 }
#blase5_unten { position:absolute; top:2425px; left:139px; width:458px; }
#blase5_unten p { text-align:center; margin-top:25px; margin-bottom:5px }

#blase6 { position:absolute; top:2542px; left:699px; width:530px; }
#blase6_center { margin-left:60px }
#blase6 p { text-align:center;margin-top:0 }
#blase6 h2 { text-align:center;margin-bottom:0 }

#blase7 { position:absolute; bottom:10px; left:64px } 
#blase7 h2 { font-size:54px;text-transform:uppercase }


.presse_h2 {font-size:36px;text-transform:uppercase;color:white;margin-left:30px;margin-top:-49px;margin-bottom:0 }

.content {
	width:1200px;
	margin-left:auto;
	margin-right:auto;
}

a.button_weiss {  width:100px; text-transform:uppercase; font-size:14px; font-weight:bold; line-height:1.0; display:inline-block }
a.button_weiss:link, a.button_weiss:visited { color:white; text-decoration:none; }

footer { color:white; font-size:14px; background-color:#464646; height:109px }
footer ul { position:relative;top:20px;margin:0;padding:0; list-style-type:none;margin-left:62px }
footer li { display:inline; padding-left:12px;padding-right:12px }
footer a:link, footer a:visited { color:white; text-decoration:none }
footer a:active, footer a:hover { text-decoration:underline }
.footer_icons { float:right; background-color:#FFFFFF; }
.footer_icons img { display:block; float:left;background-color:#FFFFFF; }

.content_main { color:#3C8282; padding-left:80px; padding-right:50px;padding-top:40px }
.content_main a:link, .content_main a:visited { color:#3C8282; text-decoration:underline }
.content_main a:active, .content_main a:hover { text-decoration:underline }
.content_links_no_underline a:link, .content_links_no_underline a:visited { text-decoration:none }

h3 { font-weight:normal }
h1 { font-weight:normal;margin-top:0 }

.video_block   { width:540px; float:left; margin-right:30px; margin-bottom:30px }
.video_block3a { width:450px; float:left; margin-right:30px; margin-bottom:30px }

.buch_block3   { width:375px; float:left; margin-right:30px; margin-bottom:30px }
.buch_block3b  { width:275px; float:left; margin-right:30px; margin-bottom:30px }
.buch_block3c  { width:295px; float:left; margin-right: 0px; margin-bottom:30px }

.buch_block2   { width:540px; float:left; margin-right:30px; margin-bottom:30px }
.buch_block2a  { width:450px; float:left; margin-right: 0px; margin-bottom:30px }

.buch_block2b  { width:575px; float:left; margin-right:30px; margin-bottom:30px }
.buch_block4   { width:285px; float:left; margin-right:15px; margin-bottom:30px }

.foto_block    { text-align:center; width:260px; float:left; margin-bottom:30px }
.foto_block a  {  text-transform:uppercase; font-size:14px; font-weight:bold; line-height:1.0; display:inline-block }
.foto_block a:link, .foto_block a:visited { color:#3C8282; text-decoration:none; }


.nurmobil { display:none }

ul.presseecho_liste { list-style-type:none !important; padding-left:0px; margin:0 }
ul.presseecho_liste li { margin-bottom:5px }

.clear {
  clear: both;
  display: block;
  overflow: hidden;
  visibility: hidden;
  width: 0;
  height: 0;
}

#static_page { margin-top:220px }
input[type=text] { width:300px; }

.download_video_button { text-align:center;margin:10px }
.download_video_button a:link, .download_video_button a:visited { text-decoration:none !important }


@media all and (min-width: 980px) and (max-width: 1240px)  {
   #div_startseite_container { zoom:80%; font-size:17px;width:1600px }
   .header_logo img { width:199px; height:110px; margin-left:8px }
   .parallax__layer--back {  background-position: 0px 208px;  height: 2487px; }
   #blase2 .link_zu_online { margin-left:80px }
   /*#blase2 {  width:330px; }*/
   header nav { top:21px; }
   .video_block, .video_block3a { width:420px }
   .content { width: auto; }
   #static_page { margin-top:190px }
}

.nicht_mobil { display:block }

@media all and (min-width: 0px) and (max-width: 979px)  {
   #menu_button { display:block; }
   #main_nav { display:none }
   #main_nav2 { right:85px; }
   .nicht_mobil { display:none }
   #bg_layer { display:none }
   #div_startseite_container {
    margin-left: 0;
    overflow: auto;
   }
   #div_startseite {
    overflow: auto;
    background-image: none;
    height: auto;
    margin-top: 0px;
    width: auto;
    margin-left: 0;
    margin-right: 0;
   }   
   #blase0,
   #blase1,
   #blase2,
   #blase3,
   #blase4,
   #blase4_text_unten,
   #blase5,
   #blase5_unten,
   #blase6,
   #blase7 { position:static; width:auto;padding:10px }
   #blase0 { background-color:#009FE3; text-align:left} 
   #blase0_p1 { float: left; }
   #blase0 img { margin-top:0; margin-left:10px }
   #blase1 { background-color:#C8696E} 
   #blase2 { background-color:#FAAA23} 
   #blase3 { background-color:#3C8282} 
   #blase4,
   #blase4_text_unten { background-color:#C8696E} 
   #blase5,
   #blase5_unten { background-color:#FAAA23} 
   #blase6 { background-color:#3C8282} 
   .blase6_buttons { display:block }
   #blase7 { display:none }
   .header_logo img { width:199px; height:110px; position:static; margin-top:20px;margin-left:15px;margin-bottom:10px }
   #div_startseite p.schmal { max-width:none }
   #div_startseite p.schmal2 { max-width:none }
   #blase2_text_unten { margin:0!important }
   
   .content { width: auto; }
   .content_main { padding-left:15px; padding-right:10px;padding-top:20px }
   header nav { left:15px; }
   #static_page { margin-top:10px }
   
#div_startseite h2 { font-size:24px; margin-bottom:10px }
#blase2 h2 { font-size:24px; }
#blase3 h2 { font-size:24px; text-transform:uppercase; text-align:left }
#blase3 video { margin-top:0px; margin-bottom:10px;display:block; width:100% }
#blase4 h2 { font-size:24px;  text-transform:uppercase; text-align:center }
#blase4 p { text-align:center;margin-bottom:30px }
#blase4_text_unten  { position:abstatic; width:auto; }
#blase5 p { text-align:center;margin-bottom:20px }
#blase5_unten p { text-align:center; margin-top:75px }
#blase6_center { margin-left:15px }
#blase6 p { text-align:center; }
#blase7 h2 { font-size:24px;text-transform:uppercase }

.video_block   { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.video_block   img { max-width:30%; height:auto }
.video_block3a { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.video_block3a img { max-width:30%; height:auto }

.buch_block3   { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.buch_block3   img { max-width:30%; height:auto }
.buch_block3b  { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.buch_block3b  img { max-width:30%; height:auto }
.buch_block3c  { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.buch_block3c  img { max-width:30%; height:auto }

.buch_block2   { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.buch_block2   img { max-width:30%; height:auto }
.buch_block2a  { width: 100%; margin-right: 10px; margin-bottom: 10px; }
.buch_block2a  img { max-width:30%; height:auto }
  
}


/* compact guide */
.content1 a:link, .content1 a:visited { color:white; text-decoration:underline }
.content1 a:active, .content1 a:hover { text-decoration:underline }

.content_vio, .content_gruen, .content_orange, .content_gruen2, .content_blau, .content_k3, .content_k4, .content_vio2 { color:white; padding-top:33px }
.content1 h2 { font-weight:normal; font-size:51px }
.content1 { width:980px;margin-left:auto;margin-right:auto;  }



.content_vio { background-color:#C06C84;  }
/*.content_gruen { background-color:#3C8282;  }*/
.content_orange { background-color:#F59771 }
.content_gruen2 { background-color:#4F8053 }
.content_blau { background-color:#355C7D }
.content_k3 { background-color:#F57280 }
.content_k4 { background-color:#6C5B7B }
.content_vio2 { background-color:#865491 }
.content_titel_vio { color:#C06C84; }
.content_titel_gruen { color:#3C8282; }
.content_titel_orange { color:#F59771; }
.content_titel_gruen2 { color:#4F8053; }
.content_titel_blau { color:#355C7D; }
.content_titel_k3 { color:#F57280; }
.content_titel_k4 { color:#6C5B7B; }
.content_titel_vio2 { color:#865491; }


.icon_inline { display:inline-block; width:20px }
.icon_inline30 { width:30px }
.icon_inline img { position:absolute; margin-top:-18px }
.tipp { background:white no-repeat 25px 7px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left:50px; padding-top:1px; padding-bottom:1px }
.kap1 .tipp { color:#C06C84;  background-image:url(/html/compact-guide/img/icon_nahverkehr/tipp.gif); }
.kap3 .tipp { color:#F57280;  background-image:url(/html/compact-guide/img/icon_fahrrad/tipp.gif); }
.kap4 .tipp { color:#6C5B7B;  background-image:url(/html/compact-guide/img/icon_auto/tipp.gif); }
.sprechblase { background:white no-repeat 10px 7px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left:50px; padding-top:1px; padding-bottom:1px }
.kap1 .sprechblase { color:#C06C84;  background-image:url(/html/compact-guide/img/icon_nahverkehr/sprechblase.gif); }

.hinweis { background:white no-repeat 15px 7px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left:50px; padding-top:1px; padding-bottom:1px }
.kap2 .hinweis { color:#F59771;  background-image:url(/html/compact-guide/img/icon_fuss/hinweis.gif); }
.kap3 .hinweis { color:#F57280;  background-image:url(/html/compact-guide/img/icon_fahrrad/hinweis.gif); }
.kap4 .hinweis { color:#6C5B7B;  background-image:url(/html/compact-guide/img/icon_auto/hinweis.gif); }
.wichtig { background:white no-repeat 15px 14px; margin-left:-16px; margin-right:-16px; padding:16px; padding-left:50px; padding-top:1px; padding-bottom:1px }
.kap2 .wichtig { color:#F59771;  background-image:url(/html/compact-guide/img/icon_fuss/wichtig.gif); }

.content_compact_guide h2 { font-size:2.15em; font-weight:bold;margin-top:0.5em;margin-bottom:0.5em }
.content_compact_guide h3 { font-size:1.75em; font-weight:normal;letter-spacing:1px;margin-top:0em;margin-bottom:0.5em }
.content_compact_guide h4 { font-size:1.3em; font-weight:bold;margin-top:1em;margin-bottom:0.3em }
/* - */
.bgcol_kap1 { background-color:#C06C84 !important}
.bgcol_kap2 { background-color:#F59771 !important}
.bgcol_kap3 { background-color:#F57280 !important}
.bgcol_kap4 { background-color:#6C5B7B !important}
.bgcol_kap5 { background-color:#355C7D !important}
.bgcol_kap6 { background-color:#4F8053 !important}
.bgcol_kap7 { background-color:#865491 !important}
ul.app_inhalt { list-style-type:none; margin:0; padding:0;border-top:1px solid white }
.app_inhalt li { margin:0; padding:0;height:62px;border-bottom:1px solid white ; white-space: nowrap; overflow:hidden}
.app_inhalt img { float:left;padding-left:10px;padding-right:20px }
.app_inhalt a { display:block;line-height:62px;font-size:24px }

@media (max-width: 1024px) and (min-width: 0px) {
.content1 {
    padding: 30px !important;
    width: auto;
    margin: 0;
}
}
/* ende: compact guide */


@media all and (min-width: 0px) and (max-width: 770px)  {
.footer_nav { display:none }
footer { height:67px }
footer ul { top:40px; }
.footer_icons img { height:67px; width:auto; }
}
@media all and (min-width: 0px) and (max-width: 450px)  {
footer ul { display:none }
}

@media all and (min-width: 980px)  { .grs_award_logo2 { position:absolute;margin-left:-139px } }
@media all and (min-width: 0px) and (max-width: 979px)  { .grs_award_logo2 { float:left; margin-right:10px } }