/*
Datei: Stile für www.toponsnow.de
Veschreibung: Sammlung von Stilvorgaben
Version: 1.0
Author: Thomas Oswald
*/
/*
@import url(4_content.css);
*/

@import url(1_base.css);
@import url(2_links.css);
@import url(3_images.css);
@import url(5_forms.css);
@import url(6_tricks.css);
@import url(7_iehacks.css);
/*@import url(8_forum.css);*/
@import url(8_forum_neu.css);

div#roller {
  position:               relative;
  width:                  860px;
	text-align:             left;
	margin-left:            auto;
	margin-right:           auto;
  background:             #fff;
  /*height:                 100%;*/
  min-height:             100%;
}

div#header {
  padding-top:            11px;
  padding-bottom:         0px;
  text-align:             center;
}

div#headerpic {
  border-top:             1px dotted #ccc;
  padding-top:            11px;
  width:                  819px;
  margin-left:            auto;
	margin-right:           auto;
}

div#header_info {
  margin-left:            auto;
	margin-right:           auto;
  width:                  819px;
  margin-top:             3px;
  margin-bottom:          0;
  padding:                0 0 4px 0;
  border-bottom:          1px dotted #ccc;
}

div#header_info hr {
  clear:                  both;
  border:                 0;
  border-bottom:          1px dotted #ccc;
  height:                 0px;
  padding:                0;
  margin:                 0;
  color:                  transparent;
  background-color:       transparent;
}


/*++++++++++++++++++++++++++++++++++++*/


#hauptnavi, #unternavi {
  border-top:           1px dotted #ccc;
  width:                100%;
  list-style:           none;
  padding:              0;
  clear:                both;
  margin:               0;
}

#hauptnavi li, #unternavi li {
  display:              inline;
  float:                left;
  font-size:            1.1em;
  letter-spacing:       0.07em;
  text-decoration:      none;
}

#hauptnavi li:first-child, #hauptnavi li:last-child, #unternavi li:first-child {
  border:               none;
}

#hauptnavi li {
  border-left:          1px solid #333;
  margin:               5px 0 5px 0;
}

#unternavi li {
  border-left:          1px solid #3ea6da;
  margin:               5px 0 0 0;
}

#hauptnavi li.navishop {
  border:               none;
  float:                right;
  margin-right:         20px;
}

#unternavi li a {
  color:                #3ea6da;
  padding:              3px 8px 3px 8px; 
}

#hauptnavi li a {
  text-transform:       uppercase;
  color:                #333;
  padding:              3px 8px 3px 8px;          
}

#hauptnavi li a:hover {
  background-color:     #000;/*#3ea6da;*/
  color:                #fff;
  text-decoration:      none;
}

#hauptnavi li.active a {
  background-color:     #000;
  color:                #fff;
}

#unternavi li.active a, #unternavi li a:hover {
  background-color:     #3ea6da;
  color:                #fff;
}


#klecksrechts {
  position:             absolute;
  right:                0px;
  margin-top:           54px;
}




/*++++++++++++++++++++++++++++++++++++*/


body.index #contenttop {
  height:                 5px;
  background:             #d1d0d0 url(../images/headerline_bg.gif) repeat-x;
  border-left:            21px solid #cc071e;
  border-right:           20px solid #fff;
}

#contenttop {
  height:                 5px;
  background:             #d1d0d0 url(../images/headerline_bg.gif) repeat-x;
  border-left:            21px solid #fff;
  border-right:           20px solid #fff;
}

h1.links, h1.rechts {
  text-transform:         uppercase;
  width:                  45%;
  margin:                 0;
  padding-top:            0;
  padding-bottom:         0;
  font-size:              2.2em;
}

h1.links {
  padding-left:           10px;
  text-align:             left;
  float:                  left;
}

h1.rechts {
  padding-right:          10px;
  float:                  right;
  text-align:             right;
}

h2 {
  color:                  #3ea6da;
  font-size:              1.4em;
  font-weight:            bol;
  padding:                0;
}

.rahmenindex h2 {
  margin-top:             15px;
  margin-left:            5px;
  margin-left:            10px;
  font-weight:            bold;
}

.rahmenkastenunter h2 {
  margin-left:            10px;
}

.rahmenkastenunter img {
  margin-left:            10px;
}

