/* Allgemeines CSS fuer naw.info */
/* Thomas Esders, net&works GmbH       */
/* Dezember 2006			      */
/* ---------------------------------- */
/* An dieser Datei sollten keine      */
/* Aenderungen vorgenommen werden.    */
/* ---------------------------------- */

/* ===================== */
/* Default Einstellungen */
/* ===================== */

* {
  margin: 0;
  padding: 0;
}

html { height: 100%; margin-bottom: 1px; } 

body {
  font-family: Arial, sans-serif;
  font-size: 100.01%;
  text-align: center;
  color: #000;
  background-color: #989898;
}

.clearer {
  clear : both;
  height: 0px;
  font-size: 0px;
}

ul {
  padding: 10px 0 10px 15px;
}

img {
  border: 0;
}

.csc-textpic-caption {
  font-size: 0.85em;
  margin-bottom: 5px;
}

/***** Styles fuer glossary *****/
dfn {
 font-style: normal;
 border-bottom: 1px dotted;
}

/* ===================== */
/* IDs */
/* ===================== */

#all {
  width: 51.5em;
  margin-left: auto;
  margin-right: auto;
  text-align: left;
  background-color: white;  
}

#header {
  width: 47.5em;
  margin: 0 0 0 33px;
}

#banner {
 background-repeat:no-repeat;
 background-position: 33px;
}

#content {
  float: left;
  padding: 35px 10px 0 48px;
  width: 40em;
  font-size: 0.75em;
  color: #333333;
}

#right{
  float: left;
  width: 15.75em;
  padding: 2px 0 0 0;
}

#footer {
  margin: 36px 0 0 34px;
  width: 47.5em;
  border-top: 1px dashed #515881;	
}

/* ===================== */
/* Runde Ecken ganze Seite */
/* ===================== */

.bghead img {
  width: 51.5em;
}

.bgfoot img{
  width: 51.5em;
}

/* ===================== */
/* Header: Logo, Claim, Sprachweiche, Utils */
/* ===================== */

#banner dfn, #banner acronym {
 font-style: normal;
 border-bottom: none;
}

.claim {
  float: left;
  padding: 0 0 0 7px;
  
}

.sprachweiche {
  float: left;
  padding: 15px 0 0 210px;
  color: #666666;
  font-size: 0.7em;    
}

.sprachweiche a {
  text-decoration: none;
  color: #666666;  
}

.sprachweiche a:hover {
  text-decoration: underline;
}

.utils {
  float: right;
  padding: 15px 0 0 0;
  color: #666666;
  font-size: 0.7em;    
}

.utils a {
  text-decoration: none;
  color: #7d7d7d;  
}

.utils a:hover {
  text-decoration: underline;
}

/* ===================== */
/* Top-Menu, Suche, Klickpfad, Seitentitel */
/* ===================== */


.topmenu {
  float: left;
  color: black;
  padding: 30px 0 0 12px;
}

.topmenu ul {
  padding: 13px 0 0 0;
}

.topmenu li {
  display: inline;
  list-style: none;
  padding: 0 14px 0 0;
}

.topmenu a {
  color: #000000;
  font-size: 0.75em; 
  font-weight: bold;
  text-decoration: none;
}

.topmenu a:hover {
  color: #e74a58;
  font-size: 0.75em; 
  font-weight: bold;
  text-decoration: none;
}

.topmenu a.active {
  color: #e74a58;
}

.suche {
  float: right;
  padding: 43px 0 3px 0;
  height: 18px;
  font-size: 0.7em;
  line-height: 18px;
}

.suche #searchbox {
  height: 1.2em;
  width: 8.25em;
  border: 1px solid #7d7d7d;
  margin: 0 3px 0 5px;
  vertical-align: middle;
}

.suche #searchbutton {
  vertical-align: middle;
}

.klickpfad {
  padding: 35px 0 0 48px;
  color: #666666;
  font-size: 0.7em;
}

.klickpfad a {
  color: #666666;
  text-decoration: none;
}

.klickpfad a:hover {
  text-decoration: underline;
}

.linie1 {
  margin: 3px 0 0 34px;
  width: 47.4em;
}

