/* @override 
	http://macbookflo.local/handinhand/style.css
	http://infarbe.com/handinhand/style.css
	http://macbookflo.local/handinhand/backup081211/style.css
*/

/*
	Hand in Hand Style Sheet (Screen)
	by Florian Ziegler, http://www.guerillagraphix.net/
*/

/* @group Basics */

* {
	margin: 0;
	padding: 0;
}
body {
	margin: 0;
	padding: 0;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	text-align: center;
/*	background: url(images/960.png) repeat-y center top; */
}
a {
	color: #a51a3f;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
}
img {
	border: none;
}

/* @end */

#page {
	position: relative;
	margin: 0 auto;
	width: 56.5em;
	text-align: left;
}
#logo {
	position: absolute;
	right: 0;
	top: 0.15em;
	display: block;
	margin: 0;
	padding: 0;
	font-size: 2em;
	font-weight: bolder;
	width: 6em;
	height: 4.5em;
	background: url(images/logo.gif) no-repeat center right;
	color: #a51a3f;
	text-indent: -9999px;
}
#logo a {
	display: block;
	width: 6em;
	height: 4.5em;
}

/* @group Navigation */

#nav {
	float: left;
	margin: 1em 0 0 0;
	padding: 2em 0 2em 0;
	width: 100%;
	list-style: none;
	background: url(images/nav_background.gif) no-repeat center left;
}
#nav li {
	float: left;
	margin: 0;
	padding: 0.5em 0;
}
#nav li a {
	display: block;
	padding: 0 1.3em;
	font-size: 0.8em;
	color: #f60;
	font-weight: bold;
	border-right: 2px solid #f60;
}
#nav li a:hover {
	text-decoration: underline;
}
#nav li.active a {
	color: #a11c3c;
	text-decoration: underline;
}
#nav #nav_termine a {
	border: none;
}

/* @end */
#content {
	float: left;
	margin: 0.2em auto 0 auto;
	width: 43em;
	overflow: hidden;
}
#content h2 {
	clear: both;
	float: left;
	margin: 0;
	padding: 1em 2em 2.5em 1.5em;
	color: #fff;
	background: #a11c3c;
	font-size: 1.1em;
	font-weight: normal;
	line-height: 1.2em;
}
/* @group Box */

#content .box p {
	float: left;
	margin: 0;
	padding: 0;
	font-size: 0.7em;
	text-shadow: 0 0 #a11c3c;
	line-height: 1.4em;
}

#page .box {
	position: relative;
	float: left;
	margin: 0 0 2em 0;
	padding: 1.5em 1.5em 3.5em 1.5em;
	color: #fff;
	width: 40em;
	background: #a11c3c url(images/box_background.gif) repeat-x right bottom;
	font-size: 1em;
}
#page .box.red {
	background: #a11c3c;
}
* html #page .box.red {
	padding: 1.5em 0.3em 3.5em 1.5em;
}
#page .box.navi {
	padding: 1.5em 1.5em 0 1.5em;
}
* html #page .box.navi {
	padding: 1.5em 1.5em 0 1.5em;
}
#page .box.subnavi {
	padding: 1.5em 1.5em 0 1.5em;
	background: #a11c3c url(images/box_sub_background.gif) repeat-x right bottom;
}
* html #page .box.subnavi {
	padding: 1.5em 1.5em 0 1.5em;
	background: #a11c3c url(images/box_sub_background.gif) repeat-x right bottom;
}
#content .box h2 {
	float: left;
	width: 37.5em;
	padding: 0;
	margin: 0 0 0.5em 0;
	background: transparent;
}
#content .box h2.abstand {
	margin-bottom: 3.5em;
}
#content .box p.abstand {
	float: left;
	width: 50em;
	margin-bottom: 3em;
}
#content .box p {
	clear: both;
	margin: 0 0 .3em 0;
	font-size: 0.75em;
	line-height: 1.6em;
}
.box img {
	position: absolute;
	bottom: 0;
	right: 0;
}

/* @end */

/* @group Subnavigation */

