/*
  /////////////////////////////////////////////////////////
 // INITIALISIERUNG //////////////////////////////////////
/////////////////////////////////////////////////////////
*/

* {
	padding:0;
	margin:0 auto;
	border:0;
}

* a:active {
	outline:none;
}

* a:focus {
	-moz-outline-style: none;
	outline:none;
}

* img {
	border:0px;
}

#page {
	height:100%;
}

#page[id] {
 	height:auto;
	min-height:100%;
}
	
html {
	height:100%;
}
	
body {
	height:100%;
 	background-color:#000000;
	background-image:url(images/siteBackground_tile.jpg);
	background-repeat:repeat-y;
	background-position:center top;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:15px;
	text-align: center; /* Hierdurch wird der Container in IE 5*-Browsern zentriert. Dem Text wird dann im #container-Selektor die Standardausrichtung left (links) zugewiesen. */
}

#page {
	width:100%;
	min-height:100%;
	/*background-color:#DDDDDD;*/
	background-image:url(images/siteBackground_top.jpg);
	background-repeat:no-repeat;
	background-position:center top;
	position:relative;
	text-align: left; /* Hebt text-align: center; aus body wieder auf */
}

   /*
  /////////////////////////////////////////////////////////
 // STRUKTUR /////////////////////////////////////////////
/////////////////////////////////////////////////////////
*/

#header {
	width:768px;
	height:180px;
	/*background-color:#FFFFFF;*/
	background-image:url();
	background-repeat:no-repeat;
	background-position:center top;
}

#navigation {
	height:40px;
	text-align:center;
	/*background-color:#BBBBBB;*/
	background-image:url(images/contentBackground_navigation.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#logo {
	height:105px;
	/*background-color:#CCCCCC;*/
	background-image:url(images/contentBackground_logo.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#logo a {
	display:block;
	height:105px;
	/* width:250px; */
	text-indent:-9999px;
	margin:0;
}

#subnavigation {
	height:35px;
	/*background-color:#AAAAAA;*/
	background-image:url(images/contentBackground_subnavigation.png);
	background-repeat:no-repeat;
	background-position:center top;
}

#content {
	width:768px;
	padding-bottom:75px; /* schiebt den Footer nach unten! */
	
}

#mainContent {
	display:block;
	padding-top:25px;
	margin:0;
	margin-right:218px; /* Breite des Sidebars! */
}

#sideBar {
	display: block;
	width: 218px;
	float:right;
	padding-top:5px; /* der Restliche Abstand steckt im Teaser selbst*/
}

#contentClear {
	display:block;
	height:2px;
	width:768px;
	clear:both;
}

#footer {
	behavior: url(supplements/iepngfix2.htc);
	position:absolute;
	width:100%;
	clear:both; 
	bottom:0px;
	height:75px;
	overflow:hidden;
	background-image:url(images/siteBackground_footer.png);
	background-repeat:no-repeat;
	background-position:bottom center;
	text-align:center;
}

   /*
  /////////////////////////////////////////////////////////
 // CONTENT //////////////////////////////////////////////
/////////////////////////////////////////////////////////
*/

#mainContent h1 {
	font-size:24px;
	line-height:25px;
	font-weight:lighter;
	color:#666666;
	text-align:left;
	padding-left: 20px;
	padding-bottom:25px;
	width:400px;
	margin:0;
}

#mainContent h2 {
	font-size:12px;
	font-weight:bold;
	color:#000000;
	text-align:left;
	padding-left: 20px;
	padding-right:20px;
	padding-bottom:-10px;
}

#mainContent h5 {
	font-size:18px;
	width:190px;
	font-weight:lighter;
	font-style:oblique;
	color:#990000;
	line-height:20px;
	text-align:right;
	margin-left:7px;
	padding-left:8px;
	border-left:dotted 1px #990000;
	padding-right:20px;
	float:right;
	padding-top:10px;
	padding-bottom:10px;
}

#mainContent p {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#333333;
	line-height:15px;
	text-align:justify;
	padding-bottom:15px;
	padding-left: 20px;
	padding-right:20px;
}

/*
// ARTIKEL-TOP
*/

#artikelBild {
	width:328px;
	height:229px;
	float:left;
	margin-left:5px;
	margin-top:-15px;
	margin-bottom:15px;
	background-image:url(images/bilderRahmen.jpg);
	background-repeat:no-repeat;
	display:inline;
}

#artikelBild img {
	float:left;
	position:relative;
	top:15px;
	left:15px;
}

