/** CSS Document **/

/**
 * Basics
**/

a {
	color: #00527f;
	text-decoration: none;
}

a:visited, a:hover, a:active { color: #00539f; }

body {
	background: #fff;
	line-height: 1.5em;
}

h1, h2, h4, h5, strong { font-weight: bold; }

h1, h2 {
	font-size: 2em;
	margin: 0 0 .5em 0;
}

h3 {
	color: #666;
	font-size: 1.5em;
}

h4 {
	color: #00527f;
	font-size: 1em;
}

h4.bg_blue {
	background: #00527f;
	color: #fff;
	padding: 0.4em 0 0.35em 0.5em;
}

h5 { margin-bottom: .5em; }

p { margin: .5em 0; }

/**
 * Area: Header & Footer
**/

#hd {
	line-height: 0em;
	text-align: center;
}

#hd a { color: #fff; }

#hd h1 {
	color: #fff;
	*line-height: 0;
	margin: 0;
	padding: .8em;
}

#hd, #ft { background: #00527f; }

#ft {
	height: 5em;
	padding: 0 .5em 0 0;
}

#ft ul {
	height: 1em;
	line-height: 1em;
}

#ft ul li {
	float: left;
	margin: .5em 0;
	padding: 0 0 0 .5em;
}

#ft ul li a {
	border-right: 1px solid #fff;
	color: #fff;
	font-weight: bold;
	padding: 0 .5em 0 0;
}
#ft ul li.last a { border: 0; }

#ft .dimap { margin-right: 1em; }
 
/**
 * Area: Content
**/

#bd { margin: 1.5em 0; }

#bd .yui-gb, #bd .yui-gd { margin-top: 1em; }

#bd .yui-gb .yui-u.first p { margin-top: 0; }

#bd .yui-gb img {
	float: left;
	margin: 0em 1em 1em 0;
}

p.contact { float: left; }

#bd .yui-gb .bg_grey ul li { margin-bottom: 0 !important; }

#bd .motto {
	float: left;
	font-size: 125%;
	text-align: left;
}

#bd .motto span.float_right {
	background: url(../img/anfuehrung.png) no-repeat scroll top;
	padding: 0 1em 3.6em 0;
}
#bd .motto span.float_left {
	background: url(../img/anfuehrung.png) no-repeat scroll bottom;
	padding: 3.6em 0 0 1em;
}

#bd span.italic { font-style: italic; }

#bd .box_grey {
	float: right;
	height: 17.7em;
	margin: 1em 0 0 1em;
	text-align: center;
	width: 20em;
}

#bd .yui-u .box_grey {
	height: auto;
	margin: 0;
	text-align: left;
	width: auto;
}

.person { height: 8em; }
.contact img { float: left; margin: 0em 1em .5em 0; }

/**
 * Area: Sidebar
**/

#sd .block { margin-bottom: 1em; }

#sd .block.cover {
	background: #fff;
	padding-top: .5em;
	text-align: center;
}

#sd .block.cover h4 { color: #000; }

#sd .box_grey {
	height: auto;
	margin: 0;
	text-align: left;
	width: auto;
}

/**
 * Element: Bullet Link List
**/

.bg_grey ul li {
	list-style-type: square;
	margin: 0 0 1em 1em;
}

/**
 * Helpers
**/

.float_right { float: right; }
.float_left { float: left; }
.float_none { float: none !important; }

.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }

/* Hintergrundfarben */

.bg_grey {
	background: #e2e7e2;
	padding: .5em 1em 1.5em .3em;
}

/* Boxen */

.box_grey {
	border: 1px solid #e2e7e2;
	padding: 1em .3em 1em 1em;
	height: 15.3em;
}

.ml_18-15 { margin-left: 18.15em; }

.compuccino {
	color: #666;
	float: right;
	padding: .3em 0;
}