html {
	
}
body {
	margin: 0px;											/*  Vereinheitlichung der Standardabstände aller Browser */
	padding: 0px;
	background: #FFFFFF;
	overflow: hidden;
}
img {
	border: 0 none;
}
#background {
	margin: 0px auto;
	width:704px;
	height:892px;
	position: absolute;
	left: 50%;
	top: 50%;
	margin-top: -457px; /* half of width */
	margin-left: -580px;
	/*#margin-top: -192x;   half of height */
	/*padding-top: -310px;*/
	background-image:url(../graphics/background.gif);
	background-repeat: no-repeat;
	background-position: 50% 50%;
	

}
#wrapper {
   margin: 0px auto;
   width: 945px;
   height: 500px;
   position: absolute;
   left: 50%;
   top: 50%;   
   margin-left: -474px; /* half of width */
   margin-top: -237px;  /* half of height */      
   /*margin-top: -269px;   half of height */  

}

a {
    text-decoration: none;
	color: #6f1217;
    background-color: transparent;
}
 a:hover {
    text-decoration: none;
	color: #000000;
    background-color: transparent;
}

#title {
	width: 945px;
	height: 80px;
	color:#FFFFFF;
	background-color:#FFFFFF;
	border: 1px solid #575757;
	border-bottom: 0 none;
	border-left: 0 none;
	margin: 0px;							/*  oben + links/rechts + unten dient zur Zentrierung! */
}

#titleImage {
	float: left;
	height: 80px;
	overflow: hidden;
	margin: 0px;							/* vertikale Zentrierung?? */

}
#additionalImage {
	float: right;
	height: 80px;
	overflow: hidden;
	margin: 0px 0px 0px 0px;							/* vertikale Zentrierung?? */
}


#logo {
	border-left: 4px solid #FFFFFF;
	float:right;
}

h1, h2, h3 {
	margin:0px;		/*   brauche ich für Firefox */
	padding:0px;
}
h1 {
	font-family: Arial, Helvetica, Verdana;
	font-size: 3em;
	
	font-weight: normal;
}
h2 {
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	font-size: 1.8em;
	font-weight: bold;
}
h3 {
	font-family: Arial, Helvetica, Verdana;
	font-weight: normal;
	color: #000000;
	font-size: 1.4em;
}


#topMenu {
	width: 946px;
	background-color:#000000;
	height: 27px;
	text-align: left;
	margin: auto;
}
#topMenu ul {
	list-style: none;
	width: 943px;
	border: 1px solid #000000;
	float: left;
	margin: 0px;		/* Firefox */
	padding: 0px;
}
#topMenu li {
	height: 20px;
	border-right: 1px solid #666666;
	
	margin: 0px;
	padding-left:16px; 									/* Aufgabenstellung und vertikale Zentrierung besser zu erreichen? */
	padding-right:15px;
	padding-top:2px;
	display: block;
	float: left;
}
#topMenu li#keinBalken {
	border-right: 0 none;
}
#topMenu li a {
    text-decoration: none;
	color: #FFFFFF;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial;
	font-variant:small-caps;
    background-color: transparent;
}
#topMenu li a:hover {
    text-decoration: none;
	color: #ee0000;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial;
    background-color: transparent;
}

#content {
	width: 945px;
	height: 330px;
	border-right: 1px solid #575757;
	border-bottom: 1px solid #575757;
	overflow: hidden;
	background-image:url(../graphics/background2.gif);
	background-repeat: no-repeat;
}

/* Indexseite*/
#realContent {
	text-align: left;
	height: 330px;
	width: 665px;
	overflow: hidden;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	font-size: 0.8em;
	float: right;
	position: absolute;
	left: 260px;
}
#imageWelcome {
	float: left;
	position: relative;
	height: 330px;
	width: 435px;
	overflow: hidden;
}

/* Steckbrief */

#realContent2 {
	height: 300px;
	width: auto;
	overflow: hidden;
	margin-left: 10px;
	margin-right: 15px;
	margin-top: 15px;
	margin-bottom: 15px;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	font-size: 0.9em;
	float: left;
}

#imageWindow {
	float: right;
	height: 310px;
	width: 300px;
	margin-right: 15px;
	margin-top: 15px;
	overflow: hidden;
}

/* News */
.hiddenNews {
	position:absolute; 
	left: 0; 
	top: 0; 
	width: 200px; 
	height: 200px; 
	display: inline; 
	visibility: hidden;

}

/* Fotogalerie */
#realContent3 {
	text-align: left;
	height: 320px;
	width: 140px;
	padding-right: 15px;
	padding-top: 15px;
	padding-bottom: 15px;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	font-size: 0.9em;
	float: left;
	margin-left: 10px;
	overflow: hidden;
}

