HTML, BODY {height:100%;}
body
{
margin:0;
padding:0;
font-size:13px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#50514e;
text-align:center;
}

table
{
border:0;
}

p
{
margin:0;
padding:0;
padding-bottom:15px;
}


h1
{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:15px;
font-weight:bold;
color:#248cb6; 
padding-top:100px;
}

.title
{
font-family:Verdana, Arial, Helvetica, sans-serif;
letter-spacing:-1px;
font-size:15px;
font-weight:bold;
color:#248cb6; 
margin:0;
padding:0 16px 10px 17px;
}

a:link,
a:visited,
a:hover
{
color:#315f71;
text-decoration:underline;
}
a:hover
{
color:#248cb6;
}

small
{
font-size:11px;
}

dl, dt, dd
{
margin:0;
padding:0;
}

dt
{
padding-left: 12px;
background:url(../images/bullet_01.gif) no-repeat 0 7px;
font-size:12px;
text-decoration:underline;
color:#315f71;
}


dd
{
padding-bottom:15px;
padding-left: 12px;
font-size:11px;
}

ul
{
margin:0;
padding:0;
list-style:square outside url(../images/bullet_01.gif);
}

li
{
margin:0 0 0 16px;
padding:0;
}

ul.inSide,
.ulInSide ul{
 list-style-position:inside;
 padding-bottom:15px;
}

ul.outside li{
               list-style: outside;
			   margin-left: 15px;
			   padding-left: 15px;
			   background:url(../images/bullet_01.gif) no-repeat left 7px;
			   list-style-type:none;
              }
em
{
font-style:italic;
color:#50514e;
}

.container
{
width:899px;
margin:0 auto;
background:#FFF;
text-align:left; 
border:1px solid #EBF0F4; border-width:0 1px;
 
}

/*###################################################*/
.header
{
display:block;
/* 2008.07.24 Neue stiles fur des Logotipe */
padding:23px 19px 9px 82px;
background:url(../images/logo.gif) 16px center no-repeat;
/* Ende des Neue selectors von 2008.07.24 */
}

.header a:link,
.header a:visited,
.header a:hover
{
color:#2386ad;
font-family: "Times New Roman", Times, serif;
font-weight:bold;
font-size:24px;
text-decoration:none;
}

/*###################################################*/

.menu 
{
/* 2008.07.16*/
background:url(../images/bg_menu_right.gif) no-repeat right bottom;

border-top: solid 1px #eceff2;
width:899px;
float:left;
margin-bottom: 16px;
}

#menu 
{
/* 2008.07.16*/ 
background:url(../images/bg_menu_left.gif) no-repeat left bottom;

border-top: solid 1px #FFF;
width:899px;
float:left;
font-weight:bold;
font-size:12px;
}

#menu a:link,
#menu a:visited,
#menu a:hover
{
float:left;
text-decoration:none;
color:#14546f;
/* 2008.07.16*/
background:url(../images/bg_menu.gif) left bottom;

cursor:pointer;
cursor:hand;
}


#menu #column_first a:link,
#menu #column_first a:visited,
#menu #column_first a:hover
{/* 2008.07.16*/
background:none;
}

#menu a.active,
#menu a.active:link,
#menu a.active:visited,
#menu a.active:hover,
#menu a:hover
{
text-decoration:none;
color:#14546f;
/* 2008.07.16 */
background:url(../images/bg_menu_active.gif) left bottom;

}

#menu #column_first a:hover,
#menu #column_first a.active:link,
#menu #column_first a.active:visited,
#menu #column_first a.active:hover
{
/* 2008.07.16*/
background:url(../images/bg_menu_active_left.gif) left bottom;

}


#menu a:link div,
#menu a:visited div,
#menu a:hover div,
#menu a:link span,
#menu a:visited span,
#menu a:hover span
{
float:left;
padding:10px 15px 12px 16px;
/*2008.07.15  fur kleine punkte
width:140px; text-align:center; */
}

#menu a.active div,
#menu a.active:link div,
#menu a.active:visited div,
#menu a.active:hover div,
#menu a:hover div,
#menu a.active span,
#menu a.active:link span,
#menu a.active:visited span,
#menu a.active:hover span,
#menu a:hover span
{
/* 2008.07.16*/
background:url(../images/bullet_menu_active.gif) no-repeat center bottom;

}

/*###################################################*/

.images_block
{
padding-left:16px;
}
.images_block img
{
margin-right:1px;
}


/*###################################################*/

