@charset "utf-8";

/*--------------------------------------------------------------*/
/*--------------------[ CSS Document reset ]--------------------*/
/*--------------------------------------------------------------*/

* {
	margin: 0;
	padding:0;
	outline:none;
}

/*--------------------------------------------------------------*/
/*-------------[ global tags, selectors, classes ]--------------*/
/*--------------------------------------------------------------*/
html, body {
	height:100%;
	min-width:940px;
}

body {
	background:url(../images/bg-body.jpg) center 0 no-repeat;
	background-attachment:fixed;
	font:13px/20px "Trebuchet MS", Verdana, "Times New Roman";
	color:#646464;
   overflow:-moz-scrollbars-vertical;
}

div#rechner {
	width:600px;
   overflow:hidden;
}

/*--------------------------------------------------------------
	gloabal => typography
--------------------------------------------------------------*/
p {
	margin:0 0 20px 0;
}

textarea {
	overflow:auto;
}

a {
	text-decoration:none;
	color:#9a7666;
}

a:hover {
	text-decoration:underline;
}

.highlight {
	font-weight:bold;
}

ul {
	list-style:none;
}

/*--------------------------------------------------------------
	gloabal => positioning
--------------------------------------------------------------*/

.clear {
	clear:both;
	height:0;
	overflow:hidden;
}

.floatRight {
	float:right;
}

.floatLeft {
	float:left;
}

.indent {
	text-indent:-9999px;
}

/*--------------------------------------------------------------
	gloabal => images
--------------------------------------------------------------*/
img.floatLeft {
	float:left;
	margin:0 10px 0 0;
}

#containerOuter {
	width:940px;
	min-height:100%;
	height:auto !important;
	height:100%;
	margin:0 auto;
	background:url(../images/bg-container-outer.gif) -1px 0 repeat-y;
}

/*--------------------------------------------------------------*/
/*-------------------------[ =container ]-----------------------*/
/*--------------------------------------------------------------*/

#container {
	width:940px;
	margin: 0 auto;
	background:url(../images/bg-container.jpg) 725px 0 no-repeat;
}

/*--------------------------------------------------------------*/
/*---------------------------[ =header ]------------------------*/
/*--------------------------------------------------------------*/

#header {
	width:940px;
	height:174px;
	background:url(../images/bg-header.jpg) 0 bottom no-repeat;
	position:relative;
}

/*--------------------------------------------------------------
	header => branding
--------------------------------------------------------------*/
#header h1.branding a {
	position:absolute;
	display:block;
	width:228px;
	height:128px;
	top:46px;
	left:678px;
	overflow:hidden;
}

#header h1.branding img {
	border:none;
}

#header h1 span {
	display:block;
	text-indent:-9999px;
}

#header h1.branding a:hover {
	text-decoration:none;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =content ]------------------------*/
/*--------------------------------------------------------------*/
#contentContainer {
	width:940px;
}

/*--------------------------------------------------------------
	contentContainer => contentSidebar
--------------------------------------------------------------*/
#contentSidebar {
   width:199px;
	height:330px;
	overflow:hidden;
	float:left;
	padding:15px 0 0 61px;
  
}

/*--------------------------------------------------------------
	contentContainer => contentMain
--------------------------------------------------------------*/
#contentMain {
	width:592px;
	min-height:430px;
   height:auto !important;
   height:430px;
	float:left;
	padding:59px 40px 0 47px;
	background:url(../images/bg-content.jpg) 11px 0 repeat-y;
}

* html #contentMain {
	height:430px;
}

#contentMain ul {
	margin:0 0 20px 0;
	list-style:none;
}

#contentMain ul li {
	color:#9a7666;
	padding:0 0 0 16px;
	background:url(../images/bg-ul-li.jpg) left 6px no-repeat;
}

#contentMain p a.vcard {
	display:block;
	width:250px;
	height:30px;
	text-indent:-9999px;
	background:url(../images/vcard.png) 0 0 no-repeat;
}

#contentMain iframe {
	background:none;
	padding:1px;
	border:1px solid #c4c4c4;
}

#contentMain .column1 {
	float:left;
	width:307px;
   position:relative;
}

#contentMain .column1 img {
	position:absolute;
	left:-47px;
	margin:6px 0 0 0;
}

#contentMain .column2 {
	position:relative;
	float:right;
	width:285px;
}

ul.list {
	margin-bottom:20px;
   padding-top:20px;
}

ul.list li.check {
	padding-left:15px !important;
   background:url(../images/ul-list-li.jpg) 0 3px no-repeat !important;
   list-style:none !important;
   color:#5a2c37 !important;
   font:bold 18px/20px "Trebuchet MS", Verdana, "Times New Roman" !important;
}

