/* CSS Selektoren
	tag		Knotentyp
	tag tag		Nachfahre
	tag>tag		Kind
	.class		class="class" - aber auch class="class1 class2" möglich
	#id		id="id" - sollte eindeutig sein
	[attr="val"]	Wert eines Attributs
*/

/* Standardtext */

/*  IMPORTANT: Mac default sans-serif is Helvetica, while on Windows it's Arial. */

body, tbody {
     font: 20px/1.5em Helvetica,sans-serif;
     font-weight: 300;
     background: rgb(255, 255, 255);
}

/* Header */

.header {
	vertical-align: middle;
	text-align: left;
}

table.header { /* class="header" */
        background: white;
        margin-left: 5px;
        margin-right: 5px;
}

table {
        border-spacing: 0 0;
}

/* Verweise */

a[href] { text-decoration: none; border-bottom: 1px solid black; color: black; }
a[href]:hover { border-bottom: 1px solid #ffe85d; }
a[target]:before { border-bottom: 0px solid white; content: url(/images/link.png) " "; }
.nolink a[href] { border-bottom: 0px solid white; }
.nolink a[href]:hover { border-bottom: 0px solid white; }
.nolink a[target]:before { content: ""; }

/* Haupttabs */

.navi td { /* class="navi" */
        background: #9a9e9e;
        color: white;
        text-align: center;
        height: 190px;
}

table.main { /* class="header" */
        background-color: white;
        margin-left: 5px;
        margin-right: 5px;
}

.main-tabs table {
        border-spacing: 0;
        width: 100%;
}

.main-tabs td {
        text-align: center;
        white-space: nowrap;
	color: #ffffff;
        border: 2px solid white;
        border-top-width: 0px;
        border-bottom-width: 4px;
	background-color: #9a9e9e;
	line-height: normal;
        height: 45px;
        font-size: 22px;
	font-weight: 300;
}

.main-tabs td:hover {
        color: black;
	background-color: #ffd351;
        border-bottom-color: #ffd351;
}

.main-tabs td.active {
	background-color: #ffd351;
        border-bottom-color: #ffd351;
        font-weight: 500;
}

.main-tabs a {
	color: #ffffff;
	padding: 4px 4px 0 4px;
	text-decoration: none;
        border: 0px none;
}

.main-tabs a:hover {
        color: black;
	padding: 4px 4px 0 4px;
	text-decoration: none;
        border: 0px none;
}

.main-tabs td.active a {
        color: black;
}

/* Subtabs */

div.sub-tabs {
	background-color: #ffd351;
        border-bottom: 4px solid white;
}

.sub-tabs table {
}

.sub-tabs tr {
}

.sub-tabs td {
        text-align: left;
        white-space: nowrap;
	color: #9a9e9e;
	background-color: #ffd351;
	line-height: normal;
        height: 45px;
        font-size: 20px;
	font-weight: 300;
}

.sub-tabs td.active {
	font-weight: 500;
}

.sub-tabs a {
	padding: 4px;
	color: #9a9e9e;
	text-decoration: none;
        border: 0px none;
}

.sub-tabs a:hover {
	color: #000000;
        border: 0px none;
}

.sub-tabs .menu a:before { content: "| "; }
.sub-tabs .menu a:after { content: "   "; }

.sub-tabs td.active a {
	color: black;
}

div.search  { /* class="search" */
        background: #9a9e9e;
 	color: #555555;
        height: 82px;
        text-align: left;
        white-space: nowrap;
        font: 16px helvetica,sans-serif;
	font-weight: normal;
	padding: 4px;
}

div.search div { /* class="search" */
        margin-top: 30px;
        margin-bottom: auto;
}

.search a[href] {
	padding: 4px;
	color: #ffffff;
	text-decoration: none;
        border: 0px none;
        border-bottom: 1px solid white;
        height: 100%;
}

.flags a[href] {
	padding: 1px;
}

.search a[href]:hover {
 	color: #555555;
	text-decoration: none;
        border: 0px none;
        border-bottom: 1px solid #ffe85d;
}

.search .nolink a { border-bottom: 0px solid white; }
.search .nolink a:hover { border-bottom: 0px solid white; }

/* 3 Hauptspalten */

td.left { }   /* sollte eher .left td sein */

td.center {
    padding-left: 15px;
    padding-right: 15px;
}

td.right { }

/* Blöcke in linker und rechter Spalte */
table.box { /*  < table class="box" > */
        border-collapse: separate;
	border-spacing: 2px 2px;
	/*border-width: 1px;
	border-style: solid;*/
        border-color: rgb(50, 50, 50);
        margin-top: 5px;
        margin-bottom: 5px;
}

.box th {
	background: #ffe85d;
	font-weight: 600;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	padding: 4px;
}

.box td {
	background: rgb(250, 250, 250);
	font-weight: 300;
        width: 100%;
	padding: 4px;
        border-left: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
}

.box td.alternate { /* < td class="alternate" > */
	background: rgb(120, 120, 120);
}

/* Tabellen (Suchergebnisse etc.) */
table.list { /*  class="list" */
	border-spacing: 0px 2px;
        border-style: none;
	/*border-width: 1px;
	border-style: solid;*/
        border-color: rgb(50, 50, 50);
    /*    margin: 5px 10px 5px 10px; */
}

table.list th {
	background: #ffe85d;
	font-weight: 600;
	-moz-border-radius: 6px 6px 0px 0px;
	-webkit-border-radius: 6px;
	-webkit-border-bottom-left-radius: 0;
	-webkit-border-bottom-right-radius: 0;
	padding: 4px;
}

table.list td {
	background: rgb(255, 255, 255);
	font-weight: 300;
	padding: 4px;
        border-left: 1px solid;
        border-bottom: 1px solid;
        border-right: 1px solid;
}

table.list td.alternate { /* alternating cells */
	background: rgb(120, 120, 120);
}

/* Überschrift(en) */

table.images {
        border-top: 10px solid white;
        border-bottom: 5px solid white;
        width: 100%;
}

table.images td {
        text-align: center;
}

h1, h2, h3 {
	font-size: 24px;
	font-weight: 400;
	border-top: thin solid;
	border-bottom: thin solid;
        margin-top: 0.5em;
        margin-bottom: 0.5em;
	line-height: 2.5em;
}

h4, h5, h6 {
        margin-top: 2em;
	font-size: 20px;
	font-weight: 600;
	line-height: 0.5em;
}

/* Buttons und Formulare */

/* Produktdarstellung (class="medium") */

img { border-width: 0; }

img.wide {
/*        border: 1px solid black; */
/*       height: 150px; */
        min-width: 100px;
/*        width: 100%; */
}

img.images { height: 150px; }

img.icon { width: 32px; }
img.small { width: 75px; }
img.medium { width: 150px; }
img.big { width: 300px; }
img.large { width: 600px; }

dt { font-style:italic; margin-top: 10pt; }