﻿body, input, select, a:link, a:visited, a:hover, a:active, table, textarea {
	font-family: Verdana;
	font-size: 10px;
	color: #1B5575;
}

textarea {
    resize: none;
}

a:link, a:visited { 
	font-weight: bold;
	text-decoration: none;
}

a:focus, a:hover, a:active {text-decoration: underline;}

body {
	background-color: #E9F2F9;
	margin-top: 0;
	padding-top: 0;
	text-align: center;
/*	margin-left: -4px;	*/
}

h1 {font-size:20px; font-weight:normal}

big {
	font-family: Arial;
	font-size: 14px;
	font-weight: bold;
}

small, small a:link, small a:visited, small a:focus, small a:hover, small a:active {
	font-size: 9px;
}

img {border-width: 0}

form {display: inline;}

input, select, textarea, .promo {
	background-color: #E9F2F9;
	border-width: 0;
	margin: 3px;
	padding: 3px 0;
	vertical-align: middle;
}

table {border-collapse: collapse}

td {padding: 0 5px 0 0}

/* main Container */
#main {
	margin: 0 auto;
	text-align: left;
/*	width: 905px; */
	width: 920px;
	position: relative;
}


/* Banner top center */
#bannertopcenter 
{
	top: 8px;
	left: 926px;
	height: 145px;
	width: 200px;
	position: absolute;
}

/* Banner bottom left */
#bannerbottomleft {margin:-10px -6px -10px -6px}

/* Head */
#head {
	background-image: url(images/h1.jpg);
	height: 138px;
	position: relative;
}

/* top Logo */
#logo {
	position: absolute;
	left: 20px;
}

#border 
{
	background-color: #E74912;
	margin: 0;
	padding: 3px 5px;
	word-spacing: 11px;
}

#border a {
	word-spacing: 0;
	font-size: 12px;
	color: white;
}

/* Admin-Menue */
.adminmenue
{
	color: White;
	background-color: #1B5575;
	border-width: 0;
	font-size: 13px;
	padding: 0;
	margin-right: 8px;
}

/* Content */
#body {width: 100%; background-color: white;}

/* left Navigation */
#left {padding:25px 3px 25px 8px; min-height:250px}
#lefta {padding:15px 3px 15px 9px; min-height:250px}

/* Head-Links */
.hlinks {padding:20px 15px 10px 10px; text-align:right}
.hlinks a {margin-right:4px}

