/*  ++++++++++++++++++++++++++  */
/*  Formatierung Standard TAGS  */
/*  ++++++++++++++++++++++++++  */

*
{
	margin: 0;
	padding: 0;
}

html
{
	height: 100%;
	width: 100%;
}

body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	margin: 0 auto;
	background: #f6f9fa;
	padding-bottom: 40px;
}

a
{
	color: #990033;
}

a.back
{
	display: block;
	margin: 1em 0;
}

img
{
	border: none;
}

p, em, legend, label, h1, h2, li, td, span, caption
{
	color: #003366;
}

p, h2
{
	margin-bottom: 0.5em;
}

ul
{
	padding-left: 1.5em;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Wrapper  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#wrapper
{
	width: 995px;
	border: 1px solid #dee1e3;
	border-top: none;
	border-bottom: 2px solid #dee1e3;
	background: #fff;
	margin: 0 auto;
}

#wrapper2
{
	padding: 20px;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Kopfbereich  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#header
{
	width: 955px; height: 270px;
	text-align: left;
	overflow: hidden;
}

#header .links
{
	float: left;
	width: 175px;
	margin-top: 45px;
	overflow: hidden;
}

#header .links em
{
	display: block;
	font-style: normal;
	margin-top: 20px;
	font-size: 90%;
}

#header .rechts
{
	float: right;
}

#header .rechts img
{
	width: 760px; height: 270px;
}


/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Menü  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#menu
{
	float: left;
	text-align: left;
	margin-right: -20px;
	width: 975px;
}

#menu ul
{
	padding: 0;
}
#menu ul li
{
	display: inline;
}

#menu ul li a
{
	float: right;
	width: 175px;
	margin: 0;
	margin-right: 20px;
	padding: 6px 0;
	color: #fff;
	background: #284156;
	text-align: center;
	font-size: 9pt;
	font-weight: bold;
	text-decoration: none;
	overflow: hidden;
}


#menu a:hover, #menu a.select
{
	background-color: #1c7278;
}


#submenu
{
	float: left;
	display: inline;
	width: 175px;
	border-top: 1px solid #dee1e3;
	background: #f5f8fa;
	margin-bottom: 20px;
	font-size: 9pt;
	overflow: hidden;
}

#submenu ul
{
	list-style: none;
	padding: 0;
}

#submenu ul li a
{
	display: block;
	padding: 6px;
	border-bottom: 1px solid #dee1e3;
	color: #284156;
	font-weight: bold;
	text-decoration: none;
}

#submenu a:hover, #submenu a.select
{
	background-color: #cfe4e6;
	color: #1c7278;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Inhaltsbereich  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#content
{
	bbackground: url("/images/css/submenu.gif") repeat-y;
	text-align: left;
}


#maincontent
{
	float: right;
	width: 760px;
	text-align: left;
}


#maincontent p, #maincontent li
{
	margin-bottom: 1em;
}

#maincontent h1
{
	font-size: 1.2em;
	margin: 0 0 1em;
	clear: left;
}

#maincontent ul
{
	margin: 10px 0 20px 4em;
}


#maincontent .teaser .text ul
{
	margin: 10px 20px 2em;
}

#maincontent ul li, #links ul li
{
	margin-bottom: 1em;
}

#maincontent a.back
{
	display: block;
	font-weight: bold;
	text-align: center;
	margin: 1.5em 0;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Startseite rechte Teaser */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */




#start .teaser 
{
	margin-bottom: 20px;
}

#start .teaser dt
{
	background: #284156;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 2px;
	padding: 10px;
}

#start .teaser dd
{
	font-size: 85%;
}


#start .teaser .text
{
	margin-top: 5px;
}

#start .teaser .link
{
	text-align: right;
	font-weight: bold;
}


#start .teaser .zeile
{
	float: left;
	margin: 0.25em 0;
}

#start .teaser span .left
{
	float: left;
	width: 100px;
	margin-right: 20px;
	text-align: right;
	display: inline;
}


#start .teaser span .right
{
	float: left;
	width: 400px;
}



#start .bild_rechts
{
	float: right;
	margin: 0 0 10px 10px;
}


#start #tabs 
{
	width: 470px;
	height: 22px;
	background:url(/images/css/tabs1.gif) center top no-repeat;
}

#start #tabs a 
{
	font: bold 12px/12px Arial, Helvetica, Sans-Serif; 
	float: left; 
	width: 138px; 
	text-align: center; 
	text-decoration: none;
	margin: 0;
	padding: 5px 0;
	color: #284156;
}

#start #box_outer_content 
{
	width: 468px; 
	border: 1px solid #44688b;
	padding-bottom: 1em;
}

#start #box_outer_content div 
{
	margin: 10px;
}

#start #box_outer_content div p 
{
	margin-bottom: 0.5em;
}

#start #box_outer_content div ul 
{
	margin-left: 1em;
}

#start #box_outer_content div ul li 
{
	margin-bottom: 0.6em;
}

#start a.more
{
	display: block;
	font-weight: bold;
	text-align: right;
	margin: 0.5em 0;
}


#start .kommentar h1 
{
	margin-top: 20px;
	background: #284156;
	color: #ffffff;
	font-size: 1.2em;
	padding: 8px;
}

#start .kommentar h2 
{
	color: #284156;
	font-size: 1em;
	margin: 0.5em 0;
}

.klein 
{
	font-size: 0.8em;
}

#start .fussnote, .fussnoten p
{
	font-size: 0.85em;
	padding-left: 1.5em;
	text-indent: -1.5em;
}

h3.steuertermine 
{
	margin: 1em 0;
	font-weight: bold;
	text-align: left;
	color: #284156;
}

table.steuertermine 
{
	border: 1px solid #284156;
	margin-bottom: 2em;
	border-collapse: collapse;
}

table.steuertermine td 
{
	padding: 3px 6px;
	vertical-align: top;
	border: 1px solid #284156;
}

table.steuertermine th 
{
	padding: 3px 6px;
	background: #284156;
	color: #ffffff;
}




/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Startseite  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#start
{
	text-align: left;
}

#start #links
{
	float: left;
	display: inline;
	width: 175px;
}
#links .teaser 
{
	margin-bottom: 20px;
}
#links .teaser dt
{
}
#links .teaser dd.text ul
{
	padding-left: 1.5em;
}

#start #rechts
{
	float: right;
	width: 175px;
	display: inline;
}

#start #mitte
{
	float: left;
	display: inline;
	width: 565px;
	margin: 0 20px;
}

#start #mitte #wrapper3
{
	padding: 0;
	margin: 0;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Folgeseiten  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */


#content
{
	text-align: left;
}

#content #links
{
	float: left;
	width: 175px;
}
#content #rechts
{
	float: right;
	display: inline;
	width: 175px;
}

#content #mitte
{
	float: left;
	width: 545px;
	margin: 0 20px 0 0;
}

#content #mitte #wrapper3
{
	padding: 0;
}

#maincontent h1 
{
	font-size: 12pt;
}
#maincontent h2 
{
	font-size: 9pt;
}
#content #mitte p 
{
	font-size: 9pt;
	margin-left: 0;
	margin-bottom: 1em;
}
#content #mitte ul 
{
	font-size: 9pt;
	margin-left: 40px;
	padding-left: 1em;
	margin-bottom: 1em;
}



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Infobox ? */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.infobox
{
	border: 1px solid #d8dce1;
	margin-bottom: 20px;
	background: #f5f8fa;
	overflow: hidden;
}

.infobox h1
{
	border-bottom: 1px solid #d8dce1;
	padding: 8px;
	background: #8e9ca8;
	font-size: 9pt;
	color: #ffffff;
}

.infobox ul
{
	list-style: none;
	padding: 0 0 5px;
}

.infobox li
{
	padding: 10px;
	font-size: 9pt;
}
.infobox li.hell
{
	background: #ffffff;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Startseite DHTML-Box */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#start #tabs 
{
	width: 470px;
	margin: 0 46px;
	height: 22px;
	background:url(/images/css/tabs1.gif) center top no-repeat;
}
#start #tabs a 
{
	font-weight: bold;
	font-size: 12px;
	line-height: 12px;
	font-family: Arial, Helvetica, Sans-Serif;
	float: left; 
	width: 138px; height: 10px;
	text-align: center; 
	text-decoration: none;
	margin: 0;
	padding: 5px 0;
	color: #284156;
	overflow: hidden;
}
#start #box_outer_content 
{
	width: 563px; 
	border: 1px solid #44688b;
	padding-bottom: 1em;
}
#start #box_outer_content div 
{
	margin: 10px;
}
#start #box_outer_content div p 
{
	margin-bottom: 0.5em;
}
#start #box_outer_content div ul 
{
	margin-left: 1em;
}
#start #box_outer_content div ul li 
{
	margin-bottom: 0.6em;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Mandantenportal*/
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#mandantenportal
{
	text-align: left;
}
#mandantenportal #links, #mandantenportal #rechts
{
	float: left;
	width: 175px;
}
#mandantenportal #mitte
{
	float: left;
	width: 565px;
	margin: 0;
	margin-right: 20px;
}
#mandantenportal #mitte #wrapper3
{
	padding: 0;
}
#mandantenportal .teaser 
{
	margin-bottom: 20px;
}
#mandantenportal .teaser dt
{
	background: #284156;
	color: #fff;
	font-weight: bold;
	font-size: 90%;
	margin-bottom: 2px;
	padding: 10px;
}
#mandantenportal .teaser dd
{
	font-size: 85%;
}

#mandantenportal .teaser .text
{
	margin: 5px 0 10px 0;
}
#mandantenportal .teaser .link
{
	text-align: right;
	font-weight: bold;
}
#mandantenportal .teaser .zeile
{
	float: left;
	margin: 0.10em 0;
}
#mandantenportal .teaser span .left
{
	float: left;
	width: 50px;
	margin-right: 10px;
	text-align: right;
	display: inline;
}
#mandantenportal .teaser span .right
{
	float: left;
	width: 100px;
}
#mandantenportal .bild_rechts
{
	float: right;
	margin: 0 0 10px 10px;
}
#mandantenportal .kommentar h1 
{
	margin-top: 0;
}
#mandantenportal table
{
	border-collapse: collapse;
	margin-bottom: 20px;
}
#mandantenportal table th, #mandantenportal table td
{
	margin: 0;
	padding: 5px 0px;
	text-align: left;
	border-bottom: 1px solid #E6E8D9;
	vertical-align: top;
}
#mandantenportal table td a
{
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
#mandantenportal table .first
{
	width: 75px;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Lohnabrechnung  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#mandantenportal .lohnabrechnung
{
	border-collapse: collapse;
	margin-bottom: 50px;
}
#mandantenportal .lohnabrechnung caption
{
	text-align: left;
	font-weight: bold;
	padding: 5px 0;
	border-top: 1px solid #003366;
	border-bottom: 1px solid #003366;
}
#mandantenportal .lohnabrechnung th, #mandantenportal .lohnabrechnung td
{
	margin: 0;
	padding: 5px 0px;
	text-align: left;
	border-bottom: 1px solid #E6E8D9;
	vertical-align: top;
}
#mandantenportal .lohnabrechnung td a
{
	display: block;
	font-weight: bold;
	padding-bottom: 5px;
}
#mandantenportal .lohnabrechnung .eins
{
	width: 80%;
}
#mandantenportal .lohnabrechnung .zwei
{
	width: 20%;
	text-align: right;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Impressum                                                  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#maincontent .zeile
{
	float: left;
	margin: 0.25em 0;
}
#maincontent span .left
{
	float: left;
	width: 100px;
	margin-right: 20px;
	text-align: right;
	display: inline;
}
#maincontent span .right
{
	float: left;
	width: 400px;
		margin-bottom: 0.5em;
}
#maincontent div.impressum p
{
	margin-bottom: 2em;
}


#maincontent .block
{
	display: block;
	clear: left;
	margin-bottom: 0.5em;
}
#maincontent .bezeichner
{
	float: left;
	display: inline;
	width: 130px;
	margin-right: 20px;
	text-align: right;
}
#maincontent .wert
{
	float: left;
	display: inline;
	width: 600px;
	margin-bottom: 0.5em;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  kontakt                                                    */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#kontaktformular 
{
	width: 600px;
	margin: 0 auto;
}
#suchformular
{
	width: 400px;
	margin: 0 auto;
}
#kontaktformular fieldset, #suchformular fieldset
{
	padding-bottom: 20px;
	border: 1px solid #284156;	
}
#kontaktformular legend, #suchformular legend
{
	padding: 0 10px;
	font-weight: bold;
	margin-bottom: 10px;
}
#kontaktformular label
{
	float: left;
	width: 200px;
	text-align: right;
}
#suchformular label
{
	float: left;
	width: 100px;
	text-align: right;
}
#kontaktformular .zeile, #suchformular .zeile
{
	float: left;
	margin: 5px 0;
	display: inline;
}
#kontaktformular .mussfeld
{
	float: left;
	width: 300px;
	border: 1px solid #284156;
	margin-left: 10px;
	background-color: #c4deeb;
}
#kontaktformular .kannfeld
{
	float: left;
	width: 300px;
	border: 1px solid #284156;
	margin-left: 10px;
}
#kontaktformular .textfeld
{
	float: left;
	width: 300px;
	height: 200px;
	border: 1px solid #284156;
	margin-left: 10px;
}
#suchformular .mussfeld
{
	float: left;
	width: 250px;
	border: 1px solid #284156;
	margin-left: 10px;
	background-color: #c4deeb;
}
#suchformular .kannfeld
{
	float: left;
	width: 250px;
	border: 1px solid #284156;
	margin-left: 10px;
}
#suchformular .textfeld
{
	float: left;
	width: 250px;
	height: 200px;
	border: 1px solid #284156;
	margin-left: 10px;
}
#suchformular .blindfeld
{
	float: left;
	width: 250px;
	border: 0px solid #284156;
	margin-left: 10px;
}
#kontaktformular .senden, #suchformular .senden
{
	float: left;
	margin-left: 10px;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung ST-Verbund  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#stverbund 
{
	width: 175px;
}
#stverbund img
{
	float: left;
	width: 45px; 
}
#stverbund .rechts
{
	float: right;
	width: 130px;
	bbackground: #998877;
}
#stverbund .eins
{
	padding-left: 10px;
	font-weight: bold;
	font-size: 10pt;
	margin-bottom: 3px;
}
#stverbund .zwei
{
	padding-left: 30px;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}
#stverbund .drei
{
	padding-left: 40px;
	font-style: italic;
	font-size: 9pt;
	display: inline;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Fußbereich  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#footer
{
	clear: both;
	width: 955px;
	margin: 0;
	border-top: 1px solid #dee1e3;
	background: #e7f0f7;
	padding: 30px 0;
	font-size: 9pt;
	text-align: center;
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  3. Formatierung usability Elemente am Inhaltsende                                                      */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#maincontent #usability, #start #usability
{
	float: right;
	display: inline;
	width: 145px;
	margin: 40px 0 0;
	border-top: 1px solid #003366;
	padding: 10px 10px 10px 0;
}
#maincontent #usability ul, #start #usability ul
{
	float: right;
	display: inline;
	list-style: none;
	margin: 0;
}
#maincontent #usability li, #start #usability li
{
	margin: 0;
	padding: 0px 0 0px 10px;
	float: left;
	display: inline;
}

/*  +++++++++++++++++++++++++++  */
/*  Seitenübergreifende Befehle  */
/*  +++++++++++++++++++++++++++  */

.bild_links 
{
	float: left;
	margin: 0 10px 10px 0;
}
.bild_rechts 
{
	float: right;
	margin: 0 0 10px 10px;
}

.strong
{
	font-weight: bold;
}

.center
{
	text-align: center;
}

.clearer
{
	clear: both;
}

.clearfix:after 
{
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix 
{
	display: inline-table;
}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */