/* CSS Document */

body{
margin-bottom:0px;
margin-left:0px;
margin-right:0px;
margin-top:0px;
font-family:Arial, Arial, Helvetica, sans-serif;
}
.heading1{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:12px;
//color:#000000;
}
.heading{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#000000;
}
.txt{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#000000;
line-height:11px;
}

.label1{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#484B48;
}
.box{
width:149px;
height:17px;
border:1px solid #45693F;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:11px;
}
.box1{
width:135px;
height:19px;
border:1px solid #484B48;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:11px;
}
.forgot-pass{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#000000;
text-decoration:none;
}
.forgot-pass:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#000000;
text-decoration:underline;
}
.topmenu{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
padding-left:14px;
}
.topmenu:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#C9C7C7;
text-decoration:none;
padding-left:14px;
}



.places{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#3A3B3A;
text-decoration:none;
line-height:14px;
}
.places:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:11px;
color:#3A3B3A;
text-decoration:underline;
line-height:14px;
}

.footer{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}
.footer:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#FFFFFF;
text-decoration:underline;
padding-left:5px;
padding-right:5px;
}


.footer:a{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}


.footer:active{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#FFFFFF;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}


.footer:visited{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:normal;
font-size:9px;
color:#FFFFFF;

padding-left:5px;
padding-right:5px;
}

input.txtbox{
	width:150px;
	height:20px;
	background-color:#ffffff;
	color:#000000;
	border:#7F7F7F solid 1px;
	margin:0 0 8px 0;
	
}
input.member{
	background:url(images/top-bg5.gif) repeat;
	font:bold 11px Arial, Helvetica, sans-serif;
	color:white;
	
	border:#000000 solid 1px;
	
	
	}
	





.clear{
		clear:both;
	}



	

	#dhtmlgoodies_slidedown_menu li{
		list-style-type:none;
		position:relative;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu ul{
		margin:0px;
		padding:0px;
		position:relative;
		font-family:Arial, Arial, Helvetica, sans-serif;
		

	}

	#dhtmlgoodies_slidedown_menu div{
		margin:0px;
		padding:0px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	/* 	Layout CSS */
	#dhtmlgoodies_slidedown_menu{
		width:255px;
		visibility:hidden;
	}

	/* All A tags - i.e menu items. */
	#dhtmlgoodies_slidedown_menu a{
		color: #000;
		text-decoration:none;
		display:block;
		clear:both;
		width:250px;
		padding-left:2px;
		font-family:Arial, Helvetica, sans-serif;

	}

	/*
	A tags
	*/
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth1{	/* Main menu items */
		margin-top:1px;
		border-bottom:0px solid #b22222;
		font-weight:normal;
		font-size:14px;
		font-family:Arial, Arial, Helvetica, sans-serif;
		color:#483d8b;

	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth2{	/* Sub menu items */
		margin-top:1px;
		 font-size:13px;
		 color:black;
		 font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth3{	/* Sub menu items */
		margin-top:1px;
		font-style:italic;
		color:blue;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4{	/* Sub menu items */
		margin-top:1px;
		color:red;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth5{	/* Sub menu items */
		margin-top:1px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}



	#dhtmlgoodies_slidedown_menu .slideMenuDiv1 ul{
		padding:1px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv2 ul{
		margin-left:5px;
		padding:1px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slideMenuDiv3 ul{
		margin-left:10px;
		padding:1px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}
	#dhtmlgoodies_slidedown_menu .slMenuItem_depth4 ul{
		margin-left:15px;
		padding:1px;
		font-family:Arial, Arial, Helvetica, sans-serif;
	}

input.datum {
 font-size:9pt;
 background-color:transparent;
 color:#483d8b;
 border:solid 0px;
 font-family:Arial, Arial, Helvetica, sans-serif;
}




/* The Buttons */

.bgBut {
	position: relative;
	display: inline;
	float: left;
	background-color: #ced2e0;	
	clear: left;
	margin: 10px;
}

a.but,
.but {
	position: relative;
	display: inline;
	float: left;
	margin: -20px 3px 0px 3px;
	color: #04122B;
	text-decoration: none;
	background: transparent url(images/but_link.gif) no-repeat 0% 0%;
}






.but:hover {	background-image: url(images/but_hover.gif);}
.but:active {	background-image: url(images/but_active.gif);}

.but span {
	position: relative;
	background: transparent url(images/butEnd_link.gif) no-repeat 100% 0%;
}
.but:hover span {	background-image: url(images/butEnd_hover.gif);}
.but:active span {	background-image: url(images/butEnd_active.gif); color: #FFF;}

.but_hidden {
	display:none;	
}



/* -------------------Kontaktformular--------------- */
.title_top {
        
        background-image: url(images/navi_bg.gif);background-repeat:repeat-x;color:#483d8b;
        font-size: 10pt;
        font-family:Arial, Arial, Helvetica, sans-serif;
        text-align: left;
        color: #483d8b;
        font-weight: bold;
     
        border-top: 1px solid gray;
	border-left: 1px solid gray;
	border-right: 1px solid gray;

 }


.table_n  {
background-color: #F9F9F9;
color: #222222;
font-family:Arial, Arial, Helvetica, sans-serif;
font-size: 12px;
border: 1px solid gray;
}


.td_kontakt     {       color: #111111;
                font-size: 12px;
                font-family:Arial, Arial, Helvetica, sans-serif;
                text-decoration: none;
}
//-----------------------------------------------------------------

.alles a:link { text-decoration:underline;  color:#483d8b; font-size:12px;font-family:Arial, Arial, Helvetica, sans-serif;font-weight:bold;}
.alles a:visited { text-decoration:underline; color:#483d8b;font-size:12px;font-family:Arial, Arial, Helvetica, sans-serif;font-weight:bold;}
.alles a:hover { text-decoration:none; color:#483d8b; font-size:12px;font-family:Arial, Arial, Helvetica, sans-serif;font-weight:bold;}
.alles a:active { text-decoration:underline;color:#483d8b; font-size:12px;font-family:Arial, Arial, Helvetica, sans-serif;font-weight:bold;}
.alles a:focus { text-decoration:underline; color:#483d8b; font-size:12px;font-family:Arial, Arial, Helvetica, sans-serif;font-weight:bold;}




.footer1{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;
text-decoration:none;

}
.footer1:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;
text-decoration:underline;

}


.footer1:a{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;
text-decoration:none;

}


.footer1:active{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;
text-decoration:none;

}


.footer1:visited{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;

}




.footer2{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#000000;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}
.footer2:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#000000;
text-decoration:underline;
padding-left:5px;
padding-right:5px;
}


.footer2:a{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#000000;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}


.footer2:active{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#000000;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}


.footer2:visited{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#000000;

padding-left:5px;
padding-right:5px;
}


.text2{
font-family:Arial, Arial, Helvetica, sans-serif;
font-weight:bold;
font-size:9px;
color:#483d8b;
text-decoration:none;
padding-left:5px;
padding-right:5px;
}


a.detail_link2 {
 background-position: right;
  font-size: 9pt;
  ; font-weight:bold;
}
#main1
{

position: relative;
width: 330px;
margin: 0px auto;
padding-bottom: 2px;


}

#main
{

position: relative;
width: 660px;
margin: 0px auto;
padding-bottom: 2px;


}

#main2
{

position: relative;
width: 100%;
margin: 0px auto;
padding-bottom: 2px;


}
.captioned_image1
{
position: relative;
padding-bottom: 4px;
float: left;
margin-right: 14px;
margin-left: 3px;

}

.captioned_image1 div
{
position: absolute;
font-size: 9px;
bottom: 0px;
left: 0px;
}

  m {
      border:1px solid #A3BDDE;
    	width:100%;
    	valign:top;
    }

    .mn {
      color:#EFF6FE;
    	font-family:Arial, sans-serif;
      font-size:10pt;
      font-weight:bold;
      text-decoration:none;
    	background-color:#A3BDDE;
    	vertical-align:top;
    	text-align:left;
    	border:1px solid #A3BDDE;
    }

    .mi {
      color:#EFF6FE;
    	vertical-align:center;
    	text-align:center;
    	border:1px solid #A3BDDE;
    	width: 90px;
    	height: 90px;
    }

    .md {
    	font-family:Arial, sans-serif;
      font-size:8pt;
      text-decoration:none;
    	vertical-align:top;
    	text-align:left;
    	border:1px solid #A3BDDE;
    	height: 80px;
    	padding-left:5px;
    }

    .mp {
    	font-family:Arial, sans-serif;
      font-size:10pt;
      font-weight:bold;
      text-decoration:none;
    	vertical-align:top;
    	text-align:right;
    	border:1px solid #A3BDDE;
    	height: 10px;
    	
    	}
    	
    	
    	
    	
    	.footer3{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#dcdcdc;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	.footer3:hover{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#dcdcdc;
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer3:a{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#dcdcdc;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer3:active{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#dcdcdc;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer3:visited{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:#dcdcdc;
	
	padding-left:5px;
	padding-right:5px;
}


    	.footer4{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	.footer4:hover{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
	text-decoration:underline;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer4:a{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer4:active{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
	text-decoration:none;
	padding-left:5px;
	padding-right:5px;
	}
	
	
	.footer4:visited{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:12px;
	color:#808080;
	
	padding-left:5px;
	padding-right:5px;
}


/* Mapp */



#dhtmltooltip{
position: absolute;
width: auto;
border: 1px solid #483d8b;
padding: 2px;
background-image: url(images/bg_but.jpg);
background-repeat:repeat-x;
color:#483d8b;

visibility: hidden;
z-index: 100;
/*Remove below line to remove shadow. Below line should always appear last within this CSS*/
filter: progid:DXImageTransform.Microsoft.Shadow(color=gray,direction=135);
}



/* Map */

select {
         border: 1px solid #483d8b;
         width: 20.00em;
         font: 12px  arial,verdana, sans-serif;
          overflow:auto;
          color:#483d8b;
          background:#F7F7F7;
         }

#quadrat {
 
width:1.8em;
height:1.8em;
  border:0px;
  background-image: url(images/top-bg.gif);background-repeat:repeat-x;
  color:white;
  font-weight:bold;
  font-size:23px;
  padding-top:15px;
  font-family:sans-serif, Arial, Helvetica;
}


.footer5{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:16px;
color:#483d8b;
text-decoration:none;

}
.footer5:hover{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:16px;
color:#483d8b;
text-decoration:underline;

}


.footer5:a{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:16px;
color:#483d8b;
text-decoration:none;

}


.footer5:active{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:16px;
color:#483d8b;
text-decoration:none;

}


.footer5:visited{
font-family:Arial, Arial, Helvetica, sans-serif;
font-size:16px;
color:#483d8b;

}


.numBox {
  height: 48px;
  width: 48px;
  border: 1px #ffffff solid;
  background-color: #483d8b;
  text-align: center;
  vertical-align: middle;
  line-height: 48px;
  color: #FFFFFF;
  font-family: arial;
  font-size: 18pt;
  float: left;
  margin-right: 8px;
  }
  
  .numBox1 {
    height: 48px;
    width: 48px;
    border: 1px #ffffff solid;
    background-color: #bb1f1f;
    text-align: center;
    vertical-align: middle;
    line-height: 48px;
    color: #FFFFFF;
    font-family: arial;
    font-size: 18pt;
    float: left;
    margin-right: 8px;
  }
  
  
  
  
  
  #main2
  {
  
  position: relative;
  width: 100%;
  margin: 0px auto;
  padding-bottom: 1px;
  }
  
  .box2
  {
  position: relative;
  border: solid 0px #dadada;
  margin-top: 5px;
  background: white;
  color: black;
  width: 80%;
  }
  
  .box_inner
  {
  border: solid 0px black;
  padding: 5px;
  background: white;
  color: black;
  width: 600;
  }
  
  
  .box2 h2
  {
  background: inherit;
  color:  darkblue;
  
  font-weight: normal;
  font-size: 12px;
  margin-bottom: 5px;
  }
  
  .box2 p
  {
  font-size: 12px;
  line-height: 16px;
  margin: 0px;
}




	.footer33{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:maroon;
	text-decoration:none;

	}
	.footer33:hover{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:maroon;
	text-decoration:underline;
	}
	
	
	.footer33:a{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:maroon;
	text-decoration:none;
	}
	
	
	.footer33:active{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:maroon;
	text-decoration:none;

	}
	
	
	.footer33:visited{
	font-family:Arial, Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:11px;
	color:maroon;

}





 
   
        .mn1 {
          color:#EFF6FE;
        	font-family:Arial, sans-serif;
          font-size:13pt;
          font-weight:bold;
          text-decoration:none;
        	background-color:#A3BDDE;
        	vertical-align:top;
        	text-align:left;
        	border:1px solid #A3BDDE;
        }
    
       
    
        .md1 {
        	font-family:Arial, sans-serif;
          font-size:11pt;
          text-decoration:none;
        	vertical-align:top;
        	text-align:left;
        	border:1px solid #A3BDDE;
        	
        	padding-left:5px;
        }
    
        .mp1 {
        	font-family:Arial, sans-serif;
          font-size:13pt;
          font-weight:bold;
          text-decoration:none;
        	vertical-align:top;
        	text-align:right;
        	border:1px dashed   #3A3B3A;
        	height: 10px;
        	
        	}
    	
  .cssbuttonstoggler3{ 
text-align: center; 
overflow: hidden; 
font-family:Arial, Times New Roman, Arial;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler3 a{ /*style for every navigational link within toggler */
background: transparent url('images/square-gray-left.gif') no-repeat top left;
color: #494949;
display: block;

margin-right: 6px;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; 
text-decoration: none;
font-family:Arial, Times New Roman, Arial;
}

.cssbuttonstoggler3 a span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
font-family:Arial, Times New Roman, Arial;
}

  	
  .cssbuttonstoggler4{ 
text-align: left; 
overflow: hidden; 
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler4 a{ /*style for every navigational link within toggler */
background: transparent url('images/square-blue-left.gif') no-repeat top left;
color: #494949;
display: block;
font-weight:bold;
width:140px;
margin-right: 6px;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; 
text-decoration: none;
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}

.cssbuttonstoggler4 a span{
background: transparent url('images/square-blue-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}



  .cssbuttonstoggler5{ 
text-align: left; 
overflow: hidden; 
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler5 a{ /*style for every navigational link within toggler */
background: transparent url('images/square-red-left.gif') no-repeat top left;
color: #494949;
display: block;
font-weight:bold;
width:140px;
margin-right: 6px;
font: normal 10px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; 
text-decoration: none;
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}

.cssbuttonstoggler5 a span{
background: transparent url('images/square-red-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
font-family:Arial, Times New Roman, Arial;
font-weight:bold;
}



    	
  .cssbuttonstoggler6{ 
text-align: center; 
overflow: hidden; 
font-family:Arial, Times New Roman, Arial;
}
/*
 Total contenttoggler width: 350px+5px+5px=360px
	Or total width of wrapper div (counting wrapper border/padding)
*/

.cssbuttonstoggler6 a{ /*style for every navigational link within toggler */
background: transparent url('images/square-gray-left.gif') no-repeat top left;
color: #494949;
display: block;
width:200px;
margin-right: 6px;
font: bold 15px Arial; /* Change 12px as desired */
line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
height: 23px; /* Height of button background height */
padding-left: 9px; 
text-decoration: none;
font-family:Arial, Times New Roman, Arial;
}

.cssbuttonstoggler6 a span{
background: transparent url('images/square-gray-right.gif') no-repeat top right;
display: block;
padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
font-family:Arial, Times New Roman, Arial;
}
  
    .cssbuttonstoggler33{ 
  text-align: left; 
  overflow: hidden; 
  font-family:Arial, Times New Roman, Arial;
  }
  /*
   Total contenttoggler width: 350px+5px+5px=360px
  	Or total width of wrapper div (counting wrapper border/padding)
  */
  
  .cssbuttonstoggler33 a{ /*style for every navigational link within toggler */
  background: transparent url('images/square-gray-left.gif') no-repeat top left;
  color: #494949;
  display: block;
  width:140px;
  margin-right: 6px;
  font: normal 10px Arial; /* Change 12px as desired */
  line-height: 15px; /* This value + 4px + 4px (top and bottom padding of SPAN) must equal height of button background (default is 23px) */
  height: 23px; /* Height of button background height */
  padding-left: 9px; 
  text-decoration: none;
  font-family:Arial, Times New Roman, Arial;
  }
  
  .cssbuttonstoggler33 a span{
  background: transparent url('images/square-gray-right.gif') no-repeat top right;
  display: block;
  padding: 4px 9px 4px 0; /*Set 9px below to match value of 'padding-left' value above*/
  font-family:Arial, Times New Roman, Arial;
  }