/* Start of CMSMS style sheet 'womba : womba' */
/*Box Model Hack by Tantek Çelik*/
/*http://tantek.com/CSS/Examples/boxmodelhack.html*/
/*http://www.thenoodleincident.com/tutorials/box_lesson/basic4.html*/
/********** Basic Layout ***********/
*{
margin:0;
padding:0;
}

body {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	font-family: verdana, sans-serif;  
        color: #000;
        background-image:url(uploads/womba/bg.png);
        background-color: #000055;
             	}

p {
         font-size:13px;
   }


a:link,a:active,a:visited {color:#000000;}

span { line-height: 1.2em; }

pre  {  font-size: 1em;      }

table.info {
  width            : 100%;
  text-align       : center;
  background-color : #CCCCFF;
  border-left      : 1px solid #000000;
  border-top       : 1px solid #000000;
  border-right     : 1px solid #000000;
  border-bottom    : 1px solid #000000;  }

#header {
	margin: 10px 20px 20px 20px;
	border: 1px solid #000000;
	background: #385C72;           
   background-image:url(uploads/womba/tsvheader2.jpg);
   background-repeat:no-repeat;
   background-position:center;
   	height: 75px; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	height: 75px;
	}
html>body #header {
	height: 75px; /* ie5win fudge ends */
	}
#navi {
	position: absolute;
	top: 107px;
	left: 0px;
        margin-left: 20px;
        border: 1px solid #000000;
	background: #eef;
        font-size: .9em; 
	width: 21%; /* ie5win fudge begins */
	voice-family: "\"}\"";
	voice-family:inherit;
	width: 25%;
	}
html>body #navi {
	width: 25%; /* ie5win fudge ends */
	}

.center{
text-align:center;
margin:1em;
}

#main {
	margin: 20px 20px 20px 30%;
	padding: 12px;
	border: 1px solid #000000;
	background: #fff;
        min-height:500px;
	}


#content {
padding: 0;
}

.invisible{display: none !important;}


/********** End Basic Layout ***********/

/********** Basic Style ***********/

div#header h1  {
color:white;
margin-top:50px;
text-align: center;
line-height: 1.2em;
letter-spacing:0.3em;
}

div#main {
   font-size: 1em;
   line-height: 1.2em;
   text-align:left;
}

span#lang{
   padding:1em;
   margin: 1em 0.5em;    
}

div.brotnavi {
	color: #330066; 
	font-size: 0.7em; 
	text-align: left; 
	padding-left: 0px;
	padding-bottom: 6px;
	border-bottom: 1px solid #330066; 
        line-height: 1.0em;
        margin: 0 0 7px 0;
}

div.editanzeige {
   font-size: 0.7em;
   line-height: 1em;
   color: #999999;
   text-align:right;
   vertical-align: bottom;

}


/* spende, Sphead folgt hier (Infokasten unter dem Menü) */

div#spende{
   padding:0px;
   margin: 0.5em;    
   border: 1px solid #373737;
   background-color: #ddd;
}

div#Sphead{
margin:0px;
padding:0.5em;
font-weight: bold;
background-color: red;
}

div#spende p{
font-size: .7em; 
margin:0px;
padding:0.5em;
}

div#main p{
margin: 0 0 0 0;
}

.rechts{
border: 1px solid #373737;
margin:0.3em 0 1em 1em;
}

.links{
border: 1px solid #373737;
margin:0.3em 1em 1em 0;
}

/* HEADINGS */

div#main h2 {
	color: #330066; 
	font-size: 1.5em; 
	text-align: left; 
	padding-left: 1px;
	padding-bottom: 2px;
	border-bottom: 1px solid #330066; 
               line-height: 1.2em;
              margin: 0 0 10px 0;
}


div#content h1 {
   color: #330066; 
   font-size: 2em;
   line-height: 1.2em;
   margin: 0 0 0 0;
}

div#content h3 {
   color: #330066; 
   font-size: 1.3em;
   line-height: 1.2em;
   margin: 0 0 0 0;
}

div#content h4 {
   color: #330066; 
   font-size: 1.2em;
   line-height: 1.2em;
   margin: 0 0 0 0;
}
div#content h5 {
   color: #330066; 
   font-size: 1.1em;
   line-height: 1.2em;
   margin: 0 0 0 0;
}
h6 {
   color: #330066; 
   font-size: 1em;
   line-height: 1em;
   margin: 0 0 0 0;
}

/* END HEADINGS */

/* LISTS */
/* lists in content need some margins to look nice */
div#main ul,
div#main ol,
div#main dl {

   margin: 0.5em 0 0.5em 0;
}

div#main ul li,
div#main ol li {
   margin: 0 0 0.25em 3em;
}

/* definition lists topics on bold */
div#main dl dt {
   font-weight: bold;
   margin: 0 0 0 1em;
}
div#main dl dd {
   margin: 0 0 1em 1em;
}

div#main dl {
  margin-bottom: 2em;
  padding-bottom: 1em;
  border-bottom: 1px solid #c0c0c0;
}

/* END LISTS */
/********** End Basic Style ***********/


/* Bilder-Galerie - Vorschaubilder */
	.thumb {
		margin: 1em 1em 1em 0; /* Abstand zwischen den Bildern */
		padding: 0;
		float: left;
		text-decoration: none;
		line-height: normal;
		text-align: center;
	}

	.thumb img, .thumb a img, .thumb a:link img{ /* Formatiert die Links*/
		display: inline;
		padding: 5px; /* Abstand der Bilder zu dessen Rahmen */
		/* Wenn Sie diesen Abstand auf 0px setzen, wird kein Rahmen, aber auch kein hover-Effekt angezeigt! */
		margin: 0;
		background-color: #000; /* Hintergrund der Bilder */ 
		border-top: 1px solid #eee; /* Rahmen der Bilder */
		border-right: 2px solid #ccc;
		border-bottom: 2px solid #ccc;
		border-left: 1px solid #eee;
		text-decoration: none;
	}

	.thumb a:visited img {
		background-color: #eee; /* Hintergrund der bereits angesehenen Bilder - hier ein Hellgrün */
	}

	.thumb a:hover img {
		background-color: #dae6e4; /* Hintergrund der Bilder beim Überfahren mit der Maus - hier ein Hellblau/Grün */
	}

	.thumbPicCaption {
		text-align: center;
		font-size: smaller;
		margin: 0 1px 0 0;
		padding: 0;
	}

	/* Bilder-Galerie - Bilder im Großformat */
	.bigPic {
		margin: 10px 0 5px 0;
		padding: 0;
		line-height: normal;
	}

	.bigPicCaption { /* Beschreibung des Bildes im Großformat oberhalb des Bildes */
		text-align: center;
		font-weight: bold;
		font-variant: small-caps;
		font-weight: bold;
		margin: 0 1px 0 0;
		padding: 0;
		/* display: none;  nur erforderlich, wenn dieser Text nicht angezeigt werden soll */
	}

	.bigPic img{ /* Einstellungen für die Bilder im Großformat */

		height: auto;
		display: inline;
		padding: 8px; /* Bildabstand zum Rahmen. */
		/* Wenn Sie diesen Abstand auf 0px setzen, wird kein Rahmen, aber auch kein hover-Effekt angezeigt! */
		margin: 0;
		background-color: white; /* Hintergrund des Bildes */ 
		border-top: 1px solid #000000; /* Rahmen des Bildes */
		border-right: 1px solid #000000; 
		border-bottom: 1px solid #000000;
		border-left: 1px solid #000000;
		text-decoration: none; 
		text-align: left;
	}

	.bigPicNav { /* Info zum Bild im Großformat: 'Bild 1 von 4' und die Galerie-Navigation */
		margin: 0;
		padding: 0;
		color: #000000;
		font-size: smaller;
		line-height: normal;
		text-align: center;
	}


/* End of 'womba : womba' */