/*
TABLE OF CONTENTS

00 - import Font
01 - Reset & Global
02 - Supersize
03 - Navigation 
04 - Wir für Sie
05 - Dienstleistungen
06 - Team
07 - Kontakt & Anfahrt
08 - Externe CSS
*/

/* ///////////////////////////////////////////////////////////////////// 
//  00 - Import Webfont
/////////////////////////////////////////////////////////////////////*/

@import url(http://fonts.googleapis.com/css?family=Open+Sans:300);

/* ///////////////////////////////////////////////////////////////////// 
//  01 - Reset & Global
/////////////////////////////////////////////////////////////////////*/

body,html,div,blockquote,img,label,p,h1,h2,h3,h4,h5,h6,
pre,ul,ol,li,dl,dt,dd,form,a,fieldset,input,th,td {
	border:0;
	outline:none;
	margin:0;
	padding:0;
	}

ul {
	list-style:none;
	}

body {
	font: normal 15px/20px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	background: #f2f2f2;
	color: #333333;
	min-width: 940px;
	}

a {
	text-decoration: none;
	color: #c3372d;
	}
	
a:hover {
	color: #333;
	text-decoration: none;
	}

h1 {	
	font: 300 30px/38px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	letter-spacing: 0.025em;
	font-weight: 300;
	color: #c3372d;
	}	
	
.clear {
	clear: both;
	}
	
.left {
	width: 215px;
	float: left;
	margin-right: 20px;
	}

.right {
	width: 215px;
	float: left;
	}
	
.rightteam {
	width: 215px;
	margin-left: 200px;
	float: left;
	}
	
.right-long {
	width: 285px;
	float: left;
	}

.halfline {
	margin-bottom: 4px;
	display: block;
	}	

em {
/*	color: #c3372d;   */
	font-weight: bold;
	font-style: normal;
	}
	
article {
	width: 685px;
	overflow: hidden;
	padding-top: 75px;
	}

article h1 {
	margin-bottom: 28px;
	}
	
.text-left {
	text-align: left !important;
}

.text-center {
	text-align: center !important;
}

.text-right {
	text-align: right !important;
}
	
/* ///////////////////////////////////////////////////////////////////// 
//  02 - Supersize
/////////////////////////////////////////////////////////////////////*/

/* supersized modified */

#lb-container {
	position: relative;
	width: 100%;
	overflow: hidden;
	background-color: #c3372d;
	z-index: 2;
	}

#lb-images {
	position: relative;
	float: left;
	height: 100%;
	width: 100%;
	}

#lb-images .inner {
	position: absolute;
	height: 100%;
	width: 100%;	
	}

#lb-content {
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 101;	
	}

#lb-images .lb-slide {
	height: 100%;
	width: 100%;
	background-repeat: no-repeat;
	background-attachment: scroll;
	background-position: center top;
}

/* supersized Plugin */

#supersized-loader {
/*	background: url(img/progress.gif) 2% 3% no-repeat; */
	width: 100%;
	height: 100%;
	display: block;
	}
	
#supersized {
	display:block;
	position:absolute; 
	left:0;
	top:0;
	overflow:hidden;
	z-index: 100;
	height:100%;
	width:100%;
	}
	
#supersized img {
	width:auto;
	height:auto;
	position:relative;
	display:none;
	outline:none;
	border:none;
	}
	
#supersized.speed img {
	-ms-interpolation-mode:nearest-neighbor;
	image-rendering: -moz-crisp-edges;
	}
	
#supersized.quality img {
	-ms-interpolation-mode:bicubic;
	image-rendering: optimizeQuality;
	}
	
#supersized li {
	display:block;
	list-style:none;
	z-index:-30;
	position:absolute;
	overflow:hidden;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background:transparent;
	}
	
#supersized a {
	width:100%;
	height:100%;
	display:block;
	}
	
#supersized li.prevslide {
	z-index:-20;
	}
	
#supersized li.activeslide {
	z-index:-10;
	}
	
#supersized li.image-loading {
	width:100%;
	height:100%;
	}
	
#supersized li.image-loading img {
	visibility:hidden;
	}
	
#supersized li.prevslide img, #supersized li.activeslide img {
	display:inline;
	}

/* ///////////////////////////////////////////////////////////////////// 
//  Header
/////////////////////////////////////////////////////////////////////*/

.logo-img {
	position: relative;
	top: 29%;
	max-width: 100%;
	height: auto;
	
}
.logo-holder {
	border-radius: 50% !important;
	background: #ffffff;
	justify-content: center;
}

@media (min-width: 1200px) {
	.logo-holder {
		width: 500px;
		height: 500px;
	}
}
@media (min-width: 992px) {
	.logo-holder {
		width: 500px;
		height: 500px;
	}
}
@media (min-width: 576px) {
	.logo-holder {
		width: 500px;
		height: 500px;
	}
}
@media (max-width: 576px) {
	.logo-holder {
		width: 500px;
		height: 500px;
	}
}

/* ///////////////////////////////////////////////////////////////////// 
//  03 - Navigation
/////////////////////////////////////////////////////////////////////*/

header {
	position: fixed;
	height: 300px;
	width: 210px;
	margin-left: 250px;
	left: 50%;
	z-index: 2;
	}
	
header img {
	margin-top: 40px;
	}
	
#nav ul {
	list-style-type: none;
	margin-top: 35px;
	padding: 0;
	}
		
#nav li a {
	font: 300 13px/20px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #c2c2c2;
	margin: -1px 0;
	display: block;
	color: #333;
	}

#nav li a:hover {
	color: #c3372d;
	}

#nav li a.selected {
	color: #c3372d;
	}
	
.first {
	border-top: 1px solid #c2c2c2;
	}
	
#subnav li a {
	font: 300 13px/20px Calibri, Candara, Segoe, "Segoe UI", Optima, Arial, sans-serif;
	text-decoration: none;
	border-bottom: 1px solid #c2c2c2;
	margin: -2px 0;
	display: block;
	color: #333;
	width: 210px;
	}
	
#subnav li a:hover {
	color: #c3372d;
	}
	
#header-container {
	position: absolute;
	min-height: 500px;
	min-width: 500px;
	top: 50%;
	left: 46%;
	margin: -250px 0 0 -190px;
	display: block;
	z-index: 800;
	}
	
#home {
	position: absolute;
	height: 100%;
	width: 100%;
	}

/* ///////////////////////////////////////////////////////////////////// 
//  04 - Wir für Sie
/////////////////////////////////////////////////////////////////////*/

#wir-fuer-sie-container {
	position: relative;
	overflow: hidden;
	width: 100%;
	height: 1200px;
	}
			
#wir-fuer-sie {
	position: absolute;
	margin-left: -607px;
	padding: 0;
	width: 831px;
	height: 1200px
	top: 0px;
	left: 50%;
	}

#wir-fuer-sie-content {
	position: relative;
	width: 920px;
	margin: 0 auto;
	padding: 0 10px 0 10px;
	}
	
.right-long ul li img {
	margin-right: 5px;
	}
	
#slideshow img {
	margin-right: 5px;
	}

.bubble-01 {
	position: absolute;
	color: #fff;
	right: 324px;
	top: 183px;
	}

.bubble-02 {
	position: absolute;
	color: #fff;
	right: 368px;
	top: 494px;
	}

.bubble-03 {
	position: absolute;
	color: #fff;
	right: 585px;
	top: 550px;
	}
	
/* slideshow */

#show-container {
	position: absolute;
	right: 253px;
	top: 645px;
	width: 300px;
	height: 90px;
	}
	
#slideshow  {
	background-color: #333;
	margin: 0 18px;
	width: 256px;
	color: #f2f2f2;
	font-style: italic;
	font-weight: normal;
	font-size: 14px;
	line-height: 18px;
	}
	
#slideshow div {
	padding: 0 2px;
	margin: 0;
	}
	
#prev {
	position: absolute;
	background: url(img/prev.png) no-repeat 0 0;
	display: block;
	height: 11px;
	width: 9px;
	top: 25%;
	}

#next {
	position: absolute;
	background: url(img/next.png) no-repeat 0 0;
	display: block;
	height: 11px;
	width: 9px;
	right: 16px;
	top: 25%;
	}

p.date {
	font-size: 12px;
	margin-top: 10px;
	font-weight: normal;
	}
	
/* ///////////////////////////////////////////////////////////////////// 
//  05 - Dienstleistungen
/////////////////////////////////////////////////////////////////////*/

#dienstleistungen {
	position: relative;
	width: 925px;
	height: 2030px;
	margin: 0 auto;
	padding: 32px 10px 0 5px;
	}

.spacing {
	margin-top: 54px;
	}
	