#fotoGalerie {
	float:right;
	height: 330px;
	width: 750px;
	padding-right: 10px;
	overflow: hidden;
}

.galerieButton {
	font-weight: bold;
	position: absolute;
	left: 30px;
	width: 87px;
	height: 248px;
	margin-top: 10px;
	/*background: #FFFFFF;
	border: 1px solid #575757;*/
}
.button {

	position: relative;
	width: auto;
	height: 80px;
}
.galerieButton img {
	position: relative;
	margin: 3px;
	top: 3px;
	border: 1px solid black;
	left: 50%;
	margin-left: -36px;
	z-index: 6;
}
#kindheitAlben {
	position: absolute;
	top: 184px;
	left: 75px;
}
#privatAlben {
	position: absolute;
	top: 264px;
	left: 90px;
}
#leistungssportAlben {
	position: absolute;
	top: 330px;
	left: 105px;
}

.galerieSubAlben {
	border: 1px solid #000000;
	padding: 3px;
	padding-left: 10px;
	width: 110px;
	background-color: #FFFFFF;
	visibility: hidden;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial;
}

.galerieSubAlbenOff {
	position: absolute;
	top: 6px;
	left: 75px;
	border: 1px dotted #575757;
	padding: 3px;
	padding-left: 10px;
	width: 110px;
	background-color: #FFFFFF;
	visibility: hidden;
	font-size: 0.8em;
	font-weight: bold;
	font-family: Arial;
	color: #AAAAAA;
}

#showActiveGallery {
	position: absolute;
	top: 411px;
	left: 50px;
	width: 300px;
	z-index: 2;
	font-size: 0.9em;
	font-weight: bold;
	font-family: Arial;

	font-variant:small-caps;
}

#buttonStreifen {
	position: absolute;
	left: -59px;
	top: 153px;
	width: 98px;
	height: 248px;
	margin-top: 10px;
	background-image:url(../graphics/galerie/galerieBackground.gif);
	background-repeat: no-repeat;
}
#buttonStreifen2 {
	position: absolute;
}
#buttonStreifen3 {
	position: absolute;
}
#kindheitButton {
	position: relative;
	left: -30px;
}
#privatButton {
	position: relative;
	left: -15px;
}

/* News */
.newsButton {
	display: inline; 
	height: 20px; 
	float: left; 
	padding-right: 7px; 
	padding-top: 10px;
}
.newsImage {
	border: 1px solid #000000;
}

/* Presse */
.presseButton {
	display: inline;  
	float: left; 

}

#writeNews {

width: 887px;
}



/* Links */
.linkButton {
	display: inline;  
	float: left; 
	padding-right: 7px; 
	padding-top: 1px;
	padding-left: 15px;
}

.linkEntry {
	padding: 3px;
	font-weight: bold;
}

#abschluss {
	clear: both; 			/* wird benötigt, damit die Float Elemente im Elternelement liegen */
}

#footerContainer {
	width: 945px;
	height: 35px;
	border: 1px solid #575757;
	border-top: 0 none;
	border-left: 0 none;
	margin: auto;
	background-color:#CCCCCC;
	background-image:url(../graphics/background3.gif);
	background-repeat: no-repeat;
	/*#background-position: 50% 50%;	*/
}
#footerLeft {
	float: left;
	text-align:left;
	font-size: 0.8em;
	padding: 7px;
	padding-left: 50px;
	font-family: "Trebuchet MS";
	font-variant:small-caps;
	color: #000000;
	
}
#footerLeft a {
    text-decoration: none;
	color: #000000;
    background-color: transparent;
}
#footerLeft a:hover {
    text-decoration: underline;
	color: #000000;
    background-color: transparent;
}
#footerRight {
	float: right;
	text-align:right;
	font-size: 0.8em;
	padding-top: 3px;
	padding-right: 10px;
	font-family: "Trebuchet MS";
	color: #FFFFFF;
	
}

hr {
	background-color:#A4B4CD;
	margin-right:20px;
	margin-bottom: 20px;
}

table {
	width: 95%;
	border: 0 none; 
}
th {
	text-align: left;
	font-weight: bold;
	padding-top: 20px;
	padding-bottom: 5px;
}
td {
	font-size: 0.9em;
	border: 0 none;
}

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

.entferneAbsatz {
	margin-bottom: 0px;
}

.absatz {
	margin: 1em 0px 1em 0px;			/* oben/rechts/unten/link */
}

#flashcontent {
	font-size: 0.9em;
	font-family: Arial, Helvetica, Verdana;
	color: #000000;
	
}