/* Contentdesign */

.yb_bkg_spacer_l_r {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	width: 100%;
}
.yb_intro_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #E6E6E6;
	background-image: url(bilder/yb_intro_bkg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
.yb_intro_l {
	margin: 0px;
	background-image: url(bilder/yb_intro_l.gif);
	background-repeat: no-repeat;
	background-position: right top;
}
.yb_intro_r {
	margin: 0px;
	background-image: url(bilder/yb_intro_r.gif);
	background-repeat: no-repeat;
	background-position: left top;
}
.yb_intro_sp_o {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	height: 120px;
}
.yb_content_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #E6E6E6;
	background-image: url(bilder/yb_bkg.gif);
	background-repeat: repeat-x;
	background-position: left top;
}
img {
	border-style:none;
}
.yb_bkg_links {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	background-image: url(bilder/yb_bkg_l.gif);
	background-repeat: repeat-y;
	width: 13px;
}
.yb_bkg_links2 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	width: 12px;
	background-color: #0E2C77;
}
.yb_bkg_rechts {
	background-image: url(bilder/yb_bkg_r.gif);
	background-repeat: repeat-y;
}
.yb_adresse_bottom {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #043D8A;
	text-decoration: none;
	text-align: center;
	vertical-align: middle;
	padding-top: 10px;
	padding-bottom: 10px;
}
.yb_email_bottom, .yb_email_bottom:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #043D8A;
	text-decoration: none;
}
.yb_email_bottom:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #ffffff;
	text-decoration: none;
}
.yb_content_text {
	width: 268px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0E2C77;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}
.yb_menu_bkg {
	width: 170px;
	background-color: #EF9312;
	background-image: url(bilder/yb_bkg_men.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
.yb_content_link, .yb_content_link:link, .yb_content_link:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0E2C77;
	text-decoration: none;
}
.yb_content_link:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #EF9413;
	text-decoration: none;
}
.yb_content_linkmenu, .yb_content_linkmenu:link, .yb_content_linkmenu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #EF9413;
	text-decoration: none;
	margin-right: 10px;
}
.yb_content_linkmenu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #0E2C77;
	text-decoration: none;
	margin-right: 10px;
}
.yb_text_rechner {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0E2C77;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
}
.yb_rechner_spacer {
	height: 20px;
}
.yb_content_rechts {
	width: 221px;
	/*background-color: #e8e8e8;*/
}
.yb_content_spacer {
	width: 40px;
	height: 150px;
}
.yb_content_spacer_unten {
	height: 50px;
}
.yb_content_spacer_kl {
	width: 16px;
}
.yb_content_td {
	margin: 0px;
	padding: 0px;
}
div.yb_content_text h1 {
	width: 268px;
	color: #0E2C77;
	font-size: 25px;
	padding-bottom: 5px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}
