/*
**************************************
Stylehsheet ee-tour Allgäu
**************************************

*/




/* Styles normalisieren
***************************************** */

* {
   padding:0;
   margin:0;
}

h1,h2,h3,h4,h5,h6 {
   font-size:100%;
}

ol, ul {
   list-style: none;
}

address,caption, cite, code, dfn, em, strong, th, var {
   font-style:normal;
   font-weight:normal;
}

table {
   border-collapse: collapse;
   border-spacing: 0;
}

fieldset, img {
   border:0;
}

caption, th {
   text-align: left;
}

label {
   padding-left:8px;
   padding-right:16px;
}


/* Allgemeine Styles
***************************************** */

body {
   background-color: #B4D609;
   background-image: url(/_images/bg_main.png);
   background-position: top left;
   background-repeat:repeat-x;
   text-align:center;
}

body,td,th,a {
   font-family: Verdana, Arial, Helvetica, sans-serif;
   font-size: 12px;
   line-height: 140%;
   color: #3A4503;
}

h1, h1 a:link, h1 a:visited, h1 a:hover, h1:active, h1 a {
   font-weight:normal;
   text-decoration:none;
}

h2, h2 a:link, h2 a:visited, h2 a:hover, h2:active, h2 a {
   font-weight:bold;
   text-decoration:none;
}

h3, h3 a {
   color:#666666;
   font-size: 12px;
   line-height: 16px;
   text-decoration:none;
}

h4, h4 a {
   font-size: 11px;
   font-weight:normal;
   line-height: 12px;
   color:#555555;
   text-decoration:none;
   margin-bottom:4px;
}


acronym {
   cursor: help;
}

strong {
   font-weight: bold;
}


/* Listen */
ul {
   list-style: square;
   margin-left:20px;
   font-size:12px;
}

li {
   margin-left:0px;
}

.trenner { }

.spacer {
   clear:both;
   height:8px;
}

.clear {
   clear:both;
}

.bold {
   font-weight: bold;
}



/*
Links
*************************** */


a.linkint {}
a.linkint:hover {}

a.linkext {
   display: block;
   padding-left: 20px;
   background: url('/_images/icn_linkext.gif') no-repeat left top;
}
a.linkext:hover { }

a.detail {}
a.detail:hover {}

a.back {}
a.back:hover {}


a.downloadpdf {}
a.downloadpdf:hover {}

a.download {
   display: block;
   padding-left: 20px;
   background: url('/_images/icn_linkdownload.gif') no-repeat left top;
}
a.download:hover {}

a.email {}
a.email:hover {}


/*
**************************************

Seiten-Bereiche

**************************************
*/

#page{
   padding-bottom:0px;
   position:relative;
   margin: 0 auto;
   text-align:left;
   width:919px;
   min-height:101%;
}

#head {
   position:relative;
   top:0;
   left:0;
   height:369px;
}

#main {
   position:relative;
   top:0px;
   left:0px;
   width: 100%;
   padding-top:12px;
   padding-bottom:24px;
   background:url(/_images/bg_content.png);
}

#title {}

#brandingLogo {
   position:absolute;
   top:15px;
   left:19px;
}

#brandingTitle { }
#brandingTitle sup { }

#moodImage {
   position:relative;
   top:94px;
   background:url(/_images/bg_content.png) repeat-y top left;
}

#content {
   margin-left:35px;
   width:853px;
   padding-bottom:90px;
}

.info {
   min-height: 82px;
}

/* Tabellen-Spalten */
td.nav2 { }
td.main { }
td.content { }
td.info { }

/*
**************************************
Navigation: Top-Navigation (Nav1)
**************************************
*/

#nav1 {
   position:relative;
   left:0;
   top:94px;
   margin:0;
   padding: 0px 25px;
   height: 48px;
   background:url(/_images/bg_nav1.png) no-repeat top left;
   list-style:none;
   color:#FFF;
}

#nav1 li {
   float:left;
   padding-top:16px;
   list-style:none;
   text-align:center;
   margin-right:5px;
}

#nav1 a {
   color: #fff;
   font-size:17px;
   padding:12px 0 10px 10px;
}

#nav1 a span {
   padding:12px 10px 10px 0;
}

#nav1 a:link,
#nav1 a:visited {
   text-decoration:none;
}

#nav1 a:hover,
#nav1 a:active,
#nav1 a.active{
   color: #1661AB;
   background: url(/_images/nav1_rl.gif) no-repeat  left top #fff;
}

#nav1 a:hover span,
#nav1 a:active span,
#nav1 a.active span{
   background: url(/_images/nav1_rr.gif) no-repeat  right top;
}


