@charset "UTF-8";

/*************************************/
/* reset all browser default styling */
/*************************************/
@import "reset-min.css";



/***************************************************************/
/* import example.css for default styling of content elements  */
/***************************************************************/
@import "example.css" all;
html {
  overflow-y: scroll;
  }


/***************/
/* GRID LAYOUT */
/***************/
div#navigationAids, div#footer h3, div#navigationFirstLevel h2, div#navigationSecondLevel h2 {
  display:none;
  }
div#outerWrap {
  width:900px;
  text-align:center;
  margin:0 auto;
  overflow:auto;
  }
div#outerWrap div {
  text-align:left;
  }
div#header {
  background:#333;
  height:142px;
  margin-top:50px;
  }
div#navigationSecondLevel {
  float:left;
  width:21%;
  }
div#main {
  width: 53%;
  float:left;
  }
div#secondary {
  width:26%;
  float:right;
  }
div#footer {
  clear:both;
  }
body.hideRightColumn div#secondary {
  display:none;
  }
body.hideRightColumn div#main {
  width:79%;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#main {
  width:74% !important;
  float:left;
  position:relative;
  }
body.hideLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#main {
  width:100%;
  }
body.hideRightAndLeftColumn div#secondary, body.hideRightAndLeftColumn div#navigationSecondLevel {
  display:none;
  }
body.hideRightAndLeftColumn div#contentWrap, body.hideLeftColumn div#contentWrap {
  background-image:none;
  background:#fff;
  }


/*******************/
/* GENERAL PADDING */
/*******************/
div#secondayContent, div#navigationContent, div#footer {
  padding:12px;
  }
div#mainContent {
  padding:30px;
  overflow:hidden;
  }


/**********************************************************/
/* STYLING AND POSITIONING OF INDIVIDUAL GENERAL ELEMENTS */
/**********************************************************/
body {
  /*background: #494949 url(../Images/bg.gif) top left repeat-x;*/
  background: #FFFFFF;
  }
html {
  background:#FFFFFF;
  }
strong {
  font-weight:bold;
  }
div#header {
  background:#B3D8F2 url(../Images/header.jpg) no-repeat;
  }
div#contentWrap {
/*  background: url(../Images/bg_contentWrap.gif) top left repeat-y;*/
  background: #FFFFFF url(../Images/netzwerk-zuhause-sicher-wasserzeichen.jpg) bottom left no-repeat;
  overflow:hidden;
  clear:both
  }
div#navigationSecondLevel {
  float: left;
  margin: 0px;
  padding: 15px 0px;
  }
div#secondary {
  margin-top:48px;
  }
div#footer {
  background:url(../Images/bg_footer.jpg) top center no-repeat;
  }
div#footer .footerFrame,
div#footer .footerFrame-last {
  float:left;
  width: 200px;
  margin: 0 0 0 20px;
  }
div#footer .footerFrame-last {
  width: 410px;
  }
div#footer .footerFrame h4 { 
  margin: 0 0 1em 0;
  }
div#footer #licensebadge {
  margin-top: 3px;
  opacity: 0.3;
  }
div#topMenu ul li, div#languageMenu ul li {
  display:inline;
  padding-left:1em;
  font-size:100%;
  }
div#topMenu, div#languageMenu {
  float:right;
  padding-bottom:24px;
  margin:-24px 6px 0 0;
  }
div.secondaryContentSection {
  background:#f2f2f2;
  border:1px solid #cfcecf;
  width:155px;
  border-top:none;
  padding: 0 10px 10px 10px;
  margin:0 0 2.4em 10px;
  overflow:hidden;
  font-size:90%;
  }
div#navigationFirstLevel {
  background: #3c8dd9 url(../Images/navOverlay.png) top left repeat-x;
  }
div#navigationFirstLevelMenu ul {
  overflow:hidden;
  margin:0 0 0 190px;
  }
div#navigationFirstLevelMenu ul li {
  display:block;
  float:left;
  margin-left:0;
  }
div#navigationFirstLevelMenu ul li a {
  padding:0.8em 1em;
  display:block;
  }
