@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;
	word-spacing:-1px;
}
.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;
}
li.active, 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;
	z-index:1;
/*	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;
}
#planetopia {
	position:absolute;
	left:13px;
	top:-34px;
	width:591px;
	height:183px;
	text-indent:-9999px;
	background:url(../img/planetopia.png) 0 0 no-repeat;
	z-index:1;
}
#planetopia:hover {
	background-position:0 -183px;
}
#planetopia_tn {
	position:absolute;
	left:0px;
	top:0;
	width:600px;
	height:233px;
	text-indent:-9999px;
	background:url(../img/planetopia_tn.png) 0 0 no-repeat;
	z-index:1;
}
#planetopia_tn:hover {
	background-position:0 -233px;
}
#winterreifen {
	position:absolute;
	left:0px;
	top:-26px;
	width:582px;
	height:152px;
	text-indent:-9999px;
	background:url(../img/winterreifen.jpg) 0 0;
	z-index:0;
}
.pop-up {
	position:absolute;
	left:380px;
	top:50px;
	font-size:27px;
	color:#2e377f;
	padding:15px;
	line-height:30px;
	background:url(../img/90white.png);
	-moz-border-radius:10px;
	-khtml-border-radius:10px;
	z-index:2;
}
#call-winterreifen {
	visibility:hidden;
}
#freiewerkstatt { 
	position:absolute;
	right:15px;
	top:-20px;
	width:232px;
	height:171px;
	text-indent:-9999px;
	background:url(../img/freiewerkstatt-etikett.png) 0 0;
}
#xmas-bg {
	position:absolute;
	top:-26px;
	left:0;
	width:600px;
	height:143px;
	background:url(../img/xmas.jpg) 0 0 no-repeat;
	z-index:2;
}
#xmas-text {
	text-align:left;
	font-size:18px;
	line-height:25px;
	color:#1D2763;
	position:absolute;
	left:330px;
	top:50px;
	width:300px;
	height:50px;
	z-index:3;
}
#flash {
	position:absolute;
	left:65px;
	top:0;
}
#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;
	z-index:2;
}
#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;
}
#perser36{
	width:752px;
	height:31px;
	left:15px;
	background:url(../img/perser36.png) 0 0;
}
#kuf{
	width:723px;
	height:37px;
	left:15px;
	background:url(../img/kuf.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;
}
.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;
}
div#wrap-asterisk {
	position:absolute;
	bottom:0;
	margin-bottom:6px;
}
div.asterisk {
	float:left;
	margin-right:2px;
	height:20px;
	font-size:9px;
	line-height:10px;
}
.asterisk-text {
	font-size:9px;
	line-height:10px;
	word-spacing:-1px;
}
* html .asterisk-text {
	word-spacing:-2px;
}
#noguarantee {
	position:absolute;
	bottom:-16px;
}
.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;
	z-index:4;
}
dl:hover {
	background:#eaebf2;
	-moz-border-radius:6px;
	-khtml-border-radius:6px;
}
dt {
	margin:0 4px 0 0;
	padding:0;
	color:#2e377f;
	display:inline;
	float:left;
}
dd {
	margin:0;
	padding:0;
}
dd.profession {
	color:#2e377f;
	display:inline;
	float:left;
}
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;
}
.e-mail-sub {
	clear:right;
	display:block;
}
.e-mail-sub a {
	display:block;
	unicode-bidi:bidi-override;
	direction:rtl;
}
* html .e-mail-sub a {
	float:left;
}
*+html .e-mail-sub a {
	float:left;
}
.e-mail-sub a:hover {
	text-decoration:underline;
}
#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:20px;
	width:100%;
	margin:0;
}
#subnavi li {
	margin:0;
	border-top:1px dotted #909090;
}
* html #subnavi li {
	height:20px;
}
#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;
}
.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;
}
* html .free {
	position:absolute;
	z-index:-1;
}
#schraubenschluessel {
	right:0;
	bottom:-224px;
}
* html #schraubenschluessel {
	right:280px;
	bottom:10px;
}
#stecker {
	right:70px;
	bottom:-258px;
}
* html #stecker {
	right:280px;
	bottom:-20px;
}
#messer {
	right:20px;
	bottom:-220px;
}
* html #messer {
	right:300px;
	bottom:-40px;
}
#gutefahrt {
	right:5px;
	top:7px;
}
#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;
}

/*-------------------------- technews --------------------------*/
#tn-button-kfz, #tn-button-index {
	width:110px;
	height:43px;
	position:absolute;
	text-indent:-9999px;
	background:url(../img/tn-button.png) 0 0 no-repeat;
	z-index:10;
}
#tn-button-index {
	right:418px;
	bottom:78px;
}
#tn-button-kfz {
	right:100px;
	bottom:;
}
#tn-button-kfz:hover, #tn-button-index:hover {
	background-position:-111px 0;
}
.fbox {
	width:601px;
	font-size:13px;
	line-height:18px;
	text-align:left;
	margin:10px 10px;
}
#fbox-bar {
	width:100%;
	display:block;
}
#fbox-bar-left, #fbox-bar-center, #fbox-bar-right {
	float:left;
	height:59px;
	margin:0;
}
#fbox-bar-left, #fbox-bar-right {
	width:7px;
}
#fbox-bar-left {
	background:url(../img/fbox-bar-left.png) 0 0;
}
#fbox-bar-right {
	background:url(../img/fbox-bar-right.png) 0 0;
}
#fbox-bar-center {
	display:block;
	width:587px;
	background:#2e377f;
	margin:0;
}
.fbox-head {
	text-indent:-9999px;
}
#tn {
	width:224px;
	height:30px;
	left:30px;
	top:24px;
	background:url(../img/technews.png) 0 0 no-repeat;
}
ul#navi-technews {
	clear:both;
	display:block;
	width:100%;
	padding:0;
	padding-top:10px;
}
ul#navi-technews li {
	border-top:1px dotted #909090;
}
ul#navi-technews li:hover, ul#navi-technews li.active {
	background:#eaebf2;
}
ul#navi-technews li:hover {
	text-decoration:underline;
}
ul#navi-technews li.active:hover {
	text-decoration:none;
}
ul#navi-technews li.active > a {
	color:#2e377f;
}
ul#navi-technews li.active:hover > a {
	cursor:default;
}
ul#navi-technews li a {
	display:block;
	margin-top:-1px;
	padding-left:20px;
}
#content-technews {
	width:589px;
	height:300px;
	position:relative;
	overflow:hidden;
	overflow-y:auto;
	padding-right:11px;
	background:#fff;
}
.technews-v-text {
	width:385px;
	padding-right:5px;
	float:left;
	border-right:1px dotted #909090;
}
#content-technews > * > p {
	padding:0 !important;
	margin:0 0 10px;
}
#content-technews > * > h3 {
	font-size:21px;
	color:#2e377f;
	margin:0 0 15px;
	padding:0;
	border:none;
	text-align:left;
}
.first {
	border:none !important;
}
.first-head {
	padding:0 !important;
	line-height:5px;
}
#content-technews > * > a, #content-technews > * > a:hover, .technews-v-text a, .technews-h-text a {
	color:#2e377f;
}
.technews-v-text a:hover {
	text-decoration:underline;
}
.orange-arrow {
	color:#e3a417;
	font-size:30px;
	margin-right:5px;
	vertical-align:-2px;
}

.technews-v-pix {
	width:174px;
	padding:0 0 0 7px;
	float:right;
	clear:right;
}
.technews-v-pix > img {
	margin:7px 7px 0 0;
	padding:0;
	float:left;
}
.technews-h-pix > img {
	margin:7px 7px 0 0;
	padding:3px 0 0 0;
	float:left;
}
img.first-img {
	margin-top:0px;
}

/*-------------------------- 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;
}