/*
Copyright (c) 2006, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 0.12.0
*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,blockquote{margin:0;padding:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
ol,ul {list-style:none;}
caption,th {text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym {border:0;}

/**
 * The Navigation
 */

ul.tabsPopupNavigator, ul.tabsPopupNavigator ul { 
      padding:0; 
      margin:0; 
      list-style-type: none;
}

ul.tabsPopupNavigator {

}

ul.tabsPopupNavigator li { 
      position:relative; float:left;            
}

ul.tabsPopupNavigator a { 
      display:block; 
}

ul.tabsPopupNavigator :hover > a {

}

ul.tabsPopupNavigator li ul { 
    display:none;
}

ul.tabsPopupNavigator li:hover > ul {
      display:block; position:absolute;
}

ul.tabsPopupNavigator > li:hover > ul {

}

#main p, #main table, #main h1, #main h2, #main ul {
  margin: 0;
  margin-bottom: 0.6em;
}

.flLeft {
  float: left;
  clear: left;
  margin: 0px 5px 5px 0px;
}

.flRight {
  float: right;
  clear: right;
  margin: 0px 0px 5px 5px;
}

#main h1 {
  font-size: 1.2em; 
  font-weight: bold;
  color: #FF9900;
  margin-top: 0.3em;
}

#main h2 {
  font-size: 1.1em; 
  font-weight: bold;
  color: #221354;
  margin-bottom: 0.1em;
  margin-top: 0.8em;
}

#main li {
list-style-image:none;
list-style-position:outside;
list-style-type:disc;
margin-left:14px;
}

#tabWrapper li {
list-style:none;
margin-left: 0;
}

#main strong {
  font-weight: bold;
}

.mainCooperation img {
  float: right;
  margin-left: 7px;
}

.mainCooperation {
  margin-bottom: 10px;
}

ul.conList {
  width: 231px;
  border-top: 1px solid #FF9900;
  margin-bottom: 10px;
}

ul.conList li.conListHeader, ul.conList li.conListItem {
  border: 1px solid #FF9900;
  border-top: 0px solid #FF9900;
}

ul.conList li.conListHeader {
  width: 219px;
  padding: 3px 5px;
  background: #FF9900 url("/images/bg_listHeader.gif") repeat-x top; 
  font-weight: bold;
  color: #221354;

}

ul.conList li.conListItem {
  width: 229px;
  margin: 0px;
  padding: 0px;
}

ul.conList li.even {
  background-color: #FFFFFF;
}

ul.conList a {
  text-decoration: none;
  display: inline-block;
  padding: 3px 5px 3px 23px;
  color: #221354;
}
ul.conList a {
  display: block;
}
ul.conList a.basic {
  background: url("/imageCache/campOverviewBasic/") no-repeat 3px 3px;
}
ul.conList a.basicKiga {
  background: url("/imageCache/campOverviewBasicKiga/") no-repeat 3px 3px;
}
ul.conList a.fussball {
  background: url("/imageCache/campOverviewFussball/") no-repeat 3px 3px;
}
ul.conList a.outdoor {
  background: url("/imageCache/campOverviewOutdoor/") no-repeat 3px 3px;
}
ul.conList a.dance {
  background: url("/imageCache/campOverviewDance/") no-repeat 3px 3px;
}
ul.conList a.feriensportclub {
  background: url("/imageCache/campOverviewFeriensportclub/") no-repeat 3px 3px;
}
ul.conList a.leichtathletik {
  background: url("/imageCache/campOverviewLeichtathletik/") no-repeat 3px 3px;
}
ul.conList a.turnen {
  background: url("/imageCache/campOverviewTurnen/") no-repeat 3px 3px;
}
ul.conList a.akademie {
  background: url("/imageCache/campOverviewAkademie/") no-repeat 3px 3px;
}
ul.conList .small {
  float: right;
  font-size: 0.8em;
  font-style: italic;
}
ul.conList a:hover {
  background-color: #ffc166;  
}

#PhotoList a {
  padding: 5px;
  text-align: center;
}

