html.fr_html body {text-align:left;}

#container_main, .cnt_wrap {width:1100px;margin:10px 10px;margin:10px auto;border:0!important}
#wrapper_cnt_outer{border-left:0}
#wrapper_cnt_inner{width:100%}
#cnt_wrap{width:100%;margin-left:0}
.cnt_wrap{text-align:left}

#col_main{width:74%;padding-top:8px;padding-bottom:2em;}
#col_left{width:24%}

.categoryItem{background:#fdfdfd;border:1px solid #ddd;float:left;min-height:90px;margin:15px 2% 0 0;width:47.4%;border-radius:8px;-moz-border-radius:8px;}

h1.mainttl{width:80%;}

#s_teaser{width:94%;height:387px;background:#6171CD url(//www.optimum-direkt.de/img/teasertop.jpg) 0 0 no-repeat;}
#teaser_pad{padding:25px 50px 10px 30%;color:#fff;}

#EMail, #IBAN {width:85%;}
#subscribe input[type="text"]{width:80%!important}

body{text-align:center;}
#header.shpheader{background:#fdfdfd;}
#header.shpheader2012{background:#fdfdfd;padding:0.5em 0 0 0}
#hd-i{padding-top:15px;min-height:145px;height:auto}
#tsBox{float:right;margin:20px 20px 0 0;font-size:80%;text-align:right;}
#menuheader{margin-top:15px;min-height:30px;padding:1px 0;background:#2a2073}
.claim{width:50%; margin:0;float:right;font-size:1.6em; font-weight:bold;text-align:right;margin-right:20px;color:#2A2073 }
#menuheader, #startsuche, #ssubmt, a.orderbtn, input[name="Continue"], #adr_ok, #adr_ok, #cart_ok,
a.orderbtn_s, .box600h, .box300h, .box200h {background:#2a2073; 
background: -moz-linear-gradient(top, #191346 0%, #2a2073 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#191346), color-stop(100%,#2a2073)); 
background: -webkit-linear-gradient(top, #191346 0%,#2a2073 100%); 
background: -o-linear-gradient(top, #191346 0%,#2a2073 100%); 
background: -ms-linear-gradient(top, #191346 0%,#2a2073 100%); 
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#191346', endColorstr='#2a2073',GradientType=0 ); 
background: linear-gradient(top, #191346 0%,#2a2073 100%); 
}
#footer a:hover, #topnavigation a:hover{color:#DADF20!important;text-decoration:none;}
#topnavigation a{font-size:14px;font-family:verdana,arial,helvetica,sans-serif;}
#footer{background:#191346 none;color:#fff;margin-bottom:0;line-height:0.9em;padding: 2.5em;text-align:center;font-size:0.9em;height:auto;/*border-bottom-left-radius:32px;border-bottom-right-radius:32px;-moz-border-radius-bottomleft:32px;-moz-border-radius-bottomright:32px;*/}
.box600h,
.box300h,
.box200h{border:0;margin:0;height:23px;color:#fff; border-top-left-radius:8px; border-top-right-radius:8px;-moz-border-radius-topleft:8px;-moz-border-radius-topright:8px;}
.box600c,
.box300c,
.box200c{border:1px solid #4A5CC6;border-bottom-left-radius:8px;border-bottom-right-radius:8px;-moz-border-radius-bottomleft:8px;-moz-border-radius-bottomright:8px;margin-bottom:1.2em;background:#fff}
.box600h h4,
.box300h h4,
.box200h h4{font-size:1em;font-weight:bold;color:#fff;margin:0 0 0 10px;padding:5px 0 0 0;}
.box300h,
.box300c{width:30%}
.box600h,
.box600c{width:60%;}
.box_i{padding:5px;line-height:1.3em;color:#222;font-size:0.9em;}
#wk, a.showcart, #alkat a{color:#14048A;}
#col_mainstart{padding:20px;line-height:1.5em;}
#s_teaser h1{color:#fff;margin-top:0;line-height:1.3em;font-weight:bold;font-size:18px;}
#s_teaser p{line-height:1.3em;padding-right:80px;}
ul.fp{list-style-type:none;font-weight:bold;}
ul.fp li{background:transparent url(//www.optimum-direkt.de/img/s_bullet.png) no-repeat scroll 0 4px;line-height:1.5em;margin-bottom:4px;padding-left:20px;}
#epf{margin-top:35px;float:right;font-size:0.8em;}
#epf a{color:#fff}
a{color:#1B22A7;}
.news hr{border-color:#4A5CC6;margin:1.5em 0;}
#display{clear:both;width:auto;height:250px;overflow:scroll;border:1px solid #666;background-color:#fcfcfc;padding:10px;}
#col_main .padded{padding-right:0;}
#subscribe{padding:5px}
tbody,
td,
th,
table{background-color:transparent;border:0}
td.nowrap {white-space:nowrap}
#col_left tbody,
#col_left td,
#col_left th,
#col_left table{padding:0;}
td.ueberschrift{background-image:url("/img/headline.border.m.gif");background-repeat:repeat-x;color:#14048A;font-family:arial narrow,arial,helvetica;font-size:18px;font-weight:bold;height:30px;padding-top:5px;}
td{line-height:18px;}
#startsuche,
#ssubmt{-moz-border-radius:8px;border-radius:8px;border:1px solid #3F5398;color:#FFFFFF;font-weight:bold;margin-top:1em;padding:3px 8px;text-decoration:none;height:auto;}
div.imgl{display:inline;float:left;padding:5px 5px 5px 0;}
.padded_l{padding-left:20px;padding-top:20px;}
#col_left td, span, .norm{font-family:arial,helvetica,sans-serif;font-size:12px;}
td.navi_m a{text-decoration:none;}
td.navi_m{background-image:url("/img/navi.bg.jpg");background-repeat:repeat-y;border-left:1px solid #666666;border-right:1px solid #666666;padding:0;color:#444;font-size:0.9em;}
.jcarousel-skin-tango .jcarousel-container-horizontal{width:85%;height:50px;margin:2em 0;}
.jcarousel-skin-tango .jcarousel-clip-horizontal{width:82%;}
.jcarousel-skin-tango .jcarousel-prev-horizontal,
.jcarousel-skin-tango .jcarousel-next-horizontal{top:30px;}
.clearfix:before, .clearfix:after{content:"\0020"; display:block; height:0; overflow:hidden}
.clearfix:after{clear:both}
.clearfix{zoom:1}
#tsText {text-align:right;line-height:125%;width:155px;float:left;border:0px solid; padding:2px;margin-right:6px}
#tsInnerBox {font-family: Verdana, Arial, Helvetica, sans-serif;vertical-align:middle;margin-top:0px;}
#tsSeal {text-align:center;width:70px;float:right; border:0px solid; padding:2px;}
#nlgo {margin:0 0 0 20px}
#hdtel {font-family: Verdana, Arial, Helvetica, sans-serif; text-align:right; color:#2A2073; font-size:0.9em; margin-right:20px; margin-top:-1em;}
.pimgs {float:right; width:40%; margin-left: 4%;}
.pimgs img {max-width:100%!important;}
.imgs_i {background:#fff; border:1px solid #4a5cc6; border-radius:8px;-moz-border-radius:8px;-o-border-radius:8px;-webkit-border-radius:8px;padding:1em 1em 1em 0; margin-bottom:2em;}
.catimg {float:right; margin-left:25px; border: 0}
#stw { position: fixed; filter:alpha(opacity:0);-khtml-opacity:0;-moz-opacity:0;opacity:0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)"; visibility: hidden; overflow: hidden; text-align: center; z-index: 99999999; background-color: #777777; width: 32px; height: 32px; line-height: 30px; right: 10px; bottom: 200px; font-size:18px; color:#fff; text-decoration:none; -moz-border-radius:10px;-webkit-border-radius:10px;-o-border-radius:10px;border-radius:10px; 
-webkit-transition: all 0.5s ease-in-out; -moz-transition: all 0.5s ease-in-out; -ms-transition: all 0.5s ease-in-out; -o-transition: all 0.5s ease-in-out; transition: all 0.5s ease-in-out; }
#stw:hover { background-color: #1B22A7;filter:alpha(opacity:100);-khtml-opacity:1.0;-moz-opacity:1.0;opacity:1.0; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=100)"; }
#stw.show-stw { visibility:visible; cursor:pointer; filter:alpha(opacity:60);-khtml-opacity:0.6;-moz-opacity:0.6;opacity:0.6; -ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=60)";}

.prgs{height:8px;background:#ccc;}
.prgs-1{background:green;width:25%;height:100%}
.prgs-2{background:green;width:50%;height:100%}
.prgs-3{background:green;width:75%;height:100%}
.prgs-4{background:green;width:100%;height:100%}

.plItem{float:left;margin: 15px 2% 0 0; width: 47.4%; border:1px solid #ccc;  border-radius:8px;-moz-border-radius:8px; border-radius:8px; background:#fdfdfd;}
.pItemdsc {padding:10px; min-height:100px}
.pItemdsc h3 {font-size:1.2em; line-height:1.4em;margin-top:1px;}
.plItem a.orderbtn_s {margin-left:10px;}
.plItemLink{display:none;/*text-align:center;padding-top:1em;min-height:180px;display:inline-block;width:100%*/}
.plItemLink img {width:150px;max-height: 175px;}
.pblock{float:right; min-height: 40px; padding:10px; text-align:right;font-size:1.6em;font-weight:bold}
.pblock small {font-size:0.5em;font-weight:normal}
h1.highlight{background:none;}
.efp3{margin:0.5em 0 -10px 10px;float:right}

@media all and (max-width: 1120px) {
#container_main, .cnt_wrap {width:100%;margin:0;}
#col_main .padded {padding-right: 20px;}
}

@media all and (max-width: 900px) {
.pimgs {width:50%; margin-left:2%;}
}

@media all and (max-width: 820px) {
#col_main{width:100%;float:none;}
#col_left{width:100%;float:none; margin-top:2em;}
#col_left .padded_l, #col_main .padded {padding: 0 10px;}
#container_main #subscribe label {display:block!important;}
#container_main .box_i p {text-align:left!important}
#topnavigation li.nav_menu_one {font-weight:normal;}
#wrapper_cnt_inner, #col_main { min-height: 0; }
}

@media all and (max-width: 780px) {
.categoryItem{margin:15px 0 0 0;width:100%;float:none;}
#nlgo {width:40%; height:auto;}
#tsText {display:none;}
#header.shpheader2012 {padding:0}
#topnavigation {font-size:0.9em;}
}

@media all and (max-width: 700px) {
#nlgo {width:60%; margin:5px auto;}
.claim{text-align:center;width:auto; margin:10px 0;float:none;font-size:1.4em;}
#tsInnerBox img {width:60px; height:auto}
#hd-i {text-align:center; }
#hdtel {margin:1em 0 1em 0; text-align:center; }
.catimg {float:none; margin:1em 0 1em 0;}
a.orderbtn_s {font-weight:normal; font-size:0.9em;}
}

@media all and (max-width: 680px) {
.pimgs {width:100%; margin-left:0;}
.imgs_i {background-image:none; background:#f2f2f2; border:0;  border-radius:0; -moz-border-radius:0; -o-border-radius:0; -webkit-border-radius:0;}
#mainimg {width:100%; height:auto; margin-bottom:1em; }
#container_main table.fullsize td {white-space:normal!important;}
td.ordercell {display:block;}
a.clickitem_s {font-size: 0.9em;}
#alkat li {font-size:1.1em; margin:0.8em 0;}
}

@media all and (max-width: 640px) {
#adressform td, #adressform th {display:block; padding: 3px 0}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
select, textarea {max-width:600px;}
}

@media all and (max-width: 648px) {
#stw {bottom: 10px;}
}

@media all and (max-width: 610px) {
.pItemdsc {min-height:90px}
.pItemdsc h3 {font-size:1.1em;}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
select, textarea {max-width:590px;}
}

@media all and (max-width: 600px) {
#container_main #epf {width:100%; margin-bottom:1em; text-align:left;}
#hdtel b {display:block;}
#nlgo {width:70%;}
h1.mainttl {width: 100%; font-size:1.5em;}
#container_main img, #container_main iframe, #container_main textarea, #container_main pre, 
#container_main input, #container_main form, #container_main table {max-width:100%!important;}
#container_main img {height: auto!important;}
#adr_table, #adr_table td, #adr_table tr {display:block; width:99%}
#adr_table th {display:none;}
#adr_table input[type="text"], #adr_table textarea {width:100%!important}
}

@media all and (max-width: 590px) {
.claim{width:auto; margin:10px 0;float:none;font-size:1.2em;}
.efp3{float:none; margin-bottom:5px}
}

@media all and (max-width: 520px) {
.plItem{float:none;width:auto; margin:0 0 6px 0;padding-bottom:1em; }
.plItemLink img {max-width:90%;}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
select, textarea {max-width:480px;}
}

@media all and (max-width: 510px) {
#nlgo {width:80%;}
#cart_back {margin-bottom:1em;}
td.small_nd img {display:none;}
#cart_table {font-size:0.9em;}
input[type="text"],
input[type="search"],
input[type="email"],
input[type="tel"],
input[type="url"],
select, textarea {max-width:300px;}
}