a.highlight {
	padding-left:10px;
   background:url(../images/a-highlight.jpg) 0  7px no-repeat;
}

#contentMain h3,
h4 {
	color:#646464;
	font-size:18px;
	font-weight:normal;
}

#contentMain h2 {
	display:block;
	height:35px;
	margin:0 0 11px 0;
	text-indent:-9999px;
}

#contentMain h2#h2Willkommen {
	width:270px;
	float:left;
	background:url(../images/h2/bg-willkommen.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Ueber-uns {
	background:url(../images/h2/bg-ueber-uns.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Dienstleistungen {
	background:url(../images/h2/bg-dienstleistungen.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Buchhaltung {
	background:url(../images/h2/bg-buchhaltung.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Kostenrechnung {
	background:url(../images/h2/bg-kostenrechnung.jpg) 0 0 no-repeat;
}

#contentMain h2#h2bilanz-jahresabschluss {
	background:url(../images/h2/bg-bilanz-jahresabschluss.jpg) 0 0 no-repeat;
}

#contentMain h2#h2lohn-und-gehaltsverrechnung {
	background:url(../images/h2/bg-lohn-und-gehaltsverrechnung.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Brutto-Netto-Rechner {
	background:url(../images/h2/bg-brutto-netto-rechner.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Kontakt {
	background:url(../images/h2/bg-kontakt.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Danke {
	background:url(../images/h2/bg-danke.jpg) 0 0 no-repeat;
}

#contentMain h2#h2error {
	background:url(../images/h2/bg-error.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Anfahrt {
	background:url(../images/h2/bg-anfahrt.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Impressum {
	background:url(../images/h2/bg-impressum.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Aktuelles {
	padding:0 0 8px 0;
	background:url(../images/h2/bg-aktuelles.jpg) 0 0 no-repeat;
}

#contentMain h2#h2Referenzen {
	padding:0 0 11px 0;
	background:url(../images/h2/bg-referenzen.jpg) 0 0 no-repeat;
}

#contentMain h2#h2tipps-tricks {
	padding:0 0 8px 0;
	background:url(../images/h2/bg-tipps-tricks.jpg) 0 0 no-repeat;
}

/*--------------------------------------------------------------
	contentMain => CMS
--------------------------------------------------------------*/
.CmsLoop {
	padding:0 0 15px 0;
}

.CmsLoop a {
	font-weight:bold;
}

.CmsLoop a.Pdf {
	display:block;
	height:22px;
	width:147px;
	padding:0 0 0 56px;
	margin:9px 0 0 0;
	background:url(../images/icon-pdf.gif) left center no-repeat;
}

.CmsLoop a.Excel {
	display:block;
	height:22px;
	width:147px;
	padding:0 0 0 56px;
	margin:9px 0 0 0;
	background:url(../images/icon-excel.gif) left center no-repeat;
}

a img.cmsImg {
	width:121px;
	height:121px;
	float:left;
	padding:1px;
	margin:0 29px 20px 0;
	border:1px solid #c4c4c4;
	background:#ffffff;
}

.cmsBoxImg {
	background:url(../images/bg-cms-box-img.jpg) 0 0 no-repeat;
	float:left;
}

h3.referenzenHeading {
	min-width:430px;
	margin:0 0 7px 0;
	padding:0 0 5px 0;
	border-bottom:1px solid #c4c4c4;
}

.refCms {
	position:relative;
}

h3.referenzenHeading a {
	font-size:18px;
	font-weight:normal;
	color:#9a7666;
   display:block;
   height:150px;
   *height:auto;
   padding-left:153px;
   *padding-left:0;
   position:absolute;
   *position:relative;
   top:-20px;
   *top:auto;
}

h3.referenzenHeading a:hover {
	text-decoration:none;
}

h3.aktuellesHeading {
	color:#646464;
	display:block;
	font-size:18px;
	font-weight:normal;
	padding:0 0 5px 0;
	margin:0 0 6px 0;
	border-bottom:1px solid #c4c4c4;
}


/*--------------------------------------------------------------
	contentContainer => navigation
--------------------------------------------------------------*/
#contentSidebar ul.navigation {
	width:200px;
	height:132px;
	margin:0 0 46px 0;
}

#contentSidebar ul li {
	width:200px;
	height:20px;
	overflow:hidden;
}

#contentSidebar ul li.first {
	height:32px;
}

#contentSidebar ul li a {
	display:block;
	height:12px;
	overflow:hidden;
	text-indent:-9999px;
	background:url(../images/bg-navigation.png) 0 0 no-repeat;
}

#contentSidebar ul li a.Bilanzbuchhalter {
	width:145px;
	height:15px;
}

#contentSidebar ul li a.Bilanzbuchhalter:hover {
	background-position:-200px 0;
}

* html #contentSidebar ul li a.Bilanzbuchhalter:hover {
	background-position:-199px 0;
}

#contentSidebar ul li a.Ueber-uns {
	width:92px;
	background-position:0 -32px;
}

#contentSidebar ul li a.Ueber-uns:hover {
	background-position:-200px -32px;
}

* html #contentSidebar ul li a.Ueber-uns:hover {
	background-position:-199px -32px;
}

#contentSidebar ul li a.Aktuelles {
	width:65px;
	background-position:0 -52px;
}

#contentSidebar ul li a.Aktuelles:hover {
	background-position:-200px -52px;
}

* html #contentSidebar ul li a.Aktuelles:hover {
	background-position:-199px -52px;
}

#contentSidebar ul li a.Referenzen {
	width:77px;
	background-position:0 -72px;
}

