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 */

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


#frontstyle {
width:100%;
font-size:13px;
text-align:center;
list-style-type: none;
text-decoration: none;
background-color:#fff;
padding:30px 0 30px 0px; 
margin:0 0 0 0px; 
}

/* 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;
}
ol {list-style:square;}
#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;
}
/* 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; 
}

/* 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:70px;
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 Button zurück: */
#button_zurueck {
float:right;
width:130px;
max-width:130px;
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 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; }