/*-----------------------------------------------------------------------------
STB Brecklinghaus Screen Stylesheet

version:   1.0
date:      06/01/14
author:    Dörthe Dickel
email:     info@ddidesign.de

website:   www.brecklinghaus-stb.de

Farben:
blaugrün	#326984


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

/*   html5doctor.com Reset Stylesheet (Eric Meyer's Reset Reloaded + HTML5 baseline)  v1.4 2009-07-27 | Authors: Eric Meyer & Richard Clark html5doctor.com/html-5-reset-stylesheet/*/
html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
abbr, address, cite, code,
del, dfn, em, img, ins, kbd, q, samp,
small, strong, sub, sup, var,
b, i,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, figure, footer, header, hgroup, menu, nav, section, menu,
time, mark, audio, video {
margin:0;
padding:0;
border:0;
outline:0;
vertical-align:baseline;
background:transparent;
}

article, aside, figure, footer, header,
hgroup, nav, section { display:block; }

nav, ul { list-style:none; }

blockquote, q { quotes:none; }

blockquote:before, blockquote:after,
q:before, q:after { content:''; content:none; }

a { margin:0; padding:0; font-size:100%; vertical-align:baseline; background:transparent; }

ins { background-color:#ff9; color:#000; text-decoration:none; }

mark { background-color:#ff9; color:#000; font-style:italic; font-weight:bold; }

del { text-decoration: line-through; }

abbr[title], dfn[title] { border-bottom:1px dotted #000; cursor:help; }



body#home {
	text-align:center;
	color:#FFF;
	background:#fff url(bg_body.png) repeat-y center top;
	font: 82.5%/1.3  Arial, Helvetica, sans-serif;
   }
   
div#wrap {
	margin:0 auto;
	width:80%;
	text-align:left;
	}
	


#spli { width:50%; float:left; padding-top:15em; color:#000; background:#fff url(Brecklinghaus-Steuerberaterkanzlei-Logo.jpg) no-repeat 0 5em;}
#spre { width:50%; float:right; padding-top:15em; background-color:#326984;}

#spre  h1,#spre h2,#spre h3,#spre h4, #spre p, #spre ul {margin-left:30px;}
#spre  ul li {list-style-type:square; margin:0 0 .2em 1em; }
.liste2, .liste3 {margin-top:.5em!important; }
.liste2  li{font-size:.9em; }
.liste2 {padding-left:1.2em; padding-bottom:1em; }
.liste3 {margin-left:0!important; }
.liste2 li, .liste3 li{font-size:.95em!important; }

#spli  a{color:#000;}	
h1 {font-size:1.5em; line-height:130%; margin-bottom:1.5em; font-weight:lighter;}
h2 {font-size:1.3em; line-height:100%; margin:2em 0 1em; padding:.1em .2em; font-weight:lighter; border:1px solid #FFF;}
h4 {line-height:100%; margin:2em 0 1em; font-weight:bold;}
p, ul {font-size:1.1em; margin-bottom:1.2em;}
a {color:#fff}	
	
h3.toggler {
	cursor: pointer;
	color:#FFF!important;
	font-weight:lighter;
	background-image:url(pfeil.png);
	background-repeat:no-repeat;
	background-position:left center;
	padding-left:15px;
	margin-bottom:.5em;
	border-bottom:1px solid #FFF;
}	
	
h3.toggler:hover  {
	color:#42af94!important;

}