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

@font-face {
    font-family:'LibreSansSerifSSi';
    src: url('/inc/fonts/libre_sans_serif_ssi_bold-webfont.eot');
    src: url('/inc/fonts/libre_sans_serif_ssi_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/libre_sans_serif_ssi_bold-webfont.woff') format('woff'),
         url('/inc/fonts/libre_sans_serif_ssi_bold-webfont.ttf') format('truetype'),
         url('/inc/fonts/libre_sans_serif_ssi_bold-webfont.svg#LibreSansSerifSSi') format('svg');
    font-weight:bold;
    font-style:normal;

}
@font-face {
    font-family:'LibreSansSerifSSi';
    src: url('/inc/fonts/libre_sans_serif_ssi_italic-webfont.eot');
    src: url('/inc/fonts/libre_sans_serif_ssi_italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/libre_sans_serif_ssi_italic-webfont.woff') format('woff'),
         url('/inc/fonts/libre_sans_serif_ssi_italic-webfont.ttf') format('truetype'),
         url('/inc/fonts/libre_sans_serif_ssi_italic-webfont.svg#LibreSansSerifSSi') format('svg');
    font-weight:normal;
	font-style:italic;

}
@font-face {
    font-family:'LibreSansSerifSSi';
    src: url('/inc/fonts/libre_sans_serif_ssi-webfont.eot');
    src: url('/inc/fonts/libre_sans_serif_ssi-webfont.eot?#iefix') format('embedded-opentype'),
         url('/inc/fonts/libre_sans_serif_ssi-webfont.woff') format('woff'),
         url('/inc/fonts/libre_sans_serif_ssi-webfont.ttf') format('truetype'),
         url('/inc/fonts/libre_sans_serif_ssi-webfont.svg#LibreSansSerifSSi') format('svg');
    font-weight:normal;
    font-style:normal;

}

html { height:100%; }
body { margin:0; padding:0; height:100%; font-family:"LibreSansSerifSSi", Tahoma, Verdana, Arial, Helvetica, sans-serif; font-size:0.875em; line-height:1.45em; color:#FFFFFF; background-color:#000000; }

.clear { clear:both !important; font-size:0 !important; height:0 !important; line-height:0 !important; overflow:hidden !important; padding:0 !important; margin:0 !important; }

a { color:#000000; }
a:hover { background-color:#81BE5C; color:#FFFFFF; }
a img { border:none; }
.noHover { background:none !important; }


h1 { font-size:2.25em; font-weight:normal; position:absolute; left:193px; top:80px; }
h1.list { margin-bottom:-0.5em; }
h2 { font-size:1.10em; color:#000000; }
h3 { font-size:1.05em; color:#000000; }
h1 a,
h2 a,
h3 a { text-decoration:none; }

h1,
h2,
h3 { line-height:1.35em; }
h2,
h3 { margin:1.5em 0 0 0; }
h2.first { margin:0.5em 0 0 0 }
p,
ul,
ol,
table,
form { margin:0.5em 0 0 0; }
h1,
p { padding:0; }

th { font-weight:normal; text-align:left; }
td { padding-left:5px; }

.left { float:left; padding-right:30px; }
.right { float:right; padding-left:30px; }
.img { display:block; border:1px solid #4D4D4D; }
.img img { }
.imgSubline { background-color:#E5E5E5; margin:-4px 0 0 0; padding:3px 5px; font-size:0.875em; line-height:1.25em; width:inherit; }
.left .imgSubline,
.right .imgSubline { max-width:290px; }

sup { font-size:1.25em; vertical-align:inherit; position:relative; top:-0.15em; }
h1 sup { font-size:1.1em; top:-0.2em; }

#main { height:680px; width:960px; margin:0 auto; padding:0; background:url(/el/bg-main.png) no-repeat left top; position:relative; /*background-color:#0FC*/ }

#logo { display:block; width:200px; height:90px; position:absolute; right:0; top:26px; }
#mainImage { display:block; width:785px; height:500px; position:absolute; right:0; top:151px; z-index:1; }

#navi { position:absolute; left:0; top:105px; }
#navi ul { list-style-type:none; margin:0; padding:0; }
#navi li { margin-bottom:8px; }
#navi a  { color:#FFF; font-size:1.154em; text-decoration:none; padding:0 0 0 15px; border-left:5px solid transparent; }
#navi a:hover,
#navi .isSel a,
#navi .isNotSel a:hover { border-left:5px solid #81BE5C; background:none; }
#navi .isNotSel a { border-left:5px solid transparent; }
#navi ul li ul li { margin-bottom:0; }
#navi ul li ul li a { font-size:0.8667em; }

#navi a#button { margin:0; padding:0; border:none; position:absolute; left:0; top:359px; }
#navi a#button:hover { border:none; }
#navi a#button img { display:block; }

#content,
#contentFull { color:#000; margin:0; position:absolute; left:175px; top:151px; z-index:100; }
#content { width:325px; height:465px; padding:5px 40px 30px 20px; background:url(/el/bg-content.png?120221) no-repeat left top;  }
#contentFull { width:785px; height:500px; overflow:auto; background:url(/el/bg-content-full.png) no-repeat left top; }
#contentFull div { width:325px; padding:5px 0 20px 20px; }
#contentFull div div { width:inherit; padding:inherit; }
#content ul,
#content ul li,
#contentFull ul,
#contentFull ul li { list-style-type:square;  }
#content ul,
#contentFull ul { margin:0.5em 0 0 16px; padding:0; }
#contentFull div.image { width:256px; height:256px; padding:0; float:left; position:relative; }
#contentFull div.image p { position:absolute; left:10px; bottom:5px; color:#FFFFFF; }
#contentFull div.image p strong { font-size:1.15em; }

address { clear:both; font-style:normal; font-size:0.875em; position:absolute; bottom:0; left:175px; }
address a { color:#FFFFFF; }
#imprint { position:absolute; bottom:0; right:0; font-size:0.875em; color:#FFFFFF; }

input, textarea { border:1px solid #aaa; padding:3px; width:197px; margin:0 0 4px; }
textarea { float:right; height:60px; }
input.error { border:1px solid #C00; }
input.checkbox, input.radiobutton, select { width:auto; margin:0; padding:0; }
label { width:120px; display:inline-block; font-weight:bold; }
.versandartLabel { display:block; float:none; margin-top:8px; }
#zip-code { width:40px; margin-right:5px; }
#city { width:143px; display:block; float:right; }
.submit { float:right; margin-top:8px; width:206px; }