/* ====================================================
   General styles
   ==================================================== */

body {
  background-color: #f4f4f4;
  line-height: 2;
}

a { outline: none; }

h1 {
  font-size: 16px;
  padding-bottom: 15px;
  color: #a8fc19;
  font-family: Verdana, Arial, Helvetica, sans-serif;
  letter-spacing: 1px;
}
h2 {
  font-size: 14px;
  padding-bottom: 5px;
  padding-top: 2px;
  font-weight: normal;
  text-decoration: underline;
  color: #c3fa3e;
  margin: 0px;
}

h3 {
  font-size: 13px;
  padding-bottom: 5px;
  padding-top: 10px;
  text-decoration: underline;
}
h1 span, h2 span, h3 span {
  font-style: normal;
  padding-left: 5px;
  font-weight: normal;
  color: #ffffff;
}
.clear { clear: both; height: 1px; }
.center { text-align: center; }
.bold { font-weight: bold; }
.small { font-size: 10px; }
.green { color: #a8f954; }
p {
  text-align: justify;
}


/* ==================================================
   Styles for index.php
   ================================================== */

#wrapper {
  width: 960px;
  margin: 0px auto;
  border: 1px solid #000000;
  border-top: none;
}
#top {
  background: #002d4c url(../images/de/bg_top.gif) left top repeat-x;
  padding: 7px 20px 2px 20px;
  overflow: hidden;
  border-bottom: 1px solid #0867b2;
}
.logo {
  /*float: left;*/
}
.login {
  float: right;
  width: 480px;
  color: #FFFFFF;
  font-size: 11px;
  margin-top: 18px;
}
input.input1 {
  width: 110px;
  background-color: #106cb0;
  border: 1px solid #0380e1;
  margin-left: 2px;
  color: #FFFFFF;
  padding: 0px 3px;
  }
.login a {
  color: #b5cfe5;
  font-size: 9px;
  }
.login a:hover {
  color: #ffffff;
  }
.login table {
  text-align: center;
  line-height: 1.6;
}

img.slogan {
  float: right;
  margin: 0px 0px;
}

#header {
background: url(../images/de/bg_flash.gif) left top repeat-x;
}

  .banner1 {
  background-color: #002c4b;
  width: 240px;
  margin-top: 17px;
  margin-left: 17px;
  text-align: center;
  border: 1px solid #055592;
  border-bottom: 0px;
  padding-top: 30px;
  padding-bottom: 35px;
  }
  .flash {
  text-align: right;
  }

#mainbody {
  line-height: 1.7;
  padding-bottom: 20px;
  background-color: #002e4e;
  overflow: hidden;
}
#mainbody p {
  padding-bottom: 10px;
}

#content {
  background-color: #0b62a4;
  margin: 15px 20px 0px 20px;
  padding: 25px 30px 30px 30px;
  font-size: 13px;
  border: 1px solid #1f91e7;
  overflow: hidden;
}
#content a {
  color: #a8fc19;
}

.banner2 {
float: left;
background-color: #f7f7f7;
width: 242px;
margin-left: 17px;
margin-right: 3px;
height: 414px;
color: #002C4B;
}
  img.vorteile {
  margin: 18px 0px 20px 25px;
  }
  .banner2 ul {
  padding-left: 6px;
  line-height: 1.6;
  }
  .banner2 ul li {
  list-style-type: none;
  background: url(../images/de/arrow_green.gif) left top no-repeat;
  padding-left: 22px;
  font-size: 14px;
  padding-bottom: 15px;
  }

  div.servicebox1, div.servicebox2, div.servicebox3, div.servicebox4, div.servicebox5 {
    display: block;
    border: 1px solid #0279d5;
    width: 184px;
    float: left;
    color: #FFFFFF;
    text-decoration: none;
    padding: 195px 12px 10px 15px;
    line-height: 1.6;
    margin: 20px 0px 0px 15px;
    height: 187px;
    cursor: pointer;
  }
  div.servicebox1 a, div.servicebox2 a, div.servicebox3 a, div.servicebox4 a, div.servicebox5 a {
    text-decoration: none;
    color: #ffffff;
  }
  div.servicebox1 {
    background: #0b62a4 url(../images/de/telkonferenz.gif) left top no-repeat;
  }
  div.servicebox2 {
    background: #0b62a4 url(../images/de/teldolmetschen.gif) left top no-repeat;
  }
  div.servicebox3 {
    background: #0b62a4 url(../images/de/ubersetzung.gif) left top no-repeat;
  }
  div.servicebox4 {
    background: #0b62a4 url(../images/de/start-callcenter.jpg) left top no-repeat;
  }
  div.servicebox5 {
    background: #0b62a4 url(../images/de/start-01805.jpg) left top no-repeat;
  }
  img.arrows {
    margin-left: 135px;
    margin-top: 3px;
  }