.seitentitel {
  font-family: Tahoma, Arial, sans-serif; 
  color: #515881;
  padding: 20px 0 0 48px;
}

.seitentitel h1 {
  font-size: 1.5em;
  font-weight: lighter;
}

.linie2 {
  margin: 1px 0 0 34px;
  width: 47.4em;
  border-bottom: 1px dashed #515881;
}

/* ===================== */
/* Content */
/* ===================== */

#content a {
  color: #333333;
}

#content a:hover {
  background-color: #eaebf2;
}

#content h2 {
  font-size: 1.75em;
  font-weight: lighter;
  color: #e74a58;
  padding: 10px 0 5px 0;
}

#content h2.csc-firstHeader {
  padding: 0 0 5px 0;
}

#content h3 {
  font-size: 1em;
  font-weight: bold;
  color: #000;
  padding: 20px 0 0 0;
}

#content p {
  padding: 0;
  color: #333333;
}

.funktionen {
  border-top: 1px solid #515881;
  margin: 30px 0 0 0;
  font-size: 0.8em;
}

.funktionen a {
  color: #333333;
  text-decoration: none;
  padding: 0 0 0 5px;	
  vertical-align: 4px;
  border: none !important;
}

.funktionen a:hover {
  text-decoration: underline;
  border: none !important;
}

.funktionen .seitenanfang {
  float: left;
  padding: 8px 0 0 0;
}

.funktionen .drucken {
  float: right;
  padding: 5px 10px 0 0;	
}

/* ===================== */
/* Menu 2. Ebene rechts */
/* ===================== */

.menu {
  background-color: #eaebf2;
  padding: 34px 0 0 0;
  font-size: 0.75em;
} 

.menu dfn, .menu acronym {
 font-style: normal;
 border-bottom: none;
}

.menu .titelrahmen {
  background-color: #9da1b9;
  margin: 0 10px 0 10px;
  border-top: 1px solid #515881;
}

.menu .titelrahmen .titel {
  font-size: 1em;
  padding: 5px 0 5px 10px;
}

.menu .titelrahmen .titel a {
 color: #fff;
 text-decoration: none;
}

.menu .titelrahmen .titel a:hover {
 text-decoration: underline;
}

.menu ul {
  padding: 10px 0 25px 40px;
}

.menu ul li {
  list-style-image: url(/fileadmin/templates/images/pfeil-weiss.gif);
}

.menu ul li a {
  text-decoration: none;
  color: #444444;
  padding: 0 0 0 10px;
  vertical-align: 2px;
}

.menu ul li a:hover {
  text-decoration: underline;
}

.menu ul li.active {
  list-style-image: url(/fileadmin/templates/images/pfeil-rot.gif);
}

.menu ul li.spc {
  list-style-image: none;
  list-style: none;
}

.menu ul li.active a.active {
  color: #e74a58;
}

.menu ul ul li {
  list-style-image: url(/fileadmin/templates/images/pfeil-blau-2.gif);
}

.menu ul ul {
  padding: 5px 0 10px 25px;
}

.menu ul li li a {
    vertical-align: -1px;
}

/* ===================== */
/* Blaue Box rechts */
/* ===================== */

.rechtebox {
  padding: 10px 0 5px 0;
}

.boxenrechtshead {
  background-image: url(/fileadmin/templates/images/boxrechtshead.jpg);
  background-repeat: no-repeat;
  background-position: center;
  height: 35px;
}

.boxenrechtshead h2 {
  font-size: 12px;
  color: #515881;
  font-weight: bold;
  padding: 14px 0 0 17px;
}

.boxenrechts {
  background-image: url(/fileadmin/templates/images/boxrechtscontent.jpg);
  background-repeat: repeat-y;
  background-position: center;
}

.boxenrechts h3 {
  font-size: 14px;
  font-weight: bold;
  padding: 10px 0 0 17px;
}

.boxenrechts p {
  font-size: 12px;
  color: #444444;
  padding: 3px 10px 0 17px;
}

.boxenrechts ul {
  margin-left: 20px;
}

