/* ---------------------------------------------------------- 
  onetoone.de - layout - styles  
  
  Mark Blasius webdesign° - markblasius.com
  
  
  
  client: J&S Dialog-Medien GmbH
  
  alle rechte vorbehalten - all rights reserved !
  
   ---------------------------------------------------------- */

body {
  padding-bottom: 15px;
  background-color: #c9cdcf;
}

/* teaser - homepage, ressort etc. -------------------------- */

.teaser {
  margin: 0 0 28px 0;
  clear: left;
}

.teaser + h3.s_teaser { margin-top: -15px; }

.teaser img {
  margin: 0 10px 3px 0;
  float: left;
}

#far_teaser {
  margin: 28px 0;
  background: url(/g/far_teaser_back.png) repeat-x;
  border-top: 1px solid #d5d0c9;
}

#far_teaser img {
  margin: 10px 15px 10px 15px;
  float: left;
}

#wissenkompakt_teaser {
  margin: 20px 0;
  background: url(/g/wissenkompakt_teaser_back.png) repeat-x;
  border-top: 1px solid #e4e4e4;
}

div#wissenkompaktlist {
   margin: 5px 0 0 10px;
}

#wissenkompaktlistleft, #wissenkompaktlistmid, #wissenkompaktlistright  {
  margin-right: 10px;
  float: left;
  width: 160px;
}

#wissenkompaktlistright { margin-right: 0; }

/* aufmacher bild bis 520 breite */
div.xl_img { margin: 0 0 8px 0; }

.rundruf_archiv_teaser {   margin: 8px 0 18px 0; }

/* einzelmeldung --------------------------------------------- */

.linkbox {
  margin: 15px 0;
  padding: 5px 15px;
  clear: left;
  border: 5px solid #ececec;
}

/* drucken, e-mail, bookmarks --------------------------------- */

div.printmailbookmark {
  margin: 15px 0;
  padding: 15px 5px 0 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
}

div.printmailbookmark form { margin: 0 0 10px 0; }  

/* essentials print, bookmarks */
.essentials { 
  margin: 10px 0;
  text-align: right; 
}

/* content allg. ----------------------------------------------- */

.imgcontainer { margin: 0 0 10px 0; }

/* float fuer bilder in Uebersichten */
.contentflimg {
  margin: 0 15px 3px 0;
  float: left;
}

.teaser_img_box {
  margin: 3px 15px 2px 0;
  float: left;
}

.teaser_img_box img { margin: 0 0 3px 0; }

/* boxen in der rechten spalte ---------------------------------- */

.br_imgleftcopy, .br_movie, .br_flash, .br_copy, .br_jobboerse, .br_headimgcopy,
#rueckblick_teaser, #br_joblist {
  margin: 0 0 20px 0;
}

.br_imgleftcopy img {
  margin: 0 10px 5px 0;
  float: left;
}

.br_headimgcopy img { margin-bottom: 10px; }

#bsgticker {
  margin: 0 0 15px 0;
  height: 260px;
}

ul#bsgtickerlist { margin: 0 0 15px 0; }
 
#bsgtickerlist li {
  height: 60px;
  overflow: visible;
}

#bsgticker {
    height: 100%;
    overflow: hidden;
    /*position: relative;*/   
}

p#bsgtickeressentials {
  margin: 10px;
  background-color: transparent;
}

.br_moviebox {
  margin: 10px 0;
  padding: 0;
  width: 400px;
  /*text-align: center;*/
}

.br_copy {
  padding: 10px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f4f4f4;
}

#br_myotologin, #br_myotologin_blank {
  margin: 0 0 20px 0;
  padding: 5px 5px 0 10px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f4f4f4;
}

#br_myotologin_blank {
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #fff;
}

/* rueckbick ------------------------------------------------ */
/* pager */
.pager {
  margin: 15px 0;
  text-align: right;
}

.pager span.active {
  color: #141414;
  font-weight: bold;
}

#rueckblickslides { 
  margin: 0 10px 5px 0;
  float: left; 
}
#rueckblickslides pre {   display:none }