/* List classes */
.mainCampOverview table.listRoot {
      border-spacing: 0px;
      border: 1px solid #221354; 
      width: 500px;
}  
.mainCampOverview table.listRoot th {
      background: #FF9900 url("/images/bg_listHeader.gif") repeat-x top;
      color: #221354;
	font-weight: bold;
	padding: 3px 4px 3px 2px;
}
.mainCampOverview table.listRoot tr:hover td {
      background-color: #ffc166;
}   
.mainCampOverview table.listRoot .even td {
      background-color: #ffeacc;
}
.mainCampOverview table.listRoot td {
	padding: 2px 4px 2px 2px;
}

.mainCampOverview a, a.boxLink {
  margin-right: 10px;
  margin-bottom: 10px;
  font-size: 0.8em;
  font-weight: bold;
  text-decoration: none;
  color: #221354;
  border: 1px solid #FF9900;
  padding: 4px;
}
.mainCampOverview a:hover, a.boxLink:hover {
  background: #ffd699;
}

a.boxLink {
  font-size: 1.2em;
  display: block;
  text-align: center;
}

#conCampOverview {
  margin: 10px 0px;
}

.news {
      background: #FFFFFF url("/images/bg_newsHeader.gif") repeat-x top;      
      padding: 5px;
      margin-bottom: 10px;
      border: 1px solid #FF9900;
}

.news h1 {      
	font-weight: bold;
	padding: 0px 4px 3px 0px;      
}

.news .date {
      font-size: 0.8em;
      font-weight: bold;
      float: right;
      padding: 2px 4px;
      text-align: center;
      color: #221354;     
}


textarea.textarea {
  height:100px;
  width:407px;
}

.tabs .current a, .tabs .current a:link, .tabs .current a:visited .tabs .current a:hover{
background: #221356 url("/images/shiny_buttons/background_hover.gif") repeat-x top right;
}

.panel_wrapper {
  border: 0px solid #221356;
  border-top: 1px solid #221356;
  padding-left:0px;
}

table.listRoot th {
  font-weight: bold;
  font-size: 1.2em;
}

table.listRoot .rel td { 
      background-color: #ffcb7f;    
}

table.listRoot .even.rel td { 
      background-color: #ffc166    
}

table.listRoot tr.rel:hover td { 
      background-color: #4e4276;    
}

#cooperation img {
  margin: 0px 4px;
}

#cooperation p {
  margin: 0px;
  padding: 0px;
  margin-bottom: 3px;
}

#campHeader {
  font-size: 3em;
  color: #221354;
  font-weight: bold;
  font-style: italic;
}

.campsProgram .time {
  width: 110px;
  text-align: right;
  padding-right: 10px;
}

.campsProgram .unit {
  width: 60px;
}

.campsProgram .notParticpated {
  width: 170px;
  text-align: right;
}

.campsProgram table {
  width: 550px;
}

.campsPhotos .galItem {
  width: 150px;
}

.campsCoaches .galItem {
  width: 145px;
}

.gallery img {
      margin: 5px;
}

.gallery .galItem {
  border: 1px solid #FF9900;
      background: #FFFFFF url("/images/bg_newsHeader.gif") repeat-x top;      
height:110px !important;
}

.gallery .camperGallery, .gallery .coachesGallery {
	height: auto !important;
}

.campsPhotos .galItem {
height:100px !important;
}

#conGallerycamperGallery p, #conGallerycoachesGallery p {
      background-color: #FF9900;
  margin: 0px;
  padding: 2px;
  font-weight: bold;
  color: #221354
}

.gallery .small {
  font-weight: normal;
  font-size: 0.85em;
}

legend.form {
  font-size: 1.1em; 
  font-weight: bold;
  color: #221354;
  margin: 2px 5px;
  padding: 2px 5px;
}

fieldset.form {
  border: 1px solid #221354;
  padding: 5px;
  margin-bottom: 0.6em;
}
body {      
      font-size: 0.8em;   
      font-family: Verdana, Arial, Helvetica, sans-serif; 
}

/**
 * The Navigation
 */

