html {
	height: 100%;
	padding: 0;
	margin: 0;
}

body {
	background-color: #fff;
	font-family: Arial, Helvetica, sans-serif;
	padding: 0;
	margin: 0;
	font-size: 99%;
	height:100%;
}

#box {
	width: 980px;
	margin: auto;
	min-height: 100%;
	height:auto !important; /* moderne Browser */
	height:100%; /* IE */
	position: relative;
}

a:link, a:visited {
        color: #7AB51D;
	text-decoration: underline;
}
#header {
        width: 100%;
        height: 165px;
        position: absolute;
        top: 90px;
        left: 0;
        text-align: center;
        background: url(gfx/header-left-right.png) top left repeat-x;
}
#headerlogos {
        height: 90px;
}
.htleft {
	float: left;
	width: 40%;
	margin-right: 1%;
	text-align: right;
}
.htright {
	float: left;
	width: 58%;
	text-align: left;
	color: #004494;
}
#content {
        margin-top: 200px;
        padding-bottom: 50px;
        width: 100%;
}
#content_middle h1, #content_middle h3 {
        color: #004494;
	font-size: 1.1em;
	margin: 0;
}
#content_middle h2 {
        color: #004494;
	font-size: 1.3em;
	margin: 0 0 10px 0;
}
#content_middle h4 {
        color: #004494;
	font-size: 1.2em;
	margin: 5px 0 5px 0;
}
#content_middle h5 {
	font-size: 1em;
	margin: 3px 0 5px 0;
}
#content_left {
        width: 180px;
        float: left;
}
#content_left input {
	border: 1px solid #e2e2e2;
}
#content_middle a {
        color: #004494;
}
.sb {
        width: 180px;
}
.sb_top {
        height: 20px;
        padding-top: 5px;
        text-align: left;
        font-weight: bold;
        font-size: 0.9em;
        color: #004494;
}
.sb_content {
        font-size: 0.8em;
        padding: 5px 0px 0px 0px;
}
.sb_content img {
        border: none;
}

#navi {
        list-style-type: none;
        width: 100%;
        margin: 10px 0 0 0;
	padding: 0;
}
#navi li {

}
#navi li a {
        display: block;
        text-decoration: none;
        font-size: 0.9em;
        color: #000;
        padding-top: 3px;
        padding-bottom: 3px;
}
#navi li a.la {
        font-weight: bold;
}
#navi li a:hover {
        color: #004494;
}

#content_middle {
        width: 560px;
        padding-left: 30px;
        padding-right: 30px;
        float: left;
        font-size: 0.8em;
}
#content_right {
        width: 180px;
        float: left;
}
#content_right h3 {
	font-size: 0.8em;
        color: #004494;
	margin: 0;
}
#content_right p.antwort {
	font-size: 0.7em;
	margin: 5px 0 10px 0;
}
#footer {
	position: absolute;
	bottom: 0;
	left: 0;
	text-align: right;
	width: 100%;
	height: 20px;
	font-size: 0.8em;
        color: #004494;
	margin-top: 20px;
}
#footer a {
        color: #004494;
}
#bestellheader {
	width: 100%;
	margin-bottom: 10px;
}
#bestellheader .step1 {
	float: left;
	width: 173px;
	height: 41px;
	padding-right: 10px;
	margin-right: 8px;
	border-right: 2px solid #afafaf;
}
#bestellheader .step2 {
	float: left;
	width: 173px;
	height: 41px;
}
#bestellheader .step3 {
	float: left;
	width: 173px;
	padding-left: 10px;
	margin-left: 9px;
	border-left: 2px solid #afafaf;
	height: 41px;
}
#bestellheader .row1 {
	margin-top: 5px;
	text-align: center;
	font-weight: bold;
}
#bestellheader .row2 {
	text-align: center;
}

.beschriftung {
	clear: left;
	float: left;
	width: 30%;
	font-weight: bold;
	padding: 2px;
}
.eingabe {
	float: left;
	width: 60%;
	padding: 2px;
}
.part {
	padding: 5px 0 5px 0; 
}
.part h4 { 
        color: #004494 !important;
	padding-bottom: 3px;
	border-bottom: 1px solid #afafaf;
}
.part input {
	border: 1px solid #afafaf;
}
.part input:focus {
	background-color: #FDF491; 
}
.part input.fehler {
	background-color: #FFE2E2 !important;
}

#kennzeichen {
	margin-top: 10px;
}
.inpkennzeichen {
	font-size: 1.3em;
	padding: 5px;
	font-family: "fe", monospace;
	text-align: center;
	border: 1px solid #afafaf;
	text-transform: uppercase;
}
#kz1 {
	width: 50px;
}
#kz2 {
	width: 50px;
}
#kz3 {
	width: 80px;
}
.kzfocus {
	background-color: #FDF491; 
}

#kzgfx1 {
	float: left;
	margin-right: 20px;
}
#kzgfx2 {
	float: left;
}
#kzhbtn1 {
	cursor: pointer;
}
#kzhbtn1 img {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
#kzbtn1 {
	float: left;
	margin-right: 20px;
	cursor: pointer;
}
#kzbtn2 {
	float: left;
	cursor: pointer;
}
#kzbtnneu {
	float: right;
	cursor: pointer;
}