#rueckblickslides .slides { 
  width: 160px; 
  height: 160px; 
  overflow: hidden }

#rueckblickslides .slides img { 
  width: 160px; 
  height: 160px; 
  border: 0;
}

#rueckblickslideshow {
  margin: 10px 0 0 0;
  width: 520px;
  text-align: center;
}

#rueckblickslidecontrols {
  margin: 10px 0 10px 0;
  width: 520px;  
}

#rueckblickslideleft {
  width: 120px;
  float: left;
}

#rueckblickslidecenter {
  padding: 0 10px;
  width: 260px;
  float: left;
}

#rueckblickslidecenter p {
  font-size: 10px;
  line-height: 12px;
  color: #6e6e6e;
}

#rueckblickslideright {
  width: 120px;
  float: right;
  text-align: right;
}

/* comments ------------------------------------------------ */

#commentbox {
  margin: 0 0 0 0;
  padding: 0 0 2px 0;
  /* border-bottom: 5px solid #ececec; */
}

#rr_commentbox  { padding: 10px 0 2px 0; }
#commentbox form, #rr_commentbox form { margin: 0 0 0 40px; }

#commentheader
{
}

#commentbubble
{
float:left;
height:26px;
width:112px;
padding:14px 0 0 28px;
background: #fff url(/g/commentbubble.jpg) no-repeat;
}

#commentcountbubble
{
float:left;
height:26px;
width:33px;
padding:14px 0 0 7px;
background: #fff url(/g/commentcountbubble.jpg) no-repeat;
}

#commentcountbubble h3
{
	text-align:center;
}


/* banner --------------------------------------------------- */

#hp_contentad {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-top: 1px solid #e4e4e4;
  /*border-bottom: 1px solid #e4e4e4;*/
  text-align: center;
}

.contentad {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-top: 1px solid #e4e4e4;
  /*border-bottom: 1px solid #e4e4e4;*/
  text-align: center;
}

.contentadtext { 
  margin-bottom: 20px;
  border-top: 1px solid #e4e4e4;
  clear: left; 
}

.contentadtext ul { 
  margin: 5px 0 20px 0;
  list-style-type: none; 
}

.contentadtext ul li {
  width: 160px;
  float: left;
}

.contentadtext ul li.contentadtext_mid { margin: 0 20px; }

.br_text_ad {
  margin: 0 0 20px 0;
  padding: 0;
}

/* 728x90 */
#superbanner {
  margin: 5px 15px 15px 0;
  float: right;
  width: 728px;
  text-align: center;
}

#skyscraper {
    position: absolute;
    top: 139px;
    left: 986px;
}

/* skyscraper fuer drei Textanzeigen */
#skybannertext {
    position: absolute;
    top: 139px;
    left: 986px;
    width: 150px;
    border: 1px solid #a6a6a6;
    background-color: #fff;
}

#skybannertextbox01, #skybannertextbox02, #skybannertextbox03 {
  margin: 5px;
  padding: 2px;
}

/*#skybannertextbox01, #skybannertextbox02 {
  border-bottom: 1px solid #e8e8e8;   
}*/

/* wallpaper */
#wallpaper_top {
  margin: 0 0 0 15px;
  /*text-align: right;*/
  width: 985px;
}

#wallpaper_right {
  margin: 0;
  position: absolute;
  left: 985px;
  top: 0;
}

#bottombanner {
  clear: both;
}

#br_ad {
  margin: 0 0 20px 0;
  padding: 0 0 20px 0;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  text-align: center;
}

/* minibanner */

p#minibannerad {
  margin: 15px 0 10px 15px;
  padding: 2px 0 0 0;
  clear: both;
  width: 940px;
  font-size: 11px;
  color: #a3a3a3;
  border-top: 1px solid #e4e4e4;
}

ul#minibannertop, ul#minibannerbottom {
  margin: 5px 0 10px 15px;
  padding: 0;
  width: 960px;
  height: 90px;
  list-style-type: none;
}

