/* ----------container 850px, left 160px navi670px-------------- */



body {
font-size:0.79em;
font-family : Arial, Verdana, Helvetica, sans-serif;
color : #474c55;
padding : 0;
margin : 0;
}

a {
color : #283d82;
text-decoration : none;
}
a:visited {
color : #283d82;
}
a:hover {
color : #474c55;
}
a:active {
color : #283d82;
}
img {
border : 0;
}


hr {
display : block;
clear : left;
border : none;
border-bottom : 1px solid #cfdce5;
margin : 2px 0;
padding : 0;
height : 1px;
}

h1 {
font-size : 160%;
color : #4974ff;
font-weight : normal;
padding : 5px 0 20px 0;
margin : 0;
letter-spacing : 0.2px;
}

h2 {
font-size : 120%;
color : #4974ff;
letter-spacing : 1px;
font-weight : normal;
text-decoration : none;
padding : 0;
margin : 10px 0 2px 0;
}
h3 {
font-size : 105%;
color : #4974ff;
letter-spacing : 0.5px;
font-weight : normal;
text-decoration : none;
padding : 0;
margin : 5px 0 7px 0;
}

h3 a[href $='.pdf'] {
color: #4974ff;
}


h4 {
display : inline;
background-color : #9fb6c7;
text-transform : uppercase;
letter-spacing : 1px;
font-size : 0.9em;
font-weight : normal;
color : #000;
padding : 0.2em 0.8em;
margin : 0;
}
h5 {
font-size : 105%;
font-weight : bold;
padding : 0.2em 0;
color : #4974ff;
margin : 0;
}
h6 {
font-size : 0.8em;
font-weight : normal;
text-transform : uppercase;
letter-spacing : 1px;
margin : 0;
padding : 3px 0 0 0;
}

.small{
font-size: 80%}

.blue{
color:#4974ff;
}

img.download {
vertical-align : middle;
}


a[href $='.pdf'] { 
   padding-right: 18px;
   background: transparent url(../images/icons/pdf.gif) no-repeat center right;
}

a[href $='.mp3'] { 
   padding-right: 35px;
   background: transparent url(../images/icons/mp3.gif) no-repeat center right;
}

.hidden {
visibility : hidden;
}

#container {
width : 850px;
padding : 5px 0 0 0;
margin-top : 0;
margin-bottom : 10px;
margin-left : auto;
margin-right : auto;
}

#header {
width : 850px;
padding : 0 0 3px 0;
height: 71px;
border:none;
	}
	
#head_logo a {
float:left;
background: #fff url(../images/layout/banner_logo.gif) no-repeat top center;
display: block;
height: 71px;
width: 100px;
}

#head_logo a span {
visibility: hidden;
}	/*style for all*/
	

* html #head_logo a span {
	visibility:visible:} /*style for IE*/



#head_navi {
	float:right;
	margin-right: 28px;
}

#head_navi a{
clear : both;
font-family : Tahoma, Arial;
font-size : 87%;
padding : 10px;
margin-bottom : 0;
}

	
/* ----------Formular Suche-------------- */

#search{
float: right;
padding: 0 32px 17px 14px;}

#search legend, #search label {
display : none;
}
#search fieldset {
border : none;
margin : 0;
padding : 0;
}
#sField {
background : #f1f6ff;
border : 1px solid #8eaec6;
font : 90% Verdana, Arial, Helvetica, sans-serif;
padding : 1px;
width : 100px;
}
#sField:focus, #sField.fieldFocus {
background : #f4dfaa;
}
#sButton {
font : 90% Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #5485a9;
color : #474c55;
padding : 0 2px;
background-color : #fff;
margin-left : 5px;
}
#search form {
margin : 0;
padding : 0;
}
#anmelde legend, #search label {
display : none;
}


/* ----------menübox-------------- */	

div#boxmainnavi {
height : 20px;
margin-left : 170px;
padding-top : 54px;
}

	
/* ----------CONTENT-------------- */	
	