.boxenrechts li {
  font-size: 12px;
  color: #666666;
}

.boxenrechts a {
  color: #666666;
}

.boxenrechts a:hover {
  background-color: white;
}

.boxenrechtsfoot {
  background-image: url(/fileadmin/templates/images/boxrechtsfoot.jpg);
  background-repeat:no-repeat;
  background-position: center;
}

/* ===================== */
/* AF grafisch */
/* ===================== */
.afgrafisch {
  background-repeat:no-repeat;
  background-position: center;
  color: white;
  width: 252px;
  height: 160px;
  position: relative;
  padding: 10px 0 0 0;
}

.afgrafisch dfn, .afgrafisch acronym {
 font-style: normal;
 border-bottom: none;
}

.afgrafisch .ueberschrift h1, .afgrafisch .ueberschrift h2 {
  font-size: 14px;
  font-weight: bold;
  padding: 15px 0 0 25px;
}

.afgrafisch .text {
  position: absolute;
  bottom: 15px;
  font-size: 11px;
  padding-left: 25px;
  padding-right: 40px;
}

.afgrafisch a {
  display: block;
  height: 160px;
  width: 252px;
  position: absolute;
  top: 5px;
  z-index: 100;
}

/* ===================== */
/* Footer */
/* ===================== */
#footer .funcnav {
  width: 30em;
  float: left;
  font-size: 0.6em;
  color: #0066cc;
  padding: 5px 140px 0 15px;
}

#footer .funcnav .fn_menu {
  margin-bottom: 27px;
}

#footer dfn, #footer acronym {
 font-style: normal;
 border-bottom: none;
}

#footer .funcnav a {
  font-size: 1em;
  color: #515881;
  text-decoration: none;
}

#footer .funcnav a:hover {
  text-decoration: underline;
}

#footer .copyright {
  width: 23em;
  float: left;
  font-size: 0.6em;
  color: #3a3a3a;
  padding: 5px 0 0 60px;
}

#footer .copyright .cr_text {
  padding: 0 0 0 45px;
  margin-bottom: 20px;
}

#footer .copyright .csc-textpic {
  padding: 0 0 0 50px;
}

/* ====================== */
/* Mailform */
/* ====================== */

.csc-mailform {
  border: none;
}

.csc-mailform-field label {
  display: block;
  width: 8em;
  float: left;
  margin: 5px 8px 5px 0;
}

.csc-mailform-field input, .csc-mailform-field textarea  {
  margin: 3px 0;
  border: 1px solid #999999;
  background: white;
  padding: 3px 3px;
}

form input.imagebutton {
  margin-left: 8em;
}

.tx-thmailformplus-pi1 .rot {
  color: red;
}

/*******************************
Tabellen
*******************************/
.contenttable-2 th {
  background-color: white;
  text-align: left;
  padding: 3px 3px 3px 5px;
  color: #93a9be;
  font-size: 0.7em;
}

.contenttable-2 .tr-even {
  background-color: #dbdce0;
}

.contenttable-2 .tr-odd{
  background-color: #eaebf2;
}

.contenttable-2 td {
  padding: 3px 3px 3px 5px;
}

/*******************************
hsref
*******************************/
.tx-hsref-pi1-listrow-box .r {
  padding-top: 8px;
}

.tx-hsref-pi1-listrow-box img {
  border: 1px solid #999;
}

.tx-hsref-pi1-listrow-picture_small {
  float: left;
  width: 100px;
  height: 10em;
}

.tx-hsref-pi1-browsebox {
  text-align: center;
  margin-bottom: 20px;
  background-color: #e6e6e6;
}

.tx-hsref-pi1-browsebox table {
  text-align: center;
  margin-left: auto;
  margin-right: auto;
}

.tx-hsref-pi1-browsebox table td {
  padding: 0 2px 2px 2px;
}

.tx-hsref-pi1-singleView-picture {
  margin: 10px 0;
}

.tx-hsref-pi1-singleView-picture img {
  border: 1px solid #999;
}

.projekt_thumbs img {
  width: 87.25px;
  height: 87.25px;
  float: left;
  margin-right: 10px;
  border: 1px solid #999;
}