#artikelBild_BIG {
	width:540px;
	height:229px;
	float:left;
	margin-left:5px;
	margin-top:-15px;
	margin-bottom:15px;
	background-image:url(images/bilderRahmen_BIG.jpg); */
	background-repeat:no-repeat;
	display:inline;
}

#artikelBild_BIG img {
	float:left;
	position:relative;
	top:15px;
	left:15px;
}

#artikelAnleser {
	width:190px;
	height:175px;
	float:right;
	padding-right:20px;
	font-weight:bold;
	color:#666666;
	text-align:left;
}

#artikelButtons {
	display:block;
	width:210px;
	height:38px;
	float:right;
	position:relative;
	right:5px;
	padding-right:0px;
}

#artikelButtons a {
	display:block;
	width:105px;
	height:38px;
	float:left;
}

/*
// ARTIKEL-SUB
*/

#artikelSub {
	display:block;
	margin-top:20px;
	margin-bottom:10px;
	width:510px;
}

#artikelSub a {
	position:relative;
	left:-6px;
}

#artikelSub1 {
	display:block;
	margin-right:8px;
	width:162px;
	float:left;
}

#artikelSub2 {
	display:block;
	margin-left:4px;
	margin-right:4px;
	width:162px;
	float:left;
}
#artikelSub3 {
	display:block;
	margin-left:8px;
	width:162px;
	float:left;
}

.artikelSubHeadline {
	display:block;
	font-size:14px;
	line-height:15px;
	font-weight:lighter;
	color:#666666;
	text-align:left;
}

.artikelSubParagraph {
	display:block;
	font-size: 12px;
	line-height:15px;
	color:#333333;
	text-align:left;
}

/*
// ARTIKEL-ARCHIV
*/

#artikelArchivElement {
	display:block;
	margin-top:20px;
	margin-bottom:00px;
	width:510px;
}

#artikelArchivElement a {
	position:relative;
	left:-6px;
}

/*
// NEWS-FLASH
*/

#newsFlash {
	display:block;
	margin-top:10px;
	margin-bottom:20px;
	width:530px;
}

#newsFlash h1 {
	display:inline-block;
	width:400px;
	height:44px;
	position:relative;
	left:-4px;
	background-image:url(images/newsFlash.jpg);
	background-repeat:no-repeat;
	margin:0;
	padding:0;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
}

.flash {
	display:block;
	width:510px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	padding-bottom:5px;
	margin-top:2px;
	margin-bottom:3px;
	margin-left:5px;
}


.newsFlashDatum {
	display:block;
	font-size:10px;
	line-height:10px;
	color:#990000;
	font-weight:bold;
	margin-bottom:2px;
}

.newsFlashHeadline {
	display:block;
	font-size:14px;
	line-height:15px;
	color:#666666;
	font-weight:lighter;
	margin-bottom:7px;
}

.newsFlashParagraph {
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:15px;
	color:#333333;
	text-align:left;
}

/*
// ORGANIGRAMM
*/

#organigramm {
	display:block;
	margin: 0 auto;
	width:520px;
}

#organigramm h1 {
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 12px;
	line-height:15px;
	color:#333333;
	margin:0 auto;
	padding:0;
	padding-bottom:5px;
	text-align:center;
}

#organigramm h2 {
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 14px;
	line-height:15px;
	color:#333333;
	margin:0 auto;
	padding:0;
	padding-bottom:20px;
	text-align:center;
}

#organigramm h3 {
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-weight:bold;
	font-size: 16px;
	line-height:15px;
	color:#999999;
	width:250px;
	margin:0 auto;
	padding:0;
	padding-top:12px;
	padding-bottom:12px;
	text-align:center;
}

#organigramm h4 {
	display:block;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height:15px;
	color:#000000;
	width:162px;
	margin:0 auto;
	padding:0;
	padding-top:7px;
	padding-bottom:3px;
	text-align:center;
}

#mutterVerein {
	display:block;
}

#organisation {
	display:block;
}

#leitung {
	display:block;
	padding-bottom:5px;
}

#leitungErweitert {
	display:inline-block;
	width:520px;
	height:89px;
	padding-bottom:15px;
	margin:0 auto;	
}

#leitungErweitert div {
	float:left;
}

#sektionen {
	display:block;
	width:510px;
	margin:0 auto;
}

#sektionenCheer {
	display:block;
	width:250px;
	float:left;
	background-image:url(images/orga_sektionenFrame.png);
	background-repeat:no-repeat;
}

#sektionenDance {
	display:block;
	width:250px;
	height:300px;
	float:right;	
	background-image:url(images/orga_sektionenFrame.png);
	background-repeat:no-repeat;
}