#contentSidebar ul li a.Referenzen:hover {
	background-position:-200px -72px;
}

* html #contentSidebar ul li a.Referenzen:hover {
	background-position:-199px -72px;
}

#contentSidebar ul li a.Kontakt {
	width:55px;
	background-position:0 -92px;
}

#contentSidebar ul li a.Kontakt:hover {
	background-position:-200px -92px;
}

* html #contentSidebar ul li a.Kontakt:hover {
	background-position:-199px -92px;
}

#contentSidebar ul li a.Anfahrt {
	width:54px;
	background-position:0 -112px;
}

#contentSidebar ul li a.Anfahrt:hover {
	background-position:-200px -112px;
}

* html #contentSidebar ul li a.Anfahrt:hover {
	background-position:-199px -112px;
}

#contentSidebar ul li a.Dienstleistungen {
	height:18px;
	width:145px;
	background-position:0 -178px;
}

#contentSidebar ul li a.Dienstleistungen:hover {
	background-position:-200px -178px;
}

* html #contentSidebar ul li a.Dienstleistungen:hover {
	background-position:-199px -178px;
}

#contentSidebar ul li a.Buchhaltung {
	height:16px;
	width:83px;
	background-position:0 -210px;
}

#contentSidebar ul li a.Buchhaltung:hover {
	background-position:-200px -210px;
}

* html #contentSidebar ul li a.Buchhaltung:hover {
	background-position:-199px -210px;
}

#contentSidebar ul li a.Kostenrechnung {
	height:16px;
	width:111px;
	background-position:0 -230px;
}

#contentSidebar ul li a.Kostenrechnung:hover {
	background-position:-200px -230px;
}

* html #contentSidebar ul li a.Kostenrechnung:hover {
	background-position:-199px -230px;
}

#contentSidebar ul li a.BilanzJahresabschluss {
	height:16px;
	width:160px;
	background-position:0 -250px;
}

#contentSidebar ul li a.BilanzJahresabschluss:hover {
	background-position:-200px -250px;
}

* html #contentSidebar ul li a.BilanzJahresabschluss:hover {
	background-position:-199px -250px;
}

#contentSidebar ul li a.Gehaltsverrechnung {
	height:16px;
	width:194px;
	background-position:0 -270px;
}

#contentSidebar ul li a.Gehaltsverrechnung:hover {
	background-position:-200px -270px;
}

* html #contentSidebar ul li a.Gehaltsverrechnung:hover {
	background-position:-199px -270px;
}

#contentSidebar ul li a.Brutto-Netto-Rechner {
	width:153px;
	background-position:0 -290px;
}

#contentSidebar ul li a.Brutto-Netto-Rechner:hover {
	background-position:-200px -290px;
}

* html #contentSidebar ul li a.Brutto-Netto-Rechner:hover {
	background-position:-199px -290px;
}

#contentSidebar ul li a.TippsTricks {
	height:16px;
	width:97px;
	background-position:0 -310px;
}

#contentSidebar ul li a.TippsTricks:hover {
	background-position:-200px -310px;
}

* html #contentSidebar ul li a.TippsTricks:hover {
	background-position:-199px -310px;
}

/*--------------------------------------------------------------*/
/*--------------------------[ =footer ]-------------------------*/
/*--------------------------------------------------------------*/


#footer {
	width:877px;
	height:65px;
	margin:0 auto;
	padding:36px 0 30px 63px;
	font-size:11px;
	background:url(../images/bg-footer.png) 0 0 no-repeat;
}

#footer ul li {
	float:left;
}

#footer ul li.line {
	color:#c4c4c4;
	padding:0 6px 0 6px;
}