.tx-hsref-pi1-singleView-picture_small {
  text-align: left;
  margin: 10px 0;
}

.tx-hsref-pi1-singleView-description {
  margin: 15px 0 10px 0;
}

.tx-hsref-pi1-singleView-text {
  background-color: #e6e6e6;
  padding: 10px;
}

.tx-hsref-pi1-singleView-title {
  width: 10em;
  float: left;
}

.tx-hsref-pi1-singleView-content {
  margin-left: 10em;
  width: 27em;
  height: 1.5em;
}

.tx-hsref-pi1-singleView-back {
  width: 31.5em;
  float: left;
}

/* ===================== */
/* Fontsizer             */
/* ===================== */
.fontsizer {
  width: 13em;
  color: #fff;
  font-size: 0.75em;
  vertical-align: middle;
  position: relative;
  top: 0.8em;
  left: 53.75em;
}

.fontsizer img {
  border: 0;
  vertical-align: middle;
}


/* ===================== */
/* EventDB               */
/* ===================== */
.tx-rlmpeventdb-pi1 table {
     width: 100%;
}

.tx-rlmpeventdb-pi1 table td, .tx-rlmpeventdb-pi1 table th {
     text-align: left;
     padding: 3px;
}

.tx-rlmpeventdb-pi1-listrow-item {
     background-color: #efefef;
}

.tx-rlmpeventdb-pi1-listrow-item-odd {
     background-color: #dddddd;
}

#eventdb_singleview .freqency {
     font-size: 1.1em;
     font-weight: bold;
     margin-bottom: 20px;
     color: #ff3300;
}

#eventdb_singleview table {
     width: 100%;
     margin: 5px 0;
     background-color: #d0d0a0;
}

#eventdb_singleview table td {
     width: 200px;
}

#eventdb_singleview table td.tx-rlmpeventdb-pi1-usersingleviewfeatures-description {
     width: 383px;
}

#eventdb_singleview table td.tx-rlmpeventdb-pi1-usersingleviewfeatures-features-price {
     width: 100px;
}

#eventdb_singleview .menuauswahl {
     margin: 0px 0 10px 0;
}

#eventdb_singleview fieldset {
     padding: 5px;
     margin-top: 15px;
}

#eventdb_singleview label {
     width: 9em;
     display: block;
     float: left;
     text-align: right;
     margin: 0 5px;
}

#eventdb_singleview .confirm_text {
     display: block;
     margin-left: 10em;
}

#eventdb_singleview br {
     display: block;
}

#eventdb_singleview .tx-frontendformslib-submitbuttons {
     margin-top: 5px;
}

#eventdb_singleview .tx-frontendformslib-stepsoverview-row {
     clear: left;
}

#eventdb_singleview .tx-frontendformslib-steps {
     margin-top: 15px;
     font-size: 12px;
}

#eventdb_singleview .tx-frontendformslib-steps-active {
     font-weight: bold;
     margin-right: 3px;
}

#eventdb_singleview .tx-frontendformslib-steps-inactive {
     margin-right: 3px;
}

#eventdb_singleview .tx-frontendformslib-field-switched {
     display: inline;
     float: none;
}

#eventdb_singleview  .tx-frontendformslib-label-switched {
     display: inline;
     float: none;
}


/* ====================== */
/* Suche / indexed_search */
/* ====================== */

.tx-indexedsearch {
  width: 38em;
}

.tx-indexedsearch #tx-indexedsearch-searchbox-sword {
  float: left;
  width: 20.5em;
  border: 1px solid #8CA7BF;
  padding: 1px;
}

.tx-indexedsearch .tx-indexedsearch-search-submit {
  margin-top: 10px;
  margin-left: 10em;
}

.tx-indexedsearch .extended_link {
  position: relative;
  top: -5px;
  left: 15px;
}

.tx-indexedsearch select {
  border: 1px solid #8CA7BF;
}

.tx-indexedsearch label {
  display: block;
  width: 10em;
  float: left;
  margin-top: 3px;
}

.tx-indexedsearch .tx-indexedsearch-search-for {
  padding-top: 10px;
}

