/* ================================== */
/*  Familienberatung CSS : Layout Styles  */
/* ================================== */

/* --- Basic Layout -------------------------------------------------------- */

body {
  background: #3b6488;
  color: black;
  font: 0.75em/1.5 Verdana, Tahoma, Arial, Helvetica, sans-serif;
  overflow-y: scroll;
}

#pagecenter {
  width: 67em;
  margin: 0 auto;
}

#container {
  background: white;
  border: 0.5em solid white;
  position: relative;
}

#cols {
  margin-top: -5px;
  background: url(../images/ui/bg_colnav.jpg) no-repeat left top;
}

/* --- Toolbar ----------------------------------------------------------- */

#toolbar {
  margin: 0.5em 0 1em -1em;
  color: white;
}

#toolbar ul li {
  float: left;
  font-size: 0.9em;
}

#toolbar ul li.language {
  background: url(../images/ui/flag_austria.gif) no-repeat 0 0.3em;
  padding-left: 0.7em;
}

#toolbar ul li a {
  color: white;
  text-decoration: none;
  padding: 0 1em;
}

#toolbar ul li.seperator a {
  border-right: 1px solid white;
}

#toolbar ul li a:hover,
#toolbar ul li a:focus,
#toolbar ul li a:active {
  text-decoration: underline;
}

/* --- Header ------------------------------------------------------------ */

#header {
  background: white url(../images/ui/bg_header.jpg) repeat-x left top;
  overflow: hidden;
  height: 12em;
}

#header #logo {
  float: left;
  height: 100%;
  width: 45em;
}

#header h1 a {
  display: block;
}

#infobox_outer {
  background: url(../images/ui/bg_infobox.jpg) repeat-x right 0;
  height: 100%; 
  width: 20em;
  float: right;
}

#infobox {
  background: url(../images/ui/bg_inner_infobox.jpg) no-repeat 0 0;
  height: 100%;
  padding: 0.8em 1.6em 0 4.8em;
}

#infobox #phone {
  background: url(../images/ui/logo_phone.jpg) no-repeat 0 0;
  width: 93px;
  height: 87px;
  position: absolute;
  top: -6px;
  right: -26px;
}

#infobox h2 {
  color: #02415e;
}

#infobox h2 a {
  color: #02415e;
}

#infobox h2 a:hover,
#infobox h2 a:focus,
#infobox h2 a:active {
  color: #444444;
}

#infobox p {
  color: black;
  font-size: 0.9em;
  font-weight: normal;
  line-height: 1.2em;
}

#infobox p.short {
  padding-right: 4.5em;
}

#infobox p.tel {
  color: #02415e;
  font-size: 1.3em;
  font-weight: bold;
  padding: 0.4em 0;
}

/* --- Top Bar ----------------------------------------------------------- */

#topbar {
  background: transparent url(../images/ui/bg_topbar.png) repeat-x left bottom;
  width: 67em;
  height: 3em;
  margin-left: -6px;
  position: relative;
}

#topbar ul li {
  float: left;
}

#topbar ul li a {
  color: black;
  display: block;
  padding: 0.5em 1.2em 0.6em;
  text-decoration: none;
}

#topbar ul li a:hover,
#topbar ul li a:focus,
#topbar ul li a:active {
  background-color: white;
}

#search {
  float: left;
  padding-top: 0.5em;
  margin: 0 2em 0 2em;
}

#search #searchterm {
  background: url(../images/ui/bg_search_left.jpg) no-repeat 0 50%;
  border: none;
  color: #868889;
  font-size: 0.9em;
  height: 1.2em;
  padding: 0.2em;
  vertical-align: middle;
  width: 12.5em;
}

#search #searchterm:hover,
#search #searchterm:focus {
  color: black;
}

#search #searchsubmit {
  background: url(../images/ui/bg_search_right.jpg) no-repeat 0 50%;
  border: none;
  cursor: pointer;
  height: 1.3em;
  margin-left: -0.3em;
  padding: 0;
  vertical-align: middle;
  width: 1.3em;
}

