/*
die grundfarben haben die folgenden web-werte:
orange:       df9b1b
dunlelgruen:  3a662a
koenigsblau:  006 
okker:        dfba1b
braunorange   cc701b
volltongrau:  868686
*/

html {
 width: 100%;
 height: 101%;
 font-size: 12px;
 margin: 0;
 padding: 0;
}

body {
 position: relative;
 width: 100%;
 height: 100%;
 padding: 0;
 margin: 0;
 color: #646466;
 font-family: Arial, Helvetica, sans-serif;
 font-size: 100%;
 background-image: url(hg-kachel.png);
 background-position: top left;
 background-color: #f3f4de;
}

p {
 margin: .5em 0;
 padding: 0;
}

h1 {
 margin: 1em 0 .5em 0;
 padding: 0;
 font-size: 1.6em;
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
}

h2 {
 margin: 1em 0 .5em 0;
 padding: 0;
 font-size: 1.4em;
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
}

h3 {
 margin: 1em 0 .5em 0;
 padding: 0;
 font-size: 1.2em;
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
}

h4 {
 margin: 1em 0 .5em 0;
 padding: 0;
 font-size: 1.1em;
 font-weight: bold;
 font-style: normal;
 text-decoration: none;
}

h5 {
 margin: .5em 0;
 padding: 0;
 font-size: 1em;
 font-weight: normal;
 font-style: italic;
 text-decoration: none;
}

h1.csc-firstHeader,
h2.csc-firstHeader,
h3.csc-firstHeader,
h4.csc-firstHeader,
h5.csc-firstHeader {
 margin-top: .5em;
}

a img {
 border: 0;
}

#wrapper {
 position: relative;
 margin: 10px auto;
 width: 967px;
}

#content {
 float: left;
 margin-top: 120px;
 margin-left: 18px;
 width: 698px;
 background-color: #fff;
 border: 1px #df9b1b solid;
 background-image: url(verlauf-orange.png);
 background-repeat: no-repeat;
 background-position: top left;
}
.group-dunkelgruen #content {
 border-color: #3a662a;
 background-image: url(verlauf-dunkelgruen.png);
}
.group-dunkelblau #content {
 border-color: #006;
 background-image: url(verlauf-dunkelblau.png);
}
.group-okker #content {
 border-color: #dfba1b;
 background-image: url(verlauf-okker.png);
}
.group-braunorange #content {
 border-color: #cc701b;
 background-image: url(verlauf-braunorange.png);
}

#logo {
 position: absolute;
 top: 0;
 right: 0;
}

/* -------------------------------------------
 Mitte Formate
----------------------------------------------*/

#mitte {
 margin: 10px 0px;
 width: 510px;
 padding: 0 22px 55px 22px;
 float: right;
}
#mitte h1 {
 color: #df9b1b;
 margin-top: 0;
}
#mitte a {
 color: #df9b1b;
}
#mitte a:hover {
 color: #cc701b;
}
.group-dunkelgruen #mitte h1,
.group-dunkelgruen #mitte a {
 color: #3a662a;
}
.group-dunkelgruen #mitte a:hover {
 color: #8cb63c;
}
.group-dunkelblau #mitte h1,
.group-dunkelblau #mitte a {
 color: #006;
}
.group-dunkelblau #mitte a:hover {
 color: #77c;
}
.group-okker #mitte h1,
.group-okker #mitte a {
 color: #dfba1b;
}
.group-okker #mitte a:hover {
 color: #cc701b;
}
.group-braunorange #mitte h1,
.group-braunorange #mitte a {
 color: #cc701b;
}
.group-braunorange #mitte a:hover {
 color: #df9b1b;
}

#mitte #seitentitel {
 margin-top: 3em;
}

#mitte h2 {
 color: #624C01;
 font-size: 12px;
}
#rechts ul {
 padding-left: 15px;
 list-style-image: url(list-point.gif);
}

#mitte ul {
 padding-left: 25px;
 list-style-image: url(listbullet-orange.png);
}
.group-dunkelgruen #mitte ul {
 list-style-image: url(listbullet-dunkelgruen.png);
}
.group-dunkelblau #mitte ul {
 list-style-image: url(listbullet-dunkelblau.png);
}
.group-okker #mitte ul {
 list-style-image: url(listbullet-okker.png);
}
.group-braunorange #mitte ul {
 list-style-image: url(listbullet-braunorange.png);
}

#mitte ul li, #rechts ul li {
 padding-bottom: 10px;
}
#rechts a {
 color: #F49E00;
}
#rechts a:hover {
 color: #BD850C;
}


/* -------------------------------------------
 Mitte-Text Formate
*/

ul#breadcrump {
 list-style-type: none !important;
 list-style-image: none !important;
 margin: 0;
 padding: 0;
}

ul#breadcrump li {
 float: left;
 padding: 0 .25em;
 font-size: .8em;
}

/* -------------------------------------------
 Quermenu Formate
*/

ul#quermenu {
 list-style-type: none !important;
 list-style-image: none !important;
 margin: 0;
 padding: 0;
}

ul#quermenu li {
 margin: 0 3px 0 0;
 float: left;
 white-space:nowrap;
}

ul#quermenu li a {
 background-color: #df9b1b;
 color: #f2ebdf;
 border: 1px solid #f23bdf;
 padding: 3px 8px;
 font-size: .9em;
 text-decoration: none;
}
ul#quermenu li.selected a,
ul#quermenu li a:hover {
 background-color: #f2ebdf;
 color: #df9b1b;
 border-color: #df9b1b;
}
.group-dunkelgruen ul#quermenu li a {
 background-color: #3a662a;
 color: #e5e5e5;
 border-color: #e5e5e5;
}
.group-dunkelgruen ul#quermenu li.selected a,
.group-dunkelgruen ul#quermenu li a:hover {
 background-color: #e5e5e5;
 color: #3a662a;
 border-color: #3a662a;
}

.group-dunkelblau ul#quermenu li a {
 background-color: #006;
 color: #eaeaff;
 border-color: #eaeaff;
}
.group-dunkelblau ul#quermenu li.selected a,
.group-dunkelblau ul#quermenu li a:hover {
 background-color: #eaeaff;
 color: #006;
 border-color: #006;
}

.group-okker ul#quermenu li a {
 background-color: #dfba1b;
 color: #fff;
 border-color: #f2ebdf;
}
.group-okker ul#quermenu li.selected a,
.group-okker ul#quermenu li a:hover {
 background-color: #fff;
 color: #dfb1ab;
 border-color: #dfba1b;
}

.group-braunorange ul#quermenu li a {
 background-color: #cc701b;
 color: #f2ebdf;
 border-color: #f2ebdf;
}
.group-braunorange ul#quermenu li.selected a,
.group-braunorange ul#quermenu li a:hover {
 background-color: #f2ebdf;
 color: #cc701b;
 border-color: #cc701b;
}


/* -------------------------------------------
 leftmenu Formate
----------------------------------------------*/

#leftmenu {
 width: 144px;
 font-size: 106%;
}

#leftmenu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#leftmenu li {
 margin: 0;
 padding: 0;
 border-right: 5px solid #fff;
}

#leftmenu li a {
 background-color: #df9b1b;
 color: #f2ebdf;
 border-bottom: #f2ebdf 1px solid;
 text-decoration: none;
 display: block;
 height: 2em;
 line-height: 1em;
 padding: .5em 5px;
 font-size: .9em;
 font-weight: bold;
 width: 129px;
}

#leftmenu li:hover a,
#leftmenu li.selected a,
#siteId-1 #leftmenu li.menuId-3 a {
 color: #df9b1b;
 background-color: #f2ebdf;
 border-bottom-color: #df9b1b;
}
#leftmenu li:hover,
#leftmenu li.selected,
#siteId-1 #leftmenu li.menuId-3 {
 border-right: 5px solid #df9b1b;
}
.group-dunkelgruen #leftmenu li a {
 background-color: #3a662a;
 color: #e5e5e5;
 border-bottom: #e5e5e5 1px solid;
}
.group-dunkelgruen #leftmenu li:hover a,
.group-dunkelgruen #leftmenu li.selected a {
 background-color: #e5e5e5;
 color: #3a662a;
 border-bottom-color: #3a662a;
}
.group-dunkelgruen #leftmenu li:hover,
.group-dunkelgruen #leftmenu li.selected {
 border-right-color: #3a662a;
}