.boxservice {
  float: left;
  border: 1px solid #0279d5;
  width: 211px;
  margin: 20px 0px 0 15px;
  background-color: #0b62a4;
}
.boxservice p {
  line-height: 1.5;
  margin: 15px 18px 1px 18px;
  padding-bottom: 0px;
}
.boxservice p a {
  color: #FFFFFF;
  text-decoration: none;
  display: block;
  padding-bottom: 17px;
  background: url(../images/de/arrows.gif) right bottom no-repeat;
}


#footer {
  clear: both;
  background: url(../images/de/bg_footer.gif) left top repeat-x;
  overflow: hidden;
}
#footer ul {
  margin-bottom: 0px;
  padding-left: 240px;
   }
#footer li {
  margin-left: 0px;
  list-style-type: none;
  float: left;
}
#footer li a {
  margin-bottom: 0px;
  color: #001828;
  display: block;
  padding: 4px 20px 5px 20px;
  text-align: center;
  font-size: 12px;
}
#footer li a:hover {
  background: url(../images/de/navi_over.gif) left top repeat-x;
}

#bottom {
  width: 960px;
  margin: 0px auto;
  font-size: 9px;
  color: #002E4E;
  padding: 0px 13px;
  overflow: hidden;
}
.copyright {
  float: left;
  padding-top: 7px;
  width: 250px;
}
.designedby {
  float: right;
  padding-top: 7px;
  text-align: right;
  width: 250px;
}
#bottom a {
  color: #002E4E;
  text-decoration: underline;
}


/* ==================================================
   Styles for agbs.php
   ================================================== */

#agbs #mainbody p {
  padding-bottom: 15px;
}
#agbs #content ol {
  padding-bottom: 15px;
  margin-left: 20px;
  list-style-type: lower-alpha;
}
#agbs #content ol li {
  padding-bottom: 8px;
}


/* ==================================================
   Styles for registrieren.php
   ================================================== */

.navi_large #smoothmenu1 {
background: url(../images/de/bg_navi.gif) left top repeat-x;
}
.navi_large .ddsmoothmenu{
padding-top: 0px;
}
.navi_large .ddsmoothmenu ul li a {
padding: 5px 47px;
}
.navi_large .ddsmoothmenu li.navi06 a {
padding: 5px 49px 5px 50px;
}
.navi_large .ddsmoothmenu ul li ul li a {
width: 147px;
padding: 5px;
}
.navi_large .downarrowclass{
position: absolute;
top: 14px;
right: 22px;
}

.form1 {
width: 600px;
margin-left: 100px;
background-color: #002E4E;
padding: 13px 30px 10px 30px;
margin-top: 15px;
border: 1px solid #000000;
}
.pflicht {
color: #a8fc19;
text-align: right;
font-size: 10px;
line-height: 1;
}
fieldset {
padding: 10px 90px 20px 10px;
border: 1px solid #a8fc19;
margin-bottom: 20px;
text-align: right;
line-height: 2.2;
}
legend {
font-weight: bold;
padding: 0px 10px;
border: none;
color: #a8fc19;
text-align: left;
}
.error {
text-align: left;
line-height: 1;
color: #ff5050;
padding-left: 12px;
}
.input2 {
width: 250px;
margin-left: 15px;
}
.select1 {
width: 253px;
margin-left: 15px;
}
.required {
color: #a8fc19;
}
.character {
line-height: 1;
font-size: 11px;
padding-top: 2px;
}
.form1 img {
margin: 10px 0px;
}

/* ==================================================
   Styles for faqs.php
   ================================================== */

