/***************************************
@template       hallenbau_css | Menen Hallenbau
@copyright	Forum-W (c) 2014 | www.forum-w.de
@version	1.00
@platform	WebsiteBaker 2.8.3

Farben:
rot:      rgb(218,37,29); - #cc0000
hellgrau: rgb(209,221,207);
hellgr�n: rgb(159,176,155);
dunkelgruen: rgb(62,114,54);   border-top:1px dotted rgb(62,114,54);
schwarzgr�n: rgb(44,72,38);  html,  height:101%; overflow-y: scroll; background: rgb(55,81,49);;
***************************************/
html {
}

body {
	background: url(img/hm_body.png) center top repeat-x rgb(254,254,254);
	margin: 0; padding: 0;
        overflow-y: scroll;
}

/**** Layout Blocks ****/
#main { /* gesamte Seite */
	width: 980px;
	margin: 0 auto 0 auto;
	padding: 0 0 0px 0;
}

#secondmain { /*untere Seite*/
        width:980px;
	margin:0;
        clear:both;
        margin: 0 auto 0 auto;
}

#header {
	height:140px; /**230px;**/
        width: 980px;
        float:left;
        clear:both;
	margin: 0 auto 0 auto; 
        padding:0;
	background: white url(header/hm_headertop.png) left top no-repeat;
}
/***************** wechselnde Headerbilder*****************/
#slider {
         width: 980px;
         height:360px;
}
.nivoSlider {
    position:relative;
    background:url(img/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
    position:absolute;
    top:0px;
    left:0px;
    display:none;
}
.nivoSlider a {
    border:0;
    display:block;
}

/* ~~~~~~module anytopic~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#righttopics {
        width: 180px;     /*  200px*/
	float:left;
	/* display:inline; */
        text-align:left; 
}

#righttopics .topic_block2 h4 {
        color:rgb(62,114,54);
        padding:0; 
        line-height:100%;
}

.mod_anytopics_topic {
        width:165px;
        margin:5px 0 5px 0;
        padding: 0 0 3px 0;
}

.mod_anytopics_topic h2{ 
     color:# 000;   /*  #9DB2B9;        rgb(62,114,54)  */
     border: solid #9DB2B9;
     border-width:0 0 1px 0;
     font-size:14px;
     line-height:120%;
     padding:3px 3px 0px 0px; 
     font-weight:normal;
}

.mod_anytopics_active4 h4{
     margin: 10px 3px 0 0px;   /*  0 3px 0 5px erste Seite ueberschrift*/
     line-height:120%; color:rgb(55,81,49);
}
.mod_anytopics_active4 p{
     line-height:140%; 
     margin: 2px 3px 2px 0px;
     padding: 0px 0px 2px 0px;
     border: dotted #9DB2B9;
     border-width:0 0 1px 0;
}

.mod_anytopics_active4 a{
     color:rgb(62,114,54);
     background:url(img/icon_weiter.gif) left center no-repeat;
     padding:7px 4px 6px 17px;
     margin: 0 3px 5px 0px;
}

.mod_anytopics_comments {margin: 0 3px 5px 0px;}

.mod_topic_loop h3 p{line-height:130%;margin:0; padding:0; }

.mt_title a{
     color:rgb(62,114,54); font-size:16px; font-weight:normal; line-height:100%;
}
.mt_tp_topicshort p{
     color:red; font-weight:normal; line-height:100%;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

#pagetitel {   /*überschrift*/
         width: 920px;  /* 690 */
         float:left;  
         text-indent:45px;
         padding:0;
         margin:0 30px 10px 30px;
         background: url(img/logo_h1.png) left top 12px no-repeat;
}
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#breadcrumbs {  float:left;
        padding: 12px 0 12px 0;
        background:none;
        width:920px;
        margin:0 30px 0 30px;
        font-size:0.9em;
}
#breadcrumbs span {
	background: transparent url(img/link.gif) no-repeat;
	padding: 6px 2px 0px 12px;
        font-size: 11px;
}
#breadcrumbs a {
	text-decoration: none;
	color: rgb:(44,63,44);
	font-weight: normal;
}
#breadcrumbs a:hover {
        border-bottom: 1px solid #000;
        color: #000;
}
	
