/**
 * 100% height layout with header and footer
 * ----------------------------------------------
 * Feel free to copy/use/change/improve
 */

html,body {
	margin: 0;
	padding: 0;
	height: 100%; /* needed for container min-height */
	background: #FFFFFF;
	
	font-family: verdana,arial,sans-serif;
	font-size: 11px;
	color: #333333;
}

a img { border: none; }
a { color: #333333; text-decoration: none; }
a:hover { text-decoration: none; }

#MainContainer {
	position: relative; /* needed for footer positioning*/
	margin: 0 auto; /* center, not in IE5 */
	width: 900px;
	padding: 0px 20px 0px 20px;
	background: #FFFFFF url("/public/bilder/layout/bg_main_streifen.gif") repeat-y;
	
	height:auto !important; /* real browsers */
	height:100%; /* IE6: treaded as min-height*/

	min-height:100%; /* real browsers */
  z-index: 1;									   
}

#KopfContainer {
	position: relative;
	height: 70px;
	background-color: #FFFFFF;
	z-index: 2;
}

#KopfLogoContainer {
	float: left;
}

#KopfRechtsContainer {
	float: right;
}

#KopfNaviContainer {
	padding: 3px 0px 0px 330px;
	color: #999999;
}

#KopfNaviContainer a{
	color: #999999;
	text-decoration: none;
}

#KopfNaviContainer a:hover{
	color: #999999;
	text-decoration: underline;
}

#KopfLoginContainer {
	width: 420px;
	height: 30px;
	padding: 11px 0px 0px 0px;
}

#LogoutContainer { padding: 17px 0px 0px 90px; }

#LoginContainer { padding: 10px 0px 0px 13px; }
#LoginContainer form { margin: 0px 0px 0px 0px; }
#LoginContainer input[type=text] { width: 200px; }
#LoginContainer input[type=password] { width: 110px; }
#LoginContainer input[type=image] { padding-top: 8px; }

#InhaltContainer {
	padding-bottom: 20px; /* Platz für Footer schaffen */
}

#InhaltObenContainer {
	position: relative;
	height: 200px;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	z-index: 2;
	}

#InhaltHauptContainer {
	margin: 0px 0px 20px 0px;
	overflow: auto;
	background: url("/public/bilder/layout/bg_inhalt.gif");
}

#BildObenContainer {
	width: 700px;
	height: 200px;
	padding-right: 10px;
	float: left;
}

#InhaltLinksContainer {
	float: left;
	width: 180px;
}

#NaviLinksContainer {
	position: relative;
	background-color: #FFFFFF;
	padding-bottom: 6px;
	z-index: 2
}

#NaviLinksContainer a {
	text-decoration: none;
}

.navlevel1normal {
	width: 160px;
	height: 16px;
	display: block;
	background: #014698 url('/public/bilder/layout/pfeil_weiss_rechtsunten_navi.gif') no-repeat;
	color: #FFFFFF;
  padding: 4px 0px 0px 20px;
	cursor: pointer;
	text-decoration: none;
}

.navlevel1normal:hover, .navlevel1aktiv {
	width: 160px;
	height: 16px;
	display: block;
	background: #CCCCCC url('/public/bilder/layout/pfeil_grau_rechtsunten_navi.gif') no-repeat;
	color: #333333;
  padding: 4px 0px 0px 20px;
	cursor: pointer;
	text-decoration: none;
}

.navlevel2normal {
	width: 160px;
	height: 16px;
	display: block;
	background: #CCCCCC;
	color: #FFFFFF;
  padding: 4px 0px 0px 20px;
	cursor: pointer;
	text-decoration: none;
}

.navlevel2normal:hover, .navlevel2aktiv {
	width: 160px;
	height: 16px;
	display: block;
	background: #CCCCCC;
	color: #243083;
  padding: 4px 0px 0px 20px;
	cursor: pointer;
	text-decoration: none;
}

