/* CSS Document */
/* programmed : Mont-Bit International */
/* contact : http://www.mont-bit.com */
/* author : Andy Dietschi */
/* Description for this css-file and template see http://www.a-di.ch/kurs/index.html (german language)*/
/* Sie finden auf http://www.a-di.ch/kurs/index.html einen Kurs in deutsch, der diese css Datei und 
   eine Templateerstellung beschreibt */
/* ****************************************************************************************************/   


/* Editor Styles */
h3{
         font-family:  arial,helvetica,sans-serif;
         font-size:    12pt;
         font-style:   normal;
         font-variant: normal;
         font-weight:  normal;
         color:        #000088;
         margin-bottom: 0px;
}

p{
         margin-top:   10px;
/*       margin-left:   6px;  */
         font-family:  arial,helvetica,sans-serif;
         font-size:    10pt;
         font-style:   normal;
         font-variant: normal;
         font-weight:  normal;
         color:        #000088;
}


/* Die Body Definition */
body{
	font-family: Arial, Helvetica, sans-serif;
	background-color: #ffffff;  /* f0f0f0 */
	font-size: 10px;
/*	color: #333333;  */
 	color: #000088;
        margin:  0px;
	margin-top: 2px;
        padding: 0px;
        border:  0px;
}

/* ************************************************************* */
/* begin - Hier werden alle Rahmen aufgelistet */

/* Der Hauptrahmen mit Border 1*/
#body_outline{
	width:  900px !important ;
	width:  902px;
	margin: 0px;
	padding: 0px;
	border: 1px solid #999999;
      background-image:  url('../images/body_bg.png');
      background-repeat: repeat-y;
      background-position: 0px 0px;
}


/* logo_area */
#logo_area {
	 width:  900px;
         width:  900px !important;
	   height: 70px;
         height: 70px !important;
         background-image:  url('../images/head10.png');
         background-repeat: no-repeat;
/*       background-image:  url('../images/body_bg.png');   */
         border: 0px solid;
         border-color: transparent;
}


#filler1{
      float: left;
      width: 65px;
      height: 25px;
      border: 0px solid;
      border-color: transparent;
}


/* user 3 Aussenrahmen */
#user_3_outline{
	float: left;
	width: 735px !important;
	height: 25px !important;
      padding-top:   0px;
      padding-left:  0px;
      padding-right: 0px;
      margin-left:   0px;
      margin-right:  0px;
	background: transparent;
	vertical-align: top;
      border: 0px solid;
      border-color: transparent;
}

/* user_4 Aussenrahmem */
#user_4_outline{
	float: right;
	width:  94px !important;
	height: 70px !important;
      padding-top:   0px;
      padding-left:  0px;
      padding-right: 0px;
      margin-left:   0px;
      margin-right:  0px;
	background: transparent;
	text-align: left;
      border: 0px solid;
      border-color: transparent;
}

/* Hack, damit der Rahmen der Searchbox in User 4 verschwindet */
#user_4_outline .inputbox {
	border: 0px;
	padding: 1px 0px 0px 5px;
	font-size: 11px;
	color: #c64934;
}

/* Top Aussenrahmem mit Border 1 */
#top_out{
      margin-top:  0px;
      margin-left: -5px;
      width:  150px !important;
      overflow: hidden;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: transparent;

}

/* Banner Aussenrahmen mit Border */
#banner_outline{
   margin-top: 0px;
	width: 735px !important;
	border: 1px solid;
	border-color: #999999;
	padding: 2px;
	background: transparent;

    float: left;
}

/* User 1 schmal **************/
#user1_out_1{
	width: 270px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: left;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
}	

/* User 1 mittel **************/
#user1_out_2{
	width: 360px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}
	
/* User 1  breit**************/
#user1_out_3{
	width: 600px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 1 large **************/
#user1_out_4{
	width: 750px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: left;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	

/* User 2 schmal **************/
#user2_out_1{
	width: 270px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: right;
	margin-top: 0px;
	padding: 0px;
	text-align: left;
	font-size: 11px;
}

/* User 2 mittel **************/
#user2_out_2{
	width: 340px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
	
/* User 2  breit**************/
#user2_out_3{
	width: 600px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}	
/* User 2 large **************/
#user2_out_4{
	width: 750px !important;
	border: 1px solid;
	border-color: #999999;
	background: transparent;
	float: right;
	margin-top: 2px;
	padding: 2px;
	text-align: left;
	font-size: 11px;
}

