/*
 * Copyright (c) 2024 Norbert Harder @version 1.00
 * Original design: by Norbert Harder
 *
 * Steuerung
 * --- Aufbau der HTML-Seiten
 * --- Positionierung Layout, Main, Header, für LinkDatenbank im Pfad modellnote, Kontaktformular
 * --- Steuerung allgemeine Classes
 * --- .title img	{float:left; margin: 0 0 0 150px;}
 */
 
* {padding: 0; margin: 0; outline: 0; text-decoration:none;}

/* layout */
html 				{ font: normal 80% "Lucida Sans Unicode",sans-serif;}
#header				{}
#wrap				{margin:auto;}
#content-main		{width:auto;}


/* weis nicht, ob das gebraucht wird.
html, body, textarea {
  scrollbar-base-color:#4a4a4a;
  scrollbar-3d-light-color:#FFFFFF;
  scrollbar-arrow-color:#6a6a6a;
  scrollbar-darkshadow-color:silvergrey;
  scrollbar-face-color:#4a4a4a;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-shadow-color:silvergrey;
  scrollbar-track-color:#3a3a3a;
}

*/

#sidebar-right		{width: 200px; float:right;}
#sidebar-left		{width: 200px; float:left;}

#content-main, #sidebar-right, #sidebar-left {height:380px;}