#subnav {
	float: left;
	margin: 3em 0 0.3em -1em;
	padding: 0.8em 0;
	height: 1.1em;
	font-size: 0.8em;
	list-style: none;
}
* html #subnav {
	margin: 2em 0 0 -0.5em;
}
#subnav li {
	float: left;
	padding: 0 0 0 1em;
	border-right: 2px solid #f7bf83;
}
#subnav li.end {
	border: none;
}
#subnav li.end a {
	margin: 0;
}
#subnav li a {
	margin: 0 1em 0 0;
	color: #f9ebc6;
}
#subnav li a:hover, #subnav li.active a {
	color: #fff;
	text-decoration: underline;
}

/* @group Subsub */

#subsubnav {
	float: left;
	margin: 0.3em 0 0.3em -1em;
	padding: 0.8em 0;
	height: 1.1em;
	font-size: 0.8em;
	list-style: none;
	width: 52em;
}
* html #subsubnav {
	margin: 0.3em 0 0 -0.5em;
	width: 50em;
}
#subsubnav li {
	float: left;
	padding: 0 0 0 1em;
	border-right: 2px solid #f7bf83;
}
#subsubnav li.end {
	border: none;
}
#subsubnav li.end a {
	margin: 0;
}
#subsubnav li a {
	margin: 0 1em 0 0;
	color: #f09326;
}
#subsubnav li a:hover, #subsubnav li.active a {
	color: #ee7c01;
	text-decoration: underline;
}

/* @end */

/* @group Login */

#login {
	float: left;
	margin: 3em 0 0 0;
	padding: 0.8em 0 0.35em 0;
	font-size: 1em;
	list-style: none;
}
#login p {
	font-size: 1em;
	line-height: 1em;
}
#login label {
	margin: 0 0.3em 0 0;
	font-weight: bold;
}
#login .form-text {
	margin: 0 1em 0 0;	
	padding: 0.2em;
	font-size: 1em;
	border: 0.1em inset #ee7c01;
}
#login .form-submit {
	margin: 0 0 0 1em;
	padding: 0.2em 1em;
	font-size: 1em;
	color: #222;
	background: #f4d89f;
	border: 0.1em outset #d47407;
}
#login .hilfe {
	color: #444;
	margin: 0 0 0 15px;
	padding: 2px 0 2px 18px;
	background: url(images/hilfe_icon.gif) no-repeat 0 1px;
}

/* @end */

/* @end */

/* @group Three Columns */

#three {
	clear: both;
	float: left;
	margin: 0;
	padding: 0 1em 1.5em 1em;
	width: 41.5em;
}
#three p {
	font-size: 0.7em;
	line-height: 1.4em;
}

#news {
	float: left;
	margin: 0 0 0 1.5em;
	width: 28em;
}
#content #news h3 {
	margin: 0 0 0.6em 0;
}
#news p {
	font-size: 0.8em;
	line-height: 1.5em;
}
#news .metadata {
	margin: 1.5em 0 0.4em 0;
	font-size: 0.8em;
	line-height: 1.5em;
	font-weight: bold;
}
#news .more {
	float: left;
	margin: 0 0 1.5em 0;
	width: 17em;
}

#teaser {
	float: right;
	margin: 0 0 0 1.5em;
	width: 13.7em;
}
#teaser h3 {
	font-style: italic;

}
#teaser p {
	font-size: 0.7em;
	line-height: 1.4em;
	font-weight: bold;
}
.more {
	font-size: 0.7em;
	font-weight: bold;
	color: #a62a48;
}

/* @end */

/* @group Two Columns */

/* @group Searchbox */

