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

body {
	margin:0px auto;
	padding:0px;
	background:#0a78cd;
	font-family:Arial, Helvetica, sans-serif;
}

#wrapper {
	width:1038px;
	margin:0px auto;
}

#header {
	width:1038px;
	background:url(../images/header.png);
	height:140px;
}

#navi {
	background:url(../images/navi.png);
	width:1038px;
	height:98px;
}

#content {
	background:url(../images/content.png) no-repeat;
	width:1038px;
}

#inhalt {
	background:#fff;
	width:1000px;
	margin-left:19px;
}

#footer {
	width:1000px;
	background:url(../images/footer.png);
	height:87px;
	line-height:87px;
	color:#fff;
}

#footer span {
	float:left;
	padding-left:50px;
	font-size:12px;
}

#schatten {
	width:1038px;
	background:url(../images/schatten-main.png);
	height:71px;
}

#footer ul {
	float:right;
	list-style:none;
	padding:0px;
	margin:0px 20px 0px 0px;
	font-size:12px;
}

#footer ul li {
	float:right;
	margin-right:30px;
}

#footer ul li a {
	text-decoration:none;
	color:#fff;
}

#footer ul li a:hover {
	color:#CCC;
}

#logo {
	background:url(../images/logo.png) bottom right no-repeat;
	width:198px;
	height:106px;
	float:left;
	padding-left:80px;
	padding-top:18px;
	display:block;
}

#loginbereich {
	padding-left:427px;
	background:url(../images/login-bg.png) bottom right no-repeat;
	width:333px;
	height:120px;
	float:left;
}

#eingabe-username {
	margin-left:27px;
	margin-top:13px;
	float:left;
	background:url(../images/user-eingabe.png);
	width:171px;
	height:24px;
}

#einloggen {
	margin-top:13px;
	background:url(../images/einloggen.png);
	width:88px;
	height:24px;
	margin-left:10px;
	float:left;
}

#eingabe-pw {
	margin-top:10px;
	margin-left:27px;
	float:left;
	background:url(../images/pw-eingabe.png);
	width:171px;
	height:24px;
}

#registrieren {
	width:88px;
	height:24px;
	margin-left:10px;
	margin-top:10px;
	float:left;
	display:block;
	background:url(../images/registrieren.png);
}

#pwlost {
	font-size:10px;
	padding-left:27px;
	float:left;
	margin-top:15px;
	text-shadow:1px 1px #000;
}

#pwlost a {
	color:#CCC;
	text-decoration:none;
}

#pwlost a:hover {
	color:#999;
}

#navi-in {
	width:1000px;
	margin-left:19px;
	float:left;
	height:71px;
}

#suche-eingabe {
	background:url(../images/search-eingabe.png);
	width:219px;
	height:35px;
	margin-top:24px;
	float:left;
}

#suche-abschicken {
	background:url(../images/search-button.png);
	width:46px;
	height:35px;
	float:left;
	margin-top:24px;
	display:block;
}

#navi-in ul {
	list-style:none;
	padding:0px;
	margin:0px 0px 0px 25px;
}

#navi-in ul li {
	float:left;
	width:139px;
	height:71px;
	text-align:center;
}

#navi-in ul li:hover {
	background:url(../images/over.png);
}

#navi-in ul li a {
	width:139px;
	height:71px;
	font-size:12px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px #000;
	display:block;
	line-height:83px;
	
}

#special {
	width:1000px;
	background:url(../images/special-bg.png);
	height:267px;
}
#contentbox {
border: 1px #ACABAB solid;
padding: 5px;
background: #F4F2F2;
padding-left: 30px;
padding-right: 30px;
}

input[type=text], [type=password], [type=submit]{
font-family: Verdana;
font-size: 8pt;
border: 1px dotted #808080;
height: 17pt;
}
input[type=text], [type=password]{
font-family: Verdana;
font-size: 9pt;
border: 1px solid #3366CC;
height: 17pt;
}

.slide {
	float:left;
	display:none;
	width:694px;
	height:267px;
}

#slides {
	width:694px;
	height:267px;
	float:left;
}

.sp-ueberschrift {
	font-size:18px;
	padding-left:283px;
	color:#0679bc;
	padding-top:25px;
	padding-bottom:10px;
}

.sp-text {
	width:338px;
	color:#333;;
	font-size:12px;
	padding-left:283px;
	line-height:18px;
}

.pfeil {
	background:url(../images/right.png);
	width:22px;
	height:22px;
	margin-left:2px;
	float:left;
	margin-top:2px;
	margin-right:10px;
}

.slide ul {
	list-style:none;
	margin-left:253px;
	font-size:12px;
	line-height:22px;
}

.slide ul li {
	float:left;
	margin-top:2px;
	width:300px;
}

.mehr {
	background:url(../images/mehr.png);
	width:82px;
	height:32px;
	display:block;
	margin-left:500px;
	float:left;
}

.sp-control {
	margin-top:3px;
	background:url(../images/sp-control.png);
	width:223px;
	height:84px;
	cursor:pointer;
	line-height:84px;
	text-transform:uppercase;
	font-size:24px;
	color:#fff;
	float:left;
	padding-left:78px;
}

