﻿@charset "UTF-8";
/* CSS Document kanzlei-giffhorn.de
Start: 26.01.2010
letzte Aenderung: 19.02.2010
*/

/* Farbschema
Farbton (helles Gelb): #FFFDE4
Farbton (helles Blau): #387CAD
Farbton (dunkles Blau): #1D5588
Farbton (Grau Schrift): #666666
*/

/* Reset */
* {
padding: 0;
margin: 0;
border: 0;
}


body  {
	background: #FFFDE4;
	color: #666666;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	line-height: 1.5em;
	text-align: center;
	margin: 0;
	padding: 0;
}

#container {
	width: 960px;
	background-position: 0px 25px;
	background-repeat: no-repeat;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

#header {
	height: 275px;
	text-align: left;
	margin: 0;
	padding: 0;
}

#top_links {
	height: 10px;
	text-align: right;
	margin: 0;
	padding: 5px 20px 8px 20px;
}

#top_links span {
	color: #000000;
}

#top_links a:link {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#top_links a:visited {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#top_links a:active {
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}

#top_links a:hover {
	font-size: 11px;
	color: #000000;
	text-decoration: underline;
}

#logo {
	width: 235px;
	margin: 20px 0 0 20px;
	padding: 0;
}

#logo h1 {
	background-image: url(../images/logo_kanzlei_giffhorn.png);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	width: 233px;
	height: 72px;
	text-indent: -999em;
	margin: 0;
	padding: 0;
}

#spalte_navi {
	width: 220px;
	float: left;
	margin: 0;
	padding: 0;
}

#navi_kopf {
	background-image: url(../images/bg_navi_kopf.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 40px;
	text-align: right;
	margin: 50px 0 0 0;
	padding: 0;
}

#navi_kopf p img {
	margin-top: 9px;
	margin-right: 10px;
	padding: 0;
}

#navi_block {
	background-image: url(../images/bg_navi_block.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	margin: 0;
	padding: 0;
}

#navi_foot {
	background-image: url(../images/bg_navi_foot.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 29px;
	margin: 0;
	padding: 0;
}

#haupt_navi {
	list-style: none;
	margin: 0;
	padding: 0;
}

#haupt_navi li {
	width: 171px;
	margin-top: 7px;
	margin-left: 25px;
}

#haupt_navi li a:link {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -3px;
	background-repeat: no-repeat;
	color: #FFFDE4;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li a:visited {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -3px;
	background-repeat: no-repeat;
	color: #FFFDE4;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li a:active {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -69px;
	background-repeat: no-repeat;
	color: #FFFDE4;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li a:hover {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -36px;
	background-repeat: no-repeat;
	color: #387CAD;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li a.btn_active {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -69px;
	background-repeat: no-repeat;
	color: #FFFDE4;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li a.btn_active:hover {
	background-image: url(../images/bg_navi_link.gif);
	background-position: 0px -36px;
	background-repeat: no-repeat;
	color: #387CAD;
	display: block;
	height: 27px;
	margin: 0;
	padding: 5px 0 0 44px;
	text-decoration: none;
}

#haupt_navi li.start {
	margin-top: 0;
}

#spalte_notizen {
	width: 200px;
	float: right;
	margin: 0;
	padding: 0;
}

#infobox_kopf {
	background-color: #387CAD;
	background-image: url(../images/bg_infobox_kopf.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 40px;
	margin: 0;
	padding: 0;
}

#infobox_kopf h4 {
	color: #FFFDE4;
	font-size: 14px;
	margin: 0 15px 0 15px;
	padding: 15px 0 0 0;
}

#infobox_block {
	background-image: url(../images/bg_infobox_block.gif);
	background-position: 0px 0px;
	background-repeat: repeat-y;
	margin: 0;
	padding: 10px 15px 0 15px;
}

#infobox_block p span {
	font-size: 11px;
}

#infobox_block a:link {
	color: #387CAD;
	text-decoration: none;
}

#infobox_block a:visited {
	color: #387CAD;
	text-decoration: none;
}

#infobox_block a:active {
	color: #387CAD;
	text-decoration: none;
}

#infobox_block a:hover {
	color: #387CAD;
	text-decoration: underline;
}

#infobox_block ul {
	color: #387CAD;
	font-size: 11px;
	margin: 0 5px 0 10px;
}

#infobox_block li a {
	font-size: 11px;
}

#infobox_foot {
	background-image: url(../images/bg_infobox_foot.gif);
	background-position: 0px 0px;
	background-repeat: no-repeat;
	height: 20px;
	margin: 0;
	padding: 0;
}

