/*  CSS-Stylesheet www.holzbaur.com  */
/* Copyright 2007 // Schneider Kommunikation www.mitdenken.com */

/*Inhaltsverzeichnis
1. Allgemeine Einstellungen
2. Containereinstellungen
3. Navigation
4. Content Elemente
5. Schriften
*/


/*1. Allgemeine Einstellungen--------------------------------------------------------------------------------*/

html,
body {
font-size:10px;
width:100%;
margin:0;
padding:0;
background-color:#ffffff;
color: #282828;
font-family: Arial, Helvetica, sans-serif;
}

body a:link, body a:visited, body a:active {
color: #1DA3C9;
text-decoration: none;
outline:none;
}

#teaserbox1 p a:link, #teaserbox1 p a:visited, #teaserbox1 p a:active, #teaserbox2 p a:link, #teaserbox2 p a:visited, #teaserbox2 p a:active, #teaserbox3 p a:link, #teaserbox3 p a:visited, #teaserbox3 p a:active, #teaserbox4 p a:link, #teaserbox4 p a:visited, #teaserbox4 p a:active {
color: #8ED4E5;
text-decoration: none;
outline:none;
}

body a:hover {
color:#8ED4E5;
text-decoration: none;
outline:none;
}

#teaserbox1 p a:hover, #teaserbox2 p a:hover, #teaserbox3 p a:hover, #teaserbox4 p a:hover {
color:#ffffff;
text-decoration: none;
}

.clearfix {
clear:both;
}
		
a#link_dreipunkt a:hover {
background: transparent url(../gfx/layout/dreipunkt_over.gif) no-repeat;
width:76px;
height:76px;
}

a#link_dreipunkt {
background: transparent url(../gfx/layout/dreipunkt_over.gif) no-repeat;
width:76px;
height:76px;
}
	
.preload {
visibility:hidden;
z-index:999;
}


/*2. Containereinstellungen-----------------------------------------------------------------------------------*/

#wrap {
width:981px;
height:500px;
background-color:#fff;
margin:20px auto 0 auto;
padding:20px 0 0 20px;
background:#FFFFFF url(../gfx/layout/bg_wrap.gif) no-repeat;
}	

#printlogo {
display:none;
}

/*2.1 Teaserbox Start- & Introsite-----------------------------------------------------------------*/

#contentbox_blue_le {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background:url(../gfx/layout/bg_contentbox_blue.jpg) repeat-x;
}

#contentbox_blue_ri {
margin: 0 0 0 0;
width:460px;
height:460px;
float:left;
background:url(../gfx/layout/bg_contentbox_blue.jpg) repeat-x;
}

#contentbox_blue_le img {
margin: 185px 0 0 111px;
}

#contentbox_blue_ri .dreipunkt {
margin: 192px 0 0 192px;
}

#wrap_intro_text {
width:405px;
height:88px;
margin:188px 0px 0px 28px;
}

#wrap_teaserboxen {
width:460px;
height:147px;
margin: 33px 0px 0px 0px;
}

html>body #teaserbox1 {
width: 207px;
height:58px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 6px 7px;
padding: 5px 5px 5px 5px;
float:left;
}

#teaserbox2 {
width: 208px;
height:58px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 6px 0px;
padding: 5px 5px 5px 5px;
float:left;
}

#teaserbox3 {
width: 207px;
height:58px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 0px 7px;
padding: 5px 5px 5px 5px;
float:left;
}

#teaserbox4 {
width: 208px;
height:58px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 0px 0px;
padding: 5px 5px 5px 5px;
float:left;
}

html>body #teaserbox1 h1, html>body #teaserbox2 h1, html>body #teaserbox3 h1,  html>body #teaserbox4 h1 {
width: 207px;
height: 30px;
margin: 0;
overflow: hidden;
font-size: 12px;
font-weight: bold;
color: #8ED4E5;
}

html>body #teaserbox1 p, html>body #teaserbox2 p, html>body #teaserbox3 p, html>body #teaserbox4 p {
width: 207px;
height: 30px;
margin: 0;
overflow: hidden;
font-size: 12px;
color: #000000;
}

/* A CSS hack fur die Teaserboxen */

* html #teaserbox1 {
width: 200px;
height:62px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 6px 6px;
padding: 2px 4px 2px 4px;
float:left;
}

* html #teaserbox2 {
width: 200px;
height:62px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 6px 0px;
padding: 2px 4px 2px 4px;
float:left;
}

* html #teaserbox3 {
width: 200px;
height:62px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 0px 6px;
padding: 2px 4px 2px 4px;
float:left;
}

* html #teaserbox4 {
width: 200px;
height:62px;
owerflow: hidden;
border: 1px solid #8ED4E5;
margin: 0px 6px 0px 0px;
padding: 2px 4px 2px 4px;
float:left;
}

* html #teaserbox1 h1, * html #teaserbox2 h1, * html #teaserbox3 h1,  * html #teaserbox4 h1 {
width: 207px;
height: 30px;
margin: 0;
overflow: hidden;
font-size: 12px;
font-weight: bold;
color: #8ED4E5;
}

* html #teaserbox1 p, * html #teaserbox2 p, * html #teaserbox3 p,  * html #teaserbox4 p {
width: 207px;
height: 30px;
margin: 0;
overflow: hidden;
font-size: 12px;
color: #000000;
}

/*--------*/

/*2.1 Contentseite -----------------------------------------------------------------*/

#contentbox_le {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
}

#contentbox_le_ueber_uns {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background: transparent url(../gfx/layout/bg_ueber_uns.jpg) no-repeat;
}

#contentbox_le_ueber_sie {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background: transparent url(../gfx/layout/bg_ueber_sie.jpg) no-repeat;
}

#contentbox_le_aktuelles {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background: transparent url(../gfx/layout/bg_aktuelles.jpg) no-repeat;
}

#contentbox_le_kontakt {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background: transparent url(../gfx/layout/bg_kontakt.jpg) no-repeat;
}

#contentbox_le_impressum {
margin: 0 21px 0 0;
width:460px;
height:460px;
float:left;
background: transparent url(../gfx/layout/bg_impressum.jpg) no-repeat;
}

#contentbox_ri {
margin: 0 0 0 0;
width:460px;
height:460px;
float:left;
}

#mainnav {
width:460px;
height:20px;
margin:0px 0px 31px 0px;
}

#wrap_content {
width:406px;
height:355px;
margin:0px 20px 2px 27px;
font-size: 13px;
line-height:18px;
overflow:visible;
}

#wrap_footer {
width:460px;
height:52px;
margin:0px;
}

#link_footer_startseite {
width:67px;
height:10px;
margin:40px 237px 0px 7px;
padding:0px;
float:left;
}

#logo_footer {
width:137px;
height:50px;
margin:1px 0px 0px 0px;
float:left;
padding:0px;
}

#subnav {
width: 298px;
margin: 20px 0px 0px 162px;
}


.grossesBildlinks {
margin: 0px 18px 0px 0px;
float:left
}

.grossesBildrechts {
margin: 0px 0px 0px 0px;
float:left
}

/*3. Navigation --------------------------------------------------------------------*/
/*3.1 Hauptnavigation --------------------------------------------------------------*/
#mainnav strong {
display: none;
}

#mainnav ul {
margin: 0;
padding: 0;
}

#mainnav ul li {
float: left;
display: inline;
list-style-type: none;
margin: 0;
padding: 0;
}

#mainnav a {
background-repeat: no-repeat;
background-position: top left;
display: block;
margin: 0px;
padding: 0px;
text-decoration:none;
-moz-outline-width: 0;
}

a#ueber_uns {
background: transparent url(../gfx/layout/ueber_uns.gif) no-repeat;
width: 69px;
height: 20px;
}

a#ueber_uns_active, a#ueber_uns:hover{
background: transparent url(../gfx/layout/ueber_uns_active.gif) no-repeat;
width: 69px;
height: 20px;
}

a#ueber_sie {
background: transparent url(../gfx/layout/ueber_sie.gif) no-repeat;
width: 59px;
height: 20px;
}

