@import url(luna_core.css);

/*
This file inherits from luna_core.css, so styles in this file will override
styles defined in it.  Changes to this file will NOT be overwritten during
upgrades.

Here's a quick tutorial on overriding styles.  Say you want to change the
background colour of the body.  Looking at luna_core.css, the colour is
defined in the rule:

    body {
      margin: 0px;
      padding: 0px;
      color: #0D67A5;
      background: #FFDEFF;
      font: normal 10pt verdana, tahoma, geneva, sans-serif;
      text-align: center;
background-image: url(https://www.tauchen.ws/tauchen_back.jpg);
line-height: 1.5em;
    }

To change the background colour of white (#ffffff) to gray (#dddddd), you would
add the following to this file:

    body {
      background: #C0C0FF;
    }

If you also wanted to change the font as well as the background, then you could
use:

    body {
      background: #dddddd;
      font: normal 12px times new roman;
    }

Also note that every template's body id is assigned the template name (without
the .html extension).  So if you want to change the h2 heading in the
category.html template, you can do this by:

    #category h2 { 
      color: red; 
      font-weight: bold; 
    }

To start you off, some sample overriding styles have been provided below.  Note
that you will have to uncomment the rules for them to work.
*/

body {
  margin: 0px;
  padding: 0px;
  color: #33332e;
  background: #002C4D;
  font: normal 10pt verdana, tahoma, geneva, sans-serif;
  text-align: center;
  background-image: url(https://www.tauchen.ws/tauchen_back.jpg);
  line-height: 1.5em;
}
img {
  border: 0px;
}

/* forms */
form {
  margin: 0px;
}
input, textarea {
  font: normal 13px verdana, tahoma, geneva, sans-serif;
}
input.text, input.password, textarea {
  padding: 1px 0px 1px 2px;
  border: 1px solid #57594b;
}

/* links */
a {
  color: #300090;
}
a:visited {
  color: #300090;
}
a:hover {
  color: #000080;
  text-decoration: underline;
}

/* headings */
h1 {
  font-size: 15pt;
}
h2 {
  font-size: 14pt;
}
h3 {
  font-size: 13pt;
font-weight: normal;
}
h4 {
  font-size: 11pt;
font-weight: normal;
}
h5 {
  font-weight: normal;
  font-size: 11pt;
}
/* use this with text in headings you wish to make small */
.hsmall {
  font-weight: normal;
  font-size: 12px;
}
.hsmall1 {
  font-weight: normal;
  font-size: 16px;
line-height: 1.6em;
    text-align: justify;
}

#accessibility {
  position: absolute;
  left: -9000px;
  width: 9000px;
}
#wrapper {
  margin: 0px auto;
  width: 920px;
  text-align: left;
}

/*--------*\
|* header *|
\*--------*/
#logo1 {
  width: 250px;
  height: 80px;
  background: transparent url(images/logo.gif) top left no-repeat;
  text-indent: -9999px;
}
#logo {
  width: 250px;
  height: 80px;
  background: transparent url(images/logo.gif) top left no-repeat;
  text-indent: -9999px;
}
#logo h1, #logo a {
  margin: 0px;
  width: 100%;
  height: 100%;
}
#logo a {
  text-decoration: none;
  display: block;
}
#header {
  background: transparent url(images/swirls.gif) top right no-repeat;
}
#loginbar {
  float: right;
  text-align: right;
}
#loginbar a {
  margin-top: 46px;
  padding: 10px 0px 10px 0px;
  color: #212126;
  font-weight: bold;
  display: block;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
#loginbar a:hover {
  color: #5c5b66;
}
#loginbar a.in {
  background: transparent url(images/login.gif) center right no-repeat;
}
#loginbar a.out {
  background: transparent url(images/logout.gif) center right no-repeat;
}