/* --- Sidebar ---------------------------------------------------------- */

#colnav_outer {
  background: url(../images/ui/bg_colnav_outer.jpg) repeat-x left top;
  float: left;
  width: 17.35em;
  clear: left;
}

#colnav {
  background: url(../images/ui/bg_colnav.jpg) no-repeat right top;
}

/* --- Sidebar - Navigation --------------------------------------------- */

#nav ul {
  padding-top: 2em;
}

#nav ul li {
  border-bottom: 1px dotted white;
  display: block;
}

#nav ul li a {
  background: transparent url(../images/ui/icon_sidebar_listitem.gif) no-repeat 0.5em 1em;
  color: black;
  display: block;
  text-decoration: none;
  padding: 0.5em 0 0.5em 1.5em;
}

/* special menuitems */
#nav ul li#page30 {
  border-top: 0.5em solid white;
  border-bottom: 1px solid white;
}

#nav ul li#page35 {
  border-bottom: 1px solid white;
}

#nav ul li#page74 {
  border-bottom: 0.5em solid white;
}

#nav ul li#page30 a,
#nav ul li#page35 a,
#nav ul li#page74 a {
  background-color: white;
  background-image: none;
}

#nav ul li#page30 a:hover,
#nav ul li#page30 a:focus,
#nav ul li#page30 a:active,
#nav ul li#page35 a:hover,
#nav ul li#page35 a:focus,
#nav ul li#page35 a:active,
#nav ul li#page74 a:hover,
#nav ul li#page74 a:focus,
#nav ul li#page74 a:active {
  background: white url(../images/ui/icon_sidebar_listitem_hover.gif) no-repeat 0.5em 1em;
}

#nav ul li a.current {
  color: #02415e;
  font-weight: bold;
}

#nav ul li a:hover,
#nav ul li a:focus,
#nav ul li a:active {
  background: white url(../images/ui/icon_sidebar_listitem_hover.gif) no-repeat 0.5em 1em;
}

#nav ul ul {
  padding-top: 0;
}

#nav ul ul li {
  border: none;
}

#nav ul ul li a {
  background-image: none;
  padding: 0.2em 0 0.2em 2.5em;
}

#nav ul ul li a.current {
  background-image: url(../images/ui/icon_sidebar_listitem.gif);
  background-position: 1.5em 0.7em;
}

#nav ul ul li a:hover,
#nav ul ul li a:focus,
#nav ul ul li a:active {
  background-color: white;
  background-position: 1.5em 0.7em;
  background-image: url(../images/ui/icon_sidebar_listitem_hover.gif);
}

/* --- Sidebar - Map ----------------------------------------------------- */

#mapcontainer {
  margin: 1em 0 0 0.5em;
}

#mapcontainer h3 {
  color: #02415e;
  font-size: 1em;
  margin-left: 1em;
}

#mapcontainer p {
  font-size: 0.9em;
  margin-left: 1.2em;
}

/* --- Content ----------------------------------------------------------- */

#colcontent {
  float: left;
  overflow: hidden;
  width: 48.5em;
  padding-top: 5px;
}

#content.twocolumn #main {
  border-right: 1px dotted #a8a186;
  float: left;
  clear: left;
  width: 29.3em;
}

#breadcrumbs {
  font-size: 0.9em;
}

#breadcrumbs ul li {
  background: url(../images/ui/bg_breadcrumb.gif) no-repeat left 60%;
  float: left;
  padding: 0 0.8em;
}

#breadcrumbs ul li.firstitem {
  background: none;
}

#breadcrumbs a {
  color: black !important; 
  text-decoration: none;
}

#breadcrumbs a:hover,
#breadcrumbs a:focus,
#breadcrumbs a:active {
  text-decoration: underline;
}

#main {
  padding: 4.3em 3em 0 2.5em;
}

/* --- Content - Homepage ------------------------------------------------ */