#faqs #content ol {
margin-left: 30px;
margin-bottom: 20px;
font-size: 14px;
}
#faqs #content ol a {
display: block;
color: #c3fa3e;
}
#faqs #content ol a:focus, #faqs #content ol a:hover {
color: #FFFFFF;
}
#faqs #content span {
font-style: normal;
font-size: 14px;
font-weight: bold;
}
#faqs h2 {
padding-top: 15px;
}

/* ====================================
   Styles for kontakt.php
   ==================================== */

#kontakt .form1 {
float: left;
margin-left: 0px;
width: 540px;
padding-bottom: 13px;
margin-top: 10px;
}
#kontakt fieldset {
line-height: 2.4;
margin-bottom: 8px;
}
.address {
float: right;
width: 165px;
background-color: #002E4E;
padding: 25px 25px 30px 35px;
margin-top: 10px;
border: 1px solid #000000;
}
  #mainbody .address p {
  padding-bottom: 5px;
  }
  .address img {
  margin-bottom: 15px;
  }

.label1 {
float: left;
width: 167px;
padding-top: 28px;
}
.textarea1 {
width: 251px;
height: 80px;
margin-left: 15px;
margin-top: 6px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

/* ==================================================
   Styles for login.php
   ================================================== */

.fields {
float: left;
width: 460px;
padding-top: 9px;
padding-left: 15px;
}
.fields .input2 {
width: 130px;
margin-left: 3px;
margin-right: 20px;
}
.pw {
clear: both;
text-align: right;
font-size: 10px;
line-height: 1;
padding-right: 160px;
}

/* ==================================================
   Styles for sitemap.php
   ================================================== */

#sitemap #content ul {
margin-left: 40px;
}
#sitemap #content ul a {
color: #FFFFFF;
display: block;
}
#sitemap #content ul a:hover {
color: #a8fc19;
}

#sitemap #content ul li {
list-style-type: disc;
}
#sitemap #content ul li ul {
padding: 5px 0px;
}
#sitemap #content ul li ul li {
list-style-type: circle;
}


/* ==================================================
   Styles for anleitung.php
   ================================================== */

.step1, .step2, .step3 {
  width: 253px;
  height: 332px;
  float: left;
  padding: 15px;
}
.step1 img {
  margin: 5px 0px 15px 105px;
}
.step2 img {
  margin: 5px 0px 10px 115px;
  }
.step3 img {
  margin: 5px 0px 15px 115px;
}

.step1 {
background: url(../images/de/step1.gif) left top no-repeat;
margin-right: 16px;
}
.step2 {
background: url(../images/de/step2.gif) left top no-repeat;
margin-right: 16px;
}
.step3 {
background: url(../images/de/step3.gif) left top no-repeat;
}
.step1 ul, .step2 ul, .step3 ul {
margin-left: 10px;
}
.step1 ul li, .step2 ul li, .step3 ul li {
list-style-type: none;
background: url(../images/de/haken.gif) left top no-repeat;
padding-left: 20px;
padding-bottom: 10px;
}
.step2 ul li ol {
padding-top: 5px;
margin-left: 0px;
}
.step2 ul li ol li {
padding-left: 0px;
padding-bottom: 0px;
background-image: none;
}

/* ==================================================
   Styles for telefonkonferenz.php
   ================================================== */

.left {
  float: left;
  width: 410px;
  background: #0B62A4 url(../images/de/boxdark_top.gif) left top no-repeat;
  padding: 5px 0px 10px 10px;
  margin-top: 10px;
}
.right {
  float: right;
  width: 410px;
  background: #0B62A4 url(../images/de/boxdark_top.gif) left top no-repeat;
  padding: 5px 0px 10px 10px;
  margin-top: 10px;
}
.dialin {
  background: url(../images/de/dialin.gif) left center no-repeat;
  margin-bottom: 5px;
}
.dialout {
  background: url(../images/de/dialout.gif) left center no-repeat;
  margin-bottom: 5px;
}

.box {
  background: #002E4E url(../images/de/box_top.gif) left top no-repeat;
  margin-top: 20px;
  width: 401px;
  padding-top: 20px;
}

img.star {
  float: right;
  margin-right: 20px;
  margin-top: 5px;
}

.box ul {
  margin-left: 40px;
  margin-bottom: 7px;
}
.box ul li {
  padding-bottom: 10px;
}
.box p {
  margin-left: 25px;
}
.bottom {
  background: url(../images/de/box_bottom.gif) left bottom no-repeat;
  height: 12px;
  padding-bottom: 10px;
}
.anrufen {
  clear: both;
  padding: 20px 0px;
}
#content .anrufen span {
  font-style: normal;
  color: #a8fc19;
}


/* ============================================================
   Styles for telefondolmetschen.php + uebersetzung.php
   ============================================================ */

#telefondolmetschen h1 {
  background: url(../images/de/dolmentschen.gif) left top no-repeat;
  padding-top: 32px;
  padding-left: 20px;
  padding-bottom: 40px;
}
div.dolmetscheninfo1, div.dolmetscheninfo2 {
  background-image: none;
  padding-left: 0px;
  width: 400px;
}
div.dolmetscheninfo {
  width: 400px;
  text-align: left;
  margin: 0px 15px;
}
div.dolmetscheninfo h3, div.dolmetscheninfo2 h3 {
  color: #a8fc19;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-left: 30px;
}
div.dolmetscheninfo .box p, div.dolmetscheninfo2 .box p {
  margin-left: 40px;
}

.TUV {
float: right;
margin: 0px 5px 5px 25px;
}
#telefondolmetschen h1.ubersetzung {
background: url(../images/de/ubersetzen.gif) left top no-repeat;
padding-bottom: 50px;
}
.preisgruppe span {
text-decoration: underline;
}
#mainbody .preisgruppe p {
padding-bottom: 0px;
}
#telefondolmetschen h2 {

font-weight: bold;
}
.TUV2 {
font-size: 11px;
line-height: 1.5;
margin-top: 10px;
border-top: 1px solid #1f91e7;
padding-top: 25px;
}
.TUV2 img {
float: left;
margin: 0px 20px 10px 0px;
}



#infoline {
  margin: 15px 15px 0px 17px;
  padding: 0px 0px 5px;
  background-color: #0b62a4;
}
#infoline div.list {
  background-image: url('../images/de/bg_footer.gif');
  height: 22px;
  vertical-align: middle;
  border-left: 1px solid #c1fd7b;
  border-right: 1px solid #4b9902;
  border-bottom: 1px solid #4b9902;
}
#infoline ul {
  margin: 0px;
  padding: 0px;
}
#infoline li {
  display: block;
  float: left;
  list-style-type: none;
  padding: 1px 8px;
  font-size: 12px;
  cursor: pointer;
  color: #0b62a4;
  height: 19px;
  border-left: 1px solid #c1fd7b;
  border-top: 1px solid #c1fd7b;
  border-right: 1px solid #4b9902;
  border-bottom: 1px solid #4b9902;
}
#infoline li:hover {
  border: 1px solid #4b9902;
}
#infoline div.block {
  clear: both;
  position: relative;
}

#infoline div.info {
  font-size: 11px;
  color: #ffffff;
  margin: 5px 10px 0px;
  text-align: justify;
}


/* ==================================================
   Styles for telefonkonferenz_tarife.php
   ================================================== */

table.price {
  margin-bottom: 10px;
  margin-top: 5px;
}
table.price td {
  background-color: #002E4E;
  padding: 5px 10px;
  font-size: 12px;
}
table.price th {
  background-color: #002E4E;
  padding: 8px 5px;
  color: #a8f954;
}
table.price tr.lightblue td {
  background-color: #003b63;
}
table.price td.last {
  background-color: #3281b7;
}
table.price tr.lightblue td.last {
background-color: #246795;
}
table.price tr th.corner1 {
  background: #002E4E url(../images/de/corner1.gif) left top no-repeat;
}
table.price tr th.corner2 {
  background: #002E4E url(../images/de/corner2.gif) right top no-repeat;
}
table.price tr th.corner2b {
  background: #3281b7 url(../images/de/corner2b.png) right top no-repeat;
}
table.price tr td.corner3 {
  background: #002E4E url(../images/de/corner3.gif) right bottom no-repeat;
}
table.price tr td.corner3b {
  background: #3281b7 url(../images/de/corner3b.png) right bottom no-repeat;
}
table.price tr td.corner4 {
  background: #002E4E url(../images/de/corner4.gif) left bottom no-repeat;
}
table.price tr td.corner3a {
  background: #003B63 url(../images/corner3a.gif) right bottom no-repeat;
}
table.price tr td.corner4a {
  background: #003B63 url(../images/corner4a.gif) left bottom no-repeat;
}
table.price td.small {
  line-height: 1.2;
  font-size: 10px;
  padding: 5px;
}