/*
**************************************
Navigation: Sub-Navigation (Nav2)
**************************************
*/

#content #nav2 .boxcontent h2{
   color: #FFF;
}

#content #nav2 .boxcontent a {
   font-size:14px;
   display:block;
   padding-top:2px;
   padding-bottom:2px;
   padding-left:14px;
   text-decoration:none;
   color: #FFF;
   font-weight: normal;
   background: url(/_images/icon_nav2.gif) no-repeat 0px 9px;
}

#content #nav2 a:hover,
#content #nav2 a.active {
   font-weight: bold;
}

/* Verlaufshintergrund für Nav2 im Info-Bereich. CSS-Boxen s. unten */
#nav2 .boxtop {
   min-height:186px; /* festgelegt durch die Höhe des Verlaufbildes */
   padding-bottom: 20px;
   background-image: url(/_images/boxGradientBlue_top.png);
}

#nav2.boxbottom {
   background-image: url(/_images/boxGradientBlue_bottom.gif);
}


/*
**************************************
Locator
**************************************
*/

.locator {
   margin-top:0px;
   font-size:12px;
   color: #3D9ACC;
}
.locator a {
   color: #3D9ACC;
   text-decoration:none;
}
.locator a:hover {
   color: #3D9ACC;
   text-decoration:underline;
}

.locator span {
   padding: 0 4px;
}

/*
**************************************
Meta-Navigation
**************************************
*/

#metaNav {
   position:absolute;
   top:0;
   /* left:500px; */
   left:660px;
   height:25px;
   width:330px;
   color: #3D9BCD;
   padding: 6px 0px 0px 0px;
   /* background: url(/_images/bg_metaNav.gif) no-repeat top left; */
}

#metaNav li{
   float:left;
   list-style:none;
   text-align:center;
}

#metaNav #metaNav1 {
   width: 69px;
}

#metaNav #metaNav2 {
   width: 58px;
}
#metaNav #metaNav3 {
   padding-left:9px;
   width: 62px;
}
#metaNav #metaNav4 {
   width: 74px;
}
#metaNav #metaNav5 {
   width: 57px;
}

#metaNav a {
   color: #3D9BCD;
   font-size: 11px;
}

#metaNav a:link,
#metaNav a:visited{
   text-decoration: none;
}

#metaNav a:hover,
#metaNav a:active,
#metaNav a.active{
   font-weight:bold;
}


/*
*********************************
Footer Navigation
*********************************
*/

#footerNav {
   position: relative;
   top: 0;
   left: 0;
   padding-top:12px;
   padding-left:35px;
   background: url(/_images/bg_content.png) repeat-y left top;
   width: 100%;
   border-top: 1px solid #B4D609;
}

#footerNav ul {
   padding:0;
   margin:0 60px 0 0;
   float:left;
   list-style: none;
   width: 90px;
}

#footerNav li {
   padding-bottom:6px;
}

#footerNav ul a {
   color:#64AFD7;
}

#footerNav ul li.overview a {
   font-weight: bold;
}

#footerNav a:link,
#footerNav a:visited {
   text-decoration:none;
}

#footerNav a:hover,
#footerNav a:active {
   text-decoration:underline;
}

/*
*********************************
Social Media Links
*********************************
*/

#socialMediaLinks {
   position: relative;
   top: 0;
   left: 0;
   padding-top:12px;
   padding-bottom:12px;
   padding-left:35px;
   margin-right:10px;
   background: url(/_images/bg_content.png) repeat-y left top;
   width: 100%;
   border-top: 1px solid #B4D609;

}

/*
*********************************
Footer
*********************************
*/

#footer {
   position: relative;
   top:0px;
   left:0px;
   width:100%;
   padding: 12px 30px 20px 35px;
   font-size:11px;
   color:#64AFD7;
   background:url(/_images/bg_content.png) repeat-y left top;
   border-top: 1px solid #B4D609;
}

#footer .footertext {
   float:left;
}

#footer a {
   color:#64AFD7;
   font-size:11px;
   text-decoration:none;
}

#footer a:hover,
#footer a:active {
   text-decoration:underline;
}

#footer .footerlink {
   padding-left:150px;
}




/*
*******************************
Styles Elemente
*******************************
*/

/* Textelemente allgemein */
#content h1, #content h2, #content h1 a, #content h2 a {
   /* color:#004B8B; */
   color:#3D9ACC;
}

#content h1 {
   font-size: 30px;
   line-height: 36px;
   margin-bottom:30px;
}



