/*
    project: Caritas Forum Demenz
    type: stylesheet
	 media: screen
    description: basic styles for all files
    last edited: 24.07.2007, Stephan Paschkin

    Copyright © 2007 Caritas Forum Demenz. All rights reserved.
*/

/* basic styles for layout makeup */

html, body	{
	margin: 0;
	padding: 0;
	font-size: 16px;
	font-family: Arial, Verdana, Tahoma, sans-serif;
	color: #000;
	background-color: #fff;
}

h1, h2, h3, h4, h5, h6, p, form, ul, ol, li {
	margin: 0;
	padding: 0;
}

img {
	border: none;
}

#wrap {
	margin: 0 auto;
	position: relative;
	background-image: url(images/grf_sidebar2_hg.gif);
	background-position: 37.95em;
	background-repeat: repeat-y;
	width: 47.5em;
	border-left: dotted 1px #999;
	border-right: dotted 1px #999;
	border-bottom: 0;
	border-top: 0;
}

#wrap_inner {
	background-image: url(images/grf_sidebar1_hg.gif);
	background-position: 10.63em;
	background-repeat: repeat-y;
}

#verbuende #wrap {
	margin: 0 auto;
	position: relative;
	background-image: none;
	width: 47.5em;
	border-left: dotted 1px #999;
	border-right: dotted 1px #999;
	border-bottom: 0;
	border-top: 0;
}

/* ENDE grundlegende definitionen */

/* header definitionen */

#header {
	height: 10.6875em;
	background-color: #ffffff;
}
#header img {
	float: left;
}


#header #hright {
	height: 9.5em;
}

#header #hright h1{
	padding: 2.5em 0 0 0;
	font-size: 230%;
	color: #f00;
}


/* ENDE header definitionen */

/* main-body definitionen */

#main-body {
	width: 80%;
	float: left;
}

#verbuende #main-body {
	width: 100%;
}

/* ENDE main-body definitionen */

/* sidebar1 definitionen */

#sidebar1 {
	float: left;
	width: 28%;
	border: 0;
}

#verbuende #sidebar1 {
	float: left;
	width: 10.625em;
	border: 0;
}

#sidebar1 h2 {
	margin: 0.625em 0 0.625em 0;
	padding: 0.3125em;
	font-size: 70%;
	font-weight: bold;
	text-align: center;
}

#sidebar1 #nwappen {
	text-align: center;
}

#navi1 {
	margin: 0;
	padding: 0 0 0.90em 0;
	font-size: 70%;
	background-image: url(images/grf_sidebar1_balken.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#navi1 ul {
	list-style-type: none;
}

#navi1 ul li {
	padding: 0.13em;
	background-image: url(images/grf_navi_limg_hg.gif);
	background-position: bottom;
	background-repeat: repeat-x;
}

#navi1 ul li a {
	margin: 0;
	padding: 0.25em 0 0.5em 2.5em;
	display: block;
	color: #555;
	background-color: #e3e3eb;
	background-image: url(images/grf_navi_limg2.gif);
	background-position: 0.85em;
	background-repeat: no-repeat;
}

#navi1 ul li a:hover {
	background-color: #fff;
	color: #666666;
	background-image: url(images/grf_navi_limg1.gif);
	background-position: 0.85em;
	background-repeat: no-repeat;
}

body#start a#startnav, body#beratung a#beratungnav,  body#kompetenzz a#kompetenzznav, body#angebotsprofil a#angebotsprofilnav,  body#fachveranstaltung a#fachveranstaltungnav, body#fortbildung a#fortbildungnav, body#arbeitsgruppen a#arbeitsgruppennav, 
body#informationsmaterial a#informationsmaterialnav, body#kontakt a#kontaktnav, body#link a#linknav {
	background-color: #fff;
	color: #000;
	background-image: url(images/grf_navi_limg1.gif);
	background-position: 0.85em;
	background-repeat: no-repeat;
	width: 80%;
	z-index: 1000;
}


/* ENDE sidebar1 definitionen */

/* content definitionen */

#content {
	float: right;
	width: 72%;
	font-size: 0.75em;
}

#verbuende #content {
	float: right;
	width: 49em;
	font-size: 0.75em;
}

#content-inner {
	padding: 0.625em;
}
.trennlinie {
	display: block;
	margin: 0 0 10px 0;
	padding: 0 0 7px 0;
	border-bottom: dotted 2px #999;
}
.outline3 {
	border: solid 1px #333;
	padding: 5px;
}

#content h1 {
	margin: 0 0 0.94em 0;
	font-size: 155%;
	color: Red;
}
#content h2 {
	margin: 0 0 0.94em 0;
	font-size: 145%;
}
#content h3 {
	margin: 0 0 0.94em 0;
	font-size: 115%;
	color: Red;
}
#content h4 {
	margin: 0 0 0.94em 0;
	font-size: 115%;
}
#content p {
	margin: 0 0 0.94em 0;
}
#content a {
	text-decoration: underline;
}
#content a:hover {
	color: #f00;
}
#content ul {
	margin: 0 0 0.94em 1.88em;
}

