@import url("/res/css/common.css");

html {
  height: 100%;
}
body {
 color: #FFFFFF;
 background: url(/res/pics/background.jpg) repeat-x;
 height: 100%;
}

#container_home, #container {
  width: 100%;
  height: 100%;
}

#main{
  width:977px;
  margin: 0px auto;
  min-height:100%;
  background: url(/res/pics/background_main.jpg) repeat-y;
}

/****************************************Seitenaufbau***************************************************/

#main_left{
  width: 200px;
  margin-left: 14px;
  float: left;
}

#main_right{
  width: 730px;
  margin: 8px 15px 0 10px;
  float: left;
}


#logo {
  float: left;
}

/**************************************Main Navigation*****************************************************/
#main_nav {
  background: url(/res/pics/main_nav_background.jpg) no-repeat;
  min-height: 300px;
  float:left;
  width: 100%;
  font-size: 12px;
  line-height: 18px;
}

#main_nav ul {
  margin: 0;
  padding: 0;
}

#main_nav li {
  width: 138px;
  list-style: none; 
}

#main_nav li a {
  width: 138px;
  font-weight: normal;
  color: #000001;
  padding: 3px 17px 3px 22px;
  margin: 3px 10px 0 13px;
  display:block;
  background:#D6E2E9 url(/res/pics/mainnav_point.jpg) no-repeat center left;
  text-decoration: none;
}
#main_nav li a.active{
  font-weight: bold;
  color: white;
  background:#658DA5 url(/res/pics/mainnav_point_active.jpg) no-repeat center left;
}

/**************************************Service Navigation*****************************************************/
#bottom_nav {
  float: left;
  width: 100%;
  margin-top: 40px;
  font-size: 11px;
  line-height: 20px;
}

#bottom_nav ul {
  margin: 0 0 0 13px;
  padding: 0;
  background:url(/res/pics/bottom_nav_points.jpg) no-repeat top left;
  min-height: 100px;
}

#bottom_nav li {
  width: 138px;
  list-style: none; 
}

#bottom_nav li a {
  width: 138px;
  font-weight: normal;
  color: #000001;
  display:block;
  padding: 0px 10px 0px 20px;
  margin: 1px 10px 0 10px;
  background:url(/res/pics/bottom_nav_list.jpg) no-repeat center left;
  text-decoration: none;
  color: #658DA5;
}
#bottom_nav li a.active{
  font-weight: normal;
  color: #658DA5;
}

/**************************************Jahreszeitenwähler*******************************************************/
.summer, .winter, .summer:hover, .winter:hover {
  text-decoration: none;
}

#chooser_summer, #chooser_winter, #chooser_summer_active, #chooser_winter_active {
  font-size: 11px;
  float: right;
  margin: 0 10px 0 0px;
  color: #A1A2A5;
  padding-left: 20px;
  text-decoration: none;
}

#chooser_winter {
  background:url(/res/pics/winter_inactive.jpg) no-repeat center left;
  width: 45px;
}

#chooser_summer {
  background:url(/res/pics/summer_inactive.jpg) no-repeat center left;
}

#chooser_summer_active, #chooser_winter_active { 
  font-weight: bold;
  color: black;
  
}

#chooser_summer_active {
  background:url(/res/pics/summer_active.jpg) no-repeat center left;
}
#chooser_winter_active {
  background:url(/res/pics/winter_active.jpg) no-repeat center left;
  width: 45px;
}

/********************************Header_Startseite**************************************************************/
#header_home {
  width: 720px;
  height: 280px;
  margin: 5px 0 20px 3px;
  background:url(/res/pics/header_flash_background.jpg) no-repeat top left;
  float: left;
}

#header_swf {
  margin: 4px 0 0 7px;
}

/****************************Angebote_Startseite*********************************************************************/
#offers_home {
  float:left;
  margin-left: 2px;
}

.offer {
  float: left;
  text-decoration: none;
  padding-right: 5px;
}
.offer a img{
  border: 0 none;
}

/***************************************Banner_Startseite***************************************************/
#banner_home {
  float: left;
  margin-left: 7px;
  margin-top: 10px;
}
.banner_entry {
  float:left;
  padding-right: 9px;
}
.banner_entry a img {
  border: 0 none;
}

/********************************************Content*****************************************************/
#content {
  float: left;
  width: 100%;
  margin:20px 8px 0 7px;
}
#content_standard_navigation_tpl{
  float: left;
  width: 670px;
  margin: 40px 0 0 0px;
  border: 1px solid red;
}

#content_standard_detail_tpl {
  float: left;
  margin: 0 0 30px 0;
  border: 1px solid red;
}