#spalte_content {
	margin: 0;
	padding: 50px 225px 15px 245px;
}

#spalte_content h2 {
	background-position: 0px 0px;
	background-repeat: no-repeat;
	text-indent: -999em;
	margin: 25px 0 0 0;
	padding: 0;
}

#spalte_content h3 {
	margin: 12px 0 0 0;
	padding: 0;
}

#spalte_content h4 {
	color: #387CAD;
	font-size: 14px;
	margin: 30px 5px 0 0;
	padding: 0 0 5px 0;
	border-bottom: #387CAD 1px dotted;
}

#spalte_content h4 span {
	color: #387CAD;
	font-size: 11px;
	font-weight: lighter;
	margin: 12px 0 0 0;
	padding: 0;
}

#to_topJumper {
	color: #387CAD;
	text-align: right;
	font-weight: bold;
	margin: 5px 5px 0 0;
	padding: 0;
}

#spalte_content p {
	margin: 13px 0 0 0;
	padding: 0;
}

#spalte_content ul {
	margin: 5px 0 0 15px;
	padding: 0;
}

#spalte_content ol {
	margin: 5px 0 0 15px;
	padding: 0;
}

#sub_navi span {
	color: #387CAD;
}

#sub_navi a:link {
	color: #387CAD;
	padding: 0 0 2px 0;
	text-decoration: none;
}

#sub_navi a:visited {
	color: #387CAD;
	padding: 0 0 2px 0;
	text-decoration: none;
}

#sub_navi a:active {
	color: #387CAD;
	font-weight: bold;
	padding: 0 0 2px 0;
	border-bottom: 3px #387CAD solid;
	text-decoration: none;
}

#sub_navi a:hover {
	color: #387CAD;
	padding: 0 0 2px 0;
	border-bottom: 3px #387CAD solid;
	text-decoration: none;
}

#sub_navi a.active {
	color: #387CAD;
	font-weight: bold;
	padding: 0 0 2px 0;
	border-bottom: 3px #387CAD solid;
	text-decoration: none;
}

#team_box {
	margin: 0 0 0 15px;
}

#team_box p span {
	font-size: 11px;
}

#footer {
	width: 960px;
	text-align: left;
	margin: 0 auto;
	padding: 0;
}

input {
	background-color: #FFFDE4;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 195px;
	border-bottom: #666666 1px dotted;
}

textarea {
	background-color: #FFFDE4;
	color: #666666;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	width: 445px;
	border: #666666 1px dotted;
}

#kontakt {
	width: auto;
	border: 0;
}

#email {
	display: none;
}

.form_button {
	background-color: #387CAD;
	color: #FFFDE4;
	font-size: 12px;
	font-weight: bold;
	width: 80px;
	padding: 3px 3px;
	border: #1D5588 1px solid;
}

/* roundedBox */

.ro {
	background-color: #387CAD;
	/* background: url(../images/roundedbox_ro.gif) top right no-repeat; */
	margin: 0;
}

.lo {
	background-color: #387CAD;
	/* background: url(../images/roundedbox_lo.gif) top left no-repeat; */
	margin: 0;
}

.ru {
	background: url(../images/roundedbox_ru.gif) bottom right no-repeat;
	margin: 0;
}

.lu {
	background: url(../images/roundedbox_lu.gif) bottom left no-repeat;
	margin: 0;
}

.inhalt {
	color: #FFFFFF;
	font-size: 11px;
	text-align: center;
	margin: 0;
	padding: 5px 15px 5px 15px;
}

.inhalt a:link {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

.inhalt a:visited {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

.inhalt a:active {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: none;
}

.inhalt a:hover {
	color: #FFFFFF;
	font-size: 11px;
	text-decoration: underline;
}

/* End roundedBox */

/* ELEMENTE InfoBoxR */

	a.InfoBoxR, a.InfoBoxR:link, a.InfoBoxR:visited, a.InfoBoxR:active {
		position: relative;
		color: #333333;
		font-size: 11px;
		text-decoration: none;
	}
	
	a.InfoBoxR:hover {
		color: #333333;
		font-size: 11px;
		background: transparent;
		z-index: 1000;
	}
	a.InfoBoxR span {
		display: none;
		text-decoration: none;
	}
	
	a.InfoBoxR:hover span {
		display: block;
		position: absolute;
		top: -85px;
		left: -170px;
		width: 175px;
		z-index: 1000;
		border: 1px solid #333333;
		border-left: 5px solid #333333;
		padding: 3px 10px 3px 10px;
		background: #FFFFFF;
		font-size: 11px;
		font: normal Arial, Helvetica, Verdana, sans-serif;
		text-align: left;
	}