/* Das Dial-Out Logo auf dialout.tpl */
.dialout {
  background: url(../images/dialout.gif) left top no-repeat;
  padding: 25px 0px;
  margin-bottom: 5px;
}
.dialout h1 {
  margin-top: 7px;
  padding-left: 15px;
  font-size: 14px;
  letter-spacing: 0px;
}


ul.notes {
  font-size: 11px;
  margin-left: 25px;
  margin-bottom: 20px;
  line-height: 1.5;
}

/* Die 3 Boxen auf konferenz.tpl */
.tarifbox {
  width: 251px;
  float: left;
  margin-right: 15px;
  padding: 60px 0px 0px 20px;
  background: url(../images/de/bg_konferenz.png) left top no-repeat;
  padding-top: 115px;
  height: 140px;
  position: relative;
}
.tarifbox ul {
  margin: 20px 0px 0px 5px;
  font-size: 14px;
}
.tarifbox ul li {
  list-style-type: none;
  background: url(../images/arrow_green2.gif) left center no-repeat;
  padding-left: 18px;
}
.tarifbox img.star {
  position: absolute;
  top: 0px;
  right: -20px;
}
.tarifbox img.text {
  position: absolute;
  top: 50px;
  left: 20px;
}


img.mehrinfo {
  float: right;
  margin: 15px 25px 25px 0px;
}


.dialout {
  background: url(../images/dialout.gif) left top no-repeat;
  padding: 25px 0px;
  margin-bottom: 5px;
}
.dialout h1 {
  margin-top: 7px;
  padding-left: 15px;
  font-size: 14px;
}
.dialout h1 span {
  font-size: 12px;
}

ul.notes {
  font-size: 11px;
  margin-left: 25px;
  margin-bottom: 20px;
  line-height: 1.5;
}

/*
#telefondolmetschen span {
  color: #a8fc19;
  font-style: normal;
}

/*
#telefondolmetschen table.price {
  margin-left: 0px;
  font-size: 12px;
  margin-top: 10px;
}
#telefondolmetschen table.price td {
  background-color: #002E4E;
  padding: 6px 25px 8px 25px;
}
#telefondolmetschen table.price th {
  background-color: #002E4E;
  color: #a8fc19;
  font-size: 14px;
  text-align: left;
  padding: 5px 25px;
}
#telefondolmetschen table.price p {
  padding-bottom: 0px;
}

#telefondolmetschen table.price tr th.corner1 {
background: #002E4E url(../images/de/corner1.gif) left top no-repeat;
}
#telefondolmetschen table.price tr th.corner2 {
background: #002E4E url(../images/de/corner2.gif) right top no-repeat;
}
#telefondolmetschen table.price tr td.corner3 {
background: #002E4E url(../images/de/corner3.gif) right bottom no-repeat;
}
#telefondolmetschen table.price tr td.corner4 {
background: #002E4E url(../images/de/corner4.gif) left bottom no-repeat;
}
*/
/*
#telefonkonferenz #content {
  overflow: hidden;
  background-color: #0b62a4;
  border: 1px solid #0867b2;
}
*/
/*
#telefonkonferenz h2 {
  color: #FFFFFF;
  font-weight: bold;
  text-decoration: none;
  letter-spacing: 1px;
  /*padding: 36px 0px 40px 12px;
}
#telefonkonferenz h2 span {
  color: #a8fc19;
  font-style: normal;
}
*/
/*
#mainbody .box span {
  font-style: normal;
  color: #a8fc19;
}
*/
/*
#telefonkonferenz h3 {
  color: #a8fc19;
  padding-top: 0px;
  padding-bottom: 15px;
  margin-left: 20px;
}

table.price {
  margin-left: 20px;
  font-size: 11px;
  margin-top: 5px;
}
table.price td {
  background-color: #013c65;
  padding: 2px 5px;
}

*/