/*
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
Stylesheet for website "Steuerkanzlei Knipping/Lamberts-Hengster"
written by Corina Rudel [http://corina-rudel.de]
first version  31.08.2006
edited: 10.11.2006
+++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++++
*/

/* Image Replacement */

@import url(ir.css);

/* IE5 Mac only \*//*/
	@import("ie5mac.css");
/**/


/* +++++++++++ General +++++++++++ */

* {
	margin:0;
	padding:0;
	}

html, body {
	height:100%;
	}

body {
	font:100.01%/1.3 "Courier New", Courier, monospace;
	background:#fff url(vertical-line.gif) 15em 0 repeat-y;
	color:#000;
	}

#wrap {
	min-height:100%;
	background:url(bottom.gif) left bottom repeat-x;
	min-width:49em;
	}

h1 {
	font:bold 120%/1.2 'Segoe UI','Lucida Grande', Lucida, 'Lucida Sans Unicode', Geneva, sans-serif;
	height:100px;
	background:#374C66;
	color:#fff;
	border-bottom:1px solid #d7dbe0;
	position:relative;
	/* not IE Mac \*/
	overflow:hidden;
	/* */
	}

h1 span {
	display:block;
	padding-top:1.5em;
	padding-left:35px;
	text-transform:uppercase;
	letter-spacing:.08em;
	}

h1 span em {
	text-transform:none;
	font-style:normal;
	font-size:90%;
	letter-spacing:0;
	}

h1 b {
	padding:0;
	background:url(title.gif) left top no-repeat;
	width:40em;
	height:100px; /* for Opera < 9 */
	}

/* main navigation */

ul#navi {
	font:bold 100% 'Segoe UI','Lucida Grande', Lucida, 'Lucida Sans Unicode', Geneva, sans-serif;
	list-style:none;
	margin-top:20px;
	line-height:30px;
	height:30px;				/* because of no containing float */
	/* not IE Mac \*/
	overflow:hidden;
	/* */
	padding-left:6.75em;
	border-top:1px solid #d7dbe0;
	border-bottom:1px solid #d7dbe0;
	color:#afb7c2;
	background-color:#fff;
	}


ul#navi li {
	/*margin:0 1em 0 2em;		/*not here because of IE */;
	margin-left:2.25em;
	float:left;
	}

#navi a, #navi em {
	position:relative;			/* containing block for IR */
	color:#afb7c2;
	font-size:80%;
	text-decoration:none;
	font-weight:bold;
	padding-right:.75em;
	height:30px;				/* for Opera < 9; doesn't accept %-height for abs. pos. elements */
	width:100%;					/* em-width for li-elements set */
	display:block;
	}

#navi a:hover, #navi a:focus {
	color:#374c66;
	outline:0;
	}

#navi em {						/* current menu link */
	color:#374c66;
	font-style:normal;
	}

/* width for li-elements for IE 5 and Opera < 9 */
li#home {
	width:5.5em;
	}

li#team {
	width:3.5em;
	}

li#focus {
	width:7em;
	}

li#contact {
	width:5em;
	}

li#imprint {
	width:6.5em;
	}

/* +++++++++++++ Main +++++++++++++ */

#main {
	width:49em;
	}

/* names and addresses */

address span {
	display:block;
	}

address strong, address em {
	color:#000;
	font-weight:normal;
	font-style:normal;
	display:block;
	}

address .name {
	margin:1em 0;
	}

address .plz, address .town {
	display:inline;
	}

address .fon, address .mail {
	margin-top:1em;
	}

/* address on every page */

#address {
	width:15em;
	float:left;
	}
	
#address address {
	font-style:normal;
	font-size:75%;
	padding-left:35px;
	padding-top:30px;
	color:#888;
	}

/* ++++++++++++++ content ++++++++++++++ */

#content {
	margin-top:20px;
	float:right;
	width:34em;
	}

#content a {
	color:#8794A3;
	text-decoration:underline;
	}

#content a:visited {
	color:#374C66;
	}

#content a:hover {
	color:#374C66;
	text-decoration:none;
	}

/* h2 with image replacement */

#content h2 {
	font:bold 90%/1.4 'Segoe UI','Lucida Grande', Lucida, 'Lucida Sans Unicode', Geneva, sans-serif;
	letter-spacing:.05em;
	text-transform:uppercase;
	color:#374c66;
	background-color:#fff;
	margin:30px 0 .5em 35px;
	position:relative;
	}

h2 b {
	height:1.4em;					/* Opera < 9 needs width for IR (100%) */
	}

#content h3 { /* 100617 */
	font-size:100%;
	font-weight:normal;
	margin:.5em 0 0;
	}

#content p {
	font-size:90%;
	margin:.5em 0 .75em 55px;
	}

#content ol, 
#content ul {
	font-size:90%;
	margin:.5em 0 1em 85px;
	}

#content li p { /* 100617 */
	margin-left:0;
	}

#content ul {
	list-style:none;
	margin-left:65px;
	}

#content ul li {
	padding-left:10px;
	background:url(dot-gray.gif) 0 .55em no-repeat;
	}

#content address {
	font-style:normal;
	font-size:90%;
	color:#000;
	margin-left:55px;
	margin-top:1em;
	}

#content hr {
	height:1.5em;
	visibility:hidden;
	}

/* 100617: Scrollcontainer */
#datenschutz .inner {
	border:1px solid #d7dbe0;
	padding:0 10px 10px;
	margin-left:45px;
	height:10em;
	overflow:auto;
	}

#datenschutz .inner p,
#datenschutz .inner ol {
	margin-left:0;
	}

#datenschutz .inner li {
	margin-left:1.5em;
	}

/* clear element */

hr.clear {
	display:block;
	clear:both;
	visibility:hidden;
	height:3em;
	}

/* invisible del-Element */

del {
	display:none;
	}