html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li,
fieldset, form, label, input, textarea, legend, table, caption, tbody, tfoot, thead, tr, th, td 
{ font-family:Verdana, Arial, Helvetica, sans-serif; font-size: 100%; margin: 0; padding: 0; outline: 0; vertical-align: baseline; background: transparent; }

body { /*line-height: 1;*/ }
ol, ul { list-style: none; }

blockquote, q { quotes: none; }

blockquote:before, blockquote:after, q:before, q:after { content: ''; content: none; }

/* remember to define focus styles! */
:focus { outline: 0; }

/* remember to highlight inserts somehow! */
ins { text-decoration: none; }

del { text-decoration: line-through; }

/* tables still need 'cellspacing="0"' in the markup */
table { border-collapse: collapse; border-spacing: 0; }

button { cursor:pointer; }

.hide { display:none; }

.clear { clear:both; }

/* div#clearfix { width:1px; height:50%; margin-bottom:-275px; float:left; } */

/*************************************************** Type (Schriften) */

h1, h2, p, ul, ol, table, address { margin-bottom:16px; }
h1 { margin-bottom:2px; }

h1, h2, h3, h4, p, li, address, td, label { }
h1, h2, h3, h4, p, li, address, td, label, span, div { line-height:18px; color:#686868; }

h1, h2, h3, h4, th { font-size:12px; line-height:16px; }
h1 { margin-bottom:8px; font-size:18px; }
h2 { margin-bottom:8px; font-size:16px; line-height:16px; }
h3 { font-size:14px; }
h4 { font-size:14px; }
p, li, th, td, label, address, span { font-size:12px; }
address { font-style:normal; font-size:12px; text-align:left; }

ol li { list-style-type:decimal; margin-left:20px; }
ol li li { list-style-type:circle; }
ul li { list-style-type:square; margin-left:15px; }
ul li li{ list-style-type:circle; }

table { width:100%; }
th { text-align:left; }
th, td { padding:1px 8px 1px 0; vertical-align:top; }

.hr { display:block; border-top:1px solid #e6e5e5; margin:16px 0; }
.hr hr { display:none; }

/********** Links */

a { color:#ee1f26; text-decoration:none; }
a:hover, a.focus { text-decoration:underline; }

/*************************************************** Formulare generell */

fieldset { margin:0; padding:0; border:0 none; }

legend { display:none; }

.line { overflow:hidden; display:block; margin-bottom:6px; }

label { display:block; padding-top:4px; margin-bottom:4px; }
.line label { float:left; width:120px; margin-bottom:0; }
/*.textarea label { float:none; width:auto; }*/
.line input[type="text"], .line input[type="password"], .line textarea, .line select, .line .ie6textinput, .testchanger select { display:block; margin-left:120px; width:200px; float:none; background:#fff; padding:2px 2px; font-size:12px; }
.line input[readonly="readonly"] { background:transparent; border:0 none; cursor:default; }
.line textarea { height:150px; width:346px; margin:0; margin-left:120px; }
.line select, .testchanger select { width:auto; padding: 0 0 0 0; height:23px; }

.line input#plz, .line input#plztp { width:40px; margin-right:5px; float:left; margin-left:0; }
.line input#ort, .line input#orttp { width:247px; }

.checkbox label, .radio label { float:none; margin-left:20px; display:block; padding:0; width:auto; }
.checkbox input, .radio input { float:left; margin-top:1px; }

form .group { overflow:hidden; }

.text .group input { float:left; width:20px; margin:0; clear:left; margin-bottom:10px;}
.text .group label { float:none; margin-left:40px; width:auto; line-height:24px; padding:0; margin-bottom:10px; }

form button { position: relative; cursor: pointer; overflow: visible; }
form button::-moz-focus-inner { border: none; }
form button span { position: relative; display: block; white-space: nowrap; color:#000;	}

form div.btn { margin-bottom:6px; }

form p.info, form p.info a { font-weight:normal; margin:0; }

form p.required { color:#b2b2b2; font-size:10px; float:right; }
p.register { padding-left:120px; font-size:11px; }

form .bf_message, #newsletter p.msg { padding:4px 8px; color:#fff; margin:0 0 15px; border:3px double #fff; }
form .bf_message p, #newsletter p.msg, form .bf_message li, form .bf_message ul { font-size:11px; margin-bottom:0; color:#fff !important; }
form .error, #newsletter p.msg { background:#EE1F26; }
form .success { background:#1F1F1F; }

@media screen and (-webkit-min-device-pixel-ratio:0) {	/* Safari and Google Chrome only - fix margins */ button span {	margin-top: -1px; } }
/* OPTIONAL BUTTON STYLES for applying custom look and feel: */	

form div.btn { padding-left:120px; }

/*************************************************** layout */

/****** 100% Hintergrundbild */

html, body { height:100%; width:100%; overflow:hidden; } 

#bg, #bg table, #bg td {
    height:100%;
    width:100%;
    overflow:hidden;
}

#bg {
    position: fixed;
}

#bg div {
    height:200%;
    left:-50%;
    position:absolute;
    top:-50%;
    width:200%;
}

#bg td {
    text-align:center;
    vertical-align:middle;
}

#bg img {
    margin:0 auto;
    min-height:50%;
    min-width:50%;
}

/****** Structure */

body { background:#fff; }

.wrapper { position:absolute; top:0;left:0; z-index:70; overflow:auto; width:100%; height:100%; }

.inner { margin: 0 auto; width: 730px; padding-top:16px; }

/****** Header */

#header { height:49px; position:relative; margin-bottom:16px; }

#header .logo { }
#header .logo h1 { margin:0; }
#header .logo a { background:url(logo.png); width:514px; height:49px; display:block; }

#langnav { position:absolute; right:0; top:0; padding-top:0; }
#langnav span, #langnav a { font-size:10px; color:#000; text-transform:uppercase; font-weight:normal; }
#langnav .active { color:#ee1f26; }

/*************************************************** Content */

#content { margin-right:216px; display:block; background:#fff; }
#content .padder { padding:20px; min-height:400px; overflow:hidden; }

.right { float:right; width:200px; }

#newsletter { background:#fff; }
#newsletter .padder { padding:16px; }
#newsletter h3 { font-size:12px; margin-bottom:8px; }
#newsletter p, #newsletter .line label, #newsletter .line input, #newsletter form div.btn button { font-size:11px; line-height:16px; }
#newsletter .line label { width:50px; }
#newsletter .line input { width:105px; }
#newsletter .line input, #newsletter .line select { margin-left:50px; }
#newsletter form div.btn { padding-left:50px; }
#newsletter p.msg { margin:8px 0; }

/****** Allgemein */

/****** Content */

.produktvorschau { overflow:hidden; border-bottom:1px solid #e6e5e5; margin-bottom:16px; }
.produktvorschau img { float:left; margin-bottom:16px; }
.produktvorschau .tinytxt { margin-left:166px; }
.produktvorschau .tinytxt h2 { font-size:14px; }

.download { margin:0; }
.download a { background-repeat:no-repeat; padding:1px 0 1px 20px; }

/****** Footer */

/****** Kalender */

#ui-datepicker-div { background:#fff; border:1px solid #ecedea; z-index:2000; padding:10px; display:none; }
#ui-datepicker-div .ui-datepicker-title { text-align:center; }
#ui-datepicker-div table { margin:0; width:100%; border:1px solid #cecece; border-collapse:collapse; }
#ui-datepicker-div th, #ui-datepicker-div th.ui-datepicker-week-end { background:#000; text-align:center; color:#fff; font-weight:normal; }
#ui-datepicker-div th, #ui-datepicker-div td { padding:4px; }

#ui-datepicker-div .ui-datepicker-title span, #ui-datepicker-div th, #ui-datepicker-div th span, #ui-datepicker-div td { font-size:12px; }

#ui-datepicker-div td a, #ui-datepicker-div .ui-datepicker-header a { display:block; cursor:pointer; }
#ui-datepicker-div td a.ui-state-active { text-decoration:underline; }

#ui-datepicker-div table td { border-bottom:0; border-right:1px solid #cecece; border-top:1px solid #cecece; }
#ui-datepicker-div table td, #datepicker table td a { font-weight:normal; text-align:center; }

#ui-datepicker-div .ui-datepicker-today { background:#ecedea; }

#ui-datepicker-div .ui-datepicker-other-month { color:#cecece; }

#ui-datepicker-div .selectable { background:#ecedea; }

#ui-datepicker-div .ui-datepicker-header { padding:0 0 3px; }

#ui-datepicker-div .ui-datepicker-header a span { font-size:14px; line-height:10px; }
#ui-datepicker-div .ui-datepicker-header a { padding:0 6px 4px; }
#ui-datepicker-div .ui-datepicker-prev { float:left; }
#ui-datepicker-div .ui-datepicker-next { float:right; }

#ui-datepicker-div .ui-datepicker-current-day, #ui-datepicker-div .ui-datepicker-current-day a { font-weight:bold; }

/***************************************************  Navs */

/****** Hauptnav */

#nav { background:#fff; margin-bottom:16px; }

#nav ul { margin:0; padding:6px 16px; }
#nav li { margin:0; list-style-type:none; border-bottom:1px solid #e6e5e5; }
#nav a { padding:8px 0; display:block; color:#686868; font-size:11px; text-transform:uppercase; }
#nav a:hover, #nav a:focus { color:#000; text-decoration:none; }
#nav a.active { color:#ee1c23; text-decoration:none; }