/********************************************Veranstaltungen_Startseite***********************************/
#arrangements_headline {
  float: right;
  width: 100%;
  font-size: 12px;
  color: #406881;
  font-weight: bold;
  text-decoration: none;
  line-height: 14px;
}
#arrangements_home {
  float: right;
  width: 168px;
  margin-right: 8px;
  margin-top: 10px;
}
#arrangements_home p {
  font-size: 11px;
  line-height: 14px;
}
/***********************************************Footer****************************************************/
#footer, #footer_home, #footer_detail {
  float: right;
  margin: 20px 20px 10px 7px;
  width: 730px;
  height: 36px;
  background:url(/res/pics/border_footer_top.jpg) no-repeat top left;
}
#footer_home, #footer_detail {
  margin: 20px 0 10px 7px;
}
#footer_text img {
  border: 0px none;
}
#footer_text {
  float: left;
  margin-top: 0px;
  width: 500px;
  height: 36px;
}
#footer_text * {
  font-size: 9px;
  line-height: 12px;
}

#footer_links {
  width:120px;
  float: right;
  text-align: right;
  margin-right: 13px;
  margin-top: 1px;
}
#footer_links ul, #footer_links ul li{
  margin: 0;
  padding: 0;
}
#footer_links ul li{
  list-style: none;
  float: left;
  padding: 0 5px 0 7px;
  background:url(/res/pics/spacer_imprint.jpg) no-repeat top left;
}
#footer_links ul li:first-child {
  background: none;
}
#footer_links a{
  font-size: 11px; 
  color: #333333;
  line-height: 22px;
  text-decoration: none; 
}

/*********************************************Detail-Seite********************************************/
#header_default {
  float: left;
  margin-top: 7px;
}

#header_pic {
  margin: 3px 3px 3px 10px;
}

/*************************content*******************************/
#content_default{
  float: left;
  width: 100%;
  background:url(/res/pics/background_content_default.jpg) no-repeat top left;
  margin-top: 18px;
  min-height: 350px;
  padding-left:10px;
}
#text_default {
  float: left;
  margin: 30px 10px 20px 50px;
  width: 660px;
}
#text_default p {
  padding-right: 25px;
}
/************************Unter-Navigation im Content-Bereich*********/
#under_nav {
  width: 100%;
  margin: 0px 0 0 -30px;
}

#under_nav ul, #under_nav ul li{
  margin: 0;
  padding: 0;
}
#under_nav ul li{
  width: 100%;
  list-style: none;
  float: left;
}
#under_nav a{
  text-decoration: none; 
}

/*********************************************Angebots-Seite****************************************************/

/******Wähler-top****/
#chooser {
  margin: 3px 0 0 0px;
  width: 710px;
  padding: 0;
  height: 31px;
  float: left;
  background:url(/res/pics/background_chooser.jpg) no-repeat top left;
}

#chooser a{
  margin: 0 2px 0 15px;
  padding: 0 0 0 0;
  font-size: 12px;
  text-decoration: none;
  color: #9C9EA0;
  float: left;
}

#chooser a {
  padding: 8px 0 0 0;
}

#chooser a img {
  border: 0 none;
  margin: -1px 0 0 5px;
}

a#chooser_link_active , #chooser a:hover{
  color: black;
}


/********************Übersichtsseite*****/
/****Abenteuer, Sportler etc.**/
.offers_descr_entry {
  margin-left: 10px;
  width: 700px;
}
.offers_descr_entry .descr_pic a img {
  margin:10px 13px 0 0;
  border: 0px none;
}

.offers_entry {
  width:700px; 
  min-height: 25px; 
  float: left;  
  margin: 5px 0 5px 5px;
}
.offers_list {
  position: relative;
  background: url(/res/pics/spacer_audience.jpg) no-repeat 82px bottom;
  margin-top: 0px;
}

.offers_headline {
  float: left;
  background: url(/res/pics/background_cat_menu.jpg) repeat-x center left;
  color: white;
  width: 680px;
  margin-top: -2px;
  height: 20px;
  padding-top: 5px;
}
.offers_headline p {
  color: white;
  text-decoration: none;
  margin-left: 5px;
  font-size: 12px;
}

.offers_descr_list {
  float: left;
  width: 700px;
  margin: 0 0 0 5px;
}

/* Pfleil nach oben bzw. unten*/
.offers_closed {
  float: left;
  margin-top: 1px;
}
.offers_opened {
  float: left;
  margin-top: 1px;
}

/**Bild, titel, short_descr**/
.descr_pic a img {
  float: left;
  margin: 10px 13px 0 0;
  border: 0px none;
  min-height: 60px;
}


.offers_descr h2 a, .short_descr h2 a {
  text-decoration: none;  
}
.offers_descr h2, .offers_descr_entry h2, .short_descr h2 {
  margin: 15px 0 5px 0;
}

.offers_descr h2 a:hover, .offers_descr_entry h2 a:hover {
  color: black;
}

.short_descr {
  float: left; 
  width: 490px;
  min-height: 80px;
  font-size: 11px;
  line-height: 13px;
}

/**kleine Kategoriebildchen**/
.offers_cat {
  position: absolute;
  bottom: 0;
  right: 0;
  width: 69px; 
}
.offers_cat img {
   padding:2px 2px 0px 0;
   border: 0 ;
}
/************************************************************Detailseite***************************************/
#content_detail {
  float: left;
  width: 722px;
  min-height:550px;
  background: url(/res/pics/background_detailscreen.jpg) no-repeat top left;
}