h3, .tx-chcforum-pi1-forumTextBig {
  margin:                 10px 0 2px 0;
  font-size:              1.3em;
  margin-left:            0px;
  font-weight:            bold;
}

p {
  margin-top:             5px;
  margin-bottom:          5px;
}

.news-list-item p {
  margin:                 0;
  padding:                0;
}

.news-list-item {
  margin-left:            5px;
  margin-bottom:          20px;
  padding-right:          40px;
}

.news-list-date, .news-single-timedata {
  color:                  #999;
}

.news-single-item {
  margin-left:            10px;
}

.news-single-backlink {
  margin:                 10px 0 10px 10px;
}

.news-single-item p, .news-single-item h3 {
  margin-left:            0;
  padding:                0;
}

.news-list-item h3 {
  margin-left:            10px;
}

.news-single-img {
  margin-right:           5px;
  margin-bottom:          5px;
  float:                  left;
}

p .news-single-imgcaption {
  margin:                 0;
  padding:                0;
}

#content {
  background-color:       #f7f7f7;
  margin-right:           20px;
  margin-left:            21px;
  padding-bottom:         27px;
}

body.index #content {
  margin-left:            0px;
}

#content div {
  line-height:            1.4em;
}

#rahmen12 {
  float:                  left;
  width:                  557px;
  border-right:           5px solid #ccc;
}

body.index #rahmen12 {
  float:                  left;
  width:                  578px;
  border-right:           5px solid #ccc;
}

body.index #rahmen12 {
 padding-left:            0px;
}

#rahmen3 {
  float:                  right;
  width:                  235px;
  padding-left:           10px;
  padding-right:          10px;
  padding-top:            40px;
  overflow:               hidden;
}

#karte {
  width:                  100%;
  text-align:             right;
  margin-top:             40px;
}

.shopicon {
  position:               absolute;
  top:                    175px;
  left:                   675px;
}

.laurateaser {
  margin-top:             40px;
  width:                  100%;
  text-align:             center;
}

.rahmenindex {
  background:             #fff url(../images/rahmenkasten_bg_fff.gif) repeat-y;
  float:                  left;
  width:                  316px;
  padding-left:           262px;
  min-height:             100px;
  border-bottom:          5px solid #ccc;
}

.rahmenindex h2 {
  position:               absolute;
  width:                  190px;
  left:                   30px;
}

.rahmenindex:first-child {
  background:             #fff url(../images/pfeil_firstindex.gif) no-repeat;
}


.rahmenindex p {
  margin-left:            10px;
  margin-right:           10px;
}

.rahmenkastenunter p {
  margin-left:            10px;
  margin-right:           50px;
}

.rahmenkastenunter {
  background-color:       #fff;
  width:                  100%;
  float:                  left;
  border-bottom:          5px solid #ccc;
}

.csc-textpic-caption {
  padding:                0px 5px 0px 5px;
  color:                  #666;
  font-size:              0.9em;
}

.csc-textpic-center {
  margin-left:            5px;
}

body.index .csc-textpic-center {
  margin-left:            0px;
}

body.index .csc-textpic-center {
  margin-left:            0px;
}

#footer {
  width:                  100%;
  position:               fixed;
  bottom:                 0;
  z-index:                1;
  left:                   0;
}

#footer_content {
  background-color:       #fff;
  width:                  860px;
  text-align:             left;
  margin-left:            auto;
  margin-right:           auto;
}

#footer_right {
  padding:                2px 0 3px 20px;
  margin-right:           20px;
  background:             #000 url(../images/footerbg.gif) repeat-x;
  text-align:             left;
  color:                  #f7f7f7;
}

/** html #roller {
  margin-bottom:          0px;
}*/


dt, dl, dd {
  margin:                 0px;
  padding:                0px;
  border:                 0px;
}

/* ###  WEBSITE LAYOUT Sitemap ################################################################ */

.csc-sitemap {
  font-weight:          bold;
  padding:              3px 0px 3px 0px;
  margin:               0px;
  border-bottom:        1px solid #eceef2;
} 

.csc-sitemap-level0 {
  padding:              5px 0px 5px 5px;
  font-weight:          bold;
  margin-bottom:        5px;
  background:           #eceef2;
}

.csc-sitemap-level1 {
  padding-left:         30px;
}

.csc-sitemap-level2, .csc-sitemap-level2-end {
  padding-left:         60px;
}

.csc-sitemap-level3, .csc-sitemap-level3-end {
  padding-left:         90px;
}

