/*===========================================================================*/

/* DATEI: boogie.css                                                         */

/*                                                                           */

/*  HTML-Datei mit dieser Formatierungs-Steuerungs-Datei verknüpfen:         */

/*  ...als Link im Header:                                                   */

/*     <link rel="stylesheet" type="text/css" href="boogie.css">             */

/*  ...oder Anweisung direkt:                                                */

/*     <style type="text/css">  .....  </style>                       */

/*===========================================================================*/



/*---------------------------------------------------------------------------------*/

/*   SCREEN                                                                       */

/*---------------------------------------------------------------------------------*/

@media screen {

.Stil1 {
	color: #FF0000
}

#seite1024 {
	position: absolute;
	left: 0px;
	top: 0px;
	width: 1024px;
	height: 768px;
	border-width: 1px;
	border-style: solid;
	border-color: grey;
}

/*---------------------------------------------------------------------------------*/

/*      ALLE                                                                       */

/*---------------------------------------------------------------------------------*/

body {
	background-color: #F1E9DD;
	font-family: Franklin Gothic Medium, Verdana, Arial;
	font-size: 10pt;
	color: #000000;
}

#veranstaltungen td, .contentLayoutTraining1 td {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	padding-top: 2px;
	padding-bottom: 4px;
	padding-right: 8px;
	padding-left: 5px;
}

#veranstaltungen .zeile_jahr, #veranstaltungen .zeile_monat, .contentLayoutTraining1 .zeile_jahr, .contentLayoutTraining1 .zeile_monat {
	font-family: Geneva, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	background-color: #FFFF99;
}

#veranstaltungen .zeile_jahr, .contentLayoutTraining1 .zeile_jahr {
	font-size: 20px;
	text-align: center;
}

#veranstaltungen table, table.contentLayoutTraining1 {
	border-collapse: collapse;
}

#banner {
	position: absolute;
	left :4px;
	top: 0px;
	margin: 0px;
	width: 997px;
	height: 70px;
	padding: 0px;
	background-image: url("bilder_online/higru_logo/banner.gif");
	border: 0;
}

#logo {
	position: absolute;
	left: 20px;
	top:  105px;
	width:  90px;
	height: 90px;
	background-image:  url(bilder_online/higru_logo/logo90.gif);
	margin: 0px;
	padding: 0px;
	border: 0;
}

#logo_print {
	display: none;
}

#page_titel {
	position: absolute;
	top: 167px;
	left: 250px;
	font-size: 18pt;
	font-weight: bold;
	width: 623px;
	height: 65px;
}

#page_titel .stand {
	font-size: 12px;
	font-weight: normal;
}

#page_titel a {
	font-size: 12px;
	font-weight: bold;
	color: #333333;
}

#page_titelre {
	position: absolute;
	top: 130px;
	left: 600px;
	font-size: 18pt;
	font-weight: bold;
}

/*---------------------------------------------------------------------------------*/

/*    Startseite                                                                   */

/*---------------------------------------------------------------------------------*/

#lorbeerkranz {
	position: absolute;
	left: 128px;
	top: 105px;
	margin: 0px;
	padding: 0px;
	background-image: url("bilder/10years.gif");
	width: 81px;
	height: 65px;
	border: 0;
}

#ticker {
	position: absolute;  /* 312 = Beginn Ticker */
	top: 110px;
	left: 262px;
}

/*===========================================================================*/

#hauptversammlung h1, #hauptversammlung h4, #hauptversammlung p {
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 5px;
	margin-left: 0px;
}

#hauptversammlung {
	position: absolute;
	top: 200px;
	left: 260px;
	text-align: center;
	padding: 15px;
	width: 700px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FEEE7A;
	border: 3px outset #FF9900;
}

#absatz_allgemein, #infobox {
	position: absolute;
	top: 195px;
	left: 250px;
	width: 705px;
	background-color: #FEEE7A;
	padding: 15px;
	border: 2px solid #552B80;
}

#infobox {
	position: absolute;
	top: 450px;
	left: 260px;
	width: 365px;
	text-align: center;
	height: 486px;
	background-color: #66CCFF;
}

#absatz_allgemein h1, #absatz_allgemein h2, #infobox h1, #infobox h2 {
	margin-top: 10px;
	margin-bottom: 0px;
}

#absatz_allgemein p, #infobox p {
	margin-top: 5px;
	font-size: 16px;
	font-weight: bold;
}

#startbild1 {
	position: absolute;
	/*top: 170px;*/
	top: 640px;
	left: 280px;
}

#startbild1 img {
	border-top-width: 1px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 1px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #666666;
	border-right-color: #6F5B71;
	border-bottom-color: #6F5B71;
	border-left-color: #666666;
}

#startbild1 a {
	text-decoration: none;
}

#startbild2li {
	position: absolute;
	top: 205px;
	left: 250px;
}

/* #startbild2li a {
	border: 2px solid #0000FF;
} */

#startbild2re {
	position: absolute;
	top: 205px;
	left: 620px;
}

#startbild3li {
	position: absolute;
	top: 740px;
	left: 400px;
}

#ausverkauft {
	position: absolute;
	top: 520px;
	left: 47px;
}

#kommtanzentermin {
	position: absolute;
	top:  425px;
	left: 645px;
	font-size: 18pt;
	font-family: Arial, sans-serif;
	font-weight: bold;
	color:#302826;  /* #2D294F; */
	font-style: italic;
	width: 130px;
	height: 24px;
	background: #F1E9DD;
	z-index: 6;
}

/*---------------------------------------------------------------------------------*/

/*      Startseite:  Aktuelles/NEWS                                                */

/*---------------------------------------------------------------------------------*/

#aktuelles {
	position: absolute;
	left: 20px;
	top:  205px;
}

table#news {
	border: 0;
	padding: 0px;
	width: 200px;  /* 260px; */
	border-collapse: collapse;
}

td#newsHeader {
	font-size: 18pt;
	font-weight: bold;
	text-align: right;
}

td#newsLine1 {
	background-color: #F5E917;  /* gelb */
	text-align: center;
}

td#newsLine2 {
	background-color: #D6EBCE;  /* hellgrün */
	text-align: center;
}

td#newsLine3 {
	background-color: #E1A19D;  /* lila */
	text-align: center;
}

td#newsLine4 {
	background-color: #F7D108;  /* ocker */
	text-align: center;
}

td#newsLine5 {
	background-color: #73C6EF;  /* blau */
	text-align: center;
}

td#newsLine6 {
	background-color: #E69A6F;  /* rot */
	text-align: center;
}

td#newsLine7 {
	background-color: #FFFF00;  /* gelb */
	text-align: center;
}

td#newsLine8 {
	background-color: #5CFEFF;  /* türkis */
	text-align: center;
}

/*-----------------------------------------------------------------------------*/

/*               Position - Seiteninhalt                                       */

/*-----------------------------------------------------------------------------*/

#termine table, #erfolge table, #links table {
	margin-top: 50px;
}

#content {
	position: absolute;
	top: 200px;
	left: 250px;
	width: 729px;
}

#content_presse {
	position: absolute;
	top: 250px;
	left: 250px;
}

#content_0 {
	position: absolute;
	top: 200px;
	left: 20px;
	text-align: center;
}

#formation {
	position: absolute;
	top: 150px;
	left: 80px;
}

#kurslinks {
	position: absolute;
	top: 190px;
	left: 130px;
}

#kursrechts {
	position: absolute;
	top: 190px;
	left: 580px;
}

#erfolge {
	position: absolute;
	top: 190px;
	left: 160px;
	width: 731px
}

#ClubTrainerNav {
	position: absolute;
	top: 190px;
	left: 20px;
	width: 175px
}

#termine {
	position: absolute;
	top: 192px;
	left: 179px;
	width: 820px;
	height: 400px;
}

#termine .txt_blau {
	color: #0000FF;
	font-weight: bold;
}

.desers {
	color: #FFFFFF;
	background-color: #0017F2;
	text-decoration: none;
}

.desers:hover {
	background-color: #4053FF;
}

.txt_deser {
	color: #FFFFFF;
	font-size: 0.8em;
}

.termin-big {
	font-size:16px;   /*20px*/
	font-family:Arial ,sans-serif ;
	font-weight: bold;
	color:#000000;
}

#links {
	position: absolute;
	top: 190px;
	left: 0px;
}

#bilder {

}

.bilderthema {
	font-size: 16px;  /* 20px */
	font-family: Arial, sans-serif;
	font-weight: bold;
	color: #000000;
}

/*-----------------------------------------------------------------------*/

/*         Tabelle                                                       */

/*-----------------------------------------------------------------------*/

table.contentLayout {

}

table.contentLayoutErfolge {
	width: 450px;  /*  border-collapse: collapse;  */
	border-color: grey;
	border-width: 2px;
	border-style: none;  /* none;solid;double;groove; */
	background-color: #CCDBBB;
}

table.contentLayoutTrainer {

}

table.contentLayoutTraining2 {

}

table.contentLayoutKontakt {

}

/*-----------------------------------------------------------------------*/

/*         Tabelle - TD                                                  */

/*-----------------------------------------------------------------------*/

td.contentHeadline {

}

td.contentLine {
	font-size: 10pt;
	text-align: left;
	padding: 4px;
	vertical-align:top;
}

td.contentLineBorder {
	font-size: 10pt;
	text-align: left;
	padding: 7px;
	vertical-align: top;
	border: 1px solid grey;
}

/*-----------------------------------------------------------------------*/

/*         Navigation                                                    */

/*-----------------------------------------------------------------------*/

#nav-menu {
	font-size:13px;
	width:1020px;  /* 995px  menu-Breite gesamt, no wrapping ! (bei resize window) */
	position: absolute;
	left: 2px;
	top: 65px;
}

#nav-menu ul {
	list-style: none;
	padding: 0;
	margin: 0;
}

#nav-menu li {
	float: left;  /* 0 0.15em;*/
	padding: 0;
	text-align: center;
	margin-top: 0;
	margin-right: 0em;
	margin-bottom: 0;
	margin-left: 0em;
}