.navzwischenraum {
	width: 180px;
	height: 2px;
	background: #FFFFFF;
	font-size: 1px;
	line-height: 1px;
}

#MarketingSearchContainer {
	width: 170px;
	float: left;
	margin-top: 50px;
}

#MarketingSearchContainer form {
	padding-left: 15px;
	margin: 0px 0px 0px 0px;
}

#MarketingSearchContainer input[type=text] {
	width: 116px;
	padding-left: 14px;
	background: #FFFFFF url("/public/bilder/layout/input_lupe.gif") no-repeat 0px 3px;
}

#MarketingSearchContainer input[type=image] {
	padding-top: 10px;
}

#MarketingSearchText {
	float:left;
	width: 135px;
	padding: 0px 20px 0px 20px;
}

#InhaltMitteContainer {
	float: left;
	width: 500px;
	margin: 9px 20px 0px 10px;
}

#InhaltMitteMeinProfilContainer {
	float: left;
	width: 690px;
	margin: 9px 20px 0px 10px;
}

#KalenderContainer {
	position: relative;
	width: 190px;
	float: right;
	background-color: #FFFFFF;
	z-index: 2;
}

#InhaltRechtsContainer {
	position: relative;
	float: left;
	width: 190px;
	background-color: #FFFFFF;
	z-index: 2;
}

#AktuellesContainer {
	position: relative;
	width: 190px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	z-index: 2;
}

#VideoContainer {
	position: relative;
	width: 190px;
	float: right;
	background-color: #FFFFFF;
	padding-bottom: 8px;
	z-index: 2;
}

#PresseContainer {
	width: 190px;
	float: right;
	padding-top: 8px;
}

.SpalteUeberschrift {
	width: 164px;
	height: 25px;
	padding: 8px 0px 0px 26px;
	margin: 0px 0px 2px 0px;
	font-size: 13px;
	color: #FFFFFF;
	background: #014698 url('/public/bilder/layout/pfeil_weiss_rechtsunten12x12.gif') no-repeat 8px 9px;
}

.SpalteUeberschriftWeiss {
	width: 164px;
	height: 28px;	
	font-size: 24px;
	line-height: 24px;
	padding: 8px 0px 0px 26px;
	margin: 0px 0px 2px 0px;
	background: url('/public/bilder/layout/pfeil_blau_rechtsunten_ueberschrift.gif') no-repeat 6px;
}

.SpalteInhalt {
	padding: 5px 5px 5px 5px;
	background-color: #ECECED;	
}

.SpalteInhaltDatum {
	padding: 0px 0px 3px 0px;
}

.SpalteInhaltUeberschrift {
  font-weight: bold;	
}

.SpalteInhaltText {
	
}

.SpalteAbstand {
	width: 190px;
	height: 4px;
  background-color: #ECECED;
}

#AntragMitgliedschaftContainer {
	padding: 15px 10px 0px 30px;	
}

#FussContainer {
	/* clear: both; */
	position: absolute;
	width: 900px;
	height: 20px;
	bottom: 0; /* stick to bottom */
	/* background-color: #014698; */
	z-index: 2;
	background: url("/public/bilder/layout/bg_fuss.gif");
}

.InhaltMitteTrennstrich {
	width: 500px;
	height: 1px;
	margin: 0px 0px 0px 0px;
	background-color: #CCCCCC;
}

/* Veranstaltungen Überblick */
.VeranstaltungenUeberblickItem {
	overflow: auto;
	clear: both;
	border-bottom: 1px solid #CCCCCC;
}

/* Veranstaltungen Kopfdaten */
.VeranstaltungKopfItem {
	overflow: auto;
	clear: both;
	padding: 15px 0px 15px 0px;
}

.VeranstaltungKopfBild {
  float: left;
	padding: 0px 0px 0px 30px;
}

.VeranstaltungKopfTexte {
	float: left;
	width: 341px;
	padding: 0px 0px 0px 15px;
}

.VeranstaltungKopfBildLeerTexte {
	float: left;
	width: 455px;
	padding: 0px 0px 0px 30px;
}