/*------------*\
|* navigation *|
\*------------*/
.navbar {
  margin-bottom: 1px;
}
ul.primarynav, ul.secondarynav {
  margin: 0px;
  padding: 0px;
  border-bottom: 1px solid #00416E;
  float: left;
  list-style: none;
  margin-bottom:7px;
}
ul.primarynav {
  width: 100%;
  background: #0D67A5;
}
ul.secondarynav {
  width: 100%;
  background: #000080;
}
ul.primarynav li, ul.secondarynav li {
  float: left;
  list-style: none;
margin: 8px;
}
ul.primarynav li {
  background: transparent url(images/betweennav.gif) center right no-repeat;
}
ul.primarynav a {
  margin-right: 1px;
  padding: 7px 9px 7px 10px;
  float: left;
  color: #ffffff;
  font-size: 14px;
  text-decoration: none;
}
ul.primarynav a:visited {
  color: #ffffff;
}
ul.primarynav a:hover {
  color: #ffffff;
  background: #000080;
}
ul.primarynav li.home {
  border-right: 1px solid #ffffff;
  background: #000080;
}
ul.primarynav li.home a {
  margin-right: 0px;
}
ul.secondarynav li.first {
  padding-left: 5px;
}
ul.secondarynav a {
  margin-right: 1px;
  padding: 4px 5px;
  float: left;
  color: #ffffff;
  font-size: 10px;
  text-decoration: none;
}
ul.secondarynav a:visited {
  color: #ffffff;
}
ul.secondarynav a:hover {
  color: #212126;
}

/*-----------*\
|* searchbar *|
\*-----------*/
.searchbar {
/*   margin-bottom: 5px;*/
/*   margin-top: 5px;*/
  padding: 10px 10px;
/*  border-bottom: 0px solid #57594b;*/
  background: #FFF9D9;
  margin-bottom:10px;
  box-shadow: 7px 7px 12px black;
  font-size:15px;
}
.searchbar input.text, .searchbar input.submit {
  margin-right: 5px;
  font-size: 15px;
}
/* setting this in mozilla causes rendering issues */
* html .searchbar input.submit {
  height: 21px;
}
/* these colours are the same as defined by 'a', but we unset a:visited */
.searchbar a {
  color: #212126;
  font-size: 10pt;
}
.searchbar a:hover {
  color: #5c5b66;
}

/*--------*\
|* footer *|
\*--------*/
#footer {
  margin-top: 0px;
  padding: 3px;
  border-top: 1px solid #57594b;
  background: #FFF9D9;
}
#footer img {
  float: right;
}
#footer p {
  margin: 0px;
  padding: 3px 0px;
  color: #8a8d77;
  font-size: 9px;
}

/*--------*\
|* footer2 *|
\*--------*/
#footer2 {
  margin-top: 10px;
  padding: 3px;
  border-top: 1px solid #57594b;
  background: #FFF9D9;
  box-shadow: 7px 7px 12px black;
}

#footer2 p {
  margin: 0px;
  padding: 3px 0px;
  color: #8a8d77;
  font-size: 10pt;
}

/*---------------*\
|* contentheader *|
\*---------------*/
#contentheader {
  padding: 10px 10px 0px 10px;
  background: #e2e1eb;
}
#contentheader .error, #contentheader .message {
  margin: 0px 200px 0px 0px;
  padding: 2px;
  border: 1px solid #660000;
  color: #300090;
  font-size: 12px;
  text-align: center;
}
#contentheader .error {
  background: #FFFFFF;
}
#contentheader .message {
  background: #B3FFC3;
}
#contentheader .error *, #contentheader .message * {
  margin: 0px;
  padding: 0px;
}

/*---------------*\
|* contentfooter *|
\*---------------*/
#contentfooter {
  background: #e2e1eb;
}

/*---------*\
|* content *|
\*---------*/
#ocwrapper {
/* background colour of left sidebar */
  border-left: 0px solid #e2e1eb;
/* background colour of right sidebar */
  border-right: 0px solid #C0C0FF;
  background: #C0C0FF;
}
#leftsidebar {
  margin-left: -200px;
  padding: 10px 0px 10px 10px;
  width: 190px;
  float: left;
  position: relative;
