/**
 * file:	http://www.anwaltskanzlei-krapp.de/layout/site.css
 * media:	all
 */

/* general styles */
html, body {
	margin: 0px;
}

body {
	width: 842px;
	margin: 1em auto;
	background-color:	#162953;
	color:				white;
	font-size:			80%;
	font-family:		Verdana, Geneva, Arial, sans-serif;
}

a {
	text-decoration:	none;
}

h1 {
	font-size: 1.3em;
	margin: 0em 0em 0.3em 0em;
}

h2 {
	font-size: 1.1em;
	margin: 0.5em 0em 0.3em 0em;
}

h1 + h2 {
	margin-top: 1.5em;
}

img {
	border: none;
}

p {
	margin: 0px 0px 1em 0px;
}


/*********************************************
 * canvas
 * contains all elements
 *********************************************/
div.canvas {
	border: 1px solid #231541;
	background-color: white;
	color: black;
	padding: 1px 1px 1px 1px;
	width: 100%;
	margin-top: 4em;
	position: relative;
}


/*********************************************
 * header
 * contains logo
 *********************************************/
div.header {
	position: relative;
	background: url(bg_header.gif) top left;
	height: 120px;
}

div.header img.logo {
	position: relative;
	top: 16px;
	left: 26px;
}


/*********************************************
 * body
 * contains pictureBoard, content, navigation 
 *********************************************/
div.body {
	width: 822px;
	background-color: #162953;
	padding: 10px;
}


/*********************************************
 * pictureBoard
 * contains images
 *********************************************/
div.pictureBoard {
	float: right;
	margin: 0px 0px 10px 0px;
}

div.pictureBoard img {
	float: left;
	width: 200px;
	height: 157px;
	margin: 0px 0px 0px 5px;
}

div.pictureBoard div {
	float: left;
	width: 176px;
	height: 133px;
	margin: 0px 0px 0px 5px;
	padding: 12px 12px 12px 12px;
	background-color: #d2d1e1;
	color: #2c4885;
}

div.pictureBoard div.right {
	margin-right: 0px;
}

div.pictureBoard div a {
	color: #2c4885;
}

div.pictureBoard div.home {
	background: url(../img/home.jpg) top left no-repeat;
}

div.pictureBoard div.withNavigation {
	height: 145px;
	padding-bottom: 0px;
}

/* horizontal space between elements */
div.pictureBoard div + div,
div.pictureBoard div + img,
div.pictureBoard img + div,
div.pictureBoard img + img
{
	margin-left: 10px;
}
* html div.pictureBoard div.marginLeft,
* html div.pictureBoard img.marginLeft
{
	margin-left: 10px;
}


/* text boxes have more width when person images are used */
div.pictureBoard img.person {
	width: 119px;
}
div.pictureBoard div.beforePerson {
	width: 216.5px;
}
div.pictureBoard img.person + div {
	width: 216.5px;
}


/*********************************************
 * content
 * contains content
 *********************************************/
div.content {
	float: right;
	width: 572px;
	min-height: 157px;
	padding: 12px 24px 12px 24px;
	background-color: #a9a9c7;
	color: #304587;
}

body.homepage div.content {
	float: none;
	clear: both;
	width: 774px;
}


/*********************************************
 * footer
 * contains navigation
 *********************************************/
div.footer {
	clear: both;
	height: 32px;
	padding: 2px 16px 0px 16px;
	background: url(bg_header.gif) top left;
	text-align: right;
	color: white;
	font-size: 0.9em;
}

div.footer a {
	color: white;
	margin: 0em 0.5em 0em 0.5em;
}

div.footer a.first {
	margin-left: 0em;
}

div.footer a.last {
	margin-right: 0em;
}

div.footer div.languageSwitch {
	float: left;
}

/*********************************************
 * navigation
 * contains navigation
 *********************************************/
div.navigation {
	float: left;
	width: 171px;
	color: #A5ABC4;
	padding: 30px 0px 0px 10px;
}

div.navigation a {
	color: #A5ABC4;
}

/***************
 * navigation
 ***************/
ul.navigation {
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	list-style-type: none;
}

ul.navigation li {
	background: url(li.gif) top left no-repeat;
	padding: 5px 0px 0px 19px;
	margin: 0px 0px 1em 0px;
}

/* navigation in sidebar */
div.navigation ul.navigation {
	font-size: 1.25em;
}
div.navigation ul.navigation li {
	height: 21px;
	margin: 0px 0px 0.75em 0px;
}

/* navigation in pictureBoard */
div.pictureBoard ul.navigation li {
	margin: 0px 0px 0.5em 0px;
}

/* highlight current page */
body.disclaimer ul.navigation li.disclaimer,
body.homepage ul.navigation li, 
body.kanzlei ul.navigation li.kanzlei, 
body.anwaelte ul.navigation li.anwaelte,
body.krapp ul.navigation li.krapp,
body.impressum ul.navigation li.impressum
{
	background-image: url(li_highlight.gif);
	color: white;
}
body.kanzlei ul.navigation li.kanzlei a,
body.anwaelte ul.navigation li.anwaelte a,
body.krapp ul.navigation li.krapp a,
body.mustermann ul.navigation li.mustermann a
{
	color: white;
}

body.homepage div.pictureBoard ul.navigation li {
	color: #4B6691;
}
div.pictureBoard ul.navigation li {
	color: #A5ABC4;
}

body.homepage div.pictureBoard ul.navigation li a {
	color: #4B6691;
}
div.pictureBoard ul.navigation li a {
	color: #A5ABC4;
}

body.disclaimer div.pictureBoard ul.navigation li.disclaimer a,
body.impressum div.pictureBoard ul.navigation li.impressum a
{
	color: #4B6691;
}