.VeranstaltungKopfDatum {
	
}

.VeranstaltungKopfTitel {
	padding-top: 11px;
	font-weight: bold;
}

/* Veranstaltungen Liste */
.VeranstaltungListeContainer {
	clear: both;
}

.VeranstaltungListeItem {
	clear: both;
	padding: 10px 0px 0px 0px;
}

.VeranstaltungListeDatum {
	float: left;
	padding: 0px 10px 0px 0px;
	width: 90px;
}

.VeranstaltungListeTitel {
	float: left;
	width: 400px;
}

/* Veranstaltungen Detailansicht */
.VeranstaltungDetail {
	
}

.VeranstaltungDetailKopf {
	margin: 0px 0px 10px 0px;
}

.VeranstaltungDetailKopfBild {
	width: 150px;
	float: left;
}

.VeranstaltungDetailKopfTitel {
	
}

.VeranstaltungTitel {
	font-size: 16px;
	margin: 0px 0px 5px 0px;
}

.VeranstaltungKurzdaten {
	
}

.VeranstaltungDetailInhalt {
	clear: both;
	padding: 15px 10px 0px 30px;
}

.VeranstaltungThumb img {
	margin: 5px 5px 5px 5px;
	font-size: 1px;
	line-height: 1px;
	border: 1px solid #CCCCCC;
}

.VeranstaltungDateien {
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 5px 0px;
}

.VeranstaltungDateien a {
	padding-left: 20px;
	color: #333333;
	text-decoration: none;
}

.VeranstaltungDateien a:hover {
	text-decoration: underline;
}

#VeranstaltungAnmeldungContainer {
	overflow: hidden;
	padding: 15px 10px 0px 30px;
}

#VeranstaltungAnmeldungButton {
	padding: 15px 10px 0px 30px;	
	cursor: pointer;
}

.Inhaltueberschrift {
	clear: both;
	font-size: 24px;
	line-height: 24px;
	padding: 0px 0px 0px 29px;
	margin: 0px 0px 0px 0px;
	background: url('/public/bilder/layout/pfeil_blau_rechtsunten_ueberschrift.gif') no-repeat 6px;
}

/* für TabPanels (bei Veranstaltungen Rückblick) */
.tab_container {
    width: 470px;
		margin: 0px 0px 20px 0px;
}

.tab-buttons-panel {
    width: 100%;
    float: left;
    background: url(/public/bilder/layout/wt-norm.png) repeat-x bottom;
}

.tab-buttons-panel ul {
    margin: 0;
    padding: 0px;
    list-style: none;    
}

.tab-buttons-panel li {
    float: left;    
    margin: 0;
    padding: 0;
    cursor: pointer;
    border-color: #b8cbde;
    border-style: solid;
    border-width: 0px 0px 1px 0px;
    background: url(/public/bilder/layout/wt-right.png) no-repeat right top;
}

.tab-buttons-panel span {
    color: #222;
    display: block;
    background: url(/public/bilder/layout/wt-left.png) no-repeat left top;
    padding: 5px 15px 4px;
}

.tab-buttons-panel li.tab-show {
    background: url(/public/bilder/layout/wt-right-on.png) no-repeat right top;
    border-width: 0px 0px 0px 0px;
}

.tab-buttons-panel li.tab-show span {
    background:url(/public/bilder/layout/wt-left-on.png) no-repeat left top;
    padding: 5px 15px 5px;
}

.tab-content {
    border-width: 0px 1px 1px 1px;
    border-color: #b8cbde;
    border-style: none;
    display: none;
    padding: 2px;
    padding-bottom: 0px;
}

.ext-border-box .tab-content {
    /* top: 0px;    */
}

.tab-content-show {
    display:  block;
}

.tab-content-panel-border {
	margin-top: 20px;
}

.tab-content-panel {
    padding: 5px;
}

/* Anzeige Artikel */
.ArtikelContainer {
	padding: 10px 0px 20px 30px;
}