/* CSS-Button */
.button {
   text-align:right;
   margin-right:0px;
}
.button a {
   font-size: 12px;
   font-weight: normal;
   text-decoration: none;
   color:#666666;
   text-align: right;
   border: 0px solid #666666;
   padding-top:3px;
   padding-bottom:3px;
   padding-right:5px;
   padding-left:3px;
}
.button a:hover {
   color:#666666;
   text-decoration: underline;
}
/* ENDE CSS-Button */

/* Farben Schrift und Hintergrund */

.green {
   color: #B4D609;
}

.darkBlue {
   color: #004B8B;
}

.bgGreen {
   background-color: #B4D609;
}
.bgOrange {
   background-color: #FF9B07;
}

.bgBlue {
   background-color:#9ECDE6;
}

/* ENDE Fraben */

/* CSS-Boxen */
.boxcontent {
   position:relative;
   top:20px;
   min-height:155px;
   padding:0px 20px;
   font-size:14px;
   line-height:120%;
}

.boxcontent a {
      font-size:14px;
   line-height:120%;
}

.boxtop {
   position:relative;
   top:-20px;
   background:  top left no-repeat;
   margin-top:31px;
}

.boxbottom {
   position:relative;
   width:307px;
   background: bottom left no-repeat;
   margin-bottom:11px;
}

.boxTopBlue {
   background-image: url(/_images/boxBlue_top.png);
}

.boxBottomBlue {
   padding-bottom:20px;
   background-image: url(/_images/boxBlue_bottom.png);
}

#content .boxcontent a.link {
   display:block;
   padding-left: 20px;
   background:url(/_images/icon_link_bluebox.gif) no-repeat 0px 6px;
   text-decoration:none;
   padding-bottom:9px;
}

#content .boxcontent a:hover {
   text-decoration:underline;
}

/* ENDE CSS-Boxen */

/* BilderContainer im Contentbereich */
#content .left {
   float:left;
   margin:3px 10px 5px 0px;
}

#content .imagesblock {
   vertical-align:top;
   overflow:hidden;
   border:0;
}

/* ENDE BilderContainer */



/*
*********************************
Styles Overview-Seiten
*********************************
*/

#content .overview {
   float:left;
   width:500px;
   margin-top:20px;
}

#content  h1{
   /* min-height:3em; */
   color:#3D9ACC;
}

#content .firstItem {
   /*	color:#004B8B; */
   font-size:16px;
   line-height:120%;
   margin-bottom:40px;
}
#content .firstItem h2{
  	font-size: 16px;
  	line-height: 18px;
  	margin-bottom: 8px;
   padding-left: 20px;
   background: url(/_images/icon_h2_detail.gif) no-repeat 0px 3px;
}

#content .sectionHeadline {
   /*	color:#004B8B; */
   font-size:16px;
   line-height:120%;
   margin-top: 40px;
   margin-bottom:20px;
}
#content .sectionHeadline h2{
  	font-size: 16px;
  	line-height: 18px;
  	margin: 0;
   padding-left: 20px;
   background: url(/_images/icon_h2_detail.gif) no-repeat 0px 3px;
}

#content .overview h2,
#content .overview h3 {
   margin-bottom: 8px;
   padding-left: 17px;
   color:#3D9ACC;
   background: url(/_images/h2.gif) no-repeat 0px 2px;
}

#content .overview h2 a,
#content .overview h3 a {
   font-size: 12px;
   line-height: 16px;
}

#content .overview a.linkext {
   color:  #014C8B;
}

.teaser-main a.readmore,
#content .overview a.readmore {
   padding-left: 12px;
   background: url(/_images/icon_more_overview.gif) no-repeat 0px 4px;
   /* font-weight:bold; */
   text-decoration:none;
   /* color:#004B8B; */
   color:#3D9ACC;
}
.teaser-main a.readmore:hover,
#content .overview a.readmore:hover {
   text-decoration:underline;
}

/*
Einzelnes Element
auf einer Overview-Seite
**************************** */

.overviewItem {
   clear:both;
   margin-bottom:20px;
   /* min-height:100px; */
}

.overviewItem h2 {
   /* margin-top:20px; */
}

.overviewItem h2,
.overviewItem h2 a {}
.overviewItem h2 a:hover {}
.overviewItem p {
   width:300px;
}

/* OverviewItem News */
.overviewItemNews {}
.overviewItemNews h2,
.overviewItemNews h2 a {}
/* News Overview-Image */
.overviewItemNews p img {}

/* OverviewItem Events */
.overviewItemEvent {}
.overviewItemEvent h2,
.overviewItemEvent h2 a {}
.overviewItemEvent p {}
.overviewItemEvent p.link {}
/* News Overview-Image */
.overviewItemEvent p img {}