.group-dunkelblau #leftmenu li a {
 background-color: #006;
 color: #eaeaff;
 border-bottom: #e2ecdf 1px solid;
}
.group-dunkelblau #leftmenu li:hover a,
.group-dunkelblau #leftmenu li.selected a {
 background-color: #eaeaff;
 color: #006;
 border-bottom-color: #3a662a;
}
.group-dunkelblau #leftmenu li:hover,
.group-dunkelblau #leftmenu li.selected {
 border-right-color: #006;
}

.group-okker #leftmenu li a {
 background-color: #dfba1b;
 color: #fff;
 border-bottom: #fff 1px solid;
}
.group-okker #leftmenu li:hover a,
.group-okker #leftmenu li.selected a {
 background-color: #fff;
 color: #dfba1b;
 border-bottom-color: #dfba1b;
}
.group-okker #leftmenu li:hover,
.group-okker #leftmenu li.selected {
 border-right-color: #dfba1b;
}

.group-braunorange #leftmenu li a {
 background-color: #cc701b;
 color: #f2ebdf;
 border-bottom: #f2ebdf 1px solid;
}
.group-braunorange #leftmenu li:hover a,
.group-braunorange #leftmenu li.selected a {
 background-color: #f2ebdf;
 color: #cc701b;
 border-bottom-color: #cc701b;
}
.group-braunorange #leftmenu li:hover,
.group-braunorange #leftmenu li.selected {
 border-right-color: #cc701b;
}

/* -------------------------------------------
 Rechts Formate
----------------------------------------------*/

#rechts {
 margin-top: 200px;
/* margin-left: 18px; */
 margin-right: 1px;
 width: 230px;
 float: right;
}

#rechts h1 {
 color: #1d1d1d;
 margin-top: 2em;
 padding-top: 5px;
 font-size: 1.15em;
 border-top: 1px solid #868686;
}

#rechts h2 {
 color: #1d1d1d;
 padding: 0;
 margin: .5em 0;
 font-size: 1.05em;
}

#rechts h3,
#rechts h4,
#rechts h5 {
 color: #1d1d1d;
 padding: 0;
 margin: .5em 0;
 font-size: 1em;
}

#rechts h1.csc-firstHeader {
 border-top: none;
 margin-top: .5em;
}

#rechts a {
 color: #1d1d1d;
}

#sidebarsearchform {
 background-color: #878787;
 color: #fff;
 font-size: 10px;
 padding: 2px 5px 5px 5px;
 margin-bottom: 5px;
}

#sidebarsearchform label {
 display: block;
 float: left;
 width: 42px;
 padding-top: 3px;
}

#sidebarsearch2eddff2118bf1a70e54400aae9a90660 {
 border: 0;
 height: 12px;
 width: 150px;
 margin: 0 5px;
 padding: 1px;
 font-size: 10px;
}

#sidebarsearchc62a29100a77d86bad02c53df956bb9a {
 position: relative;
 top: 2px;
 right: 0;
}

#service-menu #shi-link,
#service-menu #lang-menu,
#service-menu .tx-ghfontsize-pi1 {
 background-color: #878787;
 color: transparent;
 font-size: 0;
 padding: 0;
 margin: 0 5px 5px 0;
 float: left;
}

#service-menu #shi-link,
#service-menu #lang-menu a,
#service-menu .tx-ghfontsize-pi1 a {
 color: transparent !important;
 text-decoration: none;
}

#service-menu #shi-link {
 height: 21px;
 width: 104px;
 background-image: url(button-shi.png);
 background-repeat: no-repeat;
 background-position: top right;
 display: block;
}

#service-menu #lang-menu {
 height: 13px;
 width: 165px;
 padding: 4px 5px;
}

#service-menu #lang-menu a {
 background-repeat: no-repeat;
 background-position: top right;
 height: 12px;
 width: 23px;
 display: block;
 float: left;
 margin-right: 8px;
}

#service-menu #lang-menu a#deutsch {
 background-image: url(flagge-deutsch.jpg);
}

#service-menu #lang-menu a#deutsch:hover,
#service-menu #lang-menu a#deutsch.selected {
 background-image: url(flagge-deutsch-selected.jpg);
}

#service-menu #lang-menu a#english {
 background-image: url(flagge-uk-english.jpg);
}

#service-menu #lang-menu a#english:hover,
#service-menu #lang-menu a#english.selected {
 background-image: url(flagge-uk-english-selected.jpg);
}

#service-menu #lang-menu a#francais {
 background-image: url(flagge-frankreich.jpg);
}

#service-menu #lang-menu a#francais:hover,
#service-menu #lang-menu a#francais.selected {
 background-image: url(flagge-frankreich-selected.jpg);
}

#service-menu .tx-ghfontsize-pi1 {
 height: 21px;
 width: 50px;
 margin-right: 0;
}

#service-menu .tx-ghfontsize-pi1 a#tx-ghfontsize-smaller {
 background-image: url(button-font-small.png);
 background-repeat: no-repeat;
 background-position: top right;
 height: 21px;
 width: 13px;
 display: block;
 float: left;
}
#service-menu .tx-ghfontsize-pi1 a:hover#tx-ghfontsize-smaller {
 background-image: url(button-font-small-sel.png);
}

#service-menu .tx-ghfontsize-pi1 a#tx-ghfontsize-reset {
 background-image: url(/fileadmin/sentinel-haus-stiftung/layout/button-font-middle.png);
 background-repeat: no-repeat;
 background-position: top right;
 height: 21px;
 width: 13px;
 display: block;
 float: left;
}
#service-menu .tx-ghfontsize-pi1 a:hover#tx-ghfontsize-reset {
 background-image: url(button-font-middle-sel.png);
}

#service-menu .tx-ghfontsize-pi1 a#tx-ghfontsize-larger {
 background-image: url(button-font-large.png);
 background-repeat: no-repeat;
 background-position: top right;
 height: 21px;
 width: 17px;
 display: block;
 float: left;
}
#service-menu .tx-ghfontsize-pi1 a:hover#tx-ghfontsize-larger {
 background-image: url(button-font-large-sel.png);
}

/* -------------------------------------------
 rechts tabs Formate
*/

#tabs {
 border: 1px solid #868686;
 clear: both;
 margin-top: 15px;
 padding: 0;
 background-color: #e0e0e0;
}

#tabs .pid19,
#tabs .pid19 a,
#tabs .selected19  {
 background-color: #e0e0e0;
 color: #878787;
 text-decoration: none;
}

#tabs .pid20,
#tabs .pid20 a,
#tabs .selected20 {
 background-color: #e8e8e8;
 color: #878787;
 text-decoration: none;
}

#tabs .pid21,
#tabs .pid21 a,
#tabs .selected21 {
 background-color: #efefef;
 color: #878787;
 text-decoration: none;
}

#tabs .pid18,
#tabs .pid18 a,
#tabs .selected18 {
 background-color: #f6f6f6;
 color: #878787;
 text-decoration: none;
}

#rechts #tabs .tabbed_links a:hover {
 color: #1d1d1d;
}

#tabs .tabbed_links div {
 width: 56px;
/* width: 75px; */
 height: 24px;
 padding-top: 10px;
 margin-bottom: 20px;
 text-align: center;
 float: left;
 display: block;
 font-size: .9em;
 font-weight: bold;
 border-right: 1px solid #868686;
 border-bottom: 1px solid #868686;
}

#tabs .tabbed_links .pid18 {
 border-right: none;
 width: 57px;
}

#tabs .selected18 .pid18,
#tabs .selected19 .pid19,
#tabs .selected20 .pid20,
#tabs .selected21 .pid21 {
 color: #000;
 border-bottom: none;
 
}

.tabbed_content {
 margin: 20px 10px 0 10px;
 padding-bottom: 70px;
 clear: both;
}

#tabs .tabtermin {
 margin-top: 2em;
}

/* -------------------------------------------
 Main Menu Formate
----------------------------------------------*/

#mainmenu {
 position: absolute;
 top: 35px;
 left: 18px;
 height: 85px;
 width: 700px;
}

#mainmenu ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
}

#mainmenu li {
 height: 85px;
 float: left;
}

#mainmenu li a {
 width: 140px;
 height: 35px;
 display: block;
 margin: 15px 0;
 padding-top: 20px;
 text-align: center;
 font-size: 120%;
 font-weight: bold;
 color: white;
 text-decoration: none;
 background-repeat: no-repeat;
 background-position: bottom left;
}

#mainmenu li#menuId-11 {
 background-color: transparent;
}
#mainmenu li#menuId-11 a {
 background-color: #df9b1b;
 border-bottom: 2px solid #df9b1b;
 padding-top: 11px;
 height: 44px;
}
#mainmenu li#menuId-11.selected,
#mainmenu.shi-selected li#menuId-3 {
 background-color: #df9b1b;
}
#mainmenu li#menuId-11 a:hover,
#mainmenu li#menuId-11.selected a,
#mainmenu.shi-selected li#menuId-3 a{
}