#breadcrumbs .menu-current a{
	color:rgb:(44,63,44); /*grün*/
	font-weight: bold;
}
#breadcrumbs .menu-current a:hover{
	color: #000;
	border-bottom: 1px solid #000;
}

/****Linke Seite****/

#infobox {
	float: left;
	display:inline;                 
	width: 200px;
	padding:0;
	margin:15px 0 0 0;
}
#navigation {
	border-top:4px solid rgb(209,221,207);
	border-bottom:4px solid rgb(209,221,207);
}

#infolinks {
         width: 177px;
         padding:3px 5px 3px 0px;
         margin-bottom:5px;
         color:#000;
}
#innerinfo {
         padding:3px 5px 3px 8px;
         border: 1px dotted rgb(0,146,63);
         margin: 0 12px 10px 0px;
         color:#000;
}
#innerinfo p{
        padding:2px 0 2px 0;
}

/****Mittelteil****/
#maincontent { /* gesamter Mittelteil */
	float:left; 
	display:inline;
        margin: 0 30px 0 0;
	padding: 0;
}

#content { /* WYSIWYG-Editor  */
        font-family: 'Exo 2', sans-serif;
        font-weight:normal;
        font-style:italic;
        font-size:14px;
        line-height: 160%;
	width: 530px;
	float: left;
	display:inline;
	margin: 8px 0 10px 20px;
}

#contentbasis { /* normale schrift, news, members, etc  */
        line-height: 160%;
	width: 530px;
	float: left;
	display:inline;
	margin: 8px 0 10px 20px;
}
#contentbreit {  /* inkl. rechte spalte  */
        font-family: 'Exo 2', sans-serif; 
        font-weight:400; 
        font-style:italic; 
        font-size:16px;
        line-height: 130%;
	width: 730px;
	float: left;
	display:inline;
        margin: 0px 0 10px 20px;
        padding:0;
}
#contentfullsmall { /* ganze Breite normale schrift  */
	width: 920px;
	float: left;
	line-height: 130%;
	display:inline;
	padding:0;
	margin:10px 30px 0 30px;
}
#contentfull { /* ganze Breite  */
        font-family: 'Exo 2', sans-serif;
        font-size:16px;
        font-style:italic;
	width: 920px;
	float: left;
	line-height: 130%;
	display:inline;
	padding:0;
	margin:0 30px 0 30px;
        color:#000;
}
#contentcol-3 { /* members 3-spaltig  */
	width: 950px;
	float: left; clear:both;
	display:inline;             
        margin:-60px 0px 0 30px;  
        padding:0;
	position:relative;   
        z-index:10000;
}

#contentinfo { /* Spezialinfos beim WYSIWYG-Editor 508px */
	width: 512px;
	margin: 14px 0 10px 20px;
	float: left;
	display:inline;
        border:1px dotted rgb(62,114,54);
	padding: 5px 8px 5px 8px;
        background:#f1f1f1;
}
#contentinfo h2{color:rgb(62,114,54);padding:0; margin:0;}

/****dreispaliges Layout WYSIWYG-Editor *****/
.dreispalten {
        width:100%; 
        float:left;
        clear:both;
        display: inline;
        margin:10px 0 0 0;
}
.dreispalten .spaltelinks{
        float:left;
        display: block;
        width:160px;
        text-align:left;
        margin: 0 25px 0 0;
}
.dreispalten .spalterechts{
        float:right;
        width:160px;
        text-align:left;
        margin: 0 0 0 0;
}
.dreispalten .infomitte{
        width:100%;
        float:left; 
        clear:both;
        color:#cc0000;
}
.zweispalten {
        width:514px;
        float:left;
        clear:both;
        display: inline;
        margin:10px 0 0 0;
        background: #f1f1f1;
        padding:0 8px 8px 8px;
}
.zweispalten h4{
        color: #cc0000;  /*grün color: rgb(62,114,54);  /*grün*/
}
.zweispalten p{
        letter-spacing:0.05em;
}
.zweispalten .spaltelinks{
        float:left;
        display: block;
        width:240px;
        text-align:left;
        margin: 0 15px 0 0; border-right:4px solid #ccc;
}
.zweispalten .spalterechts{
        float:right;
        width:240px;
        text-align:left;
        margin: 0 0 0 0;
}
.zweispalten .infomitte{
        width:100%;
        float:left; 
        clear:both;
        color:#cc0000;
}