/* user5 - 1  *********/
#user5_out_1{
	width: 573px;
      width: 573px !important;
	border: 1px solid;
	border-color: #999999;
	float: left;
	margin-left:  0px;  margin-right:  0px;  margin-top: 0px;  margin-bottom: 0px;
	padding-left: 0px;  padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	text-align: left;
	font-size: 11px;
	overflow: hidden;
	display: block;
	height: 15px;
}

#footer
 {
	width: 894px !important;
	width: 900px;
	border: 1px solid;
	border-color: #999999;
      background: url('../images/pathway_bg.png') repeat-x;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}


/* end - Ende der Rahmenliste */
/* ************************************************************* */

/* Bildausrichtungrn */
#Bild_Links {
margin-left:   0px;
margin-right:  8px;
margin-top:    5px;
margin-bottom: 5px;
}

/* Zeilenumbruch erzwingen */
.clr {
	clear:both
}

/* ************************************************************* */

/* Header Area = Container fuer die Grafik */
#header_area {
	width: 733px;
      float: left;
      border: 0px solid;
      border-color: transparent;
}


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


/* Container Rechts fuer alle Elemente ausser left */
#sandbox_1{
      overflow: hidden;
	float:   left;
	width:   740px;
	border:  0px solid #ffffff;
	margin:  0px;
	padding: 0px;
}

/* Container fuer User1, User2, Pathway und Main */
#con_main1{
	width:   556px !important;
	width:   560px;
	float:   left;
	margin:  0px;
      margin-left: 4px !important;
      margin-left: 2px;
	padding: 0px;
	border:  0px solid #ffffff;
}


/* Pathway - 1  *********/
#pathway_out_1{

	width:   576px !important;
	width:   582px;

	height: 18px !important;
	height: 23px;

	margin:  0px;

	padding-left: 4px;  padding-right: 0px; 
      padding-top:  4px;  padding-bottom: 0px;

	border: 1px solid #999999;

      background: url('../images/pathway_bg.png') repeat-x;
	float: left;
	text-align: left;
	font-size: 11px;
	overflow: hidden;
}
	
#main_out_1{


	width:   576px !important;
	width:   582px;

	padding:       2px;
      margin:        0px;
	margin-bottom: 2px;
	border:        1px solid #999999;
/*	background: #f8ffff; */
 	background: #ffffff; 
	float: left;
	font-size: 11px;
}


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

#sandbox_2{
      overflow: hidden;
	float:   left;
	border:  0px solid #000000;
	margin:  0px;
	padding: 0px;
	width:   740px;
}

#con_main2{
      overflow: hidden;
	width: 730px;
	float: right;
      margin-left: 4px !important;
      margin-left: 2px;
	margin:  0px;
	padding: 0px;
	border:  0px solid #000000;
}


/* Pathway - 2  *********/
#pathway_out_2{
	width: 722px !important;
	width: 728px;

	height: 18px !important;
	height: 23px;

	margin:  0px;

	padding-left: 4px;  padding-right: 0px; 
      padding-top:  4px;  padding-bottom: 0px;

	border: 1px solid #999999;

	background: url('../images/pathway_bg.png') repeat-x;
	float: left;

	text-align: left;
	font-size: 11px;
	overflow: hidden;
	display: block;
}

	
#main_out_2{
	width: 722px;
	width: 728px !important;
	border: 1px solid;
	border-color: #999999;
/*	background: #f8ffff; */
 	background: #ffffff;
	float: left;
	margin-top: 2px;
	padding: 2px;
	font-size: 11px;
}

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

/* das grosse Banner rechts */
#hauptbanner{
	background: #2080c0 url('../images/osmbanner2.png') no-repeat center 50%;
	width:560px !important; 
         height:68px !important; 
         float:left; padding:3px; 
         margin-top:0px !important;
         background-position: center;
         border: 0px solid #999999; 
}
  
/* das kleine Banner links */
#klein_banner {
	background: url('../images/powered_by.png') no-repeat;
	width: 165px;
	height: 68px;
	float: right
}
/* ************************************************************* */
/* Ab jetzt kommen Joomla spezifische Eintrge */

/* User 3 - Das Menue Top */
ul#mainlevel-nav {
	list-style: none;
	padding: 0;
	margin: 0;
	font-size: 0.8em;
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li {
	background-image: url('none');
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	font-size: 11px;
	line-height: 21px;
	white-space: nowrap;
	border-right: 1px solid #999999
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a {
	display: block;
	padding-left: 15px;
	padding-right: 15px;
	text-decoration: none;
	color: #333333;
	background: transparent;
}

/* User 3 - Das Menue Top */
#buttons>ul#mainlevel-nav li a { 
      width: auto; 
}