a#ueber_sie_active, a#ueber_sie:hover {
background: transparent url(../gfx/layout/ueber_sie_active.gif) no-repeat;
width: 59px;
height: 20px;
}

a#aktuelles {
background: transparent url(../gfx/layout/aktuelles.gif) no-repeat;
width: 73px;
height: 20px;
}

a#aktuelles_active, a#aktuelles:hover {
background: transparent url(../gfx/layout/aktuelles_active.gif) no-repeat;
width: 73px;
height: 20px;
}

a#kontakt {
background: transparent url(../gfx/layout/kontakt.gif) no-repeat;
width: 59px;
height: 20px;
}

a#kontakt_active, a#kontakt:hover {
background: transparent url(../gfx/layout/kontakt_active.gif) no-repeat;
width: 59px;
height: 20px;
}

a#impressum {
background: transparent url(../gfx/layout/impressum.gif) no-repeat;
width: 79px;
height: 20px;
}

a#impressum_active, a#impressum:hover {
background: transparent url(../gfx/layout/impressum_active.gif) no-repeat;
width:79px;
height:20px;
}

#mainnav ul li #ph_1 {
background: transparent url(../gfx/layout/nav_ph_1.gif) no-repeat;
width: 30px;
height: 20px;
}

#mainnav ul li #ph_2 {
background: transparent url(../gfx/layout/nav_ph_2.gif) no-repeat;
width: 30px;
height: 20px;
}

#mainnav ul li #ph_3 {
background: transparent url(../gfx/layout/nav_ph_3.gif) no-repeat;
width: 30px;
height: 20px;
}

#mainnav ul li #ph_4 {
background: transparent url(../gfx/layout/nav_ph_4.gif) no-repeat;
width: 30px;
height: 20px;
}

/*3.2 Subnavigation --------------------------------------------------------------*/


#subnav strong {
display: none;
}

#subnav ul {
margin: 0;
padding: 0;
}

#subnav ul li {
display: block;
list-style-type: none;
margin: 0;
padding: 0;
}

#subnav a {
background-repeat: no-repeat;
background-position: top left;
display: block;
margin: 0px;
padding: 0px;
text-decoration:none;
-moz-outline-width: 0;
}