#sektionCheerSeniors {
	display:block;
	width:230px;
	background-image:url(images/orga_sektion.jpg);
	background-repeat:no-repeat;
	padding-bottom:15px;
}

#sektionCheerJuniors {
	display:block;
	width:230px;
	background-image:url(images/orga_sektion.jpg);
	background-repeat:no-repeat;
	padding-bottom:15px;
}

#sektionCheerPeewees {
	display:block;
	width:230px;
	background-image:url(images/orga_sektion.jpg);
	background-repeat:no-repeat;
	padding-bottom:15px;
}

#sektionDanceSeniors {
	display:block;
	width:230px;
	background-image:url(images/orga_sektion.jpg);
	background-repeat:no-repeat;
	padding-bottom:15px;
}

.postenMain {
	display:block;
	width:172px;
	height:89px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/orga_postenMain.png);
	background-repeat:no-repeat;
}

.postenSub {
	display:block;
	width:172px;
	height:60px;
	behavior: url(supplements/iepngfix1.htc);
	background-image:url(images/orga_postenSub.png);
	background-repeat:no-repeat;
}

.position {
	display:inline-block;
	margin-top:6px;
	width:172px;
	font-size:10px;
	font-weight:bold;
	text-align:center;
	color:#ffffff;
}

.name {
	display:inline-block;
	margin-left:10px;
	margin-top:10px;
	width:162px;
	height:15px;
	text-align:left;
	font-size:12px;
	color:#000000;
}

.email a {
	display:inline-block;
	width:25px;
	height:25px;
	margin-left:12px;
	margin-top:9px;
	text-indent:-9999px;
}

.photo a {
	display:inline-block;
	width:25px;
	height:25px;
	margin-left:-4px;
	text-indent:-9999px;
}




/*
// ALLGEMEIN
*/

#roster {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	list-style:none;
	text-align:left;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
	width:450px;
	margin:0;
}

#rosterHeader {
	display:block;
	width:400px;
	height:44px;
	background-image:url(images/header_teamMitglieder.jpg);
	background-repeat:no-repeat;
	margin-left:5px;
	padding:0;
	line-height:1px;
	font-size:1px;
	text-indent:-9999px;
}

#roster li {
	display:block;
	height:38px;
	background-image:url(images/rosterBack.jpg);
	background-repeat:no-repeat;
}

#roster li * {
	float:left;
	line-height:38px;
}

.rosterName {
	display:block;
	width:300px;
	margin: 0;
}

#erfolge {
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	color:#000000;
	list-style:none;
	text-align:left;
	padding-bottom:15px;
	padding-left:20px;
	padding-right:20px;
}

/*
// KLASSEN
 */

.textLight {
	font-weight:lighter;
}

.textBold {
	font-weight:bold;
}

.readMore {
	display:block;
	width:105px;
	height:38px;
	background-image:url(images/button_readMore.jpg);
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.watchMovie {
	display:block;
	width:105px;
	height:38px;
	background-image:url(images/button_watchMovie.jpg);
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.seePhotos{
	display:block;
	width:105px;
	height:38px;
	background-image:url(images/button_seePhotos.jpg);
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.readMoreSmall {
	behavior: url(supplements/iepngfix2.htc);
	display:block;
	width:38px;
	height:38px;
	background-image:url(images/button_readMoreSmall.png);
	background-position:center;
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.watchMovieSmall {
	behavior: url(supplements/iepngfix2.htc);
	display:block;
	width:38px;
	height:38px;
	background-image:url(images/button_watchMovieSmall.png);
	background-position:center;
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.seePhotosSmall {
	behavior: url(supplements/iepngfix2.htc);
	display:block;
	width:38px;
	height:38px;
	background-image:url(images/button_seePhotosSmall.png);
	background-position:center;
	text-indent:-9999px;
	text-decoration:none;
	margin:0;
}

.magistra {
	font-size:9px;
	position:relative;
	top:-4px;
}

.simpleClear {
	display:block;
	height:1px;
	clear:left;
	line-height:1px;
	font-size:1px;
}

.divisorLine {
	line-height:1px;
	font-size:1px;
	height:1px;
	width:510px;
	background-color:#CCCCCC;
	clear:left;
}

/*
// LINK Styling fuer mainContent
*/

a.linkStyle {
	color:#333333;
	display:inline-block;
	text-decoration: none;
	line-height:10px;
	border-bottom:1px dashed #990000;
}

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

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

a:hover.linkStyle {
	color:#990000;
	text-decoration: none;
	border-bottom:1px solid #990000;
}