#main ul#news li.clearfix {
  display: block;
  margin-bottom: 4.1em;
  background: transparent url(../images/ui/icon_triangle.gif) no-repeat 99% 98%;
}

#main ul#news li.clearfix:hover {
  background: #fafafa url(../images/ui/icon_triangle_active.gif) no-repeat 99% 98%;
  cursor: pointer;
}

#main ul#news li.clearfix:hover h2 a{
  text-decoration: underline;
  color: #444444;
}

#main ul#news .left_col {
  float: left;
}

#main ul#news .right_col {
  margin-left: 10.4em;  
}

#main ul#news .right_col h2 {
  color: #056089;
  font-size: 1.2em;
  margin-bottom: 1.4em;
}

#additional {
  float: left;
  width: 11.8em;
  padding: 1.5em 0 90px 1.7em
}

#additional h3 {
  color: #056089;
  font-size: 1.2em;
  margin: 1em 0;
}

#bmwfjLogo {
  display: block;
  position: absolute;
  bottom: 14px;
  right: 21px;
}

#bmwfjLogo img {
  display: block;
}

/* --- Content - Article Page -------------------------------------------- */

#main #article_side {
  float: left;
  padding-right: 1.8em;
  width: 8.6em;
}

#main #article_side .item {
  font-size: 0.9em;
  padding-bottom: 3em;
}

#main #article_side .csc-textpic {
  font-size: 0.9em;
  padding-bottom: 3em;
}

#main #article_side div.csc-textpic div.csc-textpic-imagewrap .csc-textpic-image {
  margin-bottom: 0;
}

#main #article_main {
  margin-left: 10.4em;
  padding-bottom: 2em;
}

#main #article_main p.subheading {
  color: #056089;
}

#main .article_content {
  margin-top: 2em;
}

#main #article_main .csc-header-n1 {
  margin-bottom: 4em;
}

#main #article_main p {
  margin-bottom: 1.2em;
}

#main #article_main h2 {
  margin-bottom: 1em;
}

/* --- Content - Beratungsstellen Search - Forms ------------------------- */

.input {
  padding: 0.5em 0;
  height: 1%;
}

.input input,
.input select,
.input textarea {
  margin-left: 1em;
}

.optiongroup {
  margin-bottom: 1.5em;
}

.option {
  padding-left: 2.5em;
  padding-top: 0.5em;
  position: relative;
  height: 1%;
}

.option:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.option input {
  position: absolute;
  left: 0;
}

.option label {
  float: left;
  display: block;
}

/* --- Content - Beratungsstellen Lightbox Search ------------------------ */

#lightbox_container {
  position: fixed;
  top: 0;
  left: 0;
  width: 100%;
  height: 100%;
  background: black;
  opacity: 0.75;
  filter: alpha(opacity=75);
}

#lightbox_topicsearch {
  position: absolute;
  top: 10%;
  left: 25%;
  background: white;
  width: 43em;
  margin: 0 auto;
  padding: 0 2em 2em 2em;
}

#lightbox_topicsearch h2 {
  color: #056089;
  font-size: 1.2em;
  margin-bottom: .7em;
}

#lightbox_topicsearch #sorting a {
  color: #056089;
}

#lightbox_topicsearch #state,
#lightbox_topicsearch #topic,
#lightbox_topicsearch #sortorder,
#lightbox_topicsearch #submit {
  background-color: transparent;
}

#lightbox_topicsearch #state {
  border-top: none;
}

#lightbox_topicsearch #state h2 {
  margin-bottom: 0;
}

#lightbox_topicsearch #topic {
  padding-top: 1em;
  border-bottom: 1px solid #a8a186;
  border-top: 1px solid #a8a186;
}

#lightbox_topicsearch #submit {
  padding-bottom: 0;
  padding-top: 1em;
  border-bottom: none;
}

#lightbox_topicsearch #submit input {
  margin-right: 1em;
}

/* --- Content - Beratungsstellen Edit,List ------------------------------ */

.user-familienberatung {
  padding-bottom: 2em;
}