ul#minibannertop li, ul#minibannerbottom li {
  margin: 0 20px 0 0;
  padding: 2px 0 0 0;
  width: 138px;
  float: left;
  border: 1px solid #e4e4e4;
}

ul#minibannertop li div, ul#minibannerbottom li div { display: none; }

ul#minibannertop li.minibannerlast, ul#minibannerbottom li.minibannerlast {
  margin: 0;
}

/* jobboerse ------------------------------------------------ */

.jobblock { margin: 0 0 25px 0; }

/* businessgude --------------------------------------------- */

#bsgstartleft, #bsgstartright { padding: 20px 0; }  

#bsgstartleft {
  margin: 0 0 0 15px;
  width: 220px;
  float: left;
}

#bsgstartright {
  margin: 0 0 0 20px;
  width: 700px;
  float: left;
}

#bsgeinzelleft, #bsgeinzelright {
  margin-bottom: 20px;
  padding: 10px 0 20px 0;
}

#bsgeinzelleft {
  margin: 0 20px 0 15px;
  width: 320px;
  float: left;
}

#bsgeinzelright {
  margin: 0;
  padding-left: 20px;
  width: 580px;
  float: left;
  border-left: 1px solid #e4e4e4;
}

#bsgeinzelheadlinespace { float: left; }

.bsg_einzelbackto {
  margin: 15px 15px 20px 0;
  float: right;
}

#bsgeinzellogospace {
  margin: 20px 0 15px 0;
  padding-left: 370px;
  width: 600px;  
}

.bsg_pressblock {   margin: 25px 0; }
#bsgsearch { margin-bottom: 35px; }

.bsgeinzelmoviebox { margin: 25px 0; }

/* myotobox auf Formularseite -------------------------------*/

#myoto_basicbox, #myoto_premiumbox, #myoto_friendsbox {
  margin: 0 0 25px 0;
}

#myoto_head {
  margin: 15px 0 15px 15px;
  width: 940px;
}

#myoto_head_left {
  width: 340px;
  float: left;
}

#myoto_head_right {
  width: 595px;
  float: right;
}

/* shop -----------------------------------------------------*/

.shopitem { margin: 0 0 15px 0; }

.shopitem img {
  margin: 0 15px 5px 0;
  float: left;
}

/* tdm ------------------------------------------------------ */

.tdm_zitatbox {
  margin: 3px 15px 5px 0;
  padding: 3px; 
  width: 260px;
  float: left;
  background-color: #f4f4f4; 
}

.tdm_zitatbox_img {
  margin: 0 5px 0 0;
  float: left;
}

/* rueckblick ----------------------------------------------- */

ul.rueckblickthumbs {
  margin: 20px 0;
  list-style-type: none;
}

ul.rueckblickthumbs li {
  float: left;
  width: 160px;
}

ul.rueckblickthumbs li.rueckblickthumbs_mid { margin: 0 20px; } 

ul.rueckblickthumbs li img {
  margin: 0 0 4px 0;
  border: 0;
}

/* service -------------------------------------------------- */

#servicebox {
  margin: 0 0 0 15px;
  padding: 15px 0 0 0;
  width: 940px;
}

.service_left, .service_mid, .service_right {
  margin-bottom: 20px;
  padding-bottom: 5px;
  float: left;
  width: 300px;
}

.service_mid { 
  margin-left: 20px;
  margin-right: 20px;
}

.service_left img, .service_mid img, .service_right img {
  margin: 0 0 4px 0;
}

/* glossar +faq --------------------------------------------- */

#glossarbox {
  margin: 0 0 0 15px;
  padding: 15px 0 0 0;
  width: 940px;
}

#glossartopleft {
  float: left;
  width: 300px;
}

#glossartopright {
  margin: 0 0 0 20px;
  width: 620px;
  float: right;
} 

#glossar_left, #glossar_mid, #glossar_right { 
  margin-bottom: 20px;
  padding-bottom: 5px;
  width: 300px;
  float: left; 
}