.overviewItem img {
   margin-right:20px;
}

.overviewItem p {
   /* display: block; */
   margin-bottom:8px;
}

.boxOverviewTop {
   padding-top:8px;
   background: url(/_images/boxOverview_top.gif) no-repeat left top;
}

.boxOverviewBottom {
   padding-bottom:8px;
   background: url(/_images/boxOverview_bottom.gif) no-repeat left bottom;
   margin-bottom: 20px;
}

.boxOverviewContent {
   width: 515px;
   min-height:100px;
   /* padding:0px 30px; */
   padding-left:4px;
   color:#004B8B;
   background: url(/_images/boxOverview_content.gif) repeat-y left top;
}


/*
*********************************
Styles Detail-Seite
*********************************
*/

#content .detail {
   float:left;
   width:500px;
   margin-top:20px;
}

#content .detail h1 {
   /* min-height: 3em; */
   min-height: 1.5em;
}


.detailItem ul,
.detailItem p {
   font-size:12px;
   margin-bottom:12px;

}

.detailItem a {
     font-size:12px;
     color:#014C8B
}

.detailItem h2 {
   margin-top:12px;
   margin-bottom:4px;
}

.detailItem ol {
   list-style: decimal;
   margin-left: 20px;
}

.detailItem li {
   color:#3D9ACC;
   font-weight: bold;
}
.detailItem p {
   color:#3A4503;
   font-weight: normal;
   margin-bottom: 0;
}

.detailImage {
   float:left;
   margin-right:10px;
   margin-bottom:10px;
   margin-top:10px;
}


#content .detail .firstItem {
   /*	color:#004B8B; */
   font-size:16px;
   line-height:120%;
   margin-bottom:20px;
}
#content .detail .firstItem h2{
  	font-size: 16px;
  	line-height: 18px;
  	margin-bottom: 8px;
   padding-left: 20px;
   background: url(/_images/icon_h2_detail.gif) no-repeat 0px 3px;
}


#content .detailItem  {
   clear:both;
   margin-bottom:10px;
   min-height:100px;
}

#content .detail .boxcontent,
#content .detail .boxcontent a{
   font-size:12px;
}

/*
**********************************
Info/Item-Boxen
**********************************
*/

#content .info {
   margin-top:-99px; /* gleicht den negativen Margin von #content .overview aus */
   margin-left:545px;
}

.infobox { }
.infobox p { }
.infobox h4 { }
.infobox a { }


.boxBottomWhite {
   padding-bottom:20px;
   background-image: url(/_images/boxWhite_bottom.png);
}

.boxTopWhite {
   background-image: url(/_images/boxWhite_top.png)
}

.boxContentWhite {
   color:#004B8B;
   background: url(/_images/boxWhite_content.gif) repeat-y left top;
}

.boxContentWhite a {
   color:#004B8B;
}


/*

Container fuer TabbedPages

*********************************** */

/* Container fuer eine TabbedPage PL */
.detailTabNav { }
.detailTabNav a { }
.detailTabNav a:hover { }
.detailTabNav a.tabItemActive { }
.detailTabs {}

/* Container fuer eine TabbedPage PL */
.detailTab { }

/* detailTabInner */
.detailTabInner { }

/*
******************************
Styles Anfrage-Seiten
*******************************
*/

.anfrageIntro {
   width:560px;
}


.anfrageIntro h1 {
   padding-top:10px;
   font-size:18px;
   font-weight: bold;
}

.anfrageIntro p {
   padding-bottom:5px;
   font-size:11px;
}

.anfrage {
   padding-top:10px;
   width:400px;
}

.anfrage a {
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size: 11px;
   font-weight: normal;
   text-decoration:none;
   color: #666666;
}

.anfrage a:hover {
   text-decoration: underline;
   color: #666666;
}



/*
*******************************
Styles Startseite
*******************************
*/

.boxTopGreen {
   background-image: url(/_images/boxGreen_top.png);
}

.boxBottomGreen {
   padding-bottom:20px;
   background-image: url(/_images/boxGreen_bottom.png);
}

.boxTopOrange {
   background-image: url(/_images/boxOrange_top.png);
}

.boxBottomOrange {
   padding-bottom:20px;
   background-image: url(/_images/boxOrange_bottom.png);
}

#content .boxcontent h2{
   font-size:18px;
   line-height:20px;
   font-weight:bold;
   margin-bottom:20px;
   padding-top:5px;
}

#content .boxBottomGreen,
#content .boxBottomGreen h2{
   color:#FFF;
}

#content .boxBottomOrange,
#content .boxBottomOrange h2,
#content .boxBottomOrange h2 a{
   color:#FFF;
}