div#breadcrumb {
  position:relative;
  margin-left:26px;
  top:16px;
  font-size:90%;
  }
div#breadcrumb span {
  font-weight:bold;
  }
  
/*  
div#navigationSecondLevelMenu ul {
  text-indent:20px;
  line-height:2.2em;
  border-bottom:1px solid #B3D8F2;
  margin-left:0;
  }
div#navigationSecondLevelMenu ul ul {
  text-indent:35px;
  border-bottom:none;
  margin-bottom:0;
  }
div#navigationSecondLevelMenu ul ul ul {
  text-indent:50px;
  }
div#navigationSecondLevelMenu {
  width:190px;
  margin-top:13px;
  }
div#navigationSecondLevelMenu li.active {
  background:#fff;
  border-top:1px solid #B3D8F2;
  border-bottom:1px solid #B3D8F2;
  font-weight:bold;
  }
div#navigationSecondLevelMenu li.active ul li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li.selected {
  background: #fff url(../Images/bg_liCurrent.gif) top right no-repeat;
  font-weight: bold !important;
  border-top:1px solid #B3D8F2;
  }
div#navigationSecondLevelMenu li.selected li {
  font-weight:normal;
  }
div#navigationSecondLevelMenu li {
  border-top:1px solid #B3D8F2;
  list-style-type:none;
  margin-left:0;
  }
div#navigationSecondLevelMenu li.active li, div#navigationSecondLevelMenu li.selected li {
  border-top:1px solid #eee;
  }
*/

div#navigationSecondLevelMenu ul {
  margin: 0;
  padding: 0;
  overflow: hidden;
  list-style-type: none;
}
div#navigationSecondLevelMenu ul a {
  font: 102%/1.6em 'PT Sans', arial, serif;
/*  font-family: Verdana, Geneva, sans-serif;
  font-size: 11px;
  text-decoration: none;*/
  display: block;
}
div#navigationSecondLevelMenu ul li {
  display: block;
  padding: 0;
  margin: 0;
  background: #FFFFFF;
}
div#navigationSecondLevelMenu li.left-level-1-no a {
  height: auto;
  text-decoration:none;
  display: block;
  padding: 3px 6px 3px 15px;
  background: #FFFFFF;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color:#3a749d;
  border-bottom-color:#3a749d;
}
div#navigationSecondLevelMenu li.left-level-1-no a:hover, div#navigationSecondLevelMenu li.left-level-1-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 15px;
  background: #3A749D;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d; /* #B3D8F2; */
  border-bottom-color: #3a749d;
}

div#navigationSecondLevelMenu li.left-level-1-no a:hover { background:#b3d8f2 }

div#navigationSecondLevelMenu li.left-level-2-no a {

  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 25px;
  background: #3A749D;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}
div#navigationSecondLevelMenu li.left-level-2-no a:hover, div#navigationSecondLevelMenu li.left-level-2-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 25px;
  background: #92A7B5;
  color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}
div#navigationSecondLevelMenu li.left-level-3-no a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 35px;
  background: #C8E4F9;
  color: #000000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}
div#navigationSecondLevelMenu li.left-level-3-no a:hover, div#navigationSecondLevelMenu li.left-level-3-act a {
  height: auto;
  text-decoration: none;
  display: block;
  padding: 3px 6px 3px 35px;
  background: #92A7B5;
  color: #000;
  border-top-width: 1px;
  border-bottom-width: 1px;
  border-top-style: solid;
  border-bottom-style: solid;
  border-top-color: #3a749d;
  border-bottom-color: #3a749d;
}


/*****************************/  
/* LINK COLORS AND TREATMENT */
/*****************************/
a:link {
  color: #3A749D;
  text-decoration: none;
  }
a:visited {
  color: #3A749D;
  text-decoration:none;
  }
a:hover {
  text-decoration:underline;
  }
div#footer a:link, div#footer a:visited {
  color:#646464;
  text-decoration:none;
  }
div#footer a:hover {
  text-decoration:underline;
  }
  div#topMenu ul li a, div#languageMenu ul li a {
  color:#a9a9a9 !important;
  }
div#navigationFirstLevelMenu ul li a {
  color:#fff;
  }
