HTML { height:100%;}

BODY { height:100%; background-color:#fff; padding:0px; margin:0px; font-family: Verdana, Helv, Helvetica, sans-serif; font-size:12px; color:#000; line-height:16px;}

body { margin: 1px; }
img { float: left; margin-right: 8px; }

TABLE,TD,P,DIV,STRONG        { font-family: Verdana, Arial, Helv, Helvetica, sans-serif; font-size:12px; }

A                         { color:#000; text-decoration: none; }
A:HOVER         { color:#a9c9ed; text-decoration: none; background-color:#456FAB; }

H1 { font-size:14px; font-weight:bold; speak:spell-out; color:#000; }
H2 { font-size:12px; font-weight:bold; color:#555555; padding-bottom:0px; margin-bottom:0px; }

/* Color: */
.color01         { background-color:#fff; }                /* color: white  */
.color02        { background-color:#000; }                /* color: black */
/* bg Trainingszeiten */
.color03         { background-color:#EC6D08; }        /* color: orange/ dunkel */
.color04         { background-color:#ECDFD5; }        /* color: orange/ hell*/
/* bg Archiv */
.color05         { background-color:#819EC8; }        /* color: blue01/ dunkel */
.color06         { background-color:#D4DFEE; }        /* color: blue02  hell */

ol {list-style:square;}

#zahl {list-style-type: decimal;}


/* Collage: */
#collage { float:left; width:768px; height:159px; background-image : url(../img/collage_768_de.jpg); }

/* Box für Flagge DE: */
#button_de { position: absolute; top: 188px; left:5px; width:27px; -moz-box-sizing:border-box; }

/* Box für Flagge EN: */
#button_en { position: absolute; top: 188px; left:40px; width:27px; -moz-box-sizing:border-box; }

/* Box für Flagge FR: */
#button_fr { position: absolute; top: 188px; left:75px; width:27px; -moz-box-sizing:border-box; }

#centriert {
margin-top:30px;
}

#ul_front {
text-align:left;
background-color:#adc9ed;
width:100%;
list-style-type: none;
text-decoration: none;
padding:10px 5px 10px 5px;
margin:0 0 0 0px;
border-left:1px solid #333;
border-top:1px solid #333;
border-right:1px solid #333;
border-bottom:1px solid #333;
}


#frontstyle {
text-align:left;
background-color:#fff;
width:100%;
list-style-type: none;
text-decoration: none;
padding:10px 5px 10px 5px;
margin:0 0 0 0px;

border-top:1px solid #333;

border-bottom:1px solid #333;
}

/* Box für Button zurück: */
#button_1 {
float:right;
width:200px;
background-color:#456FAB;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #fff;
font-size:11px;
text-align: center;
color:#000;
padding-left:3px;
padding-right:3px;
}
#update{
float:left;
width:160px;
color:#fff;
background-color:#294994;
border-top:1px solid #000;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #000;
height:18px;
}
/* Box für Button zurück: */
#button_zurueck {
float:right;
width:100px;
max-width:100px;
background-color:#456FAB;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #fff;
font-size:11px;
text-align: center;
color:#fff;
padding-left:3px;
padding-right:3px;
}

/* Box für Headline: */
#headline ul
{
margin-left: 0;
padding-left: 0;
width: 200px;
max-width:200px;
height:24px;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#headline a
{
display: block;
padding: 4px;
width: 200px;
background-color: #456FAB;
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #fff;
}
#headline a:link, #headline a:visited
{
width: 200px;
color: #fff;
text-decoration: none;
}
#headline a:hover
{
width: 200px;
background-color: #D81315;
color: #fff;
}

/* Box für Sulleitertext: */
#sl_headline {
float:left;
width:420px;
max-width:420px;
height:16px;
background-color:#DF1F1C;  /* #456FAB -blau */
border-top:1px solid #fff;
border-right:1px solid #000;
border-bottom:1px solid #000;
border-left:1px solid #fff;
font-size:12px;
text-align: left;
color:#fff;
padding-left:6px;
padding-right:3px;
}

/* Box für Sulleitertext: */
.sl_box {
top:16px;
float:left;
width:420px;
max-width:420px;
height:100px;
background-color:#F5ECE8;
border-bottom:1px solid #333;
border-left:1px solid #fff;
border-top:1px solid #fff;
border-right:1px solid #333;
font-size:12px;
text-align: left;
color:#000;
padding-left:6px;
padding-right:3px;
}

/* Box für Text oben: */
#text_oben {
float:left;
width:768px;
max-width:768px;
height:22px;
background-color:#255CAA;
text-align:center;
color:#adc9ed;
padding-left:0px;
border-bottom:1px solid #000;
}

/* foto außen (rechts und links) */
#foto {
float:left;
width:160px;
border-top:1px solid #000;
border-right:1px solid #537CB4;
border-bottom:1px solid #fff;
border-left:1px solid #537CB4;
}

/* Box für Submenue: */
#floatb {
position: absolute;
top:209px;
left:166px;
max-width:446px;
background-color:#EEF3FB;
border-bottom:1px solid #000;
font-size:11px;
}

#floatbox_1 {
position: absolute;
top:609px;
left:166px;
max-width:660px;
height:112px;
background-image : url(../img/bg_training.gif);
border-bottom:1px solid #000;
font-size:11px;
}

/* Box für Navigation II: */
#secondnav {
float:left;
width:768px;
max-width:768px;
height:22px;
background-color:#294994;
color: #ffffff;
text-align:center;
border-bottom:1px solid #000;
padding-left:0px;
padding-right:0px;
font-size:11px;
}
#secondnav a {
color:#fff;
}
#secondnav a:link, #navlist a:visited {
text-decoration: none;
color: #ffffff;
}