.csc-sitemap-level4 {
  padding-left:         120px;
}




/* ###  WEBSITE LAYOUT Suche   ################################################################ */

.tx-indexedsearch-browsebox {
  width:                460px;
  text-align:           center;
  margin-left:          auto;
  margin-right:         auto;
}

.browse_rueckwaerts, .browse_vorwaerts {
  width:                60px;
  float:                left;
}

.browse_middle {
  font-weight:          bold;
  width:                320px;
  float:                left;
}




/* ###  WEBSITE LAYOUT Galerie  ################################################################ */

.jm-gallery-album-entry {
  width:                49%;
  float:                left;
  text-align:           center;
  margin-bottom:        0;
  padding-bottom:       0;
}

.jm-gallery-album-entry img {
  border:               5px solid #ccc;
}

.jm-gallery-list-album-metainformation {
  padding:              0;
  margin:               0 0 20px 0;
  color:                #999
}

.jm-gallery-category-container p {
  margin-top:           15px;
  margin-bottom:        15px;
}

.jm-gallery-image-entry {
  overflow:             hidden;
  background-color:     #fff;
  float:                left;
  text-align:           center;
  margin:               10px 0 10px 10px;
  width:                160px;
  border:               1px solid #ccc;
  padding:              5px 2px 10px 2px;
}

.jm-gallery-image-entry:hover, .jm-gallery-image-entry:focus {
  background-color:     #f5f5f5;
}

.jm-gallery-image-entry a img {
  border:               1px solid #ccc;
  margin:               0;
}

.jm-gallery-album-control {
  padding:              5px 0 15px 0;
}

.jm-gallery-image-browser {
  width:                520px;
  margin-left:          auto;
  margin-right:         auto;
}

.jm-gallery-image-browser div {
  padding:              0 5px 0 5px;
  width:                115px;
}

.picnavimargin {
  margin-top:           5px;
  margin-bottom:        15px;
}

.jm-gallery-image-single {
  text-align:           center;
  clear:                both;
}

.jm-gallery-image-single a img {
  border:               none;
}

.jm-gallery-admin-subelement {
  margin-left:          10px;
  border-bottom:        1px solid #ccc;
}

#jm_gallery_admin_form, .jm-gallery-admin-element {
  margin-left:          10px;
}

#jm_gallery_admin_form .jm-gallery-input, #jm_gallery_admin_form .jm-gallery-textarea {
  border:               1px inset #333;
  padding-left:         3px;
  padding-right:        3px;
  width:                300px;
}

#jm_gallery_admin_form .jm-gallery-submit {
  background:           #ccc;
  color:                #333;
  border:               1px outset #999
}


#jm_gallery_admin_form .jm-gallery-submit:focus, #jm_gallery_admin_form .jm-gallery-submit:hover {
  border:               1px inset #555;
  cursor:               pointer;
}

.admincheckboxes {
  border-bottom:        1px solid #ccc;
}




/* ###  WEBSITE LAYOUT Tabellen  ################################################################ */

table {
  margin-left:          10px;
}

table.standorte {
  width:                547px;
}

thead, tr.head {
  background-color:     #3ea6da;
}

thead, tr.head {
  color:                #fff;
  font-weight:          bold;
}

table tr.odd {
  background-color:     #d0e5ef;
}

table tr.unterodd td {
  border-bottom:        1px solid #d0e5ef;
}

table tr {
  vertical-align:       top;
}

table td {
  padding:              2px;
}

td.cell1 {
  width:                86px;
}

td.cell2 {
  width:                146px;
}

td.cell3 {
  width:                303px;
}




/* ###  WEBSITE LAYOUT Suchergebnisse  ################################################################ */

div.list_item {
  text-align:           center;
}

div.list_item h3 {
  margin-bottom:        0px;
  padding-bottom:       0px;
}

div.list_item p, div.list_item h3 {
  width:                70%;
  text-align:           left;
  margin-left:          auto;
  margin-right:         auto;
  margin-top:           0px;
  margin-bottom:        0px;
}

.dreierteaser p {
  background-color:     #fff;
  color:                #333;
  padding-left:         4px;
}

div.tx-indexedsearch-res {
  margin-top:           15px;
  padding-top:          15px;
}

.tx-indexedsearch-redMarkup {
  font-weight:          normal;
  background-color:     yellow;
}