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


*
{
	margin: 0;
	padding: 0;
}


html
{
	height: 100%;
	width: 100%;
	background: #f7f7f7 url("/images/css/hg.jpg") repeat-x;
}


body 
{
	font-family: Arial, Helvetica, sans-serif;
	font-size: small;
	text-align: center;
	margin: 0 auto;
}


a
{
	color: #990033;
}
a.textlink.blau
{
	color: #284156;
	font-weight: bold;
}
a.normal
{
	color: #284156;
	font-weight: regular;
	text-decoration: none;
}


img
{
	border: none;
}

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

strong.linkfarbe
{
	color: #990033;
	text-decoration: underline;
}


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

#wrapper
{
	width: 1050px;
	margin: 0 auto;
}

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

#header
{
	width: 1050px;
	height: 303px;
	text-align: left;
	background: url("/images/css/banner.jpg") no-repeat;	
}

#header img
{
	width: 230px;
	height: 230px;
}

#header em
{
	display: block;
	font-style: normal;
	margin: 0 0 0 45px;
	font-size: 90%;
}


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

#wrapper2
{
	margin: 0 auto;
	width: 1000px;
}

#menu
{
	float: left;
	width: 1000px;
	text-align: left;
	background: #284156;
}

#menu ul li a
{
	color: #fff;
	padding: 12px 0;
	float: left;
	width: 139px;
	text-align: center;
	font-size: 9pt;
	border-right: 10px solid #e7edf0;	
}

#menu ul li
{
	display: inline;
}



#menu a:hover, #menu a.select
{
	background-color: #99bbcc;
	color: #003366;
}

#wrapper3
{
	background: url("/images/css/submenu.gif") top left repeat-y;		
}


#submenu
{
	float: left;
	display: inline;
	width: 225px;
}

#submenu ul
{
	list-style: none;
}

#submenu .ebene3 li a
{
	padding-left: 40px;
}

#submenu a
{
	display: block;
	padding: 7px 0;
	padding-left: 20px;
	border-bottom: 3px solid #f5fafc;
}

#submenu a:hover, #submenu a.select
{
	background-color: #99bbcc;
	margin-bottom: 0;
}


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

#maincontent
{
	background: url("/images/css/hg4.png") top left no-repeat;
}

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

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


#startseite
{
	padding: 45px 45px 25px 45px;
	text-align: left;
}

#content
{
	float: right;
	width: 715px;
	text-align: left;
}

#content .liste
{
	margin: 10px 0 20px 8em;
}

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


#content .liste li, #content .teaser .text ul li
{
	margin-bottom: 1em;
}


#startseite .motiv
{
	float: left;
	width: 170px;
	height: 170px;
	border: 1px solid #99bbcc;
	margin: 0 10px 10px 0;
}

#startseite .motiv2
{
	float: right;
	width: 170px;
	height: 170px;
	border: 1px solid #99bbcc;
	margin: 0 0 10px 10px;
}

#startseite em
{
	display: block;
}


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


#s1, #s2, #s3
{
	float: left;
	width: 306px;
	font-size: 90%;
}

#s2
{
	margin: 0 20px;
}

#s1 h1, #s2 h1
{
	background-color: #99bbcc;
	padding: 10px;
	font-size: 120%;
	text-align: center;
}

#s2 h2
{
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 1em;
}

#s1 h2, #s3 h2
{
	font-size: 105%;
	font-weight: bold;
	margin-bottom: 0.2em;	
}

#s3 dl
{
	margin-bottom: 20px;
	background: #e9f1f5;
	padding: 10px;
	float: left;
	height: 100px;
}

#s3 dt
{
	float: right;
	margin: 0 0 0 10px;	
}

#s3 dd 
{
	float: left;
}


#s3 .banner
{
	display: block;
	margin-bottom: 20px;	
}

/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Steuertermine*/
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */



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

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

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

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



/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */
/*  Formatierung Mitarbeiter*/
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

.mitarbeiter
{
	clear: left;
	float: left;
	width: 675px;	
	border: 1px solid #99bbcc;
	padding: 20px;
	display: inline;
	margin-bottom: 20px;
}

.mitarbeiter dt img
{
	float: left;
	width: 170px;
	border: 1px solid #99bbcc;	
}

.mitarbeiter .mitte
{
	float: left;
	width: 220px;
	margin: 0 20px;
}


.mitarbeiter .mitte .zeile
{
	float: left;
	margin: 0.2em 0;
	width: 200px;
}

.mitarbeiter .mitte span .left
{
	float: left;
	margin-right: 10px;
	display: inline;
	
	/* wenn mehr als ein Merkmalswert   */
	wwidth: 50px;	
	ttext-align: right;	
}


.mitarbeiter .mitte span .right
{
	float: left;
	width: 130px;
}


.mitarbeiter .rechts 
{
	float: left;
	width: 240px;	
}


.mitarbeiter .rechts ul
{
	margin-left: 18px;
}

.mitarbeiter .rechts ul li
{
	margin-bottom: 0.3em;
}



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

#mandantenportal
{
	text-align: left;
}

#mandantenportal #links, #mandantenportal #rechts
{
	float: left;
	width: 225px;
	bbackground: #9933CC;
}

#mandantenportal #mitte
{
	float: left;
	width: 470px;
	margin-right: 20px;
}

#mandantenportal #mitte #wrapper3
{
	padding: 0 20px;
}

#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: 150px;
}


#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;
}



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


.impressum .zeile
{
	float: left;
	margin: 0.25em 0;
}

.impressum span.left
{
	float: left;
	width: 80px;
	margin-right: 20px;
	margin-left: 50px;
	text-align: left;
	display: inline;
}


.impressum span.right
{
	float: left;
	width: 400px;
}


#maincontent div.impressum p
{
	margin-bottom: 2em;
}




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

#kontaktformular 
{
	width: 600px;
	margin: 0 auto;
}

#suchformular
{
	width: 400px;
	margin: 0 auto;
}

#kontaktformular fieldset, #suchformular fieldset
{
	padding-bottom: 20px;
	border: 1px solid #284156;	
	margin-bottom: 20px;	
}

#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;
}
#kontaktformular .rechtsfeld
{
	float: right;
	margin-left: 10px;
}


#suchformular .mussfeld
{
	float: left;
	width: 250px;
	border: 1px solid #284156;
	margin-left: 10px;
	background-color: #c4deeb;
}

#suchformular .checkfeld
{
	float: left;
	border: 1px solid #284156;
	margin-left: 10px;
}


#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 Fußbereich  */
/*  +++++++++++++++++++++++++++++++++++++++++++++++++++++++++  */

#footer
{
	margin: 0 auto;
	width: 1000px;
	padding: 0 20px 20px 20px;
	color: #003366;
	font-size: 80%;
}



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

#usability
{
	float: right;
	display: inline;
	width: 154px;
	display: inline;
}

#usability ul
{
	float: right;
	display: inline;
	list-style: none;
}

#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 */