/* schriften */

body, div {

  font-size: 70%;

  line-height: 140%;

}

@media screen {

  div {

    font-size: 100%;

  }

}

.infobox {

  font-size: 100%;

}

.infobox h3 {

  font-size: 100%;

}

.address {

  font-size: 85%;

}

#footer a:link, #footer a:visited {

  font-size: 100%;

}

/* farben */

body {

  color: #333333;

}

h1 {

  color: #1bb6fc;

}

h2 {

  color: #666666;

}

h3 {

  color: #73777D;

}

.spitzmarke {

  color: #1bb6fc;

}

.orange {

  color: #fda53d;

}

.blue {

  color: #1bb6fc;

}

@media screen {

  #footer {

    color: #D5E5BB;

  }

  #footer a:link, #footer a:visited {

    padding: 0 3px 0 3px;

    color: #D5E5BB;

    text-decoration: none;

  }

  #footer a:hover, #footer a:active {

    color: #D5E5BB;

    text-decoration: underline;

  }

  .detail a:link, .detail a:visited {

    padding: 0 3px 0 25px;

    font-weight: bold;

    color: #18a1df;

    background: url(../img/pfeil_blau.gif) no-repeat 4px 0;

    text-decoration: none;

  }

  .detail a:hover, .detail a:active {

    text-decoration: underline;

  }

  .detaillist a:link, .detaillist a:visited {

    padding: 0 0 0 20px;

    font-weight: normal;

    color: #18a1df;

    background: url(../img/pfeil_blau.gif) no-repeat 0 0;

    text-decoration: underline;

  }

  .detaillist a:hover, .detaillist a:active {

    text-decoration: underline;

  }

}



/* Formatierung */

a:link, a:visited {

  text-decoration: underline;

}

a:active, a:hover {

  text-decoration:underline;

}

@media screen {

  /* Hauptmenue live */

  #mainmenue {

    position: relative;

    height: 31px;

    font-weight: bold;

    overflow: hidden;

	width: 800px;

    background-color: #18a1df;

  }

  #mainmenue ul {

    margin: 0;

    padding-left: 20px;

  }

  #mainmenue li {

    margin: 0;

    padding: 0;

    float: left;

    list-style: none;

  }

  #mainmenue a, #mainmenue .menue a:link, #mainmenue .menue a:visited {

    padding: 10px 10px 10px 10px;

    margin: 0;

    float: left;

    display: block;

    color: #FFFFFF;
	
	font-size: 13px;
	
	font-weight: bold;

	text-decoration: none;
	
	background-color: #18a1df;

  }

  #mainmenue .menue a:active, #mainmenue .menue a:hover, #mainmenue .menue a.path {

    text-decoration: none;
	
	background-color: #1bb6fc;

  }

}

@media screen {

  #bgbild {

    width: 840px;

    background: url(../img/bg_shadow.gif) repeat-y top right;

	margin: 0;

    margin-left: auto;

    margin-right: auto;

  }

  #bgbild .shadow {

    width: 840px;

    background: url(../img/bg_shadow_verlauf.gif) no-repeat top right !important;

	margin: 0;

    margin-left: auto;

    margin-right: auto;

  }

  #body {

    position: relative;

    width: 800px;

    height: 100%;

    padding: 0;

    margin-left: auto;

    margin-right: auto;

    background-color: #FFFFFF;

    text-align: left;

  }

  #head {

    position: relative;

    height: 77px;

    padding: 0;

    margin: 0;

	background: url(../img/bg_header.gif) repeat-x;

  }

  #main {

    position: relative;

    width: 800px;

    margin: 0;

    padding: 0;

  }

  #content {

    position: relative;

    width: 550px;

    margin: 0;

    padding: 20px 20px 20px 30px;

    float: left;

  }

  #illu {

    height: 168px;

  }

  #rightcolumn {

    position: relative;

    width: 200px;

    margin: 0.4em 0 0.4em 0;

    padding: 0;

    float: left;

  }

  #footer {

    position: relative;

    width: 795px;

    text-align: right;

    padding: 0.3em 5px 0.4em 0;

    margin: 0;

    height: 15px;

    background-color: #72A81C;

  }

  #footer-shadow {

    position: relative;

    width: 820px;

    height: 10px;

    margin-left: auto;

    margin-right: auto;

    padding: 0;

    background: url(../img/bg_shadow_footer.gif) no-repeat;

  }

}

@media screen {

  .infobox {

    padding: 1em 20px 4em 10px;

    margin: 0;

	width: 170px;

  }

  .infobox.bgOrange {

    background-color: #ffe1bd;
	margin-top: 0px;

  }

  .infobox.bgBlue {

    background-color: #daeef7;

  }

  .infobox .bgInfobox {

    position: relative; 

	height: 90px; 

	top: 0px; 

	left: 10px; 	

  }
  
  .bgInfobox.hotline {
	  padding-left: 15px;
  }


  .infobox ul {

    position: relative;

	list-style: none;

	margin: 0;

	padding: 0;

  }

  .infobox ul li {

    position: relative;

	padding-left: 20px;

	margin: 0;

	background: url(../img/pfeil_blau_infobox.gif) no-repeat 0 0.2em;



  }

  .infobox .bgInfobox.flyer {

	background-image:url(../img/reise_flyer.png); 



  }

  .infobox .infoboxText {
	margin-top: -5px;
	margin-right: 0;
	margin-bottom: 0.2em;
	margin-left: 10px;

  }

}



@media screen {

  body.popup {

    background: none;

	text-align: left;

  }

  .popup {

    padding: 15px;

    margin: 0;

	width: 344px;

  }

  .popup a:link.close, .popup a:visited.close {

    color: #000000;

	text-decoration: underline;

	margin-left: 120px;

  }

}