/****Rechte Seite****/
#rightbox {
        width:180px;
	float:left;
	display:inline;
        margin:14px 0 10px 20px;
        text-align:left;
}
#rightcontent {
        width:180px;
	float:left;
	display:inline;
        margin-bottom:10px;
        text-align:left;
}
#rightinfo {   /*basislayout*/
        width: 163px;
	float:left;
        border:dotted rgb(62,114,54);
        border-width:1px 0 1px 1px;
        display:inline;
	padding: 0px 4px 5px 11px;
        text-align:left;
}
#rightinfo p{
        padding:2px 0 2px 0; line-height:140%;
}
#rightinfo h3{
        line-height:120%; padding:0;
}
/*********clarcontent************/
#clearcontent {
         height:40px;
         width:980px;
         clear:both; 
         border-top:1px dotted #999;
}

#clearcontent .cleartext{
         float:left;
         font-size:14px; 
         width:530px;
         font-weight:normal;
         text-align:center;
         color:#000;
         display:inline;
         margin:15px 0 0 0;
}

#clearcontent .clearleft{
         float:left;
         width:210px;
         margin-top:5px;
         padding:4px 0 2px 0;
         text-align:left;
}
#clearcontent .clearlefttext{      
         clear:both;
         text-align:left;    
         font-size:0.8em;
         vertical-align:top; 
}

#clearcontent .clearright{
         float:right;
         width:210px;
         margin-top:5px;
         padding:4px 0 2px 0;
         text-align:right;
}


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#footerbox {  
           width:100%;
           margin: 0px auto -280px auto;
           clear:both;
           background:rgb(55,81,49);
}
#footer {
	width:980px;
	margin:0 auto 0 auto;
        color: #fff;
	letter-spacing:0.03em;       
        min-height:150px; 
        border-right:1px dotted rgba(159,176,155,0.5);
        border-left:1px dotted rgba(159,176,155,0.5);
        font-size:0.90em;
        line-height:140%;
	padding: 0;
	text-align: left;
}
#footer .footercol {
        float:left;
	width:424px;
	min-height:122px;
	letter-spacing:0.03em;
        font-size:12px;
        line-height:140%;
        margin:0 10px 0 0;
	padding: 28px 0 0 12px;
	text-align: left;
}
#footer .footercol .copy {
        float:left; 
        font-size:0.76em;
        letter-spacing:0.03em;
        color:#ccc !important;
        padding:40px 0 0 0;}

#footer .footercol .copy a{color: #ccc;}
#footer .footercol .copy a:hover{color: #000; text-decoration:none;}

#footer .footercolsmall {
        float:left;
	width:242px;
	border-left:1px dotted rgba(159,176,155,0.5);
	min-height:122px;
        color: #fff;
	letter-spacing:0.03em;
        font-size:12px;         /* 0.98em  */
        line-height:140%;
        margin:0 10px 0 0;
	padding: 28px 0 0 12px;
	text-align: left;
}

#footer .footercolsmall a{ color: #fff;
}
#footer .footercolsmall a:hover{ color: #ccc; text-decoration:none;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */

/**** Search Box ****/
#search_box {
	color: #000;
	text-align: left;
        float:right;
	width:210px;   /* 185  */
        margin:15px 0 0 0;
        background: none;
}
#search_box .searchstring {
        width:140px;
        float: left;
        display:inline;
        border:1px solid #ccc;
         background: none;
	/* background: url(img/input_bg.gif) left top no-repeat; */
	color:#fff;
	font-size: 12px;
        padding-left:5px;
}
#search_box .search_submit {
        width:55px;
        height:19px;
        float: right;    
        font-size: 12px;        
        padding:0 0 3px 0;   
        margin:0;
        border:1px solid #ccc;
        background:none;
        cursor: pointer;
	color:#fff;
}
#search_box .search_submit:hover{ background:#000; color:#fff; }
/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
#prevnext {
	float:right;
	margin-top:0px;
	margin-right:10px;
	color: #fff;
	font-weight: bold;
}
#prevnext a {
        color: #fff;
}

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Horizontal Drop-Down Menue #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

#navContainer {   float:right;
        height:24px;
        width:980px;
        display:block; 
        margin-top:53px;
        float:right;
}

/*** Remove List Formattings ***/
 ul.menu, li.menu {
	list-style-type: none;
	padding: 0px; margin:0;
}

/*** Header menu ***/
#header_menu {position: absolute;}
#header_menu li {line-height: normal; margin-left: 0px;  }
ul#header_menu  {clear: both;}      /* z-index: 10000;  */

#nav {
	float:right;
}
#nav ul {
	list-style-type: none;
	margin: 0;
	padding: 0;
	width: auto;
	position: relative;
	list-style-image: none;      
}

/* Root Level Link Formatierung */
#nav ul li {
     float: left;
     color: red;
     text-align: left;
     font-weight: normal;
     list-style-type: none;
     list-style-image: none;
}

#nav ul li a {   /***Basiseinstellng und Breite der Buttons****/
     display: block;
     padding: 6px 0 0 24px;
     color: rgb(209,221,207); /*hellgrau*/
     text-decoration: none;
     font-weight: normal; 
     letter-spacing:0.02em; 
     font-size:13px;
}

#nav ul li a:hover {
     color: #fff;
     font-weight: normal;
     border:none;
}

/* Root Level link hover  #nav li a:focus,  ul li a:hover,*/
#nav li a:active, #nav ul li a.active, #nav a.menu-current {
     color: #fff;
     border:none;
}

#nav a.menu-parent {  /* Hauptseite mit Unterseiten */
     color: #fff;
}
/*eigener Hintergrund bei hover*/
#nav ul li a:focus {
     background: none;
     color: #f1f1f1;    
     border:none;
}

/*Current page, linke Seite der gesamten Navi wichtig */
#nav a.menu-current{
     }

#nav .menu .home a {
     display: block;
     width:0px;
     height:24px;
     margin:0;
     padding:0;   
}
/* 2nd Child menu Klappmenue ganzer Block*/
#nav .menu li ul {
     position: absolute;
     width: 13.0em;      /* 11.0em */
     margin:0;  /* 0px 0 0 -1px; */
     display: none;
     text-transform: none;
     padding-top: 1px;
     background: rgb(209,221,207);
     box-shadow: 4px 4px 6px  #333;
}
#nav .menu li ul li {
     width: 13.0em; 
     text-align: left; 
     font-weight: normal; 
     margin: 0; padding: 0; 
     line-height: 1.2em;
     border-bottom: 1px solid #fff;
}
#nav .menu li ul li a {
     width: 12.4em; 
     padding: .3em .1em .3em .4em; 
     color: #000;
     font-weight: normal;  
     background: none; 
}

/* 2nd Child link hover */
#nav .menu li ul a:hover,  #nav .menu li ul a.menu-current { 
     background: rgb(159,176,155);  /*mittelgruen*/
     width: 10.6em;
     color:#fff;
     font-weight: normal;
}
#nav .menu li ul a.menu-parent {
     color:#fff;
}
/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
#nav .menu li ul ul { display: none;}
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
#nav .menu li:hover>ul, #nav .menu li li:hover>ul, #nav .menu li.subMenu>ul, #nav .menu li li.subMenu>ul {display: block;  z-index: 1000; }