.user-familienberatung h1 {
  margin-bottom: 1em;
  border-bottom: 1px solid #a8a186;
}

.user-familienberatung h1:target {
  background-color: #FFFABE;
}

.user-familienberatung h3 {
  margin: 2em 0 0.5em 0;
}

.user-familienberatung li {
  margin-bottom: 2em;
}

.user-familienberatung #article_main ul li {
  margin-bottom: 0.3em;
  list-style-type: none;
}

.user-familienberatung p {
  margin-bottom: 0.7em;
}

.user-familienberatung .left,
.user-familienberatung .right {
  width: 20em;
  float: left;
  padding-left: 1em;
}

.user-familienberatung ul#jumpto {
  margin-bottom: 0;
  padding: 0;
  border-top: none;
}

.user-familienberatung ul#jumpto li {
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

.user-familienberatung ul#jumpto li a {
  background: transparent url(../images/ui/icon_triangle.gif) no-repeat left 0.4em;
  padding-left: 9px;
}

.user-familienberatung ul#jumpto li a:hover,
.user-familienberatung ul#jumpto li a:focus,
.user-familienberatung ul#jumpto li a:active {
  background-image: url(../images/ui/icon_triangle_active.gif);
}

.user-familienberatung p.toplink {
  margin-bottom: 0;
}

/* --- Content - Beratungsstellen Search --------------------------------- */

#advice_search_container h1 {
  border-bottom: none;
  margin-bottom: 1em;
}

#advice_search_container h2 {
  margin-bottom: .4em;
}

body.js #state {
  background-color: white;
  border-top: none;
  padding: 0;
}

body.js #topic {
  padding-top: 1em;
}

.dontShow {
  display: none;
}

#state h2 {
  margin: 0;
}

#state h2 a,
#state h2 span {
  display: block;
  float: left;
  margin-right: 0.5em;
  padding: 0.2em 0;
}

#state h2 a {
  border: 1px solid #BBBBBB;
  border-width: 1px 1px 0;
  -moz-border-radius-topleft: 3px;
  -moz-border-radius-topright: 3px;
  -webkit-border-top-left-radius: 3px;
  -webkit-border-top-right-radius: 3px;
  border-top-left-radius: 3px;
  border-top-right-radius: 3px;
  padding: 0.2em 0.5em;
}

#state h2 a.current {
  background-color: #FAFAFA;
  border-color: #A8A186;
  color: #444444;
}

.topicsearch #state h2 a:hover,
.topicsearch #state h2 a:focus,
.topicsearch #state h2 a:active {
  background-color: #FAFAFA;
  border-color: #A8A186;
  text-decoration: none;
}

#state h2 span.small {
  color: #444444;
  font-weight: normal;
}

#state_one,
#state_two {
  background-color: #FAFAFA;
  border-bottom: 1px solid #A8A186;
  border-top: 1px solid #A8A186;
  display: none;
  margin-top: -1px;
  padding: 0.5em 0;
}

#state_one.current,
#state_two.current {
  display: block;
}

#state_two form {
  margin-bottom: 0.5em;
}

#state_two .input {
  position: relative;
}

#searchAddress {
  width: 19em;
}

#map_canvas {
  float: left;
  height: 300px;
  margin-top: 0.5em;
  width: 350px;
}

#distanceWrapper {
  background: none;
  border: none;
  clear: none;
  float: right;
}

#distanceWrapper legend {
  background-color: transparent;
}

#distanceWrapper .option {
  margin-left: 0;
}

#addressSearch,
#addressVerification #verifyAddress,
#addressVerification #saveAddress {
  background: white url(../images/ui/iconMapPin.png) no-repeat 6px center;
  background-color: rgba(255,255,255,0.8);
  border: 1px solid #888888;
  border-radius: 3px;
  -moz-border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  box-shadow: 1px 1px 4px rgba(0,0,0,0.2);
  color: #555555;
  display: block;
  padding: 0.3em 0.3em 0.3em 22px;
  position: absolute;
  text-decoration: none;
  right: 0.8em;
  top: 0.3em;
}