/* User 3 - Das Menue Top */
ul#mainlevel-nav li a:hover {
	color: #fff;
      background: #99acbb;
}

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

li {
	line-height: 15px;
/*	padding-left: 15px;   */
	padding-top: 0px;
/*	background-image: url('../images/arrow.png');   */
	background-repeat: no-repeat;
/*	background-position: 0px 2px  */
}


.inputbox { 
	font-size: 11px;
	border: solid 1px #999999;
	background : #FFFFFF; 
	padding: 1px 2px;
	margin-top: 2px !important;
	margin-top: 1px;	
} 

#mod_login_remember.inputbox { /* Extra wegen MS-IE, damit kein verrutschter Border */
	 border: none;		       /* das Layout verunstaltet                           */
}

/* ----------------- Die rechte Seite ------------- */

/* Container Rechts fuer right und top */
#con_right{
	border-collapse: collapse;
	padding: 0px;
	margin:  0px;
      border: 0px;
	width: 150px;	
	float: right;

}



/* Menue right Aussenrahmen mit border 0 */
#right_outline{
	margin: 0;
	width: 150px;
	border: 0px;
	padding: 0px;
	background: transparent;
	float: right;
	font-size: 11px;
	text-align: left;
}


/* Modul - Formatierung */
table.moduletable {
	margin-bottom: 0px;
	padding: 0px;
	border-spacing: 0px;
	border-collapse: collapse;
}

table.moduletable th, div.moduletable h3 {
	background:     url('../images/pathway_bg.png') repeat-x;
	border:         1px solid;
	border-color:   #999999;
	color:          #666666;
	text-align:     left;
	padding:        0px;
	padding-left:   2px;
	height:         23px;
	line-height:    21px;
	font-weight:    bold;
	font-size:      10px;
	text-transform: uppercase;
	margin:         0px;
      width:          148px !important;
      width:          150px;
}

table.moduletable td {
	border:         0px solid;
	font-size:      10px;
	padding:        0px;
	margin:         0px;
	font-weight:    normal;
      width:          150px;
}


/* ----------------- Die linke Seite ------------- */

/* Container Links fuer left und top */
#con_left{
	width:         150px;
	float:         left;
	border:        0px solid;

      padding:       0px;
      margin-top:    0px;
      margin-bottom: 0px;

      margin-left:   6px !important;
      margin-left:   4px;
	margin-right:  0px;
}


/* Menue left Aussenrahmen */
#left_outline{
      margin:       0px;
	border:       0px;
 	padding:      0px;
	border-color: #999999;  
 	background:   transparent;
	float:        left;
	font-size:    11px;
	text-align:   left;	
	width:        150px;
}	



a.mainlevel:link, a.mainlevel:visited {
	display: block;
	background: url('../images/menu2_bg_normal_1.png') no-repeat; 
	vertical-align: top;

      border-top:     0px solid #999999;
      border-left:    1px solid #999999;
      border-right:   1px solid #999999;
      border-bottom:  1px solid #999999 !important;
      border-bottom:  0px solid #999999;

	margin-top:     0px;  
	margin-left:    0px;  
	margin-right:   0px;  
	margin-bottom:  0px;
	
	font-size:       11px;
	font-weight:     normal;
      color:           #cc0000;
	text-align:      left;
	text-decoration: none;
	margin-left:     0px;  margin-right:  0px; margin-top:  0px;  margin-bottom:  0px;
	
	padding-left:    18px;  padding-right: 0px; padding-top: 0px;  padding-bottom: 0px;
	height:          14px;
	width:           130px !important;
	width:           150px;
}

a.sublevel:link, a.sublevel:visited {
	display:         block;
	background:      url('../images/menu2_bg_normal_2.png') no-repeat;
	vertical-align:  top;

      border-top:      0px solid #999999;
      border-left:     1px solid #999999;
      border-right:    1px solid #999999;
      border-bottom:   1px solid #999999 !important;
      border-bottom:   0px solid #999999;

	margin-top:      0px;  
	margin-left:     0px;  
	margin-right:    0px;  
	margin-bottom:   0px;
	
	font-size:       11px;
	font-weight:     normal;
	color:           #cc0000;
	text-align:      left;
	text-decoration: none;
	padding-left:    28px;  padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	height:          14px;
	width:           120px !important;
	width:           150px;
}