/* hide the left sidebar by default */
  display: none;
}
#rightsidebar {
  margin-right: -200px;
  padding: 10px 10px 10px 0px;
  width: 190px;
  float: left;
  position: relative;
}
#contentwrapper {
  width: 100%;
  float: left;
  position: relative;
}
#content {
  margin: 0px 1px;
  padding: 14px;
  background: #ffffff;
  box-shadow: 7px 7px 12px black;
}
/* hack for ie/win's guillotine bug */
/* start non ie/mac css \*/
* html #content {
  height: 1%;
}
/* end non ie/mac css */

/*-----------------*\
|* global elements *|
\*-----------------*/
.shadowtop, .shadowbottom {
  height: 1px;
  font-size: 1px;
  display: inline-block;
/* ie/mac fix \*/
  display: block;
/* end fix */
}
.shadowtopleft, .shadowtopright, .shadowbottomleft, .shadowbottomright {
  width: 1px;
  height: 1px;
  font-size: 1px;
}
.shadowtop {
/*  background: url(images/shadow-top.gif) bottom repeat-x; */
}
.shadowbottom {
/*  background: url(images/shadow-bottom.gif) top left repeat-x;*/
}
.shadowleft {
/*  background: url(images/shadow-left.gif) left repeat-y;*/
}
.shadowright {
/*  background: url(images/shadow-right.gif) right repeat-y;*/
}
.shadowtopleft {
  float: left;
/*  background: url(images/shadow-topleft.gif) bottom left no-repeat;*/
}
.shadowtopright {
  float: right;
/*  background: url(images/shadow-topright.gif) bottom right no-repeat;*/
}
.shadowbottomleft {
  float: left;
/*  background: url(images/shadow-bottomleft.gif) top left no-repeat;*/
}
.shadowbottomright {
  float: right;
/*  background: url(images/shadow-bottomright.gif) top right no-repeat;*/
}

/* links */
.linklisting {
border: 1px solid #E1E8B0;
    margin: 16px 2px 32px 2px;
    min-height: 200px;
    background: #fffffC;
    border-radius: 0.4em;
    box-shadow: 2px 2px 8px #DFE4BA;
}
.linkbild {max-height:100px; overflow:hidden; float:left; padding: 14px;}

.linkbild img{border-radius:0.5em}

.linklisting h4.linktitle, .linklisting p.linkurl, .linklisting p.linkrating {
  margin: 10px 0 4px 0;
  font-size: 14pt;
  font-weight: normal;
}
.linklisting h4.linktitle a {
  padding-bottom: 0px;
  margin-left: 12px;
  color: #0005C0;
}
.linklisting p.linkurl a {
  font-size: 12px;
  text-decoration: none;
}
.linklisting p.linkrating {
  font-size: 12px;
    margin-left: 5px;
}
.linklisting p.linkrating .linkexpired {
  color: #8c3030;
  font-weight: bold;
}
.linklisting .linkdescription, .review .reviewcontent {
  margin: 0px 0px 5px 0px;
  padding: 10px;
  border: 0px solid #bbbfa1;
  background: #fffffC;
  overflow: hidden;
   font-size: 12pt;
    line-height: 1.5em;
    text-align: justify;
}
/* overflow: hidden doesn't work in ie unless the width is set */
* html .linklisting .linkdescription, * html .review .reviewcontent {
  width: 96%;
}
.linklisting p.linkactions {
  margin: 4px;
}
.linklisting p.linkactions a, #detailed p.actions a, #jump_frame .actions a {
  padding: 1px 4px;
  border: 1px solid #bbbfa1;
  font-size: 12px;
  text-decoration: none;
    color: #616547;
}
.linklisting p.linkactions a:hover, #detailed p.actions a:hover, #jump_frame .actions a:hover {
  background: #e2e1eb;
}