#content {
width : 648px;
padding : 0;
margin-top : 0;
margin-left : 170px;
margin-right : 0;
margin-bottom : 0;
}
#left {
float : left;
width : 160px;
margin : 0;
padding : 0;
}
a#logo img {
visibility : hidden;
}
a#logo {
background : transparent url(../images/layout/banner_logo.gif) no-repeat;
width : 445px;
height : 71px;
display : block;
}
p, pre {
padding : 5px 10px;
margin : 0;
}


/*---------------Rahmenbox -----------------------*/


.box {
border : 1px solid;
padding : 14px 25px 28px 32px;
margin-top : 30px;
margin-bottom : 10px;
}

.box p {
margin : 0;
padding : 0;
}


#tabea {
border : 1px solid #4974ff;
}
#kontakt {
border : 1px solid #a59aff;
}
#beratung {
border : 1px solid #9349ff;
}
#akademie {
border : 1px solid #e569ff;
}
#hospiz {
border : 1px solid #9ad5ff;
}
#trauer {
border : 1px solid #9af9ff;
}
#staff {
border : 1px solid #cc99ff;
}
#service {
border : 1px solid #55ffe9;
}



/*---------------Listen-----------------------*/


ul.feder {
list-style-type : none;
padding : 0;
margin : 0;
}
ul.feder li {
background-image : url(../images/layout/feder.gif);
background-repeat : no-repeat;
background-position : 0 0.3em;
padding-left : 3.8em;
margin : 1em 0;
}
ul.feder_kl {
list-style-type : none;
padding : 0;
margin : 0;
}
ul.feder_kl li {
background-image : url(../images/layout/feder_kl.gif);
background-repeat : no-repeat;
background-position : 0 0.3em;
padding-left : 3.1em;
margin : 0.6em 0;
}
ul.pfeil {
list-style-type : none;
padding : 0.5em 0 0 0;
margin : 0;
}
ul.pfeil li {
background-image : url(../images/layout/pfeil.gif);
background-repeat : no-repeat;
background-position : 0 0.2em;
padding-left : 1.8em;
margin : 0.7em 0;
}
ul.pfeil_kurz {
list-style-type : none;
padding : 0;
margin : 0;
}
ul.pfeil_kurz li {
background-image : url(../images/layout/pfeil.gif);
background-repeat : no-repeat;
background-position : 0 0.1em;
padding-left : 1.4em;
margin : 0.2em 0;
}
ul.pfeil_feder {
list-style-type : none;
padding : 0 0 0 3.6em;
margin : 0;
}
ul.pfeil_feder li {
background-image : url(../images/layout/pfeil.gif);
background-repeat : no-repeat;
background-position : 0 0.2em;
padding-left : 1.8em;
margin : 0.2em 0;
}
ul.dot {
list-style-type : none;
padding : 0 0 0 2em;
margin : 0;
}
ul.dot li {
background-image : url(../images/layout/dot.gif);
background-repeat : no-repeat;
background-position : 0 0.2em;
padding-left : 1.4em;
margin : 0.4em 0;
}
ol.zahl {
list-style-type : decimal;
padding : 0;
margin : 0;
}
ol.zahl li {
color : #4974ff;
margin : 0.7em 0 0 2em;
}




/*---------------LINIEN-----------------------*/
.line {
background-image : url(../images/layout/line.gif);
background-repeat : repeat-x;
height : 1px;
font-size : 1px;
margin : 5px -8px 0 -8px;
padding : 5px 0 5px 0;
}
.colorline {
background-image : url(/images/layout/banner_logo.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_dot {
background-image : url(../images/layout/line_dotted.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_tabea {
background-image : url(../images/layout/line_tabea.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_kontakt {
background-image : url(../images/layout/line_kontakt.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_beratung {
background-image : url(../images/layout/line_beratung.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_akademie {
background-image : url(../images/layout/line_akademie.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_hospiz {
background-image : url(../images/layout/line_hospiz.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_trauer {
background-image : url(../images/layout/line_trauer.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_staff {
background-image : url(../images/layout/line_staff.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}
.line_service {
background-image : url(../images/layout/line_service.gif);
background-repeat : repeat-x;
margin : 10px -8px 10px -8px;
padding : 5px 0 5px 0;
}


/*---------------MENU MAIN-----------------------*/

.menuIndicateur {
background : url(../images/layout/pfeil.gif) no-repeat center right;
}
.menu {
display : block;
margin : 0;
padding : 0;
width : 670px;
background : none;
font-family : Arial, Helvetica, Verdana, sans-serif;
font-size : 0.9em;
}
.menu ul {
list-style:none;
position : absolute;
display : block;
width : 92px;
margin : 0;
padding : 0;
}
.menu li {
list-style : none;
width : 92px;
height : auto;
display : block;
float : none;
float : left;
margin : 0;
padding : 0;
}

.menu li ul {
visibility : hidden;
display : inline;
}
.menu li li ul {
position : absolute;
top : auto;
left : auto;
margin-left : 122px;
margin-top : -23px;
}

.menu li li {
display : block;
float : none;
}
* html .menu li li {
display : inline;
}
.menu a {
text-align : center;
display : block;
width : 92px;
text-decoration : none;
margin : 0 0 0 0;
}


.menu a:hover {
background-color : #94befc;
color : #fff;
}
.menu a:focus {
background-color : #aaf;
}
.menu span {
display : none;
}
.menu li li a {
background-color : #e0eafe;
width : 120px;
text-align : left;
padding : 0.3em;
}
.menu li li li a {
background-color : #e0eafe;
margin-left : 0.1em;
margin-top : 0.1em;
}
.menu li li li li a {
background-color : #e0eafe;
}

/*---------------FARBEN-----------------------*/


#blau {
background-color : #4974ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#blau a {
background : #4974ff;
color : #000268;
}

#lilablau {
background-color : #a59aff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#lilablau a {
background : #a59aff;
color : #000268;
}

#lila {
background-color : #9349ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#lila a{
background : #9349ff;
color : #000268;
}

#lilarosa {
background-color : #cc99ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#lilarosa a{
background : #cc99ff;
color : #000268;
}

#rosa {
background-color : #e569ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#rosa a{
background : #e569ff;
color : #000268;
}

#hellblau {
background-color : #9ad5ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#hellblau a{
background : #9ad5ff;
color : #000268;
}

#turkis {
background-color : #9af9ff;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#turkis a{
background : #9af9ff;
color : #000268;
}

#gruen {
background-color : #55ffe9;
color : #000268;
padding : 0.2em 0.2em 0.2em 0;
}
#gruen a{
background : #55ffe9;
color : #000268;
}


/* ----------Formular Anmeldung-------------- */

#anmelde fieldset {
border : none;
margin : 0;
padding : 0;
}
.aField {
background : #f1f6ff;
border : 1px solid #8eaec6;
font : 0.79em Verdana, Arial, Helvetica, sans-serif;
padding : 1px;
}
.aField:focus, .aField.fieldFocus {
background : #adabf5;
}
#aButton {
font : 90% Verdana, Arial, Helvetica, sans-serif;
border : 1px solid #5485a9;
color : #474c55;
padding : 0 2px;
background-color : #fff;
margin-left : 5px;
}
#anmelde form {
margin : 0;
padding : 0;
}
#table_blue {
border-collapse : collapse;
border : 1px dashed #cfdce5;
font-size : 90%;
font-family : Arial, Verdana, Helvetica, sans-serif;
}
#table_blue td {
border : 1px dashed #cfdce5;
}
.table_blue_title {
font-size : 0.79em;
font-weight : bold;
background : #f1f6ff;
border : 1px solid #8eaec6;
padding : 11px 2px 11px 2px;
margin : 0;
}
#rahmen_grau {
border : 1px solid #cecece;
margin-bottom : 10px;
display : block;
width : 100%;
}
#dotted_box {
border : 2px dotted #c7dfef;
padding : 10px;
}
.rahmen {
display : block;
border : 1px solid #c7dfef;
}
.rahmentitle {
display : block;
color : #3c3c3c;
background-color : #dce8ef;
border-bottom : 1px solid #c7dfef;
padding : 2px 8px 2px 8px;
font-weight : bold;
margin-bottom : 5px;
}
.rahmentext {
padding : 0 8px 2px 8px;
}

div.rowleft {
width : 100%;
position : relative;
background-image : url(../images/layout/line_v.gif);
background-repeat : repeat-y;
background-position : left 0%;
}
.sitemap {
margin-top : 20px;
margin-bottom : 20px;
}
.sitemaptitle {
color : #3c3c3c;
padding : 2px 8px 2px 8px;
font-weight : bold;
margin-bottom : 5px;
}
.sitemaptitle a, .sitemaptitle a:link, .sitemaptitle a:hover, .sitemaptitle a:visited, .sitemaptitle a:active {
color : #3c3c3c;
text-decoration : none;
}
#inhalt img {
background-color : #dde8ec;
padding : 4px;
border : 1px solid #8dbfcc;
}
img.alignleft {
background-color : #dde8ec;
padding : 4px;
float : left;
margin : 10px 15px 10px 0;
}
img.alignright {
background-color : #dde8ec;
padding : 4px;
float : right;
margin : 10px 0 10px 15px;
}
img.alignabove {
background-color : #dde8ec;
padding : 4px;
margin : 5px 0 10px 0;
}
dd {
margin-right : 0;
margin-top : 0;
font-size : 70%;
}
dl {
background-color : #dde8ec;
padding : 4px;
float : right;
margin-left : 10px;
}
#navcontainer {
width : 130px;
font-size : 0.75em;
font-family : Verdana, Geneva, Arial, Helvetica, sans-serif;
margin-left : 10px;
border : 1px dashed #cfdce5;
padding : 5px 5px 0 0;
background : url(../images/layout/side_navibg.gif);
}
#navcontainer ul {
list-style-type : none;
margin-left : 0;
padding : 0;
}
#navlist a {
display : block;
color : #8592bb;
padding : 1px 0 1px 8px;
}
#navlist a {
width : 114px;
}
#navlist a {
width : 130px;
width : 114px;
}
#subnavlist a {
display : block;
color : #9c9c9c;
padding : 1px 0 1px 8px;
margin-left : 8px;
}
#subnavlist a {
width : 106px;
}
#subnavlist a {
width : 122px;
width : 106px;
}
#navlist a, #navlist a:visited, #subnavlist a, #subnavlist a:visited {
border-left : 8px solid #c7d7e3;
background : none;
color : #35384d;
text-decoration : none;
}
#navlist a:hover, #navlist a#current:hover {
border-left : 8px solid #cccccc;
text-decoration : underline;
}
#subnavlist a:hover, #subnavlist a#subcurrent:hover {
border-left : 8px solid #cccccc;
text-decoration : underline;
}
a#current, a:visited#current, a#subcurrent, a:visited#subcurrent {
border-left : 8px solid #4974ff;
background : none;
color : #3333ff;
text-decoration : none;
}