.hr
{
padding:16px;
clear:both;
}
.hr_invisible
{
clear:both;
padding:16px;
padding-bottom:0;
font-size:8px;
}
.hr_invisible div {font-size:8px;}
.hr_invisible P {color:#FEFEFE; display:block; font-size:8px; display:none;}
.hr_invisible P A {color:#FEFEFE; font-size:8px;}
.hr_invisible h1{ clear:both; padding:0px; margin-top:-20px; font-size:16px; color:#E6E7E8; }

.hr div
{
height:1px;
background:#ebf0f4;
margin:0;
padding:0;
}
/*###################################################*/


.float_poiner_4 .column
{
width:225px;
float:left;
display:inline;
background:url(../images/bg_pointer.gif) repeat-y left top;
}

.float_poiner_2 .column
{
width:450px;
padding-top:0;
float:left;
display:inline;
background:url(../images/bg_pointer.gif) repeat-y left top;
}

.float_2_1 .column
{
width:299px;
padding-top:0;
float:left;
display:inline;
}
/*###################################################*/

.float_poiner_4 .column_first
{
background:none;
width:224px;
}

.float_poiner_2 .column_first {
background:none;
width:449px;
}

.float_2_1 .column_first
{
width:600px;
}
/*###################################################*/

.float_poiner_4 .column dl,
.float_poiner_4 .column ul,
.float_poiner_4 .column p,
.float_poiner_4 .column h1
{
padding:0 16px 10px 17px;
margin:0;
line-height:18px;
}

.float_poiner_2 .column dl,
.float_poiner_2 .column ul,
.float_poiner_2 .column p,
.float_poiner_2 .column h1
{
padding:0 16px 10px 17px;
margin:0;
line-height:18px;
}

.float_2_1 .column dl,
.float_2_1 .column ul,
.float_2_1 .column p,
.float_2_1 .column h1
{
padding:0 16px 10px 16px;
margin:0;
line-height:18px;
}

/*###################################################*/

.float_poiner_4 .column_first dl,
.float_poiner_4 .column_first ul,
.float_poiner_4 .column_first p,
.float_poiner_4 .column_first h1
{
padding-left:16px;
}

.float_poiner_2 .column_first dl,
.float_poiner_2 .column_first ul,
.float_poiner_2 .column_first p,
.float_poiner_2 .column_first h1
{
padding-left:16px;
}

.float_2_1 .column_first dl,
.float_2_1 .column_first ul,
.float_2_1 .column_first p,
.float_2_1 .column_first h1
{
padding:0 16px 10px 16px;
}

.float_poiner_4 .column_first ul ul,
.float_poiner_2 .column_first ul ul,
.float_2_1 .column_first ul ul
{
padding-bottom:0;
padding:0;
list-style-image:url(../images/bullet_02.gif);}

/*###################################################*/


.footer
{
background:#eaeff3 url(../images/bg_footer_left.gif) no-repeat left top;
}
.footer div
{
background:url(../images/bg_footer_right.gif) no-repeat right top;
padding:20px 16px;
color:#787a78;
font-size:11px;
}

.footer a:link,
.footer a:visited,
.footer a:hover
{
color:#787a78;
}

.footer a:hover
{
color:#248cb6;
}

.footer a.active:link,
.footer a.active:visited,
.footer a.active:hover
{
color:#4f514f;
text-decoration:none;
font-weight:bold;
}

.footer a.active:hover
{
color:#248cb6;
text-decoration:underline;
}

/* New selectors, that placed 20.06.2008 */
.noFloat {clear:both; font-size:0px; line-height:0px; height:0px;}
.floodL {float:left;}
.floodR {float:right;}

.floodL UL {margin:0px; padding:0px 0px 0px 16px !important;}
LI {$margin-left:16px; $list-style:outside;}
.floodL UL LI {$margin-left:16px; $list-style:outside;}
.floodR UL {margin:0px; padding:0px 16px 0px 0px !important; $padding:0px;}
.floodR UL LI {$list-style:outside;}
.smalUL {margin:0px; padding:0px 0px 0px 5px; list-style:none; list-style-image:none;}


/* Neue selectors von 2008.07.15 und 16 Tagenzeile zu updaten */

/* Alles BigBoardesBlock Elementes */
.bigBoard {
  width:867px; height:auto !important; height:248px; min-height:248px;
  margin:0 auto;
  background:url(/images/image1a.jpg) 0px -120px no-repeat;
  position:relative;
}

.requisite {
  width:192px;
  margin:0 0 0 640px;
  padding:0 16px;
  }

.requisite * {padding:0;}
.requisite H1 {margin:8px 0;}

.bigBoard #botems {margin-top:16px; /*position:absolute; bottom:0px;*/}

.redPhon {color:#E3894D; font-size:18px; font-weight:bold;}
.hablaCadabla {color:#000; font-weight:normal; font-size:13px;}
/* Ende die BigBoardesBlock Elementes */

/* 2008.07.15 und 16 zeiles. Neue stiles fur 2+1 columnes floatinschaft abstein */
.float_poiner_1_2 .floodL ul,
.float_poiner_1_2 .floodR ul {
 width:206px;
_padding-right:16px;
}

.float_poiner_1_2 .column_first {
width:449px;
padding-top:0;
float:left;
display:inline;
background:none;
}

.float_poiner_1_2 .column {
width:225px;
float:left;
display:inline;
background:url(../images/bg_pointer.gif) repeat-y left top;
}

.float_poiner_1_2 .column_first p,
.float_poiner_1_2 .column_first h1,
.float_poiner_1_2 .column p,
.float_poiner_1_2 .column h1 {
padding:0 16px 10px 17px;
margin:0;
line-height:18px;
}

.float_poiner_1_2 .column UL {
margin:0px; 
padding:0px 14px !important;
$padding-right:14px;
$list-style:outside;
}
.float_poiner_1_2 .column UL  UL {
margin-left:12px;
$margin-left:0px;
padding:0;
list-style:outside square;
list-style-image:url(../images/bullet_02.gif);
/*list-style:square; 
list-style-image:none;*/
}
.float_poiner_1_2 .column UL  UL LI {$margin:0;}
/* Ende von Neue Stiles fur 2+1 columnes */

/* Neue selectors von 2008.07.18 */
.txt12 {font-size:12px;}
/* Ende des Neue selectors von 2008.07.18 */

/* 2008.07.21 und 16 zeiles. Neue stiles fur 3+1 columnes floatinschaft abstein */
.float_poiner_3_1 .column_first {
width:674px;
padding-top:0;
float:left;
display:inline;
background:none;
}
.float_poiner_3_1 .column,
.float_poiner_3_1 .column_free {
width:225px;
float:left;
display:inline;
background:url(../images/bg_pointer.gif) repeat-y left top;

}
.float_poiner_3_1 .column_free {
 width:224px;
 background:none;
}
.float_poiner_3_1 .column_first p,
.float_poiner_3_1 .column_first h1,
.float_poiner_3_1 .column p,
.float_poiner_3_1 .column h1 {
padding:0 16px 10px 17px;
margin:0;
line-height:18px;
}
.float_poiner_3_1 .column UL,
.float_poiner_3_1 .column_free UL {
margin:0px; 
padding:0px 14px !important;
$padding-right:14px;
$list-style:outside;
}
.float_poiner_3_1 .column_free UL LI {margin-bottom:16px;}
.float_poiner_3_1 .column UL UL {
margin-left:0px;
padding:0;
list-style-image:url(../images/bullet_02.gif);
}
.float_poiner_3_1 .column UL UL LI {margin:0;}
/* Ende des Neue selectors von 2008.07.21 */

/* 2008.07.24 Neue stiles fur des Logotipe */
.dedicat {
_height:0; margin:0 16px; 
color:#556887; line-height:18px;
}
.dedicat DIV.first,
.dedicat DIV.first2 {width:415px; float:left; /*font-size:110%;*/}
.dedicat DIV.column,
.dedicat DIV.column2 {
width:225px;
float:left;
display:inline;
background:url(../images/bg_pointer.gif) left top repeat-y;
}
.dedicat DIV.first2 {
width:500px/*624px*/; 
padding: 9px;
background-color:#fff8e0;
}
.dedicat DIV.column2 {width:314px/*187px*/; padding:8px/*0 10px*/;
margin-left:16px; background:none; color:#50514e; border:1px solid #ebf0f4;}
.dedicat DIV.column2 img {float:left;}
.dedicat DIV.column2 div {margin-left:145px;}
.dedicat UL {
margin:0px; 
padding:0px 14px !important;
$padding-right:14px;
$list-style:outside;
}
.dedicat DIV.endes {width:200px; background:none;}
.dedicat DIV.endes UL {padding-right:0px;}

.footer #handLog {display:block; float:right;}
.footer #handLog A,
.footer #handLog A IMG {
border:none; 
text-decoration:none; 
outline:none;
color:#787a78;
}
ul.mapUL li {margin-bottom:8px;}
.marg8v16h {margin:8px 16px; padding:0;}
/* Ende des Neue selectors von 2008.07.24 */

/* 08-07-30 */
div.float_4_col {padding-right:0px;}
div.float_4_col_ful {padding-right:16px;}
div.float_4_col .column,
div.float_4_col_ful .column {
float:left; 
padding-left:16px;
}
div.float_4_col .column {width:192px;margin-right:16px;}
div.float_4_col_ful .column {width:204px;margin-right:0px;}
div.float_4_col p {margin:0 16px;}
div.float_4_col_ful p {margin-left:16px;}
/* Ende 08-07-30 */

.tblue { color:#248CB6; }