.sp-control:hover {
	background-position:bottom;
}

.eingabe {
	margin-left:35px;
	margin-top:4px;
	font-size:11px;
	background-color: transparent;
	border: 0px;
	color:#CCCCCC;
}

.eingabe2 {
	margin-left:10px;
	margin-top:10px;
	font-size:11px;
	background-color: transparent;
	border: 0px;
	color:#CCCCCC;
}

#seitentitel {
	line-height:60px;
	font-size:14px;
	color:#8d8d8d;
	padding-left:30px;
}

#seitentitel span {
	font-weight:bold;
}

#contenttxt {
	font-size:13px;
	padding-left:30px;
  padding-right: 30px;
}

.angebote {
	width:236px;
	height:358px;
	border:2px solid #d2d2d2;
	margin-left:5px;
	margin-right:5px;
	margin-bottom:20px;
	float:left;
}

#angebot1 {
	background:url(../images/angebot1.png);
	width:236px;
	height:65px;
	line-height:65px;
}

#angebot1 span {
	color:#444444;
	font-weight:bold;
	font-size:14px;
	padding-left:70px;
	text-transform:uppercase;
}

#angebot2 {
	background:url(../images/angebot2.png);
	width:236px;
	height:65px;
	line-height:65px;
}

#angebot2 span {
	color:#444444;
	font-weight:bold;
	font-size:14px;
	padding-left:70px;
	text-transform:uppercase;
}

#angebot3 {
	background:url(../images/angebot3.png);
	width:236px;
	height:65px;
	line-height:65px;
}

#angebot3 span {
	color:#444444;
	font-weight:bold;
	font-size:14px;
	padding-left:70px;
	text-transform:uppercase;
}

#angebot4 {
	background:url(../images/angebot4.png);
	width:236px;
	height:65px;
	line-height:65px;
}

#angebot4 span {
	color:#444444;
	font-weight:bold;
	font-size:14px;
	padding-left:70px;
	text-transform:uppercase;
}

.angebot-text {
	margin-left:14px;
	margin-top:9px;
	width:205px;
	height:236px;
	font-size:12px;
	color:#909090;
	line-height:18px;
}

a.bestellen {
	background:url(../images/bestellen.png);
	width:205px;
	height:37px;
	text-align:center;
	margin-left:14px;
	margin-top:5px;
	line-height:37px;
	font-size:14px;
	color:#fff;
	text-decoration:none;
	text-shadow:1px 1px #000;
	display:block;
}

a.bestellen:hover {
	color:#CCCCCC;
}

#kontakt {
	width:1000px;
	background:url(../images/kontakt.png);
	height:247px;
}

.kontakt1 {
	width:500px;
	height:247px;
	float:left;
}

#kontaktueber {
	line-height:60px;
	color:#fff;
	font-size:18px;
	padding-left:47px;
}

#kontaktueber2 {
	line-height:60px;
	color:#fff;
	font-size:18px;
	padding-right:30px;
	float:right;
}

.kontakt1 ul {
	list-style:none;
	padding:0px;
	margin:20px 0px 0px 100px;
}

.kontakt1 ul li {
	font-size:14px;
	color:#fff;
	width:300px;
	height:32px;
	margin-top:15px;
}

.kontakt1 ul li span {
	line-height:32px;
}

#telefon {
	background:url(../images/telefon.png);
	width:45px;
	height:32px;
	float:left;
	margin-right:10px;
}

#email {
	background:url(../images/email.png);
	width:45px;
	height:32px;
	float:left;
	margin-right:10px;
}

#chat {
	background:url(../images/chat.png);
	width:45px;
	height:32px;
	float:left;
	margin-right:10px;
}

#scrollbar {
	margin-left:23px;
	width:15px;
	height:135px;
	float:left;
	margin-top:90px;
}

#scrollbar img {
	cursor:pointer;
}


#mycustomscroll {
	margin-left:23px;
	margin-top:90px;
	width: 404px;
	font-size:12px;
	color:#fff;
	height: 135px;
	overflow:hidden;
	line-height:18px;
	position: relative;
	outline:none;
}

#line_list {
	margin: 0px;
	padding: 0px;
	padding-left: 10px;
	font-size: 13px;
	height: 26px;
	width:930px;
	border-bottom: 1px solid #CCCCCC;
	background-color: #E6E3E6;
	cursor: pointer;
}
#field_list {
	padding-top: 5px;
	float: left;
}
#label_list {
	width: 250px;
	float: left;
	padding-top: 5px;
	border-right: 1px solid #CCCCCC;
	height: 21px;
}
.scrollgeneric {line-height: 1px;font-size: 1px;position: absolute;top: 0; left: 0;}
.vscrollerbase {left: 0 !important;}
.vscrollerbar {width: 15px; background-position:right; background-repeat:no-repeat; background-image:url(../images/scrollbar.png); height:14px !important}
.vscrollerbase {width: 15px; height:135px !important; padding:0px 0px 0px 13px;}
.hscrollerbar {height: 16px;}


.control-aktiv {
	background-position:bottom;
}