#glossar_left { float: left; }

#glossar_mid { margin: 0 20px; }

#glossarlist-nav {   margin: 5px 0 15px 0; }

.ln-letters a { margin: 0 6px 0 0; }
.ln-letters a.ln-disabled { color:#ccc; }

ul#glossarlist { 
  margin: 5px 0;
  list-style-type: none; 
}

/* blaetterkataloge ------------------------------------------- */

#katalogteaser { 
  margin: 0 15px 25px 15px; 
  width: 940px;
}

#katalogleft, #katalogright {
  padding: 0 0 25px 0;
}

#katalogleft { 
  margin: 0 0 0 15px;
  width: 455px;
  float: left;
 }

#katalogright { 
  margin: 0 15px 0 0;
  width: 455px;
  float: right;
 }

/* video ---------------------------------------------------- */

#videoleft, #videoright { padding: 0 0 25px 0; }

#videoleft {
  margin: 0 0 0 15px;
  width: 455px;
  float: left;
}

#videoright {
  margin: 0 15px 0 0;
  width: 455px;
  float: right;
}

#videoleft img, #videoright img {   margin-bottom: 10px; }

/* seminare ------------------------------------------------- */

#sem_box1, #sem_box2, #sem_box3, #sem_box4 { 
  margin: 0 0 15px 0;
  padding: 8px 0 0 0;
  width: 240px;
  border-top: 1px solid #e4e4e4; 
}

#sem_box1, #sem_box3 { float: left; }
#sem_box2, #sem_box4 {  float: right; }

.sem_img_box { 
  margin: 0 8px 2px 0;
  float: left;
}

/* rundruf -------------------------------------------------- */

.rr_teaser { margin: 0 0 30px 0; }

.rr_teaser .rr_img_box {
  margin: 6px 10px 2px 0;
  float: left;
}

/* shop ---------------------------------------------------- */

#cartback table { width: 98%; }
#cartback table th { padding: 2px; }
#cartback table td { padding: 5px; }

/* forms ---- ----------------------------------------------- */

legend { display: none; }

#topline #topline_right form {
  margin: 0;
  padding: 0;
  line-height: 12px;  
}

#topline_right #searchform { 
  margin: 0 6px;
  padding: 0; 
}
 
#topline #topline_right form input#SubmitSiteSearch {
  margin-right: 15px;
  /*float: right;*/
}
 
/* kombiabo */
table#ta_standardform {
  margin: 0 0 15px 0;
  width: 460px;
  line-height: 17px;
}

table#ta_standardform td,
table#disp_Lieferanschrift td,
table#disp_Rechnungsanschrift td,
table#disp_Bankeinzug td
{ padding: 5px 0; }

table#ta_standardform td.ta_section,
table#disp_Lieferanschrift td.ta_section,
table#disp_Rechnungsanschrift td.ta_section,
table#disp_Bankeinzug td.ta_section
{ padding-top: 18px; }

table#ta_standardform td.ta_label,
table#disp_Lieferanschrift td.ta_label,
table#disp_Rechnungsanschrift td.ta_label,
table#disp_Bankeinzug td.ta_label
{
	padding-right: 6px;
	width:150px;
}

#slidebox_Form, .slidebox_Form {
  padding: 10px;
  border-top: 1px solid #e4e4e4;
  border-bottom: 1px solid #e4e4e4;
  background-color: #f4f4f4;  
}

.slidebox_Form { 
  margin: 0 0 10px 0;
  padding: 5px 0 0 15px; 
}

fieldset label { line-height: 20px; }
.formerror { color: #f8130f; }

#myotologinbox form, #myotologin form, #myotologin fieldset,
#myotologin p#myotologinleft  {
  margin: 0;
  padding: 0;
} 

#myotologin p#myotologinleft { float: left; }

#myotologin p#myotologinright {
  margin: 0 0 0 25px;
  padding: 0;
  float: left;
}

p#myotologinsubmit { padding: 8px 0; }
p#myotologinsubmit span { margin-left: 240px; }