#addressSearch:hover,
#addressVerification #verifyAddress:hover,
#addressVerification #saveAddress:hover {
  background-color: #fcfcfc;
  border-color: #333333;
  -moz-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  -webkit-box-shadow: 0 0 4px rgba(0,0,0,0.2);
  box-shadow: 0 0 4px rgba(0,0,0,0.2);
  color: #222222;
}

#addressSearch:focus,
#addressSearch:active,
#addressVerification #verifyAddress:focus,
#addressVerification #verifyAddress:active,
#addressVerification #saveAddress:focus,
#addressVerification #saveAddress:active {
  background-color: #f3f3f3;
  border-color: black;
  -moz-box-shadow: none;
  -webkit-box-shadow: none;
  box-shadow: none;
  color: black;
}

#textsearch {
  margin-top: 1.5em;
}

#textsearch form div {
  padding: 1.5em 0;
  background-color: #fafafa;
  border-top: 1px solid #a8a186;
  border-bottom: 1px solid #a8a186;
}

.topicsearch {
  margin-bottom: 1.5em;
}

#state, #topic, #sortorder, #submit {
  background-color: #fafafa;
}

#topic {
  clear: both;
}

#topic.alphabetic {
  padding-bottom: 1.5em;
}

#state {
  border-top: 1px solid #a8a186;
  padding: 1em 0;
}

#submit {
  border-bottom: 1px solid #a8a186;
  padding-bottom: 1em;
}

#topic .left,
#topic .right {
  width: 21.2em;
  float: left;
  padding-left: 0;
}

#topic #sorting {
  font-size: 0.95em;
  padding-bottom: 0.5em;
  text-align: right;
}

#topic #sorting a {
  text-decoration: none;
}

#topic #sorting a:hover,
#topic #sorting a:focus,
#topic #sorting a:active {
  text-decoration: underline;
}

#topic #sorting .current {
  font-weight: bold;
}

/* --- Content - Beratungsstellen Searchresults -------------------------- */

#searchsettings {
  margin-bottom: 2em;
  position: relative;
}

#searchsettings h2 {
  float: left;
}

#searchsettings ul {
  margin-left: 10.4em;
}

#searchsettings ul li {
  margin-bottom: 0;
}

#searchsettings ul li.searchcount {
  color: #666666;
  margin-top: 1em;
}

#searchsettings ul li span {
  font-weight: bold;
}

#searchsettings p#editsearch {
  text-align: right;
  position: absolute;
  right: 0;
  bottom: 0;
  margin-bottom: 0;
}

#advice_searchresults ul#jumpto {
  padding: 0.5em 0 0 0;
  margin-bottom: 3em;
  border-top: 1px solid #a8a186;
}

#advice_searchresults ul#jumpto li {
  float: left;
  margin-right: 1em;
  margin-bottom: 0.5em;
}

#advice_searchresults ul#jumpto li a span {
  font-size: 0.9em;
}

#advice_searchresults ul#jumpto li a {
  background: transparent url(../images/ui/icon_triangle.gif) no-repeat left 0.4em;
  padding-left: 9px;
}

#advice_searchresults ul#jumpto li a:hover,
#advice_searchresults ul#jumpto li a:focus,
#advice_searchresults ul#jumpto li a:active {
  background-image: url(../images/ui/icon_triangle_active.gif);
}

#searchresults dt {
  color: #056089;
  font-size: 1.4em;
  font-weight: bold;
  padding-bottom: 0.2em;
  border-bottom: 1px solid #a8a186;
  margin-top: 1em;
  position: relative;
}

#searchresults dt span {
  font-weight: normal;
  font-size: 0.8em;
}

#searchresults dt span.toplink {
  display: none;
}

#searchresults dt:target {
  background-color: #FFFABE;
}

#searchresults dt:target span.toplink {
  display: block;
  position: absolute;
  right: 0;
  bottom: 0.3em;
}