.ArtikelUntertitel {
	padding: 0px 0px 5px 0px;
	font-weight: bold;
}

.ArtikelContainer a{
	color: #333333;	
	text-decoration: none;
}

 a:hover{
	color: #333333;
	text-decoration: underline;
}

/* Bereich Intern */
.InternContainer {
	padding: 15px 0px 15px 30px;
}

.MitgliederItem {
	float: left;
	width: 230px;
	height: 80px;
	padding: 0px 5px 20px 0px;
}

.MitgliederBild {
	float: left;
	width: 50px;
	margin-right: 3px;
	border: 1px solid #CCCCCC;	
}

.MitgliederBildGross {
	float: left;
	width: 100px;
	margin-right: 3px;
	border: 1px solid #CCCCCC;	
}

.MitgliederDatenContainer {
	white-space: nowrap;
}

#MitgliedersucheContainer {
	padding: 15px 0px 0px 30px;
}

#MitgliedersucheForm .Label {
	width: 80px;
	height: 30px;
	float: left;
}

#MitgliedersucheForm .Feld {
	clear: right;
	height: 30px;
}

/* Buttons für Formulare */
.Button {
	cursor: pointer;
}

/* fuer Schatten um Bilder */
DIV.shadow, DIV.shadow2, DIV.shadow3, DIV.shadow4, DIV.shadow5 {
   padding: 1px;
   border-radius: 5px;
   -moz-border-radius: 5px;
   }

DIV.shadow {
   background-color: #8e8e8e;
   border: 1px solid #959595;
   margin: 0px;
   }
DIV.shadow2 {
   background-color: #aaa;
   border: 1px solid #bebebe;
   margin: 0;
   }
DIV.shadow3 {
   background-color: #d1d1d1;
   border: 1px solid #e1e1e1;
   margin: 0;
   }
DIV.shadow4 {
   background-color: #ededed;
   border: 1px solid #f6f6f6;
   margin: 0;
   }
DIV.shadow5 {
   float: left;
   background-color: #fcfcfc;
   margin: 2px 2px;
   }

DIV.shadow5 input {
   border: 0px solid #666;
   margin: -1px;
   display: block;
   position: relative;
   top: -1px;
   left: -1px;
   }
	 
/* für Übersichtskalender */
#calendar-caption {
	height: 14px;
	padding-top: 4px;
	background: #e8e8e8;
	color: #333333;
	text-align: center;
	font-weight: bold;		
}

#calendar-prev {
	cursor: pointer;
}

.calendar-month {
}

#calendar-next {
	cursor: pointer;
}

.calendar {
	background-color: #e8e8e8;
	padding: 0px;
	margin: 0px;
	border-collapse: separate;
	border-spacing: 2px;
}

.calendar td {
	width: 23px;
	height: 14px;
	background-color: #CCCCCC;
	color: #333333;
	text-align: center;
	font-size: 11px;
	line-height: 14px;
}

.calendar th {
	background: #014698;
	color: #FFFFFF;
	text-align: center;
	font-weight: normal;
}

.calendar .weekend {
	background: #999999 !important;
	color: #FFFFFF !important
}

.calendar .actualday {
	background: #014698 !important;
	color: #FFFFFF !important;	
}

.calendar .eventmemberday {
	background: #99CC33 !important;
	color: #FFFFFF !important;
	cursor: pointer;	
}

.calendar .eventallday {
	background: #FFCC00 !important;
	color: #FFFFFF !important;
	cursor: pointer;	
}

.calendar .fillday {
	background: #FFFFFF !important;
	color: #FFFFFF !important;
}

.calendar-legend {
	padding: 3px 0px 3px 2px;
  background: #e8e8e8;	
	font-size: 9px;
}

.calendar-mitglieder {
	width: 8px;
	height: 8px;
	display: inline;
  background-color: #99CC33; 
}

.calendar-gaeste {
	width: 8px;
	height: 8px;
	display: inline;
  background-color: #FFCC00; 
}