a.sub02level:link, a.sub02level:visited {
	display:         block;
	background:      url('../images/menu2_bg_normal_3.png') no-repeat;
	vertical-align:  top;

      border-top:      0px solid #999999;
      border-left:     1px solid #999999;
      border-right:    1px solid #999999;
      border-bottom:   1px solid #999999 !important;
      border-bottom:   0px solid #999999;

	margin-top:      0px;  
	margin-left:     0px;  
	margin-right:    0px;  
	margin-bottom:   0px;
	
	font-size:       11px;
	font-weight:     normal;
	color:           #cc0000;
	text-align:      left;
	text-decoration: none;
	margin-left:     0px;  margin-right:  0px;  margin-top: 0px;  margin-bottom: 0px;
	padding-left:    38px;  padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	height:          14px !important;
	height:          14px;
	width:           112px !important;
	width:           150px;
}





a.mainlevel:hover {
	background:      url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight:     normal;
	color:           #cc0000;
	text-decoration: underline;
}

a.sublevel:hover {
	background: url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight: normal;
	color: #cc0000;
	text-decoration: underline;
}

a.sub02level:hover {
	background: url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight: normal;
	color: #cc0000;
	text-decoration: underline;
}


a.mainlevel#active_menu {
	background: url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight: normal;
	color:#000088;
}

a.sublevel#active_menu {
	background: url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight: normal;
	color:#000088;
}


a.sub02level#active_menu
 {
	background: url('../images/menu2_bg_hover_1.png') no-repeat;
	font-weight: normal;
	color:#000088;
}


ul#mainlevel-vol {
	width: 736px;
	width: 736px !important;
	border: 1px solid;
	border-color: #999999;
	border-top: 0px solid;
	background: url('../images/pathway_bg.png') repeat-x;
	list-style: none;
	padding: 0;
	margin: 0;
	float: left;
}

ul#mainlevel-vol li {
	background-image: url('none');
	padding-left: 0px;
	padding-right: 0px;
	float: left;
	margin: 0;
	white-space: nowrap;
	font-size: 11px;
	border-right: 1px solid #999999;
}

ul#mainlevel-vol li a {
	display:          block;
	background:       url('../images/menu2_bg_normal_1.png') no-repeat;
	vertical-align:   top;
      border-left:      0px solid;
      border-right:     0px solid;
      border-top:       1px solid;
      border-bottom:    1px solid;
      border-color:     #999999;
	font-size:        11px;
	font-weight:      normal;
      color:            #cc0000;
	text-align:       left;
	text-decoration:  none;
	margin-left:      0px;  margin-right:  1px;  margin-top: 0px;  margin-bottom: 0px;
	padding-left:     18px;  padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	height:           14px;
	height:           14px !important;
	width:            130px;
	width:            130px !important;
}

ul#mainlevel-vol li a:hover {
	display:          block;
	background:       url('../images/menu2_bg_hover_1.png') no-repeat;
	vertical-align:   top;
      border-left:      0px solid;
      border-right:     0px solid;
      border-top:       1px solid;
      border-bottom:    1px solid;
      border-color:     #999999;
	font-size:        11px;
	font-weight:      normal;
      color:            #cc0000;
	text-align:       left;
	text-decoration:  none;
	margin-left:      0px;  margin-right:  1px;  margin-top: 0px;  margin-bottom: 0px;
	padding-left:     18px;  padding-right: 0px; padding-top: 0px; padding-bottom: 0px;
	height:           14px;
	height:           14px !important;
	width:            130px;
	width:            130px !important;
}



td {
	text-align: left;
	font-size: 11px
}

table.blog {
    width: 100%;
    width: 100% !important;
    }

table.contentpaneopen {
    width: 100%;
    width: 100% !important;
    border-collapse: collapse; 
    border-left:   1px solid #c64934;
    border-top:    0px solid #c64934;
    border-right:  0px solid #c64934;
    border-bottom: 0px solid #c64934;
}

table.contentpaneopen td.contentheading {
    height: 60px;
    border-top:    1px solid #c64934;
    border-bottom: 1px solid #c64934;
    padding-bottom: 0px;
/*    background-image:  url('../images/subhead_bg.png'); */

}

table.contentpaneopen td.buttonheading {
    border-top:    1px solid #c64934;
    border-bottom: 1px solid #c64934;
    padding-bottom: 2px;
}


table.contentpaneopen td {
    height: 100%;
    height: 100% !important;
    padding-left:   5px;
    padding-top:    2px;
    padding-bottom: 15px;
    border-right: 1px;
    background-color: #FFFFFF;
}

table.contentpaneopen td h3{
margin-top: 2px;
padding: 0px;
}