/* left Navigation Title */
.navm {border-bottom: solid 1px #5E8DA7; margin-right: 5px}

/* left Navigation Input */
.navi {margin: 8px 0 30px 10px}

/* big 15 Text red */
.b1, .bl1:link, .bl1:visited, .bl1:focus, .bl1:hover, .bl1:active {font-family: Arial; font-size: 15px; font-weight: bold; color: #E74912}

/* big 15 Text blue */
.b2, .bl2:link, .bl2:visited, .bl2:focus, .bl2:hover, .bl2:active, .b2 a:link, .b2 a:visited, .b2 a:focus, .b2 a:hover, .b2 a:active {font-family: Arial; font-size: 15px; font-weight: bold; color: #236387}

/* big 12 Text bold */
.b3, .bl3:link, .bl3:visited, .bl3:focus, .bl3:hover, .bl3:active {font-family: Verdana; font-size: 12px; font-weight: bold}

/* big 12 Text normal */
.b4 {font-family: Verdana; font-size: 12px; font-weight: normal}

/* big Text normal & bold Link */
.b5 {font-family: Verdana; font-weight: normal; font-size: 14px}
.b5 a:link, .b5 a:visited, .b5 a:focus, .b5 a:hover, .b5 a:active {font-family: Verdana; font-weight: bold; font-size: 14px}

.n {font-weight: normal}

.nw {white-space: nowrap}

.b {font-weight: bold}

.fr {float: right}

/* Buttons */
.button {
	background-color: #1B5575;
	color: white;
	overflow: visible;
	padding: 3px 2px;
}

/* List */
.li1 {
	list-style-image: url(images/li1.gif);
	line-height: 17px;
	margin-bottom: 20px;
	margin-left: -10px;
}

/* List selected */
.li2 {
	list-style-image: url(images/li2.gif);
}

/* Input for Table-Rows */
.it {
	margin: -5px 0 -3px 0;
}

/* Important small */
.imp {color:Red; font-size:10px}

/* OK */
.ok {color:green}

/* Table */
.t1 td {vertical-align: top; border-top: solid 1px gray; padding: 2px 3px; white-space: nowrap}
.t1 th {white-space: nowrap; text-align: center}

/* Table with Border */
.t3 td {vertical-align: top}
.t3 td, .t3 th, table.t3 {border: solid 1px gray; padding: 2px 3px}
.t3 th {white-space: nowrap; text-align: center; background-color: #E9F2F9}
.t3 select, .t3 input {margin: 0}

/* Table without Border */
.t2 td {border-width: 0}

/* Table with dotted Border */
.t4 td, .t4 th {border-style: dotted}

table.nbt, .nbt th, .nbt td {border-top-width: 0}

/* Border-Bottom */
.bb td, .bb th {border-width: 0 0 1px 0}

/* Border-Top */
.bt td, .bt th {border-width: 1px 0 0 0}

.l th, th.l, .l td, td.l		{text-align: left}
.c td, td.c, .c th, th.c		{text-align: center}
.r td, td.r, .r th, th.r		{text-align: right}
.m td, .m th					{vertical-align: middle}


/* News */
div.news	{width: 100%; padding-bottom: 10px}
.news div	{float: left; width: 49%; padding: 2px 0; overflow: hidden}
.news img, .newsfull .ni	{padding: 0 5px; width: 96px; height: 80px; float: left}
.news a		{font-size: 12px}
.news div div, .news span, .newsfull span	{color: #555}
.newsfull div	{padding: 5px 0}
.newsfull big	{font-size: 18px; vertical-align: middle; padding-right: 15px}
.newsfull div, .newslist div	{width: 100%}

.news .promo, a.promo {
	font-family: Arial;
	font-size: 12px;
	font-weight: bold;
	color: #1b5575;
	background-color: #E9F2F9;
	border-width: 0;
	margin: 3px;
	padding: 5px;
}


/* Contact */
.cont th	{width: 168px; text-align: left; font-weight: normal}
.cont td	{width: 265px}
.cont div	{margin-bottom: 8px}
.cont tr	{vertical-align: top}
.cont ul	{line-height: 15px; list-style-image: url(images/li1.gif); margin-top: 0}
.cont img	{float: right}

/* Brands detail */
.bd		{margin-top: 5px}
.bd td	{width: 50%}

/* Brands Files */
.bf img	{padding: 0 5px}

/* Brands Images */
.bi				{width: 100%}
.bi img			{width: 278px; height: 226px; border: solid 1px black; margin: 4px}
.bi img:hover	{width: 282px; height: 230px; border: solid 1px #E74912; margin: 2px}

/* File-Icons */
.fi	{padding-right: 3px; float: left}

/* Edit-Icons */
.ei	{padding-right: 3px}

/* Debug */
.debug th	{text-align: right}
.debug td	{text-align: left}

/* small 1 */
.s1, .s1 a {font-size:9px}
.s1 th {padding:2px 1px}

/* small new? */
.new {color: #E74912; font-size: 10px; font-weight: bold; vertical-align: top}

/* Tabs */
.tas	{border: solid 1px black; display: inline; padding: 5px; margin: 0 5px; background-color: #E9F2F9}	/* selected */
.tad	{border: solid 1px gray; display: inline; padding: 5px; margin: 0 5px}	/* deselected */
.tad:hover	{background-color: #E9F2F9}/* deselected hover */

.agb {margin:9px 5px 5px 15px}
.agb th {font-weight:normal; text-align:right; padding-right:8px; vertical-align:top; width:16px}


/* Gallery */
.gallery {
	display: flex;
	flex-wrap: wrap;
	gap: 10px;
	justify-content: center;
}

.gallery img {
	width: 330px;
	height: 220px;
	object-fit: cover;
	border-radius: 8px;
}


/* Mouseinfo */
#mouseinfo {position:absolute; z-index:2}


/* Jssor */
.jssorb01{position:absolute}
.jssorb01 div,.jssorb01 div:hover,.jssorb01 .av{position:absolute;width:12px;height:12px;filter:alpha(opacity=70);opacity:.7;overflow:hidden;cursor:pointer;border:#000 1px solid}
.jssorb01 div{background-color:gray}
.jssorb01 div:hover,.jssorb01 .av:hover{background-color:#d3d3d3}
.jssorb01 .av{background-color:#fff}
.jssorb01 .dn,.jssorb01 .dn:hover{background-color:#555}
.jssora02l,.jssora02r{display:block;position:absolute;width:55px;height:55px;cursor:pointer;background:url('images/slideshow/a02.png') no-repeat;overflow:hidden}
.jssora02l{background-position:-3px -33px}
.jssora02r{background-position:-63px -33px}
.jssora02l:hover{background-position:-123px -33px}
.jssora02r:hover{background-position:-183px -33px}
.jssora02l.jssora02ldn{background-position:-3px -33px}
.jssora02r.jssora02rdn{background-position:-63px -33px}


/* Cookie-Note */
#cookienote, #cookienote a {font-size:12px; font-family:verdana}
#cookienote {position:fixed; bottom:0; left:0; right:0; background:#eee; padding:6px}
#cookienote p.cookiemessage {display:block; padding:5px; margin:0}

#cookienote a.cookiebutton {cursor:pointer; background:#ccc; padding:5px 20px; margin-left:10px; border-radius:5px; font-weight:bold; float:right}
#cookienote a.cookiebutton:hover {background-color:#aaa}