#suche {
	float: left;
	padding: 1em 1em 1em 1em;
	width: 10em;
	background: #efefef;
}
#suche h3, #teaser h3, #two h3 {
	float: left;
	color: #a11c3c;
	margin: 0 0 0.1em 0;
	padding: 0;
	font-size: 0.8em;
}
#news h3 {
	float: left;
	color: #a11c3c;
	margin: 0 0 0.1em 0;
	padding: 0 0 0.4em 0;
	font-size: 0.9em;
}
#two h3 small {
	font-weight: normal;
}
.zahl {
	display: block;
	margin: 0 0 1.2em 0;
	font-size: 0.7em;
	color: #000;
}
#suche h3 {
	padding: 0 20px 0 0;
	line-height: 1.4em;
	background: url(images/lupe.gif) no-repeat right center;
}
#suche form {
	clear: both;
	float: left;
}
#suche p {
	float: left;
	clear: both;
	margin: 0 0 1em 0;
	width: 13.6em;
	padding: 0;
}
#suche .submit {
	margin: -0.5em 0 1em 0;
}
#suche .end {
	margin: 0 0 0 0;
}
#suche .hilfe {
	padding: 1px 0 1px 15px;
	background: url(images/hilfe_icon_rot.gif) no-repeat 0 1px;
	color: #888;
}
#suche label {
	float: left;
	margin: 0;
	width: 13.6em;
	color: #777;
}
#suche select {
	clear: both;
	float: left;
	padding: 0.2em;
	margin: 0 0.5em 0 0;
	width: 13.6em;
	font-size: 1em;
	color: #333;
	border: 1px inset #c8c8c8;
}
#suche .form-text {
	float: left;
	padding: 0.25em;
	margin: 0 0.5em 0 0;
	width: 13em;
	font-size: 1em;
	color: #333;
	border: 1px inset #c8c8c8;
}
#suche .form-submit {
	float: left;
	padding: 0.2em 1em;
	margin: 0 0.5em 0.5em 0;
	font-size: 1em;
	color: #333;
	background: #f8f8f8;
	border: 1px outset #c8c8c8;
}
#entry form .flag {
	background: #a11c3c;
	color: #fff;
}

/* @end */

.download {
	clear: both;
	font-size: 0.7em;	
	float: left;
	margin: 10px 0 0 13px;
	padding: 0 0 0 20px;
	width: 140px;
	background: url(images/download_icon.gif) no-repeat left center;
	background-position: 2px 0;
}

#two {
	clear: both;
	float: left;
	margin: 0 0 0 0;
	padding: 0 1em 1.5em 1em;
	width: 41.8em;	
}
.list {
	float: left;
	margin: 0 0 0 1.5em;
	width: 28em;
}
#two p, #two table {
	font-size: 0.7em;
	line-height: 1.4em;
}
.list table {
	clear: both;
	width: 40em;
}
.list h4 {
	font-size: 1em;
	font-weight: bolder;
}
.list table tr th {
	width: 50%;
	padding: 0.5em;
	color: #a11c3c;
	border-bottom: 1px solid #a11c3c;
}
.list table tr td {
	padding: 0.8em;
	background: #fffbd1 url(images/list_background.gif) repeat-x left top;
	border-bottom: 1px solid #a11c3c;
	vertical-align: top;
}

.pager {
	clear: both;
	margin: 0.8em 0 0.8em 0;
	list-style: none;
	font-size: 1em;
	color: #777;
	text-align: center;
}
.pager a {
	padding: 0.2em 0.3em;
	color: #a11c3c;
	border: 0.1em solid #eee;
}
.pager a:hover {
	background: #eee;
	text-decoration: underline;	
}
.pager a.active {
	background: #eee;
	color: #777;
	color: ;
	border: 0.1em solid #eee;
}

.list .print {
	clear: both;
	float: right;
	margin: 1em 0 0 0;
	padding: 0 0 0 1.3em;
	font-size: 0.8em;
	background: url(images/print_button.gif) no-repeat left top;
}
.list h3 {
	float: none;
	width: 35em;
	padding: 0 0 0 0.5em;
}
.list #test {
	clear: both;
	margin: 0 0 2em 0;
	padding: 0.5em;
	width: 27.35em;
	border: 1px solid red;
}
#map_box {
	display: block;
	width: 447px;
	height: 485px;
	background: url(images/maps/map_rnk.gif) no-repeat;
}
#map_box #karte {

}
#map_box map {
	margin: 0;
	padding: 0;
	border: none;
}

/* @end */

/* @group Entry */

#entry {
	clear: both;
}
#entry h3 {
	clear: both;
	float: left;
	margin: 0 1em 0 2em;
	width: 14em;
	color: #a51a3f;
	font-size: 0.9em;
	line-height: 1.3em;
}
#entry h3 small {
	font-size: 0.9em;
	font-weight: normal;
}
* html #entry h3 {
	margin: 0 1em 0 1em;
}
#entry img {
	float: right;
	margin: 0 0 0.5em 1em;
}
#entry h4 {
	margin: 0 0 1em 19.5em;
	padding: 0;
	width: 34em;
	font-size: 0.8em;
	line-height: 1.45em;
}

#entry p {
	margin: 0 0 1em 19.5em;
	padding: 0;
	width: 34em;
	font-size: 0.8em;
	line-height: 1.45em;
}
#entry p.alt {
	margin: 0 0 2.5em 19.5em;
}
#entry .strong {
	font-weight: bold;
}
#entry .ontop {
	margin: -2em 0 1.5em 0;
	padding: 0.5em;
	width: 52.7em;
	color: #666;
	background: #fafafa;
	border: 1px solid #ccc;
	text-align: center;
}
.success {
	padding: 0.5em;
	color: #587835;
	background: #e1edbc;
	border: 1px solid #648a28;
	text-align: center;	
}
.success a {
	color: #587835;
	text-decoration: underline;
}
#entry .success {
	float: left;
	margin: -1em 0 1.5em 0;
	padding: 0.5em;
	width: 52.7em;
}
#entry .error {
	float: left;
	margin: -1em 0 1.5em 0;
	padding: 0.5em;
	width: 52.7em;
	color: #a11c3c;
	background: #eaad9b;
	border: 1px solid #a11c3c;
	text-align: center;
}
#entry .error a {
	text-decoration: underline;
}
#entry blockquote p {
	margin: 0 0 1em 17.6em;
	padding: 0;
	width: 30em;
	font-size: 0.9em;
	line-height: 1.4em;
	font-style: italic;
}
#entry ul {
	margin: 0 0 1em 20em;
	padding: 0 0 0 2em;
	width: 32em;
	font-size: 0.8em;
	line-height: 1.4em;
}
#entry ul li {
	margin: 0 0 0.2em 0;
}
#entry ul li ul {
	margin: 0.5em 0 0.5em 0.5em;
	font-size: 1em;
}
#entry .linklist {
	width: 34em;
	margin-bottom: 2.5em;
	padding: 0;
	list-style: none;
}
#entry .linklist li {
	margin: 0 0 0.7em 0;
	padding: 0;
}
#entry .linklist li a {
	display: block;
	padding: 0 0 0 1.6em;
	background: url(images/pfeil_weiter_liste.gif) no-repeat left top;
}
#entry .downloadlist {
	width: 34em;
	margin-bottom: 2.5em;
	padding: 0;
	list-style: none;
}
#entry .downloadlist li {
	margin: 0 0 0.7em 0;
	padding: 0;
}
#entry .downloadlist li a {
	display: block;
	padding: 0 0 0 1.6em;
	background: url(images/download_icon.gif) no-repeat left top;
}
#entry .special {
	margin-top: 1.5em;
	padding: 0.5em;
	width: 33em;
	text-align: center;
	color: #666;
	background: #fafafa;
	border: 1px solid #ccc;
}
#entry .top {
	margin-bottom: 3em;
}
#entry .top a {
	margin: 0 1.5em 0 0;
	padding: 0 0 0 1.5em;
	background: url(images/pfeil_top.gif) no-repeat left center;
}
#entry form {
	float: right;
	margin: 0 0 1em 0;
	padding: 2em 0 1em 0;
	width: 30em;
	font-size: 0.9em;
	line-height: 1.4em;
	background: #efefef;
}
#entry form p {
	float: left;
	margin: 0 1em 0.8em 2em;
	float: left;
	padding: 0;
	font-size: 0.8em;
}
#entry form .reverse {
	margin: 0em 1em 2em 2em;
	font-size: 0.8em;
}
#entry .abstand {
	margin-bottom: 2.5em;
}
#entry label {
	float: left;
	margin: 0 0.5em 0 0;
	width: 12em;
	color: #555;
	text-align: right;
}
#entry form .reverse input {
	float: left;
	margin: 0.2em 1em 0 0;
}
#page #entry form .reverse label {
	float: left;
	width: 31em;
	font-weight: bold;
	text-align: left;
	line-height: 1.5em;
}
#entry .form-text, #entry form textarea {
	float: left;
	padding: 0.25em;
	margin: 0 0.5em 0 0;
	width: 17em;
	font-size: 1em;
	color: #333;
	border: 1px inset #c8c8c8;
}
#entry form textarea {
	height: 15em;
	font-size: 1.1em;
}
#entry .form-submit {
	padding: 0.2em 1em;
	margin: 0 0 0 12.45em;
	font-size: 1em;
	color: #333;
	background: #f8f8f8;
	border: 1px outset #c8c8c8;
}
#entry .submit {
	padding: 0.2em 1em;
	margin: 0.3em 0.5em 1.5em 0;
	font-size: 1em;
	color: #333;
	background: #f8f8f8;
	border: 1px outset #c8c8c8;	
}
#entry .submit.indent {
	margin: 0.3em 0.5em 1.5em 12.4em;
}
#entry .submit:hover {
	text-decoration: none;
}
#entry .error .submit {
	text-decoration: none;
	color: #851f35;
	background: #eebfac;
	border: 1px outset #df7374;
}

#entry .termin {
	margin: 0 0 1em 15.5em;
	padding: 10px;
	background: #fefbd0;
	border: 1px solid #f07c03;
}
#entry .termin p, #entry .termin h4 {
	margin: 0;
	padding: 0;
	width: auto;
}
#entry .termin h4 {
	font-size: 1em;
	color: #f07c03;
}
#entry .termin .datum {
	margin-top: 1em;
	color: #f07c03;
}

/* @end */

#controlpanel {
	float: right;
	margin: 0 0 1em 1.5em;
	padding: 0.5em;
	font-size: 0.7em;
	list-style: none;
	background: #eee;
}
.edit {
	float: left;
	margin-top: 0.4em;
	padding-left: 1.5em;
	background: url(images/edit.png) no-repeat;
}
.marked {
	color: #a11c3c;
}

.clear {
	clear: both;
}

/* @group Sidebar */

#sidebar {
	float: left;
	margin: 4em 0 0 2.6em;
	padding: 0 0 1em 0;
	font-size: 0.75em;
	width: 16.6em;
	font-size: 0.7em;
	line-height: 1.4em;
}
* html #sidebar {
	margin: 4em 0 0 2.4em;
	width: 14em;
}
#sidebar h4 {
	display: inline;
	float: left;
	clear: none;
}
#sidebar p {
	margin: 0 0 1.4em 0;
}
#sidebar p.alt {
	margin: 0;
}
#sidebar ul {
	margin: 0.3em 0 1.4em 0;
	padding: 0;
	list-style: none;
}
#sidebar ul li {
	margin: 0 0 0.4em 0;
}
#sidebar .linklist {
	margin: 0.5em 0 0 0;
	padding: 0 0 0 0.2em;
}
#sidebar .linklist li a {
	display: block;
	padding: 0 0 0 1.7em;
	line-height: 1.4em;
	background: url(images/pfeil_weiter_liste.gif) no-repeat left top;
}
#sidebar img {
	float: right;
}
#sidebar .submit {
	float: left;
	padding: 0.2em 1em;
	margin: 0.3em 0.5em 0.2em 0;
	font-size: 1em;
	color: #333;
	background: #f8f8f8;
	border: 1px outset #c8c8c8;	
}
#sidebar .submit:hover {
	text-decoration: none;
}
#sidebar #user {
	float: left;
	margin: 0 0 1em 0;
	padding: 0.8em;
	width: 15em;
	background: #eee;
}
* html #sidebar #user {
	width: 14.5em;
}

/* @end */

/* @group Footer */

#footer {
	clear: both;
	float: left;
	margin: -1.2em 0 0 0;
	width: 56em;
	background: url(images/footer_background.gif) no-repeat center right;
}

#footer ul {
	float: left;
	margin: 0;
	padding: 3em 0 3em 39em;
	list-style: none;
	background: url(images/hand_logo.gif) no-repeat center left;
}
#footer ul li {
	float: left;
	margin: 0;
	padding: 0;
}
#footer ul li a {
	display: block;
	padding: 0em 0.6em;
	color: #f60;
	font-size: 0.7em;
	border-right: 1px solid #f60;
}
#footer ul li a:hover {
	text-decoration: underline;
}
#footer ul li.active a {
	color: #a11c3c;
	text-decoration: underline;
}
#footer ul #footer_impressum a {
	border: none;
}

/* @end */
#temp {
	clear: both;
	float: left;
	margin: 40px 0 0 5px;
	padding: 6px 10px;
	background: #999;
	color: #eee;
}
#temp strong {
	color: #444;
}
#testingtesting {
	color: #a11c3c;
}