#bubble-04 {
	position: absolute;
	background: transparent url(img/35-jahre.png) no-repeat;
	color: #FFF;
	width: 114px;
	height: 114px;
	top: 40px;
	left: 96px;
	font-size: 16px;
	text-align: center;
	padding-top: 24px;
	z-index: 21;
	}

#bubble-05 {
	position: absolute;
	background: transparent url(img/zitat.png) no-repeat;
	color: #FFF;
	width: 217px;
	height: 218px;
	top: 758px;
	right: 270px;
	font-size: 16px;
	line-height: 19px;
	font-style: italic;
	text-align: center;
	padding-top: 61px;
	z-index: 21;
	}
	
#jump {
	position: absolute;
	width: 10px;
	height: 2px;
	top: 725px;
	right: 810px;
	}

/* Map */

#map {
    position: relative;
    width: 712px;
    height: 712px;
	}

#transparent_map {
    position: absolute;
    z-index: 30;
    width: 712px;
    height: 712px;
    border: none;
	}

#map ul {
    list-style: none;
	}

#map li {
    position: absolute;
    z-index: 20;
    text-indent: -1000em;
    display: none;
	}

#finanz {
    background: transparent url(img/finanzbuchhaltung.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}

#lohn {
    background: transparent url(img/lohnbuchhaltung.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}

#jahresabschluss {
    background: transparent url(img/jahresabschluss.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}
	
#beratung {
    background: transparent url(img/betriebswirtschaftliche-beratung.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}
	
#steuerberatung {
    background: transparent url(img/steuerberatung.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}

#erben {
    background: transparent url(img/erben-und-vererben.gif) no-repeat;
    width: 712px;
    height: 712px;
    top: 0;
    right: 0;
	}
	
/* ///////////////////////////////////////////////////////////////////// 
//  06 - Team
/////////////////////////////////////////////////////////////////////*/
	
#team {
	width: 920px;
	height: 1230px;
	margin: 0 auto;
	padding: 0 10px 0;
	position: relative;
	}

.team-white {
	background: transparent url(img/team-white.png) no-repeat;
	width: 215px;
	height: 165px;
	text-align: center;
	padding-top: 62px;
	}

.team-grey {
	background: transparent url(img/team-grey.png) no-repeat;
	width: 215px;
	height: 165px;
	color: #FFF;
	text-align: center;
	padding-top: 62px;
	padding-bottom: 14px;
	}

/* ///////////////////////////////////////////////////////////////////// 
//  07 - Kontakt & Anfahrt
/////////////////////////////////////////////////////////////////////*/

#kontakt-und-anfahrt {
	width: 920px;
	height: 1350px;
	margin: 0 auto;
	padding: 0 10px 0;
	position: relative;
	}
	
#kontakt-und-anfahrt a {
	text-decoration: none;
	color: #333;
	}
	
#kontakt-und-anfahrt a:hover {
	color: #c3372d;
	text-decoration: none;
	}
	
/* ///////////////////////////////////////////////////////////////////// 
//  08 - Footer
/////////////////////////////////////////////////////////////////////*/

footer {
	width: 920px;
	margin: 0 auto;
	padding: 0 10px 0;
	position: relative;
	margin-bottom: 60px;
	}

/* ///////////////////////////////////////////////////////////////////// 
//  09 - Lightbox Styles
/////////////////////////////////////////////////////////////////////*/

/* Karriere Styles */

#karriere {
	width: 365px;
	color: #333;
	line-height: 20px;
	}

#karriere li {
	background: url(img/bullet.png) no-repeat 0 7px;
	padding-left: 13px;
	}

.head {
	margin: 17px 0;
	}
	
#impressum {
	width: 360px;
	}	

#impressum em {
	font-weight: normal;
	font-style: italic;
	}

#impressum em a {
	font-weight: normal;
	}
	
/* ///////////////////////////////////////////////////////////////////// 
//  10 - Externe CSS: Thickbox und Tiny Scrollbar
/////////////////////////////////////////////////////////////////////*/	

/* Hack für den Close Button / Negativ Margin */    
        
#lightboxWrapper {
    display: none;
    }

#TB_closeAjaxWindow a {
    display: block;
    }
        
/* ---- global settings needed for thickbox <<<-----------*/

*{padding: 0; margin: 0;}

/* ---- thickbox specific link and font settings <<<------*/

#TB_window {
/*	font: 12px Arial, Helvetica, sans-serif;
	color: #333333; */
}