/* reviews */
.review h4.reviewsubject {
  margin: 10px 0px 0px 0px;
}
.review h5.reviewbyline {
  margin: 0px;
  font-weight: normal;
}
.review p.reviewer {
  margin: 0px 0px 2px 0px;
}
.review .reviewhelpful span {
  float: left;
  font-size: 9px;
}
.review .reviewhelpful form span {
  float: right;
}
.review .reviewhelpful input {
  padding: 0px 3px;
  border: 1px solid #bbbfa1;
  background: #ffffff;
  font-size: 9px;
}
/* .review p.reviewcontent => see .linklisting p.linkdescription */

/* link/bookmark status icons */
.new-item, .updated-item, .popular-item, .unpaid-item, .expired-item, .free-item, .bookmark-public, .bookmark-default {
  background: transparent url(images/button-left.gif) top left no-repeat;
  font-weight: normal;
  font-size: 9px;
  color: #c00000;
  vertical-align: text-top;
}
.new-item {
  background-color: #FFF9D9;
}
.updated-item {
  background-color: #FFFFFF;
}
.popular-item {
  background-color: #FFF9D9;
}
.unpaid-item {
  background-color: #ffffff;
}
.expired-item {
  background-color: #ffffff;
}
.free-item {
  background-color: #ffffff;
}
.bookmark-public {
  background-color: #ffffff;
}
.bookmark-default {
  background-color: #ffffff;
}
.new-item span, .updated-item span, .popular-item span, .unpaid-item span, .expired-item span, .free-item span, .bookmark-public span, .bookmark-default span {
  padding: 0px 3px;
  background: transparent url(images/button-right.gif) top right no-repeat;
}

/* paging */
.paging {
  text-align: right;
}
.paging img, .paging select {
  vertical-align: middle;
}

.crumb {
  font-size: 15px;
    line-height: 2em;
}

/* tables */
.ftable {
  margin-top: 5px;
  border-bottom: 3px solid #bbbfa1;
  border-collapse: collapse;
  width: 100%;
/* ie5-5.5 don't inherit the font style properly */
  font-size: 11px;
}
.ftable th {
  background: #bbbfa1;
  text-align: left;
}
.ftable th, .ftable td {
  padding: 3px 5px;
}
.ftablecol {
  border-right: 1px solid #bbbfa1;
}

/* sub headings */
#content h3 {
  margin: 5px 0px 0px 0px;
  padding: 5px 0px 0px 0px;
  border-bottom: 0 dotted #bbbfa1;
}
#content h3.noseparator {
  border-bottom: none;
}

/* lists */
#content ul {
  margin: 10px 0px 0px 20px;
  padding: 0px;
}
#content li {
  font-size: 10pt;
  list-style: none;
}

/* forms */
.row {
  margin-bottom: 1px;
  padding: 4px;
}
.row label.name {
  padding-right: 5px;
  width: 25%;
  float: left;
}
.row label.name span {
  color: #8c3030;
}
.row .value.wrappedtext {
  margin-left: 25%;
  padding-left: 5px;
}
/* hack for ie 5.5 text/textarea resizing */
.row .value input.text, .row .value input.password, .row .value textarea {
  width: expression(this.parentNode.offsetWidth * 0.74 + 'px');
}
/* the previous style causes problems with long sidebars in ie6 */
.row .value input.text, .row .value input.password, .row .value textarea {
  w\idth: 72%;
}
.row .value input.text.shorttext {
  width: 100px;
}
.row.required {
  background: #e2e1eb;
}
.row.invalid {
  color: #8c3030;
  background: #eedddd;
  font-weight: bold;
}
.formsubmit {
  margin-top: 10px;
  text-align: right;
}

/* generic messages */
.errormessage {
  color: #8c3030;
  font-weight: bold;
}
.infomessage {
  color: #3a5841;
  font-weight: bold;
}

/* search highlighting */
.searchhl-1, .searchhl-2, .searchhl-3, .searchhl-4, .searchhl-5 {
  font-weight: bold;
}
.searchhl-1 {
  background: #feff99;
}
.searchhl-2 {
  background: #DEE6FA;
}
.searchhl-3 {
  background: #DDFFDD;
}
.searchhl-4 {
  background: #FFDEFF;
}
.searchhl-5 {
  background: #ccffff;
}

/* indent */
.indent1 {
  margin-left: 20px;
}
.indent2 {
  margin-left: 40px;
}
.indent3 {
  margin-left: 60px;
}
.indent4 {
  margin-left: 80px;
}
.indent5 {
  margin-left: 100px;
}

.hide {
  display: none;
}

.clear:after {
  height: 0px;
  clear: both;
  display: block;
  visibility: hidden;
  content: ".";
}
.clear {
  display: inline-block;
}
/* start non ie/mac css \*/
* html .clear {
  height: 1%;
}
.clear {
  display: block;
}
/* end non ie/mac css */

/*---------------*\
|* page specific *|
\*---------------*/
#bookmark_list input.checkbox {
  float: left;
}
#bookmark_list .folders .description, #bookmark_folder_view .folders .description {
  margin: 0px 0px 10px 20px;
}
.bookmark_link .comments label {
  font-weight: bold;
}
.bookmark_link .comments label span {
  font-weight: normal;
}

#category dl, #home dl {
  margin: 10px 0px 0px 0px;
  width: 33%;
  float: left;
    line-height: 2em;
    padding-bottom: 10px;
}
#category dt a {
  font-weight: normal;
  font-size: 14pt;
  line-height:2em;
}
#category dt, #category dd, #home dt, #home dd {
  margin: 0px 0px 0px 20px;
}
#category dd, #home dd {
  padding-bottom: 10px;
}

#detailed p.description {
  overflow: hidden;
  font-size: 11pt;
}
/* ie needs a width for overflow: hidden to work */
* html #detailed p.description {
  width: 100%;
}
#detailed p.linknav {
  margin: 0px;
  text-align: right;
}
#detailed p.linknav img {
  vertical-align: middle;
}
#detailed p.linknav a {
  text-decoration: none;
}
#detailed p.reviewsfooter {
  margin: 20px 0px 0px 0px;
  text-align: right;
}
/* #detailed p.actions a, #detailed p.actions a:hover => see .linklisting p.linkactions a */

#home dt a {
  font-weight: normal;
  font-size: 17px;
  line-height: 2.4em;
}
#home #content h4 {
  margin-top: 20px;
  font-weight: normal;
  font-size: 14px;
}
/* #home dl, #home dt, #home dd, #home dd => see #category dl */

#jump_frame .jumpwrapper {
  height: 40px;
  background: transparent url(images/swirls.gif) bottom right no-repeat;
}
#jump_frame img.jumplogo {
  padding: 2px 0px 0px 2px;
  float: left;
}
#jump_frame h4 {
  margin: 0px;
  padding: 3px 0px;
}
/* #jump_frame .actions a, #jump_frame .actions a:hover => see .linklisting p.actions a */

#modify_select input.radio {
  float: left;
}

#search .searchoption {
  margin-top: 10px;
  padding-top: 5px;
  border-top: 1px dotted #bbbfa1;
}

@media only screen and (max-device-width: 800px) {

	ul.primarynav {
	    display: none;
		}
	.searchbar {
	    display: none;
		}
	#wrapper {
	  width: 100%;
	  margin: 0px auto;
	  text-align: left;
		}

	#kanner {
	    display: none;
		}
	}

.googads{min-height:90px;}

.eintrag{font-size:1em}

.eintrag img{box-shadow: 3px 3px 8px #808080; border-radius:0.5em; margin-bottom: 6px;}

.trenn {color: #E1E8B0;
    background: #E1E8B0;
    border: none;
    height: 1px;
    width: 100%;}

.ad220 {margin:auto; text-align: center;
    border-radius: 0.5em;
    margin-bottom: 15px;
    line-height: 1.5em;
    border: 1px solid #C0C0C0; padding:6px;
max-width:300px;
}

@media screen and (min-width: 0px) and (max-width: 420px) {
  .ad220{ display: none; }
}
.fuss {font-size: 17px;
    line-height: 1.6em;
    text-align: justify;
}
.fuss a{color:#235CC3;}