div.yb_content_text h2, div.yb_content_text h4, div.yb_content_text h5, div.yb_content_text h6 {
	width: 268px;
	color: #0E2C77;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
div.yb_content_text h3 {
	width: 268px;
	color: #EF9312;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E2C77;
	padding-bottom: 10px;
}
.yb_newstext {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
.yb_news_bkg {
	background-color: #ffffff;
}
.yb_newstext:link, .yb_newstext:visited {
	color: #0E2C77;
	font-size: 9px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div.yb_newstext {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
}
div.yb_newstext:link, div.yb_newstext:visited {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.yb_newstext2 {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	text-decoration: none;
	font-weight: normal;
}
.yb_newstext2:link, .yb_newstext2:visited {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
.yb_newstext2:hover {
	color: #EF9312;
	font-size: 11px;
	text-align: left;
	padding-right: 5px;
	padding-left: 5px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
}
div.yb_newstext h6{
	color: #ef9312;
	font-size: 14px;
	text-align: left;
	font-weight: bold;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ef9312;
	padding-top:40px;
	padding-left:15px;
	padding-right:15px;
}
div.yb_newstext_wysiwyg{
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	padding-left:15px;
	padding-right:15px;
}
div.yb_newstext_wysiwyg a:link, div.yb_newstext_wysiwyg a:visited{
	color: #ef9312;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.yb_newstext_wysiwyg a:hover{
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	font-weight: normal;
	text-decoration: none;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
div.teaser2 h1{
	color: #EF9312;
	font-size: 11px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-top: 10px;
}
div.teaser2 h2{
	color: #0E2C77;
	font-size: 10px;
	text-align: left;
	font-weight: bold;
	font-family: Verdana,Arial,Helvetica,sans-serif;
	text-decoration: none;
	padding-top: 10px;
}
div.teaser2 {
	color: #0E2C77;
	font-size: 11px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	text-decoration: none;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #EF9312;
}
.yb_content_text a:link, .yb_content_text a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0E2C77;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.yb_content_text a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EF9312;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.yb_content_text ul li ul li a:link, .yb_content_text ul li ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0E2C77;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.yb_content_text ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EF9312;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.yb_content_text ul li ul li a:link, .yb_content_text ul li ul li a:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #0E2C77;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}
.yb_content_text ul li ul li a:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #EF9312;
	text-decoration: none;
	font-size: 12px;
	font-weight: normal;
}

/* Popup */

html, body, #wrapper {
      height:100%;
      margin: 0;
      padding: 0;
      border: none;
}
#wrapper {
      margin: 0 auto;
      text-align: left;
      vertical-align: middle;
}
.popup_content_body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin: 0px;
	background-color: #E6E6E6;
	background-position: center;
}
.yb_popup_bkg {
	width: 380px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #4C4C4C;
	text-decoration: none;
	background-color: #FFFFFF;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #EF9312;
	border-left-color: #EF9312;
}
.yb_content_popup {
	width: 340px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0e2c77;
	text-decoration: none;
	text-align: left;
	vertical-align: top;
	text-decoration: none;
	background-color: #FFFFFF;
	padding-right: 20px;
	padding-left: 20px;
}
div.yb_content_popup h1 {
	color: #0E2C77;
	font-size: 25px;
	padding-bottom: 5px;
	padding-top: 5px;
	text-align: left;
	vertical-align: top;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	line-height: normal;
}
div.yb_content_popup h2, div.yb_content_popup h4, div.yb_content_popup h5, div.yb_content_popup h6 {
	width: 340px;
	color: #EF9312;
	padding-top: 5px;
	font-size: 14px;
	text-align: left;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #0E2C77;
	padding-bottom: 5px;
}

/* NAVIGATION: 1 VERTIKAL, 2 VERTIKAL, 3 VERTIKAL */
/* --------- SEHR WICHTIG! EINIGE ALLGMEINE PARAMETER RESETEN ------------*/

/* damit im explorer die listenpunkte verschwinden und man die elemente genau positionieren kann */
ul,ol,li { margin:0; padding:0 }

ul			{list-style: none;}
ul li		{margin: 0 0 0 0;}
ul li ul	{margin: 0 0 0 0; list-style: none;}
ul li ol	{margin: 0 0 0 0;}

/* --------------------- NAV Links 1ter level --------------------- */

.navlinks {
 	/* border: 1px solid #666666; */
	width:170px; /* 239 -15 -10 */
	text-decoration: none;
}
	
ul.nav1st {
	margin-top: 3px;
	padding-left:0px;
}
	
ul.nav1st li {
	display:block;
	padding-bottom:0px
}

ul.nav1st li.active {
	/*border-bottom: 1px solid #509600;*/
}

ul.nav1st a, ul.nav1st a:link {
	/* border: 1px solid #666666; */
	padding:4px 12px 4px 10px;
	color:#FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight:bold;
	text-decoration: none;
	display:block;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	background-color: #EF9413;
}

ul.nav1st a:hover {
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #ffffff;
	color:#0E2C77;
}

ul.nav1st li a.current, ul.nav1st li a.current:link {
	background-color: #ffffff;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #FFFFFF;
	color:#0E2C77;
}

/* --------------------- NAV Links 2ter level --------------------- */

ul.nav2nd {
	/* border: 1px solid #666666; */ 
	margin-top: 0px;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd li {
 	/*border: 1px solid #666666;*/
	display:block;
	/*background:url(bilder/fk_bkg_menu_3.gif) 0 0 repeat-y;*/
}

ul.nav2nd a, ul.nav2nd a:link {
	display:block;
	padding:4px 10px 4px 30px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight:normal;
	text-decoration: none;
	color:#0E2C77;
	background-color: #F9DEA3;
}

ul.nav2nd a:hover {
	color:#0E2C77;
	background-color: #ffffff;
}

ul.nav2nd li a.current, ul.nav2nd li a.current:link {
	color:#0E2C77;
	background-color: #ffffff;
}

ul.nav2nd li a.current:hover {
	color:#0E2C77;
	background-color: #ffffff;;
}

/* --------------------- NAV Links 3ter level --------------------- */

ul.nav3rd {
	/* border: 1px solid #666666; */ 
	margin-top: 3px;
	margin-bottom: -10px;
	padding-right:30px;
	margin-left:10px;
}

ul.nav3rd li {
 	/* border: 1px solid #666666; */
	padding-bottom:2px;
}

ul.nav3rd a, ul.nav3rd a:link {
	text-decoration: none;
	color:#0E2C77;
}

ul.nav3rd a:hover {
	color:#0E2C77;
}

ul.nav3rd li a.current, ul.nav3rd li a.current:link {
	font-weight:bold;
}

ul.nav3rd li a.current:hover {
	color:#f17d01;
}

/* die Listen in der Mitte im Content wieder normal gestalten */

div.yb_content_text ul {
 	list-style-type: disc;
	padding-left:15px;
	padding-top:5px;
	padding-bottom:5px;
}

div.yb_content_text ul li {
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0E2C77;
	text-decoration: none;
}
div.yb_content_text ul li #link {
	padding-bottom:5px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: normal;
	color: #0E2C77;
	text-decoration: none;
}

div.yb_content_text ol {
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
}

div.yb_content_text ol li {
	 padding-bottom:5px;
}

/* ----------------- Referenzmodul -----------------  */

div.hm_container {
	padding-right: 100px;
	width: 100%;
}
div.hm_container .hm_bild_left {
	padding: 0px;
	margin-top: 0px;
	margin-right: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: left;
	height: auto;
	width: auto;
	border: 1px solid #CCCCCC;
}
div.hm_container .hm_bild_right {
	padding: 0px;
	margin-top: 0px;
	margin-left: 20px;
	margin-bottom: 20px;
	margin-left: 0px;
	float: right;
	height: auto;
	width: auto;
	border: 1px solid #CCCCCC;
}
div.hm_container .hm_zbueberschrift {
	font-style: italic;
	font-weight: bold;
	text-decoration: underline;
}

div.hm_container .hm_galeriebild{
	float: left;
	height: 65px;
	width: 65px;
	background-color: #F9DEA3;
	border: 1px solid #EF9413;
}
* html div.hm_container .hm_galeriebild{
	margin: 0px;
	padding: 0px;
}
div.hm_container .hm_galeriebild .hm_qformat {
	margin-top: 8px;
	margin-bottom: 8px;
	height: 49px;
	width: 65px;
}
div.hm_container .hm_galeriebild .hm_hformat {
	margin-left: 8px;
	margin-right: 8px;
	height: 65px;
	width: 49px;
}
div.hm_container .hm_galeriebild_text {
	/*float: left;
	font-size: 10pt;
	color: #666666;
	/*text-align: center;
	vertical-align: middle;
	margin: 0px;*/
}
div.hm_container .clearing {
	clear: both;
}
.hm_container_td {
	height: 1px;
	width: 268px;
	padding-top: 10px;
}


/* ----------------- Bildmodul ----------------- */ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil des Bildmoduls) */

.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}