#TB_secondLine {
	font: 10px Arial, Helvetica, sans-serif;
	color:#666666;
}

#TB_window a:link {color: #666666;}
#TB_window a:visited {color: #666666;}
#TB_window a:hover {color: #000;}
#TB_window a:active {color: #666666;}
#TB_window a:focus{color: #666666;}

/* ---- thickbox settings <<<------------------------------*/

#TB_overlay {
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	}

.TB_overlayMacFFBGHack {background: url(img/macFFBgHack.png) repeat;}
.TB_overlayBG {
	background-color:#000;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
	}

* html #TB_overlay { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

#TB_window {
    background: url("img/bg.png") transparent no-repeat;
	position: fixed;
	z-index: 102;
	color:#000000;
	display:none;
	border: 0 solid #525252;
	text-align:left;
	top:50%;
	left:50%;
	}

* html #TB_window { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_window img#TB_Image {
	display:block;
	margin: 15px 0 0 15px;
	border-right: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	border-top: 1px solid #666;
	border-left: 1px solid #666;
	}

#TB_caption{
	height:25px;
	padding:7px 30px 10px 25px;
	float:left;
	}

#TB_closeWindow {
	height:25px;
	padding:11px 25px 10px 0;
	float:right;
	display: block;
	}

#TB_closeAjaxWindow{
	padding:0;
	margin:0;
	text-align:right;
	float:right;
    position:relative;
    top:-12px;
    right:-12px;
	}

#TB_ajaxWindowTitle{
	float:left;
	padding:7px 0 5px 10px;
	margin-bottom:1px;
    display:none;
	}

#TB_title{
	background-color:#e8e8e8;
    width:100%;
	height:0;
    position:absolute;
	}

#TB_ajaxContent{
	clear:both;
	padding:0;
	overflow:hidden;
	text-align:left;
	line-height:1.4em;
	}

#TB_ajaxContent.TB_modal{
	padding:15px;
	}

#TB_ajaxContent p{
	padding:5px 0px 5px 0px;
	}

#TB_load{
	position: fixed;
	display:none;
	height:13px;
	width:208px;
	z-index:103;
	top: 50%;
	left: 50%;
	margin: -6px 0 0 -104px; /* -height/2 0 0 -width/2 */
	}

* html #TB_load { /* ie6 hack */
position: absolute;
margin-top: expression(0 - parseInt(this.offsetHeight / 2) + (TBWindowMargin = document.documentElement && document.documentElement.scrollTop || document.body.scrollTop) + 'px');
	}

#TB_HideSelect{
	z-index:99;
	position:fixed;
	top: 0;
	left: 0;
	background-color:#fff;
	border:none;
	filter:alpha(opacity=0);
	-moz-opacity: 0;
	opacity: 0;
	height:100%;
	width:100%;
	}

* html #TB_HideSelect { /* ie6 hack */
     position: absolute;
     height: expression(document.body.scrollHeight > document.body.offsetHeight ? document.body.scrollHeight : document.body.offsetHeight + 'px');
	}

#TB_iframeContent{
	clear:both;
	border:none;
	margin-bottom:-1px;
	margin-top:1px;
	_margin-bottom:1px;
	}

#TB_closeWindowButton{
    margin:0;
    width:25px;
    height:25px;
    background-image:url("img/close.png");
	}

/* Tiny Srollbar */

#scrollbar1 { width: 408px; height: 480px; clear: both; margin: 0; padding: 38px 28px 38px 38px;}
#scrollbar1 .viewport { width: 393px; height: 100%; overflow: hidden; position: relative; }
#scrollbar1 .overview { list-style: none; position: absolute; left: 0; top: 0; }
#scrollbar1 .thumb .end,
#scrollbar1 .thumb { background-color: #003D5D; }
#scrollbar1 .scrollbar { background: url(img/bg-track.png) no-repeat right top; position: relative; float: right; width: 15px; }
#scrollbar1 .track { height: 100%; width:13px; position: relative; margin: 2px 0; padding: 0 1px 0; }
#scrollbar1 .thumb { background: url(img/bg-thumb.png) no-repeat right bottom; height: 20px; width: 8px; cursor: pointer; overflow: hidden; position: absolute; top: 0; right: 1px; }
#scrollbar1 .thumb .end { background-image: url(img/bg-thumb.png); overflow: hidden; height: 5px; width: 8px; }
#scrollbar1 .disable{ display: none; }