#paypalvorteile {
	list-style-position: inside;
	list-style-image: url('gfx/bullet_sofortueberweisung.png');
	margin: 0;
	padding: 0;
}

#zahlungen {
	list-style-position: inside;
	margin: auto;
	text-align: left;
	padding: 0;
}
#zahlungen li {
}

.zahlungsmethode {
	margin-top: 10px;
	padding-top: 10px;
	margin-bottom: 20px;
	border-top: 1px solid #999999;
}
.zahlung_button {
	margin-top: 20px;
	text-align: center;
}
.zahlung_button input {
	font-size: 1.2em;
	font-weight: bold;
}
.wktop {
	width: 180px;
	height: 30px;
	background: url('gfx/warenkorb.png') top left no-repeat;
}
.wktop h4 {
	color: #fff;
	font-size: 0.9em;
	margin: 0;
	padding: 8px 0 0 10px;
}
.wkcontent {
	border-left: 1px solid #e3e3e3;
	border-right: 1px solid #e3e3e3;
	padding: 5px 0 5px 0;
	font-size: 0.9em;
}
.wkbottom {
	width: 180px;
	height: 24px;
	padding-top: 6px;
	background: url('gfx/gesamtpreis.png') top left no-repeat;
        color: #004494;
}
.wkbottom2 {
	width: 180px;
	height: 6px;
	background: url('gfx/wkbottom2.png') top left no-repeat;
}
.wkleft {
	width: 80px;
	float: left;
	margin-left: 8px;
	font-size: 0.8em;
}
.wkright {
	width: 60px;
	float: right;
	font-size: 0.9em;
	padding-right: 4px;
}
.kzteaser {
	margin: 10px 0 0 0;
	border-bottom: 1px solid #e2e2e2;
	padding-bottom: 5px;
}
.vkteaser {
	margin: 10px 0 0 0;
	padding-bottom: 5px;
}
.delschild, .delextra {
	color: #C72638;
	text-decoration: none;
	cursor: pointer;
}
.delschild:hover {
	text-decoration: underline;
}
.wkmeldung {
	font-size: 0.9em;
	color: #888;
	padding: 0 10px 0 10px;
	text-align: center;
}
.leisteunten {
	border-top: 1px solid #afafaf;
	margin-top: 20px;
}
.btnweiter {
	width: 120px;
	float: right;
	text-align: center;
	padding: 5px;
	color: #004494;
	cursor: pointer;
	background-color: #E3E4E6;
	font-weight: bold;
}
#btnkasse {
	cursor: pointer;	
}
#btnkasse img {
	float: left;
	margin-right: 5px;
	margin-left: 5px;
}
.btnzurueck {
	width: 120px;
	float: left;
	text-align: center;
	padding: 5px;
	color: #004494;
	cursor: pointer;
	background-color: #E3E4E6;
	font-weight: bold;
}
#morelink {
	color: blue;
	text-decoration: underline;
	cursor: pointer;
}
.reslink {
	text-align: center;
	margin: 5px 0 5px 0;
	background: url(gfx/mouseicon.png) right center no-repeat #e3e3e3;
	border: 2px solid #004494;
	cursor: pointer;
}


#kundenmeinungen {
	margin-bottom: 20px;
}
#kundenmeinungen input, #kundenmeinungen textarea {
	border: 1px solid #bfbfbf;
	padding: 1px;
}
.km_dank {
	width: 95%;
	text-align: center;
	padding: 5px;
	border: 1px solid #004494;
	background-color: #efefef;
	font-size: 1.1em;
	margin: 10px 0 10px 0;
}
.voteBar {

}
.voteStar {
	cursor: pointer;
	width: 16px;
	height: 16px;
	float: left;
	margin-right: 3px;
}
.voteStarActive {
	background: url(gfx/star-1.png) center center no-repeat !important;
}
.voteStarInactive {
	background: url(gfx/star-0.png) center center no-repeat;
}
.voteText {
	width: 100px;
	float: left;
	margin-left: 10px;
}
#top_logo  {
	position: absolute;
	left: 0;
	top: 10px;
}
#top_service  {
	position: absolute;
	right: 0;
	top: 32px;
	font-size: 0.9em;
	width: 500px;
}
#top_like  {
	position: absolute;
	left: 0;
	top: 62px;
}
.fb-like{display:inline-block}
* html .fb-like{display:inline}/* ie6 inline block fix*/
*+html .fb-like{display:inline}/* ie7 inline block fix*/
#fb_footer {
	background-image: url(gfx/facebook-16.png);
	background-position: left;
	background-repeat: no-repeat;
	padding-left: 20px;
	display: inline-block;	
}
#fb_km_bar {
	background-color: #efefef;
	padding: 8px;
	font-size: 1.2em;
	margin-bottom: 20px;
	border: 1px solid #F1932A;
	color: #EB9418;
}