/* 	TableCloth    styles---------------------- */

table.data, td.data{
	font:100% Arial, Helvetica, sans-serif; 
}
table.data{width:550px;border-collapse:collapse;margin:1em 0;}
th.data, td.data{text-align:left;padding:.5em;border:1px solid #fff; vertical-align:top;}
th.data{background:#328aa4 url(tr_back.gif) repeat-x;color:#fff; font-size: 120%;height:40px;}
td.data{background:#e5f1f4;}


/* tablecloth styles */

tr.even td{background:#e5f1f4;}
tr.odd td{background:#f8fbfc;}

th.over, tr.even th.over, tr.odd th.over{background:#4a98af;}
th.down, tr.even th.down, tr.odd th.down{background:#bce774;}
th.selected, tr.even th.selected, tr.odd th.selected{}

td.over, tr.even td.over, tr.odd td.over{background:#ecfbd4;}
td.down, tr.even td.down, tr.odd td.down{background:#bce774;color:#fff;}
td.selected, tr.even td.selected, tr.odd td.selected{background:#bce774;color:#555;}

/* use this if you want to apply different styleing to empty table cells*/
td.empty, tr.odd td.empty, tr.even td.empty{background:#fff;}


#footer {
width : 809px;
clear : both;
text-align : right;
font-size : 80%;
background : url(../images/layout/footerline.gif) repeat-x;
padding : 5px 15px 5px 0;
margin : 0;
}
