@charset "UTF-8";
/* CSS Document */

body,td,th {
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:1px;
	line-height:1px;
	color:#7a7a7a;
	cursor:default;
}
body {
	height:100%;
	padding:0;
	margin-left:auto;
	margin-top:0px;
	margin-right:auto;
	margin-bottom:0px;
	text-align:center;
	background-color:#fff;
}
h1 {
	position:absolute;
	text-indent:-9999px;
}
h2 {
	color:#888;
	font-size:21px;
	line-height:23px;
	font-weight:normal;
	text-align:left;
	padding:11px 0;
	margin:0px;
}
h2.gal {
	color:#fff;
	line-height:180px;
	text-align:center;
	margin:0 11px 0 0;
	padding:0;
	width:246px;
	height:157px;
	background:url(../img/img_blu.png);
	float:left;
}
h3 {
	color:#af1a1c;
	font-weight:normal;
	font-size:13px;
	line-height:18px;
	border-bottom:1px dotted #af1a1c;
	margin:0 0 6px 0;
	padding:0 0 6px 0;
}
.text h3 {
	margin-right:1px;
}
h4 {
	color:#2e377f;
	font-weight:normal;
	font-size:13px;
	display:inline;
	margin-right:0.5em;
}
h5 {
	color:#af1a1c;
	font-weight:normal;
	font-size:11px;
	padding:0;
	margin:0 0 5px;
}
hr {
	height:0;
	margin:8px 0;
	border:none;
	border-bottom:1px dotted #909090;
}
*+html hr {
	margin:0 0;
}

ul li {
	list-style:none;
}
a {
	color:#7a7a7a;
	text-decoration:none;
}
a:hover {
	color:#2e377f;
	cursor:pointer;
}
a.active {
	color:#2e377f;
	cursor:default;
}
a.inactive {
	color:#ddd;
	cursor:default;
	background:none;
}
img {
	border:none;
}

/*-------------------------- head --------------------------*/

#over-wrap {
	position:absolute;
	left:0;
	top:0;
	padding:0; 
	width:100%; 
	height:100%;
}
#wrap {
	position:relative;
	left:auto;
	right:auto;
	top:26px;
	width:1050px;
	margin:0 24px;
}
#head {
	width:100%;
	left:0;
	height:228px;
}
#head-logo { 
	position:absolute;
	padding:6px;
	right:41px;
	top:0px;
	height:82px;
	width:369px;
/*	background:url(../bilder/qsl/qsl.png) no-repeat;
*/}
#head-logo:hover { 
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
#head-logo.inactive { 
	background:none;
}
#jahre40 { 
	position:absolute;
	right:71px;
	top:-32px;
	width:181px;
	height:181px;
}
#bar {
	position:absolute;
	left:0px;
	top:117px;
	height:88px;
	width:100%;
}
#bar-left {
	position:absolute;
	left:0px;
	height:88px;
	width:7px;
	background:url(../img/bar-left.png) 0 0;
}
#bar-center {
	position:relative;
	height:88px;
	width:1036px;
	background:#2e377f;
	margin:0;
}
#bar-right {
	position:absolute;
	right:0px;
	height:88px;
	width:7px;
	background:url(../img/bar-right.png) 0 0;
	margin:0;
}
#people {
	position:absolute;
	left:223px;
	bottom:0;
	width:133px;
	height:204px;
	background:url(../img/people.png) 0 0;
}
.slogan {
	position:absolute;
	top:25px;
}
#per33 {
	width:208px;
	height:26px;
	left:15px;
	background:url(../img/per33.png) 0 0;
}
#ser33 {
	width:415px;
	height:27px;
	left:359px;
	background:url(../img/ser33.png) 0 0;
}
ul#navi {
	position:absolute;
	padding:0px;
	margin:0px;
	left:16px;
	top:216px;
}
*+html ul#navi {
	top:208px;
}
ul#navi li {
	float:left;
	font-family: Trebuchet MS, Arial, Helvetica, Verdana, Geneva, sans-serif;
	font-size:13px;
	line-height:13px;
	display:inline;
	margin:0px;
}
*+html ul#navi li {
	line-height:29px;
}
ul#navi a {
	padding:6px 7px 10px;
	text-decoration:none;
	margin:0px;
	color:#a6a6a6;
}
ul#navi a:hover, ul#navi a.active {
	color:#2e377f;
	text-decoration:underline;
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
ul#navi a.active {
	text-decoration:none;
}

/*-------------------------- content --------------------------*/