/* 3rd Child Menu Appreances ????????*/
 #nav .menu li ul li ul	{
     margin: 5px 0 0 -5%;   /*10px 0 0 -40%;  */
     z-index: 10000;
     display:block;
     width:11.2em;
     background: rgb(218,233,233);
     color:red;
}
#nav .menu li ul li ul li	{width: 11em; background: rgb(218,233,233);}
#nav .menu li ul li ul li a 	{ width: 10.4em; border: 1px solid rgb(0,102,102);}

/* 4rd Child Menu Appreances */
#nav .menu li ul li ul li ul	{  width: 9em; background: #808080;}
#nav .menu li ul li ul li ul li	{  width: 9em; }
#nav .menu li ul li ul li ul li a 	{ width: 8.5em;}

/* Positioning the Pop-out Drops */
#nav li {position: relative;}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
}
/* Better: */
#nav li:hover {
	z-index: 10000;
	white-space: normal;
}
/* ~~~~~~~ Ende Horizontal Drop-Down Menue ~~~~~~~ */


/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~
        #### Menue linke Seite #####
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~  */

/* Header menuright */
  .header_menuright {}  /* position: absolute; margin-left: 8px;  */
  .header_menuright li { }     /* line-height:normal;  */
  ul.#header_menuright  { }    /* z-index: 10; clear: both; */
  .header_menuright  {
         /*font-family: 'Open Sans Condensed', sans-serif; */
         font-family: 'Exo 2', sans-serif;
         font-size: 15px;
         font-weight:700;
         letter-spacing:0.1em;
         color:rgb(44,72,38);
         margin:20px 0 4px 0;
}

ul.menuright, li.menuright {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

.menuright {
	letter-spacing:0.05em;       
        border-bottom:1px solid #ccc;
	width: 190px;
	margin: 5px 0 20px 0;
        font-size:13px;
        z-index: 10;
}
.menuright ul {
	list-style-type: none;
	margin: 0;
	padding:0;
	position: relative; /* der IE6 Bug */
}
.menuright ul li {
           text-align: left;
           font-weight: normal;
           list-style-type: none;
}

.menuright li ul a{     /*current plus unterseiten*/
}

/***erste Ebene alle seiten****/
.menuright a {    /*nicht aktive seite*/
           color: #000;
           height: 21px;          /* 19*/
           text-align: left;
           line-height: 140%;     /*150*/
           margin:0;
           padding:0;
           background: url(img/navi-dotgrey.gif) right center no-repeat;
}
.menuright ul a:hover {
	color: red;
	text-decoration:none;  
}
/**** alle sichtbaren unterseiten****/
.menuright ul li a {
          display: block;
          padding: 3px 0 0 8px;
          color: #000;
          text-decoration: none;
          border-top:1px solid #ccc;
}
/* Root Level Link Formatting */
.menuright ul li a:hover, #nav li a:focus {
          color: #000;  /*rgb(140,157,174); */
          border-top: 1px solid black;
          background: url(img/navi-pfeilgrey.gif) right center no-repeat rgb(245,245,245);  /* 1. Ebene background mit farbe*/
}
.menuright li a:active, #nav ul li a.active {
}

/* Current page /aktive Seite und Unterseite*/
.menuright li.menu-current a {
          border-top: 1px solid rgb(62,114,54);
          font-weight: bold;   
          color:rgb(62,114,54);
}

.menuright .menu-current  a{
           background: url(img/navi-pfeilgreen.gif) right center no-repeat rgb(245,245,245);     /* 1. Ebene background mit farbe*/
}

/***Untermenue 1. Unterseite***/
.menuright .menu-current ul a {
          font-weight: normal;
          padding-left:22px;
          background: url(img/navi-pfeilgreygrey.gif) right center no-repeat ;    /* rgb(245,245,245) 1. Ebene background mit farbe*/
}
.menuright .menu-current a:hover {
          font-weight: bold;
          background: url(img/navi-pfeilgreygrey.gif) right center no-repeat white;   /*  2. Ebene background mit farbe*/
}