.tx-indexedsearch .tx-indexedsearch-search-in {
  padding: 10px 0;
}

.tx-indexedsearch .tx-indexedsearch-search-select-section {
  padding: 10px 0 10px 0px;
}

.tx-indexedsearch .tx-indexedsearch-search-select-order {
  margin-top: 1px;
}

.tx-indexedsearch .tx-indexedsearch-search-select-results {
  padding-top: 10px;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-defop {
  width: 10em;
  margin-left: 10px;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-desc {
  width: 10em;
  margin-left: 10px;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-type {
  width: 10em;
  float: left;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-lang {
  width: 10em;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-sections {
  width: 10em;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-order {
  width: 10em;
}

.tx-indexedsearch #tx-indexedsearch-selectbox-results {
  width: 4.5em;
}

.tx-indexedsearch .tx-indexedsearch-whatis {
  padding: 10px 10px 10px 0;
}

.tx-indexedsearch .tx-indexedsearch-sw {
  font-weight: bold;
}

.tx-indexedsearch .tx-indexedsearch-browsebox {
  margin-bottom: 40px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox ul {
  list-style-type: none;
  padding-left: 0;
}

.tx-indexedsearch .tx-indexedsearch-browsebox li {
  float: left;
  margin-right: 5px;
}

.tx-indexedsearch .tx-indexedsearch-browsebox a {
  border: 1px solid #999;
  padding: 2px;
  text-decoration: none;
  line-height: 200%;
}

.tx-indexedsearch .tx-indexedsearch-res h3 {
  padding: 5px !important;
  background-color: #8cbaf1;
}

.tx-indexedsearch .tx-indexedsearch-res h3 a {
  color: #fff !important;
  text-decoration: none;
}

.tx-indexedsearch .tx-indexedsearch-res h3 a:hover {
  text-decoration: underline;
}

.tx-indexedsearch .tx-indexedsearch-descr {
  line-height: 150%;
  margin-bottom: 10px;
}

.tx-indexedsearch .tx-indexedsearch-text-item-crdate-mtime {
  display: none;
}

.tx-indexedsearch .tx-indexedsearch-info {
  margin-bottom: 20px;
}

/* ==== */
/* News */
/* ==== */
.news_image {
  float: left;
  margin-right: 20px;
  margin-bottom: 10px;
}

.news_links {
  margin-top: 20px;
}

#content .news-list-item h2 a {
  font-size: 0.7em;
  color: #000;
}

.latest_entry {
  margin-bottom: 5px;
}

.teaser_text {
  margin-left: 170px;
  margin-bottom: 20px;
}

.news_date {
  margin-right: 10px;
}

.tx-ttnews-browsebox {
  margin-top: 10px;
}

.tx-ttnews-browsebox td {
  padding-right: 5px;
}

p.news-single-imgcaption {
  font-size: 0.85em;
  margin-bottom: 5px;
}

/* ================== */
/* css_styled_content */
/* ================== */
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap {
  margin-right: 20px !important;
}

DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap {
  margin-left: 20px !important;
}

DIV.csc-textpic-left DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-left DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-right: 20px;
}

DIV.csc-textpic-right DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right-nowrap DIV.csc-textpic-imagewrap .csc-textpic-image,
DIV.csc-textpic-intext-right DIV.csc-textpic-imagewrap .csc-textpic-image {
  margin-left: 20px;
}

/* =========== */
/* Contentbox  */
/* =========== */
#content .contentbox {
  margin-top: 20px;
}

#content hr.ruler {
  border: 0;
  border-top: 1px solid #dbdce0;
}

#content .contentbox_header {
  background-color: #dbdce0;
  line-height: 30px;
  font-weight: bold;
  padding-left: 20px;
  margin-bottom: 1px;
}

#content .contentbox_body {
  background-color: #eaebf2;
  line-height: 150%;
  padding: 10px 20px;
  margin-bottom: 1px;
}

#content .contentbox_body a {
  color: #515881;
}

#content .contentbox_body a:hover {
  color: #000;
  background-color: transparent;
}