div.clear {
      clear: both;
      height: 1px;
      line-height: 1px;
      font-size: 1px;
} 
.clearFloat {
  display:inline-block;
  width:98%;
  }

/* Hide from IE-mac \*/
* html .clearFloat {
  height:1%;
  width:auto; 
}
  .clearFloat {
  display:table;
}

/* End hide from IE-mac */ 


@media screen
{


#nav {
    background: transparent url("/images/shiny_buttons/background.gif") repeat-x center left;	
    box-sizing: content-box;
}

ul.tabsPopupNavigator ul li {
	width: 11em;
}

ul.tabsPopupNavigator {
	margin-left: 0.5em;
        padding-top: 1px;
}

ul.tabsPopupNavigator li { 
      margin: 0;
      position:relative; float:left;            
}

ul.tabsPopupNavigator a { 
      display: block;         
      font-size: 1em;
      font-weight: bold;
      background: transparent;
      text-decoration: none;
      color: #FFF;
      margin: 0;
      padding: 0.3em 0.6em;
}

ul.tabsPopupNavigator :hover > a {

}

ul.tabsPopupNavigator li ul { 
      display: none;
	z-index: 100;
}

ul.tabsPopupNavigator li ul li {
      z-index:101;
      line-height: 1.6em;
}

ul.tabsPopupNavigator li:hover > ul {
	top:-1px; left:11em;
}

ul.tabsPopupNavigator > li:hover > ul {
	left:0; top:1.7em;
}


ul.tabsPopupNavigator > li:hover {     
    background: transparent url("/images/shiny_buttons/background_hover.gif") repeat-x top right;
    color: #FFF;
    text-decoration: none;
}

ul.tabsPopupNavigator > li.active { 
    background: transparent url("/images/shiny_buttons/background_active.gif") repeat-x top right;	
}

ul.tabsPopupNavigator li.active > a,
ul.tabsPopupNavigator li.active > a:hover {
    color: #221354;
    background: transparent;
}

ul.tabsPopupNavigator ul {
	border: 1px solid #FF9900;
	border-bottom: 0px solid #FFF;
	background: #FFF;
}

ul.tabsPopupNavigator ul a { 
      font-size: 0.8em;
      font-weight: bold;
      color: #221356;
      padding: 0.1em 0.6em 0.1em 0.6em;  
      border-bottom: 1px solid #FF9900;
    
}

ul.tabsPopupNavigator ul li a:hover { 
    color: #221354;
    background: #ffeacc;
}   

ul.tabsPopupNavigator ul li.active { 
    color: #221354;
    background: #ffcb7f;
}
  
ul.tabsPopupNavigator ul li.active > a,
ul.tabsPopupNavigator ul li.active > a:hover {
    color: #221354;
    background: transparent;
}

#pagination_content li, #pagination_content ul {
	list-style:none;
	margin:0;
}

#pagination_content {
        height: 23px;
}

body { background: #FFF; padding: 15px 30px 20px 30px; }

/* Formatierung der Kopfbereiches */
#header { height: 199px; background: #FF9900 url("/images/bg_header.gif") repeat-x top; position:relative;}
#header img {margin: 15px 0 0 20px; font-size:208%;}

#wrap {background: #FFF url("/images/bg_sidebar.gif") repeat-y top right; border: 1px #221354 solid; border-right: 2px #d2cfdc solid; border-bottom:2px #d2cfdc solid; min-width: 900px; max-width: 100em; margin:auto;}

/* Formatierung der Fußzeile */
#footer, #cooperation { clear: both; font-size: 0.8em; color:#888; background:#fff; margin: 0; padding: 1em; border-top: 1px #221354 solid; text-align: center; line-height: 1.3em;}
	
#main { min-height: 450px; height: auto !important; height: 450px; margin-right: 250px; padding: 10px; }
#sidebar { float:right;	width:230px; padding: 10px; }

#topnav { position:absolute; top: 0px; right: 0px; width: 500px; height: 199px; color: #fff; background: url("/images/bg_titel.jpg") no-repeat right; }

}

@media print
{

#header, #nav, #footer, #sidebar, #tabWrapper {display: none;}

.panel {page-break-after:always}

}