.menuright .menu-top a{
          color:rgb(247,237,213);
          background: rgb(153,107,45);

}
.menuright .menu-parent a{
          color:#000;
          font-weight: bold;  
          background: url(img/navi-pfeilgreygrey.gif) right center no-repeat ;  /*rgb(245,245,245) 2. Ebene background mit farbe*/
}

/* 2nd Child menu */
.menuright .menu li ul {
          position: absolute;
          width: 12em;
          margin: 0;
          display: none;
}
.menuright .menu-expand ul {
           margin:0;
           padding:0;
           font-weight:normal;
}
.menuright .menu-expand li {
           margin:0px;
}
.menuright .menu-expand .menu-current a{
           color:rgb(62,114,54); 
           font-weight:bold;
           margin:0px;    
           background: url(img/navi-pfeilgreen.gif) right center no-repeat rgb(245,245,245);     /* 2. Ebene background mit farbe*/
}

.menuright .menu-expand li a {
           margin:0px;  font-weight:normal;
           color:#666;
           list-style:none;
           letter-spacing:0.05em;
           padding-left:22px;
}
.menuright .menu-expand li a:hover {
           margin:0px;
           font-weight:normal;
           color:#666; background: url(img/navi-pfeilgreen.gif) right center no-repeat white;     /* 2. Ebene background mit farbe*/
}
.menuright .menu-expand ul li a {
           margin:0px;
           color: #000; /*rgb(76,96,127); */
}
.menuright .menu-expand li ul li a {    /*dritte Ebene*/
            padding-left:32px;
}

.menuright .menu li ul li {width: 12em; text-align: left; font-weight: normal; margin: 0; padding: 0; line-height: 1.2em; }
.menuright .menu li ul a { width: 11.5em; padding: .6em .1em .6em .4em; background: #4b4c4d; color: #fff; border: 0px solid #880022;}

/* 2nd Child link hover */
.menuright .menu li ul a:hover {
     border: 0;
     color:red;
     }

/* Show and hide */
.menuright .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {display: block;}
.menuright .menu li ul ul { display: none;}
.menuright .menu li:hover ul ul, #nav .menu li.subMenu ul ul {display: none;}
.menuright .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {display: block;}


/* 3rd Child Menu Appreances */
.menuright .menu li ul li ul li a  {width: 11.5em; padding: .6em .1em .6em .4em; background: #c6c6c6; color: #fff; }

/* Positioning the Pop-out Drops */
.menuright li {position: relative;}

.menuright ul ul ul a{
	position: relative;
	padding-left:12px;
}
/* ~~~~~~~ Ende menu ~~~~~~~ */

/******** kopfmenue *********/
#navtop {
	font-size: 11px;
	letter-spacing: 0.05em;
	color: #fff;
        text-align: right;
	float:right;
        margin:17px 15px 0 0;
}
#navtop a{
	color: #fff;
	text-decoration: none;
}
#navtop a:hover{
	color: #000;
	text-decoration: none;
}
#navtop .menu-current a{
	color: #000;
	text-decoration: none;
}
#navtop .menu-current a:hover{
	color: #000;
}

/********* ende kopfmenue **********/


/****Login Box*****/
#login-box { padding-top:5px; padding-left:5px; padding-bottom:10px; border: 0px solid #ccbfd0;}
#login-box fieldset {border:0; text-align:left;}
#login-box legend		{
	font-size: 90%;	
	color: #333;
}
.username {color: #009;} /* Color of name when logged in*/
.topboxbody {font-size:0.8em;padding:2px;}


#login-box label {clear:left; width: 100px; display:block;
	float:left; }
#login-box input {
	display:block;
	float:left;	
	font-size: 10px;
	margin: 2px auto 1px auto;
	width: 100px;
}
#login-box div {clear:left; }

/* ~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ 
	Custom Classes (Re-useables)
~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~~ */
	
/*  Float containers fix: */
.clearfix:after {
    content: ".";
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
}
/*  \*/
* html #clearfix {
	height: 1%;
}
/*  */

.stealth {visibility:hidden; display:none;} /* hides from normal css enabled browsers */