#mainmenu li#menuId-12 {
 background-color: transparent;
}
#mainmenu li#menuId-12 a {
 background-color: #3a662a;
 border-bottom: 2px solid #3a662a;
}
#mainmenu li#menuId-12.selected {
 background-color: #3a662a;
}
#mainmenu li#menuId-12 a:hover,
#mainmenu li#menuId-12.selected a {
}

#mainmenu li#menuId-13 {
 background-color: transparent;
}
#mainmenu li#menuId-13 a {
 background-color: #006;
 border-bottom: 2px solid #006;
}
#mainmenu li#menuId-13.selected {
 background-color: #006;
}
#mainmenu li#menuId-13 a:hover,
#mainmenu li#menuId-13.selected a {
}

#mainmenu li#menuId-14 {
 background-color: transparent;
}
#mainmenu li#menuId-14 a {
 background-color: #dfba1b;
 border-bottom: 2px solid #dfba1b;
}
#mainmenu li#menuId-14.selected {
 background-color: #dfba1b;
}
#mainmenu li#menuId-14 a:hover,
#mainmenu li#menuId-14.selected a {
}

#mainmenu li#menuId-15 {
 background-color: transparent;
}
#mainmenu li#menuId-15 a {
 background-color: #cc701b;
 border-bottom: 2px solid #cc701b;
}
#mainmenu li#menuId-15.selected {
 background-color: #cc701b;
}
#mainmenu li#menuId-15 a:hover,
#mainmenu li#menuId-15.selected a {
}


/* -------------------------------------------
 Footer Formate
----------------------------------------------*/

#footer {
 clear: both;
 position: relative;
 top: -52px;
 background-image: url(shs_schmunzeln_gerade.png);
 background-repeat: no-repeat;
 background-position: bottom;
 color: #fff;
 height: 78px;
 width: 721px;
 padding: 1px 40px 0 0;
 text-align: center;
 font-size: .9em;
}

#footer a {
 color: #fff;
}

/* Social Bookmarks */

.addthis_button {
 display: block;
 margin-top: 25px;
 margin-left: 2px;
}

.szwidget {
 margin-top: 5px;
 margin-left: 2px;
}

/* -------------------------------------------
 Sonstige Formate
----------------------------------------------*/


div.hr, p.hr {
 height: 15px;
 background: #fff url(pattern_dots.gif) repeat-x center;
}
#mitte div.hr,
#mitte p.hr,
div.csc-frame-rulerAfter {
 height: 15px;
 background: #FEFCF0 url(pattern_dots.gif) repeat-x center;
}

div.bodytext {
 padding-bottom: 3px;
}

.clear-right {
 clear: right;
}
.clear-left {
 clear: left;
}
.clear {
 clear: both;
}

.silent-clear {
 clear: both;
 font-size: 0em;
}

.float-left {
 float: left;
}

.float-right {
 float: right;
}

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

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

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

.align-justify {
 text-align: justify;
}

.csc-frame-rulerBefore {
 padding-top: 15px;
 border-bottom: dotted 1px #cccabe;
 margin-bottom: 10px;
}

fieldset {
 margin: 0;
 border: 0;
 padding: 0;
}

.csc-mailform-field {
 margin-top: .5em;
 clear: left;
}

.csc-mailform-field-radio {
 margin-bottom: 1em;
}

.csc-mailform-field label {
 display: block;
 width: 9em;
 float: left;
 text-align: right;
 padding-right: .5em;
}

.csc-mailform-field-radio label {
 width: 100%;
 float: none;
 text-align: left;
 padding-right: 0;
}

.csc-mailform-field-radio div.csc-mailform-radio,
.csc-mailform-submit {
 margin-left: 9em;
 font-size: 1em;
}

.csc-mailform-field-radio .csc-mailform-radio label {
 display: inline;
 width: inherit;
 padding-right: 0;
 float: none;
 text-align: inherit;
}

.csc-mailform-label {
 margin-top: .2em;
}


/* Admin-Panel */

a[name=TSFE_ADMIN] {
 position: absolute;
 top: 0;
 left: 0;
}

form[name="TSFE_ADMIN_PANEL_FORM"] {
 position: absolute;
 top: 0;
 left: 0;
 z-index: 99999;
}