/* ----------------- JAOS Lightbox Style-Sheet ----------------- 

Einfaches Style-Sheet zur (X)HTML-validen Darstellung
der Thumbnails, ausgelegt auf eine Thumbnail-Grösse
von 60 x 80 Pixel.
Hoch- bzw. Querformat (ls/pt) wird vom Modul berechnet
und dem jeweiligen div's zugeordnet.
*/

.jaosg_galerie	{
	vertical-align:middle; 
}

.jaosg_nav 		{
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0E2C77;
	text-decoration: none;
}

.jaosg_bild		{
	text-align: center;
}

.jaosg_bildbeschreibung	{
	text-align: justify;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	color: #0E2C77;
	text-decoration: none;
}

div.jaosg_thumbnail{
	float: left;
	border: 1px solid;
	border-color: #EF9514;
	margin: 2px;
	background-color: #E8E8E8;
}

div.jaosg_thumbnail img{
}
/* ls=landscape-Format der Thumbs */
div.ls img{
	height: 78px;
	width: 104px;
	margin-top: 13px;
	margin-bottom: 13px;
	margin-right: 0px;
	margin-left: 0px;
}
/* pt=portrait-Format der Thumbs */
div.pt img{
	height: 104px;
	width: 78px;
	margin-top: 0px;
	margin-bottom: 0px;
	margin-right: 13px;
	margin-left: 13px;
}
/*footer schaltet float:left wieder aus */
div#jaosg_footer{
	clear: both;
	padding-top: 2px;
}