a#ueber_uns_aufgabe {
background: transparent url(../gfx/layout/ueber_uns_aufgabe.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_aufgabe_active, a#ueber_uns_aufgabe:hover{
background: transparent url(../gfx/layout/ueber_uns_aufgabe_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_partner {
background: transparent url(../gfx/layout/ueber_uns_partner.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_partner_active, a#ueber_uns_partner:hover{
background: transparent url(../gfx/layout/ueber_uns_partner_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_mitarbeiter {
background: transparent url(../gfx/layout/ueber_uns_mitarbeiter.jpg) no-repeat;
width: 298px;
height: 50px;
}

a#ueber_uns_mitarbeiter_active, a#ueber_uns_mitarbeiter:hover{
background: transparent url(../gfx/layout/ueber_uns_mitarbeiter_active.jpg) no-repeat;
width: 298px;
height: 50px;
}

a#ueber_uns_karriere {
background: transparent url(../gfx/layout/ueber_uns_karriere.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_karriere_active, a#ueber_uns_karriere:hover{
background: transparent url(../gfx/layout/ueber_uns_karriere_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_netzwerk {
background: transparent url(../gfx/layout/ueber_uns_netzwerk.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_uns_netzwerk_active, a#ueber_uns_netzwerk:hover{
background: transparent url(../gfx/layout/ueber_uns_netzwerk_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#ueber_sie_steuererklaerung {
background: transparent url(../gfx/layout/ueber_sie_steuererklaerung.jpg) no-repeat;
width: 298px;
height: 60px;
}

a#ueber_sie_steuererklaerung_active, a#ueber_sie_steuererklaerung:hover{
background: transparent url(../gfx/layout/ueber_sie_steuererklaerung_active.jpg) no-repeat;
width: 298px;
height: 60px;
}

a#ueber_sie_pruefen {
background: transparent url(../gfx/layout/ueber_sie_pruefen.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#ueber_sie_pruefen_active, a#ueber_sie_pruefen:hover{
background: transparent url(../gfx/layout/ueber_sie_pruefen_active.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#ueber_sie_unternehmensberatung {
background: transparent url(../gfx/layout/ueber_sie_unternehmensberatung.jpg) no-repeat;
width: 298px;
height: 85px;
}

a#ueber_sie_unternehmensberatung_active, a#ueber_sie_unternehmensberatung:hover{
background: transparent url(../gfx/layout/ueber_sie_unternehmensberatung_active.jpg) no-repeat;
width: 298px;
height: 85px;
}

a#aktuelles_aktuelle_entwicklung {
background: transparent url(../gfx/layout/aktuelles_aktuelle_entwicklung.jpg) no-repeat;
width: 298px;
height: 60px;
}

a#aktuelles_aktuelle_entwicklung_active, a#aktuelles_aktuelle_entwicklung:hover{
background: transparent url(../gfx/layout/aktuelles_aktuelle_entwicklung_active.jpg) no-repeat;
width: 298px;
height: 60px;
}

a#aktuelles_aktueller_mandantenbiref {
background: transparent url(../gfx/layout/aktuelles_aktueller_mandantenbiref.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#aktuelles_aktueller_mandantenbiref_active, a#aktuelles_aktueller_mandantenbiref:hover{
background: transparent url(../gfx/layout/aktuelles_aktueller_mandantenbiref_active.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#aktuelles_archiv_mandantenbirefe {
background: transparent url(../gfx/layout/aktuelles_archiv_mandantenbirefe.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#aktuelles_archiv_mandantenbirefe_active, a#aktuelles_archiv_mandantenbirefe:hover{
background: transparent url(../gfx/layout/aktuelles_archiv_mandantenbirefe_active.jpg) no-repeat;
width: 298px;
height: 70px;
}

a#kontakt_kontaktformular {
background: transparent url(../gfx/layout/kontakt_kontaktformular.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#kontakt_kontaktformular_active, a#kontakt_kontaktformular:hover{
background: transparent url(../gfx/layout/kontakt_kontaktformular_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#kontakt_kontaktdaten {
background: transparent url(../gfx/layout/kontakt_kontaktdaten.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#kontakt_kontaktdaten_active, a#kontakt_kontaktdaten:hover{
background: transparent url(../gfx/layout/kontakt_kontaktdaten_active.jpg) no-repeat;
width: 298px;
height: 40px;
}

a#kontakt_anfahrtsbeschreibung {
background: transparent url(../gfx/layout/kontakt_anfahrtsbeschreibung.jpg) no-repeat;
width: 298px;
height: 60px;
}

a#kontakt_anfahrtsbeschreibung_active, a#kontakt_anfahrtsbeschreibung:hover{
background: transparent url(../gfx/layout/kontakt_anfahrtsbeschreibung_active.jpg) no-repeat;
width: 298px;
height: 60px;
}






/*5. Schriften --------------------------------------------------------------------*/

.headline {
font-size: 13px;
font-weight: bold;
color: #1DA3C9;
line-height:18px;
}

.normal {
font-size: 13px;
color: #282828;
line-height:18px;
}


.normal_bold {
font-size: 13px;
font-weight: bold;
color: #282828;
line-height:18px;
}


.aufzaehlung {
font-size: 13px;
color: #282828;
line-height:24px;
}

#wrap_content ul {
margin-top:0px;
margin-bottom:0px;
}



/*5.1 Formulare-------------------------------------------------------------------*/

.n123n { padding: 0 0 8px 0; 
}

.n123n#first { margin-top: 20px; 
}

label.normal { 
display: block;
float: left; 
clear: left; 
cursor: pointer; 
width: 120px;
}

.n124n{
margin: 10px 0 0 120px;
}

input.large {
width:220px;
height:15px;
border:1px solid #969696;
padding:1px;
font-size:11px;
}

input.textfeld {	
width:220px;
height:65px;
border:1px solid #969696;
padding:1px;
font-size:11px;
}

.sec_image {
margin: 0px 0px 5px 120px;
}