#wrap-content {
	position:absolute;
	top:263px;
}
.category {
	position:relative;
	top:-6px;
	left:-12px;
	width:236px;
	height:390px;
	float:left;
	padding:6px;
	margin:0 6px;
	font-size:13px;
	line-height:18px;
	text-align:left;
	display:block;
	background:#fff;
}
.category:hover {
	background:#eaebf2;
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
}
.category:hover h2 {
	color:#2e377f;
}
.category:hover .cat-navi {
	color:#af1a1c;
	text-decoration:none;
}
.category:hover .plus {
	text-decoration:none;
}
h2.active {
	color:#2e377f;
}
.no:hover {
	background:none;
}
.double {
	width:504px;
	height:389px;
	top:0;
	left:-9px;
	padding:0;
}
.double p {
	margin:0 0 11px;
	padding:0 11px;
}
.vlines {
	left:-18px;
	width:511px;
	border:1px dotted #909090;
	border-top:none;
	border-bottom:none;
}
.vlines:hover {
	-moz-border-radius:0;
	-khtml-border-radius:0;
}
.corner {
	position:absolute;
	width:6px;
	height:6px;
}
#tl {
	top:0;
	left:0;
}
#tr {
	top:0;
	right:0;
}
#bl {
	bottom:0;
	left:0;
}
#br {
	bottom:0;
	right:0;
}
.vr {
	position:relative;
	left:-12px;
	float:left;
	width:1px;
	height:389px;
	border:none;
	border-left:1px dotted #909090;
}
.start-img {
	width:236px;
	height:157px;
}
ul.cat-navi {
	width:100%;
	position:absolute;
	padding:0px;
	margin:0px;
	top:231px;
	text-align:left;
}
ul.cat-navi li {
	line-height:18px;
	margin:0px;
}
ul.plus {
	width:auto;
	top:auto;
	z-index:3;
}
ul.plus a {
	display:block;
	margin-top:-4px;
}
ul.orange a, ul.red a {
	color:#e3a417;
	padding:2px 5px 5px;
}
ul.red a {
	color:#af1a1c;
}
ul.orange a:hover, ul.red a:hover {
	text-decoration:underline;
	color:#2e377f;
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
ul.inline li {
	float:left;
}
dl {
	width:100%;
	position:relative;
	left:-6px;
	font-size:11px;
	line-height:14px;
	padding:2px 6px;
	margin:0 0 6px;
}
dl:hover {
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
dt {
	margin:0;
	padding:0;
	color:#2e377f;
	display:inline;
}
dd {
	margin:0;
	padding:0;
}
dd.profession {
	color:#2e377f;
	display:inline;
}
dd.tel {
	float:right;
	clear:right;
}
dd.face {
	position:absolute;
	right:-65px;
	top:-65px;
	z-index:4;
	visibility:hidden;
}
dl:hover dd.face, dl:hover + dd.face {
	visibility:visible;
}
.face-img {
	width:80px;
	height:80px;
}
#info {
	position:absolute;
	top:257px;
	left:auto;
	right:0px;
	width:249px;
	text-align:left;
	padding:0;
	margin:0;
}
#info ul {
	padding:0;
	line-height:18px;
}
#open {
	margin:10px 0 0;
}
#contact {
	margin:20px 0 0;
}
#contact:hover {
	position:relative;
	left:-6px;
	top:-6px;
	padding:6px;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
	background:#eaebf2;
	width:249px;
}
#subnavi {
	position:absolute;
	bottom:-9px;
	width:100%;
	margin:0;
}
#subnavi li {
	margin:0;
	border-top:1px dotted #909090;
}
#subnavi a {
	display:block;
	margin-top:-1px;
	padding:4px 0;
	border-top:1px dotted #909090;
}
#subnavi a:hover, #subnavi a.active {
	background:#eaebf2;
	padding-left:6px;
	margin-left:-6px;
	text-decoration:underline;
}
#subnavi a.active, #subnavi a.active:hover {
	text-decoration:none;
}
#subnavi a.inactive:hover {
	padding-left:0px;
	margin-left:0px;
	text-decoration:none;
	color:#ddd;
	cursor:default;
	background:none;
}
#anfahrt.active {
	color:#e3a417;
}
#impressum.active {
	color:#af1a1c;
}
.e-mail {
	position:relative;
	left:-5px;
	direction:rtl;
	unicode-bidi:bidi-override;
	padding:2px 5px 5px;
}
.e-mail:hover {
	text-decoration:underline;
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
.mail2 {
	display:none;
}
.e-mail-sub {
	position:relative;
}
.e-mail-sub a {
	unicode-bidi:bidi-override;
	direction:rtl;
}
.e-mail-sub a:hover {
	text-decoration:underline;
}
.galery {
	height:157px;
}
.gal-img {
	width:246px;
	height:157px;
	margin:0 11px 0 0;
	padding:0;
	float:left;
}
.gal-button {
	position:absolute;
	width:25px;
	height:25px;
	background-position:0 0;
	background-repeat:no-repeat;
	text-indent:-9999px;
}
.gal-button:hover {
	background-position:-25px 0;
}
#gal-next {
	right:-1px;
	bottom:12px;
	background-image:url(../img/gal-next.png);
}
#gal-prev {
	left:-1px;
	bottom:12px;
	background-image:url(../img/gal-prev.png);
}
#zoom {
	right:-12px;
	bottom:30px;
	background-image:url(../img/zoom.png);
	z-index:3;
}
#wrap-text {
}
.text {
	float:left;
	width:240px;
	height:1px;
	text-align:left;
	font-size:13px;
	line-height:18px;
	margin:0 17px 0 0;
}
.text p {
	position:relative;
	padding:0 5px 0 0;
	margin:14px 0 0;
	z-index:2;
}
.free {
	position:absolute;
	right:0;
	bottom:-205px;
	z-index:1;
}
#schraubenschluessel {
	right:0;
	bottom:-224px;
}
#stecker {
	right:0;
	bottom:-248px;
}
#messer {
	right:20px;
	bottom:-220px;
}
#gutefahrt {
	right:0px;
	top:0px;
}
#wish {
	position:absolute;
	top:137px;
	font-size:17px;
	color:#1a5f3a;
}
#greez {
	width:100%;
	position:absolute;
	top:170px;
	text-align:center;
}
.italic {
	font-style:italic;
}
p.sub {
	font-size:11px;
	line-height:14px;
	margin-bottom:6px;
}
/*-------------------------- footer --------------------------*/

#footer {
	position:relative;
	top:440px;
	width:100%;
	height:6px;
	background:#2e377f;
	border-bottom:5px solid #fff;
	z-index:2;
}
#footer div {
	height:100%;
	width:35px;
	float:left;
}
#footer #red {
	width:45px;
	background:#af1a1c;
}
#orange {
	background:#e3a417;
}
#blue {
	background:#009de0;
}
#green {
	background:#68a340;
}