/*  ----------------- Formular ----------------- */

div.formular {
	margin-bottom: 10px;
	color: #8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#form-module * {
	padding:0px;
	margin:0px;
}

#form-module {
	margin:0px;
	padding:0px;
}

#form-module fieldset {
	border:0px solid #fff;
	
}

#form-module legend {
	display:none;
}


#form-module p {
	margin:0;
	padding:5px;
	font-size: 11px;
	font-weight:bold;
}

#form-module .element {
	display:block;
	clear:both;
}

#form-module label {
	display:block;
	float:left;
	padding-top: 5px;
	padding-bottom: 5px;
	width:100px;
}

#form-module label.checkbox {
	width:145px;
	border-left:2px solid #fff;
	border-right:none;
}

#form-module input, 
#form-module select, 
#form-module textarea {
	float:left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	width:200px;
	border:1px solid #333;
}

#form-module input.text {
	height:20px;
	color: #8e8e8e;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#form-module textarea.textarea {
	height:20px;
	color: #8e8e8e;
}

#form-module input.checkbox {
	width:100px;
	padding:0;
	border:none;
}

#form-module input.submit {
	/*margin:0px 0px 0px 117px;*/
	padding:2px;
	background-color:#ffffff;
	font-size: 11px;
	font-weight: bold;
	color: #0C2A77;
	text-align:center;
	cursor:pointer;
}

#form-module input.submit:hover {
	background-color:#ffffff;
	color:#EF9312;
}

#form-module label.textarea {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}
#form-module textarea.textarea {
	height:96px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

#form-module-thanks {
	display:block;
	color:#8e8e8e;
}



/*  ----------------- Bild + TinyMce ----------------- */
/* 

1. CSS übernehmen
2. Bild und Text werden in einem DIV mit der Klasse .textblock eingesetzt. 
3. Ihr könnt einen 2. Stil mit .textblock_b anlegen. 

Das Modul nutzt 6  Klassen zur Ausrichtung der Bilder. 
.pleft , .pright und .pnormal    

.pleft für links ausgerichtete Bilder
.pright für rechts ausgerichte Bilder
.pnormal kann zur Definition einer Normalanzeige verwendet werden.  

.pleft_b, .pright_b und .pnormal_b 
definieren die Anzeige der Bilder für den 2. Stil.  
z.B. Anzeige mit Rahmen
Viel Spass beim weiteren basteln.



Code: 

*/ 
/* Definition der Klassen ohne Rahmen*/ 

.pleft {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pright {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;

border: none;
}
.pnormal {
	clear: both;
border: none;
	
}


/* Definition der KLassen mit  Rahmen (2.Stil) */
.pleft_b {
	float: left;
	margin-top: 5px;
	margin-right: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pright_b {
	float: right;
	margin-top: 5px;
	margin-left: 5px;
	margin-bottom: 5px;
	vertical-align: text-bottom;
border: 1px solid #990000;
}
.pnormal_b {
	clear: both;
	border: 1px solid #990000;
}