div#navigationFirstLevelMenu ul li a.selected, div#navigationFirstLevelMenu ul li a.active {
  background:#353535;
  }
div#navigationFirstLevelMenu ul li a:hover {
  background: url(../Images/navButtonOverlay.png);
  text-decoration: none;
  }
div#breadcrumb a {
  color: #5d5d5d;
  margin:0 4px;
  }
div#breadcrumb span {
  margin:0 4px;
  }
div#navigationSecondLevelMenu ul li a {
  color:#353535;
  }
div#navigationSecondLevelMenu ul li a:hover {
  color:#3c8dd9;
  text-decoration: none;
  }
div#header h1 a {
  color:#fff;
  text-decoration: none;
  }


/******************/
/* FONT TREATMENT */
/******************/
body {
  /*font: 70%/1.6em Verdana, Geneva, sans-serif;*/
  font: 90%/1.6em 'PT Sans', arial, serif;
  color:#515151;
  }
div#mainContent {
  font-size:105%;
  }
h1, h2, h3 {
  font-weight:bold;
  margin:0.5em 0 1em 0 ;
  color: #353535;
  }
h1 {
  font-size:130%;
  }
div#header h1 {
  color:#fff;
  font: 200% 'PT Sans', arial, serif;
  color: #f2f2f2;
  margin-left:20px;
  position:absolute;
/*  font-style:italic;*/
  }
div.secondaryContentSection .csc-header h1, div.secondaryContentSection .csc-header h2, div.secondaryContentSection .csc-header h3 {
  color:#fff;
  background:#494949;
  padding: 6px 10px;
  margin:0 0 1em -11px;
  width:157px;
  }
h2 {
  font-size:130%;
  border-bottom:1px solid #B3D8F2;
  }
h3 {
  font-size:115%;
  }
h4, h5 {
  font-size:105%;
  }
h6 {
  font-size:70%;
  }
.csc-frame-frame1 { 
  color:#353535;
  }
p {
  margin-bottom:1em;
  }
blockquote {
  margin:1em 0 1em 2em;
  padding-left:2em;
  border-left:1px solid #ccc;
  }
div#footer {
  color:#646464;
  }
div#navigationSecondLevel h2 {
  margin-left: 12px;
  padding-top:12px;
  }
h1, h2, h3, h4, h5, h6 {
  font-weight: 700;
  }

/*************/
/* SEARCHBOX */
/*************/
#searchBox {
  top: 105px;
  position: relative;
  width: 205px;
  height: 30px;
  margin-left: 20px;
  overflow: hidden;
}

#search #searchBox {
  display: none;
}
                                                 /***************************/
/* TT_NEWS - BASIC STYLING */
/***************************/
.news-latest-item h3, .news-latest-item p {
  margin-bottom: 0;
  }
.news-list-subheader p {
  display:inline;
  }
.news-list-item {
  padding: .4em 0 1em;
  clear:both;
  }
.news-list-container img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-single-img {
  float:left;
  margin: 0 10px 10px 0;
  }
.news-list-category {
  font-size: 90%;
  }

  
  
/************************/
/* THEME COLOR OVERIDES */
/************************/
.themeColorForeground {
  color:#B3D8F2;
  }
.themeColorBackground {
  background-color:#B3D8F2 !important;
  }

div#header {
  background-color:#B3D8F2;
  }
a:link, a:visited {
  color:#3A749D;
  }
div#navigationFirstLevel {
  background-color:#B3D8F2;
  }
div#navigationSecondLevelMenu ul li a:hover {
  color:#B3D8F2;
  }

/* Service Menü */
div#serviceMenu {
  color:#000000;
  right: 1px;
  bottom: 12px;
  position: relative;
  height: 20px;  
}
div#printButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 64px;
  height: 20px;
  width: 20px;
}
div#tipafriendButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 42px;
  height: 20px;
  width: 20px;
}
div#vorlesenButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 21px;
  height: 20px;
  width: 20px;
}
div#pdfButton {
  color:#fff;
  position: absolute;
  top: 10px;
  right: 0;
  height: 20px;
  width: 20px;
}