#searchresults dd {
  padding: 1em 0 1em 10.4em;
  border-top: 1px dotted #a8a186;
}

#searchresults dd.first {
  border-top: none;
}

#searchresults dd h2 {
  font-size: 1.1em;
  margin-bottom: -0.2em;
}

#searchresults dd p.address {
  font-size: 0.9em;
  color: #056089;
  margin-bottom: 0.5em;
}

#searchresults dd p.company {
  font-size: 0.9em;
}

#searchresults dd:hover {
  background-color: #FFFABE;
  cursor: pointer;
}

#searchresults dd:hover h2 a {
  text-decoration: underline;
  color: #444444;
}

#searchresults dd.toplink {
  text-align: right;
}

#searchresults dd.toplink:hover {
  background-color: transparent;
  cursor: auto;
}

/* --- Content - Beratungsstellen Searchresults - Druckansicht ------------ */

#searchresults.print dd {
  padding: 1em 0;
  position: relative;
}

#searchresults.print dd h2 {
  width: 22em;
}

#searchresults.print dd p.company {
  position: absolute;
  right: 0;
  text-align: right;
  top: 1.2em;
  width: 20em;
}

#searchresults.print dd ul {
  float: left;
  padding-left: 0;
  width: 21em;
}

#searchresults.print dd ul.right {
  float: right;
}

#searchresults.print dd ul li {
  background: transparent url(../images/ui/icon_triangle_active.gif) no-repeat scroll left 0.6em;
  margin-bottom: 0;
  padding-left: 9px;
}


#searchresults.print dd ul li.right {
  float: right;
}

/* --- Content - Beratungsstellen Searchresults - Geo Suche --------------- */

#searchresults.geo dd {
  position: relative;
}

#searchresults.geo .distance {
  left: 0.5em;
  position: absolute;
  top: 1em;
  width: 9.5em;
}

#searchresults.geo .distance span {
  font-size: 0.9em;
}

/* --- Content - Volltext Suche ------------------------------------------- */

#main .tx-indexedsearch {
  padding-bottom: 2em;
}

#main .tx-indexedsearch h1.tx-indexedsearch-whatis {
  border-bottom: 1px solid #A8A186;
  padding-bottom: 0.2em;
  margin-bottom: 0;
}

#main .tx-indexedsearch h1.tx-indexedsearch-whatis span {
  font-size: 0.8em;
  font-weight: normal;
}

ul#tx-indexedsearch-res .res-tmpl-css {
  padding: 1em 0 1em 10.4em;
  margin-bottom: 0;
  border-bottom: 1px dotted #A8A186;
}

ul#tx-indexedsearch-res .res-tmpl-css:hover {
  background: #fffabe;
  cursor: pointer;
}

ul#tx-indexedsearch-res .res-tmpl-css h2 {
  margin-bottom: 0.2em;
  font-size: 1.1em;
}

ul#tx-indexedsearch-res .res-tmpl-css:hover h2 a {
  text-decoration: underline;
  color: #444444;
}

#main .tx-indexedsearch #tx-indexedsearch-res .tx-indexedsearch-descr strong.tx-indexedsearch-redMarkup {
  color: #056089;
}

/* --- Content - Login, Logout  ------------------------------------------- */

.tx-felogin-pi1 h1 {
  margin-bottom: 1em;
  border-bottom: 1px solid #a8a186;
}

.tx-felogin-pi1 .buttons {
  margin: 1em 0;
}

/* --- Content - Beratungsstellen Edit, Map ------------------------------- */

#addressVerification {
  position: relative;
}

#addressVerification #verifyAddress {
  padding: 0.5em 0.5em 0.5em 24px;
  right: 0.5em;
  top: 0.5em;
}

#addressVerification #saveAddress {
  background-image: none;
  padding: 0.2em 0.5em 0.3em;
  right: 0.7em;
  top: 0.8em;
}

#addressVerification p.small {
  font-size: 0.9em;
}

.input p.seeBetter {
  margin-top: 0.5em;
}