#detail_header {
  float: left;
  margin: 10px 0 0 16px;
}
#detail_header img {
  margin-right: 4px;
}

#detail_right {
  float: right;
  width: 186px;
  min-height: 515px;
  margin: 2px 3px 0 0;
  background: url(/res/pics/background_detailpage_recht.jpg) no-repeat top left;
}
#detail_right img {
  margin-top: 8px;
}

#detail_content {
  float: left;
  width: 480px;
  margin: 10px 0 10px 40px;
  padding-right: 10px;
}

#button_bar, #button_bar_detailpage {
  float:right;
  width: 500px;
  margin: 5px 5px 0 0;
}
#button_bar a img, #button_bar_detailpage img, #button_bar .gallery_offers_detail a .gallery_button {
  float: right;
  border: 0 none;
  padding-left: 2px;
}

#banner_detail {
  float: right;
  width: 175px;
  margin: 5px 4px 0 0;
}
#banner_detail a img {
  border: 0 none;
  margin: 5px 0 0 0;
  padding: 0 0 0px 0;
}

#detail_text_headline {
  float: left;
  margin: 35px 0 0 40px;
}

#detail_text img {
  margin: 3px 5px 0px 5px;
}

#detail_headline {
  float: left;
  margin: 35px 0 -10px 40px;
}

#detail_text {
  float: left;
  width: 470px;
  margin: -8px 0 10px 40px;
}

.break {
  width: 5px;
  height:1px;
  display:block;
}

/***google Maps*********/
#google_maps_route_planner {
  float: left;
  margin:  0 0 10px 35px;
}

/*****************************************************Kontaktformular****************************************/
#contact_backlink img {
  float: right;
  border: 0px none;
  margin: 10px 100px 0 0;
}

#submit_button {
   font-size: 12px;
   color: white;
   border: 0;
   background: url(/res/pics/bt_kontakt.jpg) no-repeat; 
   height: 20px;
}

/****************************************Veranstaltungen****************************************************/
.arrangements_list {
  float: left;
  width: 697px;
  margin: 10px 0 0 5px;
}
.arrangements_descr_entry {
  position: relative;
  float: left;
  width: 100%;
  margin: 0 0 15px 0;
  background: url(/res/pics/spacer_audience.jpg) no-repeat 82px bottom;
}
.arrangements_descr_pic a img {
  border: 0px none;
  float: left;
  margin: 0 10px 0 0;
}
.arrangements_descr_entry h2 {
  margin: 8px 0 5px 0;
}
.arrangements_descr_entry h2 a, .arrangements_descr_entry h2 a:hover {
  color: black;
  text-decoration: none;
}
.arrangements_short_descr {
  float: left;
  width: 500px;
}
.arrangements_descr_entry .arrangements_more_link{
  position: absolute; 
  bottom: 0px;
  right: 0px;
}
.arrangements_more_link img {
  border: 0px none;
}
/****************************************Google Maps ****************************************************/
.search_fields {
  float: left;
}
#example {
  line-height: 18px;
  margin: 0 0 5px 35px;
}
.submit_button_google {
   font-size: 12px;
   color: white;
   border: 0;
   background: url(/res/pics/button_google_maps.jpg) no-repeat; 
   height: 27px;
   width: 117px;
}
.search_fields_to {
  float: left;
  margin-top: -4px;
}

/*********************************Bildergalerie***********************************/
.gallery_invisible {
  display : none;
}

.gallery_offers_detail {
  float: right;
  margin: -5px -5px 0 0;
}

.gallery {
  margin: 20px 0 0 0px;
}

.gallery_pic, .gallery_pic_pagebreak {
  float: left;
}

.gallery_pic img, .gallery_pic_pagebreak img{
  border: 0 none;
  margin: 0 10px 10px 0;
}

.gallery_button img, .back_button img {
  border: 0px none;
}

.gallery_button , .back_button{
  float: right;
  margin: 5px 5px 0 0;
}

/**********zurück Button********/
.back_button {
  margin: 5px 60px 0 0;
}

/****************************Unternavigation*******************************************/
#under_nav {
  float: left;
  width: 615px;
  margin: 30px 0 0 40px;
}

.nav_descr_entry {
  width: 100%;
  margin-top: 10px;
  position: relative;
  background: url(/res/pics/spacer_audience.jpg) no-repeat bottom left;
}
.nav_descr_entry h2 {
  margin: 10px 0 5px 0;
  padding: 0;
}
.nav_descr_entry h2 a, .nav_descr_entry h2 a:hover {
  color: black;
  text-decoration: none;
}
.nav_short_descr {
  width: 530px;
  height: 46px;
}
.nav_more_link a img {
  position:absolute;
  bottom: 0;
  right: 0;
  border: 0px none;
}