#secondnav a:hover {
background-color: #29589C;
text-decoration: none;
color: #adc9ed;
}

/* Hintergrund Kachel: */
#stage {
float:left;
width:768px;
background-image : url(../img/bg_kachel_768.gif);
}

/* Box für Navigation I: */
#navcontainer ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}

#navcontainer a
{
display: block;
padding: 4px;
width: 160px;
background-color: #adc9ed;
border-bottom: 1px solid #000;
border-top: 1px solid #fff;
}

#navcontainer a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}

#navcontainer a:hover
{
background-color: #255CAA;
color: #000;
}

/* Box für Navigation II NEWS: */
#navcontainernews ul
{
margin-left: 0;
padding-left: 0;
list-style-type: none;
font-family: Arial, Helvetica, sans-serif;
}
#navcontainernews a
{
display: block;
padding: 4px;
width: 160px;
background-color: #adc9ed;
border-bottom: 1px solid #000;
border-top: 1px solid #fff;
}
#navcontainernews a:link, #navlist a:visited
{
color: #000;
text-decoration: none;
}
#navcontainernews a:hover
{
background-color: #95B8E8;
color: #000;
}

/* Box für Content: */
#content {
top:159px;
float:left;
width:446px;
-moz-box-sizing:border-box;
overflow:hidden;
padding:10px 8px;
margin:0px 1px;
background-image : url(../img/bg_kachel_768_innen.gif);
}

/* Box für Events rechts: */
#events {
float:left;
width:160px;
max-width:160px;
overflow:hidden;
padding-left:0px;
background-color:#adc9ed;
font-size:11px;
padding-bottom:20px;
}

/* Box für Footer: */
#footer { float:left; width:768px; background-color:#294994; text-align:center; border-bottom:1px solid #000; font-size:11px; color: #fff; }
#footer A, #footer A:hover { text-decoration: none; color: #ffffff; }

.right                { float:right; }
.left                { float:left; }
.clear                { clear:both; height:1px; overflow:hidden; }


#fl {
float: left;
padding-right: 20px;
}

.fr {
float: right;
padding-left: 60px;
}