.input p.seeBetter a {
  font-size: 1.1em;
}

/* --- Content - Beratungsstellen Edit,List - Forms ----------------------- */

fieldset,
.pseudofieldset {
  margin: 1em 0;
  padding: 0.8em 0 0.5em 0;
  background: #F0F0F0 url(../images/ui/bg_fieldset.jpg) repeat-x left -20px;
  clear: both;
  border: 1px solid #999999;
}

/* Diese Angabe benötigt der Safari-Browser zwingend !! */
fieldset { display: block; }

fieldset legend {
  background-color:white;
  margin-left:1em;
  padding:0pt 0.3em;
  color: #056089;
  font-style: italic;
}

fieldset legend span,
.pseudofieldset legend span,
div.input label span {
  color: red;
}

fieldset .input,
.pseudofieldset .input {
  padding-right: 1em;
  padding-left: 1em;
  clear: both;
}

fieldset .input label,
.pseudofieldset .input label {
  display: block;
  float: left;
  width: 14em;
  text-align: right;
}

fieldset .input input,
.pseudofieldset .input input {
  width: 22em;
}

fieldset .input textarea,
.pseudofieldset .input textarea {
  width: 22.5em;
}

fieldset .input p,
.pseudofieldset .input p {
  font-size: 0.9em;
  margin: 0 0 0 16.9em;
  width: 27.4em;
  color: #056089;
}

fieldset .option,
.pseudofieldset .option {
  margin-left: 13.7em;
}

fieldset .optiongroup .option,
.pseudofieldset .option {
  margin-left: 0;
}

fieldset .option p,
.pseudofieldset .option p {
  font-size: 0.9em;
  margin: 0;
  padding: 0;
  float: left;
  width: 27.4em;
  color: #056089;
}

fieldset .input p.error,
.pseudofieldset .input p.error,
fieldset .option p.error,
.pseudofieldset .option p.error {
  color: red;
}

p.info {
	background: url(../images/ui/info_icon.png) 1em 1.1em no-repeat #fafff7;
	color: #35760F;
	padding: 1em 1em 1em 3em;
	border: 1px solid #35760F;
}

p.notice {
	background: url(../images/ui/notice_icon.png) 1em 1.1em no-repeat #fef7ec;
	color: red;
	padding: 1em 1em 1em 3em;
	border: 1px solid red;
}

/* --- Sitemap ----------------------------------------------------------- */

.csc-sitemap ul ul {
  padding-left: 2em;
}

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

#footer {
  /* background: url(../images/ui/icon_footer.gif) no-repeat 0 50%; */
  margin: 0.5em 0 1em 0;
  padding: 0.5em 0;
  color: white;
}

#footer ul li {
  float: left;
  font-size: 0.9em;
}

#footer ul li a {
  color: white;
  text-decoration: none;
  padding: 0 1em;
}

#footer ul li.seperator a {
  border-right: 1px solid white;
}

#footer ul li a:hover,
#footer ul li a:focus,
#footer ul li a:active {
  text-decoration: underline;
}

/* === Special Function Elements ========================================= */

/* --- skiplinks --------------------------------------------------------- */

#skiplinks {
  width: 67em;
  margin: 0 auto;
  position: relative;
}

#skiplinks p a {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

#skiplinks p a:focus, 
#skiplinks p a:hover, 
#skiplinks p a:active {
  /* this is from pressetexter - change accordingly */
  background-color: white;
  color: black;
  display: block;
  height: auto;
  left: auto;
  right: 0;
  padding: 0.7em 0.5em;
  position: absolute;
  overflow: visible;
  text-decoration: none;
  top: -0.5em;
  white-space: nowrap;
  width: auto;
  z-index: 100;
}

/* --- hidden elements ----------------------------------------------------- */

.hidden {
  display: block;
  height: 0;
  left: -999em;
  position: absolute;
  overflow: hidden;
  top: -999em;
  width: 0;
}

/* --- clearfix ------------------------------------------------------------ */
 
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */