/* Copyright 2014, www.nikok.de */

body
{
 margin: 0 0 0 0;
 padding: 0 0 0 0;

 color: black;
 font-size: 14px;
 font-family: arial, helvetica, sans-serif;

 background-repeat: no-repeat;
 background-image: url( '../resources/header_logo.png' ); /* Logo-Bild */
 width: 970px; /* Breite des Logo-Bildes (mit Rand links) */
 background-color: #F8F8F4; /* Hintergrundfarbe */
}

div#page
{
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 20px;
 margin-top: 0px;
 width: 950px; /* Gesamtbreite = Breite des Logo-Bildes (ohne Rand links) */
}
#page a
{
 text-decoration: none;
}
#page a.none
{
 text-decoration: none;
}
#page a:link
{
 text-decoration: none;
 color: #3333FF; /* Link-Farbe */
}
#page a:active
{
 text-decoration: none;
 color: #3333FF; /* Link-Farbe */
}
#page a:visited
{
 text-decoration: none;
 color: #6699CC; /* Farbe eines besuchten Links */
}
#page a:hover
{
 text-decoration: none;
 color: #FF3366; /* Farbe eines anvisierten Links */
}

div#top
{
 height: 25px; /* Hoehe des Menus */
 margin-top: 160px; /* Hoehe des Logo-Bildes */
 margin-bottom: 3px;
 background-color: #F8F8F4; /* Hintergrundfarbe fuer Hauptbereich */
}
ul#nav-top
{
 margin-left: 20px;
 padding-top: 10px;
 padding-left: 0px;
 height: 0%;
}
ul#nav-top li
{
 padding: 5px 0;
 display: inline;
}
ul#nav-top li.active
{
 font-weight: bold;
 padding: 5px 10px 3px 10px;
 color: black;
 text-decoration: none;
 border-top: 1px solid #B2B2B2;
 border-left: 1px solid #B2B2B2;
 border-right: 1px solid #B2B2B2;
 background-color: #FFFFFF; /* Hintergrundfarbe fuer aktives Menue */
}
ul#nav-top a
{
 font-weight: bold;
 padding: 5px 10px 2px 10px;
 text-decoration: none;
 border-top: 1px solid #B2B2B2;
 border-left: 1px solid #B2B2B2;
 border-right: 1px solid #B2B2B2;
 border-bottom: 1px solid #B2B2B2;
 background-color: #EEEEE0; /* Hintergrundfarbe fuer inaktives Menue */
}
ul#nav-top a:link
{
 color: #3333FF; /* Link-Farbe */
}
ul#nav-top a:visited
{
 color: #3333FF; /* Farbe eines besuchten Links */
}
ul#nav-top a:hover
{
 color: #FF3366; /* Farbe eines anvisierten Links */
 /* text-decoration: underline; */
}
ul#nav-top a:active
{
 color: #3333FF; /* Link-Farbe */
}

div#main
{
 padding: 0px 0 5px 5px;
 border-style: outset;
 border-width: thin;
 margin-right: 0;
 margin-bottom: 0;
 margin-top: 0;
 margin-left: 0px; /* Menuebreite */
 background-color: #FFFFFF; /* Hintergrundfarbe fuer Hauptbereich */
}
div#main h1
{
 margin: 0;
 padding: 12px 6px 6px 6px;
 font-style: normal;
 font-size: 22px; /* Schriftgroesse fuer H1 */
}
div#main h2
{
 margin: 0;
 padding: 6px 6px 6px 6px;
 font-style: normal;
 font-size: 16px; /* Schriftgroesse fuer H2 */
}
div#main h3
{
 margin: 0;
 padding: 0 0 3px 6px;
 font-style: italic;
 font-size: 14px; /* Schriftgroesse fuer H3 */
}
div#main br
{
 margin: 0;
 padding: 3px 6px 3px 6px;
 font-size: 14px; /* Schriftgroesse fuer BR */
}
div#main p
{
 margin: 0;
 padding: 3px 6px 3px 6px;
 font-size: 14px; /* Schriftgroesse fuer P */
 line-height: 140%;
}
div#main li
{
 margin: 0;
 padding: 0 0 0 6px;
 line-height: 140%;
}
div#main ul
{
 margin: 0;
 padding: 0 0 0 20px;
 line-height: 140%;
}
div#main td
{
 margin: 0;
 padding: 3px 3px 3px 3px;
 font-size: 14px; /* Schriftgroesse fuer TD */
 vertical-align:top;
 line-height: 140%;
}
div#main img
{
 margin: 0 9px 3px 0;
}

.picture_float
{
 font-size: 10px;
 border: 1px solid #E5E5E5;
 text-align: center;
 margin: 0px 6px 0px 3px;
 padding: 2px;
 float: left;
 width: 200px; /* Standardbreite eines Bildes mit Unterschrift, ueberschreiben z.B. mit style="width:150px" */
 line-height: 100%;
}

.picture_link
{
 border: none;
 margin: 10px 10px 20px 0px;
 padding: 0;
 float: left;
 width: 200px; /* Standardbreite eines Bildes */
 line-height: 100%;
}

div.price
{
 text-align: center;
 border-style: outset;
 border-width: thin;
 padding: 0;
 margin: 0 5px 10px 10px;
 float: right;
 width: 80px; /* Breite des Preisschildes */
}
div.price h2
{
 height: auto;
 margin: 0;
 padding: 10px 5px 0 0;
 color: white; /* Textfarbe fuer Preis */
 background-color: red; /* Hintergrundfarbe fuer Preis (hellblau=#6699CC, rosa=#FF3366) */
}
div.price p
{
 margin: 0;
 padding: 5px 0 5px 5px;
 background-color: #F8F8F4; /* Hintergrundfarbe fuer Preis-Zusatzinfo */
}

div#clear
{
  clear: both;
}

div#footer
{
 float: right;
 padding: 5px 0 10px 0;
 font-size: 10px; /* Schriftgroesse der Fusszeile */
}

ul#nav
{
 float: left;
 margin: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-top: 5px;
 padding-left: 0px;
 font-size: 10px; /* Schriftgroesse der Fusszeile */
}
ul#nav li
{
 padding: 0 5px 0 0;
 display: inline;
}
ul#nav li.active
{
 padding: 5px 0px 3px 5px;
 color: black;
 text-decoration: none;
}
ul#nav a
{
 padding: 5px 0px 2px 5px;
 text-decoration: none;
}
ul#nav a:link
{
 color: #3333FF; /* Link-Farbe */
}
ul#nav a:visited
{
 color: #3333FF; /* Farbe eines besuchten Links */
}
ul#nav a:hover
{
 color: #FF3366; /* Farbe eines anvisierten Links */
 /* text-decoration: underline; */
}
ul#nav a:active
{
 color: #3333FF; /* Link-Farbe */
}

iframe
{
 margin-left: 2px;
}