#content .boxBottomBlue,
#content .boxBottomBlue h2,
#content .boxBottomBlue a{
   color:#00547D;
}

#content .boxBottomBlue a.readmore {
   padding-left:18px;
   background: url(/_images/icon_more_bluebox.gif) no-repeat 0px 5px;
   font-size:14px;
   font-weight:bold;
   text-decoration: none;
   margin-top:20px;
   display:block;
}

#content .boxBottomGreen a.readmore {
   padding-left:20px;
   background:url(/_images/icon_more_greenbox.gif) no-repeat 0px 6px;
   color:#fff;
   font-size:18px;
   text-decoration: none;
   margin-top:10px;
   display:block;
}

#content .boxBottomOrange a.readmore {
   padding-left:40px;
   padding-bottom:5px;
   background:url(/_images/icn_pfeil.gif) no-repeat 0px 0px;
   color:#fff;
   font-size:18px;
   text-decoration: none;
   margin-top:20px;
   display:block;

}

#content .boxBottomGreen a:hover,
#content .boxBottomBlue a:hover,
#content .boxBottomOrange a:hover{
   text-decoration:underline;
}

#content .boxBottomSponsor {
   padding-bottom:20px;
   background-image: url(/_images/boxSponsor_bottom.png);
}

#content .boxTopSponsor {
   background-image: url(/_images/boxSponsor_top.png)
}

#content .bgSponsor {
   background: url(/_images/boxSponsor_content.gif) repeat-y left top;
}

#content .boxBottomSponsor .boxcontent {
   padding:0;
}

#content .boxBottomSponsor a {
   display:block;
   float:left;
   margin:16px 13px 0px 12px;
   padding:0;
}

.startAufmacher {
   width:530px;
   margin-top:12px;
   margin-bottom:12px;
}

.startAufmacher p {
   padding-right:40px;
}

table.download {}
table.download td.preview {}
table.download td p {}
.pageturnNav {}


table.detailInfo td {
   padding-right: 20px;
   border-bottom:#B4D609 1px dashed;
   padding-bottom:1px;
}

table.detailInfoList th {
   font-weight: bold;
   padding-right: 20px;
   border-bottom:#B4D609 1px dashed;
   padding-top:5px;
   padding-bottom:5px;
}
table.detailInfoList td {
   padding-right: 20px;
   border-bottom:#B4D609 1px dashed;
   padding-top:5px;
   padding-bottom:5px;
}

.border {
   border-top:#B4D609 1px solid;
}


/*
*******************************
Formulare
*******************************
*/

label{
     padding-left:0;
}

label.error {
   color:#EF9447;
   padding-left:0;
}

.errorbox {
   width:340px;
   color:#FFFFFF;
   background-color: #EF9447;
   margin-bottom:20px;
}

.errorbox p {
   padding:12px;
}

form {
   padding:0px;
   margin:0px;
}


.textbox,
.textboxErr {
   width:240px;
   height:16px;
   padding:2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #333333;
   background-color: #FFFFFF;
   border: 1px solid #666666;
}
.textboxErr {
   color: #333333;
   background-color:#FFFFFF;
   border: 1px solid #EF9447;
}

.selectbox {
   width: 217px;
   height:20px;
   padding:0px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #333333;
   border: 1px solid #666666;

}

textarea {
   width:480px;
   height:130px;
   padding:2px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:12px;
   color: #333333;
   background-color: #FFFFFF;
   border: 1px solid #666666;
}

.marked {
   background-color: #FFD4D4;
}

.button {
   width:200px;
   height:25px;
   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   font-size:11px;
   text-align:center;
}


/* Seiten-Styles */

img.partnerLogoDetail {
   margin-bottom:0px;
}


p.quelle {
   margin-top:100px;
}

p.quelle,
p.quelle a {
   color:gray;
   font-size:9px;
}

ul.eventTeaser  {
   list-style: none;
   margin:0;
   padding:0;
}
ul.eventTeaser li {
   font-size: 14px;
   padding-bottom:10px;
}
.eventTeaserDate {
   font-size:11px;
}

.eventTeaserInfo {
   font-size:11px;
}

.galleryImage img {
   background:none repeat scroll 0 0 white;
   border:1px solid #BBBBBB;
   margin:5px 1px 5px 0;
   padding:2px;
   height:100px;
}

.galleryImage:hover img {
border-color:#098FCC;
}



.anmeldungSponsorLink {
   position: relative;
   top:-70px;
}

ul.linklist {
   list-style: none;
   margin:0;

}

.footerLogo {
   margin-left: 50px;
}