#nav-menu li a {
	background: url(background.gif) #fff bottom left repeat-x;
	height: 2em;  /* box-relativ zur Schrift 2x = Abstand zum Box-Rahmen */
	line-height: 2em;  /* zentriert Schrift in der Box */
	float: left;  /* --horizontales menu*/
	width: 121px;  /* -10.61em(7)- 9.31em(8)--Breite der Menu-Felder ---*/
	display: block;
	border: 2px solid  #84CEEF;  /* border 0,1em, border-color dunkelgelb:#F7D108 */
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	background-color:  #84CEEF;  /* #FFFFCC gelb */
}

#nav-menu li a:hover {
	color: #000000;
	background-color: #DEEAF0;  /* #f9e97f */
}

#nav-menu li p {
	background: url(background.gif) #fff bottom left repeat-x;
	height: 2em;  /* box-relativ zur Schrift 2x = Abstand zum Box-Rahmen */
	line-height: 2em;  /* zentriert Schrift in der Box */
	float: left;  /* --horizontales menu */
	width: 120px;  /* 120px = aktives Element um 1px weniger waagrecht, damit Länge dem logo oben entspricht. */ 	/* -10.61em(7)- 9.31em(8)--Breite der Menu-Felder --- */
	display: block;
	border: 2px solid  #84CEEF;  /* border 0,1em, border-color */
	color: #0d2474;
	text-decoration: none;
	text-align: center;
	background-color: #DEEAF0; /* #f9e97f */  /* #FFFFCC gelb */
}

/*-----------------------------------------------------------------------*/

/*         Navigatior - Club                                             */

/*-----------------------------------------------------------------------*/

#nav-menu-club {

               width:996px ;      /* menu-Breite gesamt, no wrapping ! (bei resize window) */

               position: absolute;

               left: 12.61em;

               top: 95px;  /*95px;*/

               }

#nav-menu-club ul       {

                        list-style: none;

                        padding: 0;

                        margin: 0;

                        }

#nav-menu-club li       {

                        float: left;

                        margin: 0 0em;         /* 0 0.15em;*/

                        padding: 0;

                        text-align: center

                        }

#nav-menu-club li a     {

                        background: url(background.gif) #fff bottom left repeat-x;

                        height: 2em;                   /*box-relativ zur Schrift 2x = Abstand zum Box-Rahmen */

                        line-height: 2em;              /* zentriert Schrift in der Box */

                        float: left;                   /*--horizontales menu*/

                        width: 8.40em;                 /*---10.61em-----Breite der Menu-Felder--------*/

                        display: block;

                        border: 2px solid #84CEEF ;    /*border 0,1em, border-color */

                        color: #0d2474;

                        text-decoration: none;

                        text-align: center;

                        background-color: #84CEEF;

                        }

#nav-menu-club li a:hover {

                          color: #000000;

                          background-color:#DEEAF0; /*#f9e97f*/

                          }

#nav-menu-club li p     {

                        background: url(background.gif) #fff bottom left repeat-x;

                        height: 2em;               /*box-relativ zur Schrift 2x = Abstand zum Box-Rahmen */

                        line-height: 2em;          /* zentriert Schrift in der Box */

                        float: left;               /*--horizontales menu*/

                        width: 8.40em;             /*---10.61em-----Breite der Menu-Felder--------*/

                        /*display: block;*/

                        border: 2px solid #84CEEF ;    /*border 0,1em, border-color */

                        color: #0d2474;

                        text-decoration: none;

                        text-align: center;

                        background-color: #DEEAF0; /*#f9e97f*/

                        }

/*
headerlinks {

         position: absolute;

         top: 130px;

         left: 180px;

         font-size: 18pt;

         font-weight: bold;

         }

headerrechts {

         position: absolute;

         top: 130px;

         left: 600px;

         font-size: 18pt;

         font-weight: bold;

         }
*/

} /* Ende media <screen> */


/*---------------------------------------------------------------------------------*/

/*   DRUCKER                                                                       */

/*---------------------------------------------------------------------------------*/


@media print {

.nicht_drucken { display: none; }

#bodyleft { display: none; }

#nav-menu { display: none; }

#nav-menu-club { display: none; }

#ticker { display: none; }
						 
#page_titelre { display: none; }

#logo_print {
	position: absolute;
	left: 590px;
	top:  0px;
	width:  90px;
	height: 90px;
	margin: 0px;
	padding: 0px;
	border: 0;
}

/*
#content {
	position: absolute;
	left: 20px;
	top: 50px;
	width: 731px;
}
*/

#page_titel {
	position: absolute;
	top: 0px;
	left: 20px;
	font-size: 16pt;
	font-weight: bold;
}

#page_titel .stand {
	font-size: 12px;
	font-weight: normal;
}
						 
#page_titel a { display: none; }

#termine    {
	position: absolute;
	left: 20px;
	top: 94px;
	font-size: 10pt;
	width: 731px;
}

#bodycenter {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 731px;
}

#bodycenterquer {
	position: absolute;
	left: 20px;
	top: 0px;
	width: 900px;
	size:landscape;
}

#sommernachtsball {
	position: absolute;
	left: 20px;
	top: 0px;
}
													
} /* Ende media <print> */