/* error box info box ----------------------------------------- */

.errorbox {
  margin: 0 0 15px 0;
  padding: 10px;
  color: #dc1822;
  background-color: #fffce8;
  border: 1px solid #f81c28;
  border-left: 6px solid #f81c28;
}

.errorbox p, .infobox p {
  margin: 0;
  padding-left: 20px;
  text-align: left;
  line-height: 17px;
}

.infobox {
  margin: 0 0 15px 0;
  padding: 10px;
  color: #2b59a9;
  background-color: #f3f3f3;
  border: 1px solid #c9cdcf;
  border-left: 6px solid #c9cdcf;
}

/* main layout ----------------------------------------------- */

#topline {
  margin: 0 0 0 15px;
  padding: 3px 0 0 0;
  width: 970px;
  height: 18px;
  clear: both;
  background-color: #fff;
}

#topline_left, #topline_right {
  margin: 0;
  padding: 4px 0;
  height: 18px;
}

#topline_left {
  float: left;
  text-align: right;
  width: 635px;
}

#topline_right {
  float: right;
  width: 320px;
  text-align: right;
}

/* topbox fuer superbanner 728x90 */
#topbox_sb {
  margin: 0 0 0 15px;
  padding: 0;
  width: 970px;
  background-color: #fff;
}

/* topbox fuer wallpaper */
#topbox_wp {
  margin: 0 0 0 15px;
  padding: 0 0 15px 0;
  width: 970px;
  background-color: transparent;
}

#content {
  margin: 0 0 0 15px;
  width: 970px;
  background: #fff;
        overflow: hidden;
}

#header {
  width: 970px;
  color: #fff;
}

#logobox {
  margin: 16px 0 0 0;
  padding: 0;
  float: left;
  width: 212px;
  height: 93px;
  border: 0;
}

h1#otologo a {
  margin: 0;
  padding: 0;
  display: block;
  width: 212px;
  height: 93px;
  text-indent: -9999px;
  text-decoration: none;
  position: relative;
  top: 0;
  left: 0;
  border: 0;
  background-image: url(/g/otologo.png);
  background-repeat: no-repeat;
  background-position: 0 0;
}

#content #left, #content #right {
  padding: 20px 0;
}

#content #left {
  margin: 0 0 0 15px;
  width: 520px;
  float: left;
}

#content #right {
  margin: 0 0 0 20px;
  width: 400px;
  float: left;
}

#footer {
  margin: 0 0 15px 0;
  padding: 30px 0 0 0;
  border-top: 3px solid #990000;
  width: 970px;
  clear: both;
  background: #fefefe url(/g/footer_verlauf.png) repeat-x;
}

#footercontent {
  width: 970px;
  background: url(/g/footer_back.png) repeat-y;
}

#footer ul { margin: 0; }

#footer #flist_eins { margin: 0 0 0 30px; }

#footer #flist_zwei, #footer #flist_drei, #footer #flist_vier {
  padding: 0 0 0 30px;
}

#footer #flist_eins, #footer #flist_zwei, #footer #flist_drei, #footer #flist_vier {
  float: left;
  width: 200px;
  background-position: 20px 0;
}

#footer #flist_eins { width: 225px; }

#footer ul#flist_eins li, #footer ul#flist_zwei li, 
#footer ul#flist_drei li, #footer ul#flist_vier li {
  margin: 0 0 5px 0;
}

#footercopy {
  margin: 10px 0 0 0;
  clear: left;
  background: transparent;
}

/* search */
#searchleft, #searchright { padding: 20px 0; }  

#searchleft {
  margin: 0 0 0 15px;
  width: 220px;
  float: left;
}

#searchright {
  margin: 0 0 0 20px;
  width: 700px;
  float: left;
}

img.premium
{
 margin-right:6px;
}





/* essentials ------------------------------------------------ */

.cll { clear: left; }
.clr { clear: right; }
.clb { clear: both; }
.clear-12 {
	clear:both;
	height:12px;
}