span.article_seperator {
    display: none;
}



table.pollstableborder td {
  padding: 2px;
}

.sectiontableentry1 {
	background-color : #ffffff;
}

.sectiontableentry2 {
/*	background-color : #f9f9f9; */
	background-color : #ffffff;
}

.button, .readon {
  color: #c64934;
  font-family: Arial, Hevlvetica, sans-serif;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url('../images/button_bg.png') repeat-x;
  line-height: 18px !important;
  line-height: 16px !important;
  height: 26px !important;
  height: 24px !important;
  margin: 1px; padding-left:5px; padding-right:5px; padding-top:0px; padding-bottom: 0px;
}

a:link, a:visited {
	color: #c64934; text-decoration: none;
	font-weight: bold;
}

a:hover {
	color: #900;	text-decoration: none;
	font-weight: bold;
}

.contentheading {
	height: 60px;
         margin-right: 2px !important;
	color: #c64934;
	font-weight: bold;
	font-size: 14px;
/*	white-space: nowrap;  */
         border-bottom: 1px solid #c64934;
}

.small {
	color: #999999;
	font-size: 11px;
}

.createdate {
	height: 15px;
	padding-bottom: 10px;
	color: #999999;
	font-size: 11px;
}

.modifydate {
	height: 15px;
	padding-top: 10px;
	color: #999999;
	font-size: 11px;
}

.pathway {
	overflow: hidden;
/*	display: block; */
	padding-right: 8px;
}

.back_button {
	float: left;
  text-align: center;
  font-size: 11px;
  font-weight: bold;
  border: 3px double #cccccc;
  width: auto;
  background: url('../images/button_bg.png') repeat-x;
  line-height: 20px;
  margin: 1px; padding-left:10px; padding-right:10px; padding-top:0px; padding-bottom:0px
}

.pagenav-prev {
  /*text-align: center;*/
  font-size: 11px;
  font-weight: bold;
  /*border: 3px double #cccccc;
  width: auto;
  background: url(../images/button_bg.png) repeat-x;
  padding: 0px 10px;
  line-height: 20px;
  margin: 1px;*/
}

table.contentpaneopen fieldset {
      margin-right:  2px !important;
	border:        0px;
	border-bottom: 1px solid #999999;
}

.componentheading {
	background: url('../images/subhead_bg.png') repeat-x;
	color: #666666;
	text-align: left;
	padding-top: 4px;
	padding-left: 4px;
	height: 21px;
	font-weight: bold;
	font-size: 10px;
	text-transform: uppercase
}

.sectiontableheader {
         font-weight: bold;
/*         background: #f0ffff; */
         background: #ffffff;
         padding: 4px;
}


/* Modul "Kurzmeldungen" */
table.moduletable-kurzmeldungen {
         height: 90px;
         width: 150px !important;
         border: 1px solid #999999;
         font-size: 10px;
         font-weight: normal;
/*       background: url('../images/subhead_bg.png') repeat-x;   */
         background: #ffffb0; 
}

/* Gallery2 Styles */

/* #gsHeader     { display : none; } */
/* .gbBreadCrumb { display : none; } */
/* #gsFooter     { display : none; } */
/* div.footer    { display : none; } */   

/* JEvent Styles  */
table.mod_events_latest_table {
         width:  100%;
         border: 1px solid;
/*         background-color: #f0ffff; */
         background-color: #ffffff;
         padding: 0px;
}

.mod_events_latest {
	font-size:   10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-top:  solid 1px red;
	border-left: solid 1px red;
	height:      30px;
	}

.mod_events_latest_first {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	height: 30px;
	}

.mod_events_latest_date {
	font-size: 9px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	}


.mod_events_latest_content a:link {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	}

.mod_events_latest_content a:visited {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:gray;
	}

.mod_events_latest_content a:hover {
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color:#c0c0c0;
	}

.listtabelle {
         padding: 0;
}

table.listtabelle {
         border:          1pt solid black;
         border-collapse: collapse;
}	

table.listtabelle td {
         vertical-align:  top;
         padding-right:   1pt;
         padding-left:    2pt; 
         padding-bottom:  1pt; 
         padding-top:     0pt;
         border:          1pt solid black;
}


table.mod_eventing {
         width :          150px;
         overflow:        hidden;
         padding-right:   0pt;
         padding-left:    0pt; 
         padding-bottom:  0pt; 
         padding-top:     0pt;
         border:          1pt solid  #999999;
         border-collapse: collapse;
}


table.mod_eventing td {
         padding-left:   3px; 
         background: #ffffb0; 
}