a 			{color:#565656; text-decoration:none;}
a:hover 	{text-decoration:none;}
h1			{font-size:1.8em; color:#4062b7; font-weight:normal;}
h2 			{font-size:1.8em; color:#272728; padding-bottom:4px; margin-bottom:9px;}
h3 			{font-size:1.3em; color:#8a8a8a; padding-bottom:10px;}
h4			{font-size:1.5em; color:#272728; padding-bottom:4px; border-bottom:1px solid lightgrey; margin:9px 0 0 0;}
h5 			{font-size:1.5em; color:#4062b7; padding-bottom:2px; font-weight:normal;}
h5 a 		{}
h5 a:hover 	{}



/* Main */
body {background-color:#f4f4f4; color:#555; line-height:1.3em;}


/* Header */
#header 	{height:75px; background-image: url(images/header.jpg); background-repeat:repeat-x;}

.logo img	{}

.topmenu 				{float:right; padding-top:5px; background:url(images/#navigation-separator.jpg) right 1px no-repeat;}
.topmenu ul 			{list-style:none; padding-right:1px;}
.topmenu ul li 			{float:left; padding-left:1px; background:url(images/#navigation-separator.jpg) left 1px no-repeat;}
.topmenu ul li a 		{float:left; padding:0 16px 0 15px; width:70px; text-align:center; height:64px; line-height:64px; font-weight:bold; font-size:1.1em; color:#272727;}
.topmenu ul li a.active {background:url(images/navigation-active.gif); color:#fff;}


#main {background:#f8f8f8 url(images/main.jpg) left top repeat-x; color:silvergrey;}
#main .layout {padding:15px 0;}
#main p {padding-bottom:10px;}


#sidebar-right		{margin:0 0 0 5px;}
#sidebar-left			{margin:0 5px 0 0;}
#sidebar-right h4, #sidebar-left h4, #content-main h4	{font-size:1.0em; border-bottom:1px solid #dadada;}
#sidebar-right ul, #sidebar-left ul 	{list-style:none; border-top:1px solid #dadada;}
#sidebar-right li, #sidebar-left li 	{padding:0; margin:0;}
#sidebar-right ul a, #sidebar-left ul a 				{color:#555; padding-left:5px;}
#sidebar-right ul li a, #sidebar-left ul li a {background:url(images/menubg.gif) repeat-x bottom left #f4f4f4; border:1px solid #d8d8d8; color:#505050; display:block;}
#sidebar-right ul li a:hover , #sidebar-left ul li a:hover 	{background:url(images/menubg2.gif) repeat-x bottom left #eaeaea; border:1px solid DarkGray; color:#505050;}
#sidebar-right ul li a.active, #sidebar-left ul li a.active	{color:#67738f;}
.sidebarrightlogo {height:50px;}

/* für LinkDatenbank im Pfad modellnote */
#rotation	{}
#img0 {height:120px;}
#img1, #img2, #img3 {height:40px;}


/* Impressum   */
#slider p 		{color:DarkGray;}
#slider a		{border:0; margin:0 3px 0 1px; background:url(h2bg.png) left 5px no-repeat; padding:3px 0 0 20px; color:DarkGray;}
#slider a:hover	{font-style: italic; color:DodgerBlue; font-weight:bold; font-weight: normal;}



/*  Kontaktformular  
#kontakt table 		{border: 0px dotted #6a6a6a; width:100%; margin:0; padding:0;}
#kontakt td 		{margin:0px; padding:2px; border: 0px dotted #6a6a6a; }
*/

#kontaktsidebar 	{float: left;}
#kontaktsidebar img {width:auto; height:330px;}
#kontaktformular 	{float:left; margin:10px;}
input, textarea 	{background:#3a3a3a; border:1px solid #555; color:#bbb; margin: 3px;}
button, input[type="submit"], input[type="reset"] {margin-left: 5px; border: 1px dotted #6a6a6a; cursor: pointer; color:#aaa; background:#3a3a3a;}

#peltzer img {float: left; width: 300px; margin: 5px; padding: 5px; border: 1px solid #000;}
#peltzer_1 img {float: right; width: 150px; margin: 5px; padding: 5px; border: 1px solid #000;}
#peltzer_2 img {float: left; width: 150px; margin: 5px; padding: 5px; border: 1px solid #000;}


#stichwort img			{height:30px;}
#post					{}
#footer					{background-image: url(images/bg-black-03.jpg); background-repeat:repeat; color:#9a9a9a; margin-top:-14px;} /*Abstand zur weißen BOX Leiste */
#footer .layout 		{padding:10px 0;}
#footer-bottom			{background-image: url(images/bg-black-02.jpg); background-repeat:repeat; color:orange;  border-top:1px solid #8a8a8a;}
#footer-bottom .layout 	{padding:15px 0;}


/* allgemeine Classes */

.box3 			{width:310px; height:200px; border:1px solid #e5e5e5; float:left; margin-left:0px; margin-right:10px;color:silvergrey;}
.box4 			{width:233px; height:220px; border:1px solid #5a5a5a; float:left; margin-left:0px; margin-right:5px;color:silvergrey;}/* Startseite */
.box-last 		{margin-right:0;}
.box-head h3	{padding:2px; font-size:1.3em; color:#6a6a6a; border:0px; margin-left:10px;}
.box-entry 		{overflow:hidden; border-top:1px dotted #dcdcdc; margin:2px 14px 0 14px; padding-top:2px;}
.box-entry img 	{float:left;}
.box-entry p 	{padding:0;}
.box-entry a 	{}
.box-entry a:hover	{}
.box-entry h5 	{padding-bottom:5px; font-size:1.2em; color:#8a8a8a;}
.box-entry a img.box-logo {width:50px; padding:4px;}

.bullet-list ul 		{list-style:none;}
.bullet-list ul li 		{background:url(h2bg.png) left 5px no-repeat; padding:3px 0 0 20px;}
.bullet-list ul li a 	{color:#4062b7;}

.cl, .clear { display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both;}

.klein {font-size:0.8em; color:#4062b7;}
.layout {width:960px;margin:0 auto;position:relative;}

.download			{margin:-10px 10px 18px 0; text-align:left;color:silvergrey;}
.download a			{border:0; margin:0 3px 0 1px; background:url(h3bg.png) left 5px no-repeat; padding:3px 0 0 20px;}
.download a:hover	{font-style: italic; color:darkred;font-weight: bold;}

.readlink			{margin:-10px 10px 18px 0; text-align:left;color:silvergrey;}
.readlink a			{border:0; margin:0 3px 0 1px; background:url(h2bg.png) left 5px no-repeat; padding:3px 0 0 20px;}
.readlink a:hover	{font-style: italic; color:darkblue; font-weight:bold;}

.readmore			{margin:-10px 10px 18px 0; text-align:left;color:silvergrey;}
.readmore a			{border:0; margin:0 3px 0 1px; background:url(h2bg.png) left 5px no-repeat; padding:3px 0 0 20px;}
.readmore a:hover	{font-style: italic; color:#0D96FF;font-weight: normal;}



.right 	{float: right; margin: 5px; padding: 5px;}
.left 	{float: left; margin: 5px; padding: 5px;}

.typ 		{color:silvergrey; text-decoration:none; font-style: italic; white-space: nowrap;}
.name 		{width: 110px;}

hr {border: 0.1px dotted lightgrey;}   /* 2 Pixel breite, rote, gepunktete Linie */

/*
.linie hr 	{border-top: 0.1px dashed grey;}

*/