#content ul li {
	margin: 0 0 1em 0;
}
table.fva_tab {
	margin: 0.5em 0 0.5em 0;
	padding: 0;
	width: 100%;
}
table.fva_tab td {
	margin: 0;
	padding: 0.25em;
}
table.fva_tab td.fett {
	padding-right: 1em;
	font-weight: bold; 
}

/* ENDE content definitionen */

/* sidebar2 definitionen */

#sidebar2 {
	float: right;
	width: 20%;
	text-align: center;
}

#sidebar2 h2 {
	margin: 0.625em 0 0.625em 0;
	padding: 0.3125em;
	font-size: 70%;
	font-weight: bold;
	text-align: left;
	text-decoration: underline;
	color: #000000;
}

#sidebar h2 a {
	color: #000;
}

#sidebar2 ul {
	margin: 0;
	padding: 0;
	font-size: 75%;
	text-align: left;
	list-style-type: none;
	width: 100%;
}

#sidebar2 ul li {
	margin: 0.15em 0 0.15em 0;
	padding: 0.2em 0 0 0;
	height: 1.44em;
	border: 0;
	background-image: url(images/grf_sb2_li_hg.gif);
	background-repeat: repeat-x;
}

#sidebar2 ul li a {
	padding: 0 0 0 1.7em;
	background-image: url(images/grf_sb2_li_limg2.gif);
	background-position: 0.35em;
	background-repeat: no-repeat;
	color: #000;
}
#sidebar2 ul li a:hover {
	padding: 0 0 0 1.7em;
	background-image: url(images/grf_sb2_li_limg3.gif);
	background-position: 0.35em;
	background-repeat: no-repeat;
	color: #f00;
}

#sidebar2 #balken {
	margin: 0 0 1em 0;
}
.angestellte {
	margin: 0 0 15px 0;
	padding: 0;
	width: 390px;
}
.angestellte dl {
	margin: 0;
	padding: 0;
	height: 200px;
	border: solid 1px #999999;
}
.angestellte dl.ang1 {
	background-image: url(images/harnau2.jpg);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}

.angestellte dl.ang3 {
	background-image: url(images/robel2.jpg);
	background-position: 10px 10px;
	background-repeat: no-repeat;
}
.angestellte dt {
	margin: 0;
	padding: 10px 0 0 170px;
	font-size: 120%;
	font-weight: bold;
}
.angestellte dd {
	margin: 0;
	padding: 10px 0 0 170px;
}
.angestellte2 {
	margin: 0 0 15px 0;
	padding: 0;
	width: 390px;
}
.angestellte2 dl {
	margin: 0;
	padding: 0;
	text-align: right;
	height: 200px;
	border: solid 1px #999999;
}
.angestellte2 dl.ang2 {
	background-image: url(images/schmolke2.jpg);
	background-position: 235px 10px;
	background-repeat: no-repeat;
}
.angestellte2 dl.ang4 {
	background-image: url(images/klemme.jpg);
	background-position: 215px 10px;
	background-repeat: no-repeat;
}
.angestellte2 dt {
	margin: 0;
	padding: 10px 170px 0 0;
	font-size: 120%;
	font-weight: bold;
}
.angestellte2 dd {
	margin: 0;
	padding: 10px 170px 0 0;
}

.fehler {
	color: #f00;
	font-weight: bold;
}
/* ENDE sidebar2 definitionen */

/* footer definitionen */

#footer {
	clear: both;
	height: 0.81em
}

/* ENDE footer definitionen */
/* form definitionen */

.label {
	font-size: 12px;
	font-weight: bold;
}
/* ENDE form definitionen */

#anmeldeform {
	margin: 0;
	padding: 0;
	width: 100%;
}

#anmeldeform label {
	display: block;
	float: left;
	width: 10.6250em;/*170px*/
	margin: 0 0 0.3125em 0;
}
#anmeldeform label.lab_extra1 {
	width: 23.5000em;/*376px*/
}
#anmeldeform input {
	display: block;
	float: left;
	width: 12.5000em;/*200px*/
	height: 19px;
	margin: 0 0 0.3125em 0;
	border: solid 1px #aa1224;
}
#anmeldeform br {
	clear: both;
}
#anmeldeform #button {
	margin: 1.3125em 0 0 0;
	width: 7.7500em;/*76px*/
	height: 1.9625em;
}
#anmeldeform #button.no {
	margin: 1.3125em 0 0 0;
	width: 7.7500em;/*76px*/
	height: 1.76em;
}
#anmeldeform #textbereich {
	width: 23.5000em;
	height: 9.3750em;/*150px*/
	border: solid 1px #aa1224;
}
#anmeldeform input.input_hidden {
	visibility: hidden;
}
.clearing {
	clear: both;
}
.rot {
		color: Red;
}
#kasten-rot {text-decoration: none; padding: 5px;  font-family: Arial, Verdana, Helvetica, sans-serif; font-size: 12px; font-style: normal; line-height: normal; font-weight: normal; color: #333333; background:#FFCCCC; border: solid 1px  #900; }