/* ***********************************
     mycity 2007
     TYPE	: Stylesheet
     TITLE	: Basic Style
     DESC	: Main Stylesheet for POWER-CHILD
     AUTHOR	: Renate Einecke // www.sevenpixels.de

   *********************************** */

body {
  background-color: #FF860D;
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em;
  color: #333;
  margin: 0;
  padding: 0;
  text-align: center;
}

h1 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em; 
  color: #333;
  font-weight: bold;
  padding: 0;
  margin: 0 0 15px 0;
}
h2 {
  font-family: Verdana, Helvetica, sans-serif;
  font-size: 1em; 
  color: #333;
  font-weight: bold;
  padding: 0;
  margin: 0 0 5px 0;
}
img {border: 0;}

a:link {
  color: #B9062D;
  text-decoration: none;
}

a:visited {
  color: #B9062D;
  text-decoration: none;
}
a:hover {
  color: #B9062D;
  text-decoration: none;
}
a:active {
  color: #B9062D;
  text-decoration: none;
}
.verweis {
  padding-left: 21px;
  color: #333;
  text-decoration: none;
  background-image:url(/images/layout/pfeil.gif);
  background-repeat: no-repeat;
}
a.verweis:link {
  padding-left: 21px;
  color: #333;
  text-decoration: none;
  background-image:url(/images/layout/pfeil.gif);
  background-repeat: no-repeat;
}
a.verweis:visited {
  padding-left: 21px;
  color: #333;
  text-decoration: none;
  background-image:url(/images/layout/pfeil.gif);
  background-repeat: no-repeat;
}
a.verweis:hover {
  padding-left: 21px;
  color: #333;
  text-decoration: none;
  background-image:url(/images/layout/pfeil_over.gif);
  background-repeat: no-repeat;
}
a.verweis:active {
  padding-left: 21px;
  color: #333;
  text-decoration: none;
  background-image:url(/images/layout/pfeil_over.gif);
  background-repeat: no-repeat;
}
.invisible {
  display:none;
}
.grau {
  color: #666;
  font-size: 1.3em;
}
.rot {
  color: #B9062D;
}
/* ---------- RAHMEN ----------  */ 
#wrap {
  margin: 55px auto 0 auto;
  width: 850px;
  width: 896px;
  text-align: left;
  background-image:url(/de/ernst-machen/images/back-buch.gif);
  background-repeat: repeat-y;
}
/* ---------- HEADER ----------  */ 
#header {
  height: 63px;
}
#logo {
  float:left;
  background: #FFF;
}
/* ---------- /HEADER ----------  */ 

/* ---------- NAVIGATION ----------  */ 
#navi {
  float: left;
  background: #F47937;
  width: 796px;
  font-weight: bold;
  font-size: 0.8em;
  height: 43px;
  text-transform:uppercase;
  
}
#navi ul {
  float: left;
  list-style-type: none;
  margin: 0 0 0 0;
  padding: 0;
  /* width: 635px; */
  
}
#navi ul li {
  display: inline;
}
#navi ul li a {
 color: #FFF;
 padding: 10px 15px 10px 15px;
 line-height: 36px;
 text-decoration: none;
}
#navi ul li a:hover {
 background: #FBBC9A;
 width: 100px;
 color: #FFF;
 text-decoration: none;
}
#naviActive a{
 background: #FBBC9A;
}

#impressum {
 float: right;
 width: 100px !important;
 margin-right: 16px;
 }
#subnaviBack {
  margin-top: -8px;
  float: left;
  width: 750px;
  width: 796px;
  height: 28px;
  background: #F47937;
}
#subnavi {
  float: left;
  width: 796px;
  font-weight: bold;
  font-size: 0.7em;
  line-height: 28px;
  text-transform:uppercase;
  background: #F47937;
}
#subnavi ul {
  float: left;
  list-style-type: none;
  margin: 0 7px 0 5px;
  padding: 0;
  width: 615px;
}
#subnavi ul li {
  display: inline;
}
#subnavi ul li a {
 color: #FFF;
 padding: 10px;
 text-decoration: none;
}
#subnavi ul li a:hover {
 width: 100px;
 height: 50px;
 color: #C2363C !important;
 text-decoration: none;
}
#subnaviActive a{
 color: #C2363C !important;
}
#lastNavi {
  position: absolute;
  top: 118px;
  margin-left: 100px;
  background: #C2363C !important;
  width: 796px;
  line-height: 25px !important;
  font-weight: bold;
  font-size: 0.6em;
  text-transform:uppercase;
}
#lastNavi ul {
  float: left;
  list-style-type: none;
  margin: 0;
  padding: 0;
  width: 750px;
}
#lastNavi ul li {
  display: inline;
  line-height: 25px !important;
}
#lastNavi ul li a {
 color: #FFF;
 padding: 8px 5px 7px 10px;
 text-decoration: none;
}
#lastNavi ul li a:hover {
 background: #D17971;
 width: 100px;
 color: #FFF;
 text-decoration: none;
}
#lastNaviActive a{
 background: #D17971 !important;
}

/* ---------- /NAVIGATION ----------  */ 

/* ---------- CONTENT ----------  */ 
#contentBox {
  background-image:url(/de/ernst-machen/images/back-buch.gif);
}
#left {
  float: left;
  background: #F47937;
  width: 100px;
  text-align: center;
}
#left img {
  margin: 10px 0 10px 0;
}
#contentWrap {
  float: left;
  width: 620px;
}
#contentHome {
  background-image:url(/images/layout/backHome.jpg);
  font-size: 0.7em;
  padding: 20px 20px 20px 50px;
  line-height: 1.4em;
  height: 320px;
}
#content {
  font-size: 0.7em;
  background: #FFD51D;
  padding: 20px 50px 20px 50px;
  line-height: 1.4em;
}
.phone {
  padding: 10px 65px 10px 0;
  color: #CC3434;
  background-image:url(/images/layout/phone.gif);
  background-repeat: no-repeat;
}
.heart {
  padding: 10px 65px 10px 0;
  color: #CC3434;
  background-image:url(/images/layout/herz.gif);
  background-repeat: no-repeat;
}
.letter {
  padding: 10px 65px 10px 0;
  color: #CC3434;
  background-image:url(/images/layout/mailHelp.gif);
  background-repeat: no-repeat;
}
.newsBlock {
  margin-top: 15px;
  padding-bottom: 10px;
  border-bottom: 1px solid #CC3434;
}
.newsBlockLast {
  margin-top: 15px;
  padding-bottom: 10px;
}
.newsLink a{
  color: #333;
  text-decoration: none;
}
.moreLink {
  display: block;
  margin-top: 3px;
  padding-left: 21px;
  color: #333 !important;
  text-decoration: none;
  background-image:url(/images/layout/pfeil.gif);
  background-repeat: no-repeat;
}
#print {
  float: right;
  margin: 10px 50px 20px 0;
}
#print a {
  font-size: 0.7em;
  text-decoration: underline;
  color: #333;
}
#newsLeft {
  float: left;
  width: 275px;
}
#newsRight {
  float: left;
  width: 275px;
}
#tableStyle {
  margin-top: 10px;
  padding: 0;
  border-collapse: collapse;
}
#tableStyle td { 
  padding: 10px 5px 10px 5px;
  vertical-align: top;
}
#tableStyle .hell{
  background: #E1E1E1 !important;
}
/* ---------- /CONTENT ----------  */ 

/* ---------- FORMULAR ----------  */ 
#mailHelp input {
  float: left;
  margin: 10px 10px 10px 0;
  width: 250px;
  border: 1px solid #FFF;
 
}
#mailHelp textarea {
  float: left;
  width: 250px;
  height: 150px;
  border: 1px solid #FFF;
}
#mailButton {
  background: #D17971;
  border: 1px solid #D17971 !important;
  color: #FFF;
  width: auto !important;
  margin: 135px 0 0 10px !important;
  font-size: 12px;
}
/* ---------- /FORMULAR ----------  */ 


/* ---------- RIGHT ----------  */ 
#right {
  float: left;
  background: #FFF;
  width: 176px;
  height: 428px;
}
#sponsoren {
  position: relative;
  margin-top: 30px;  
}
#sponsoren img {
  /* margin: 5px 0 5px 0; */
}
#right img {
  margin-left: 5px;
}
#bestellen {
  margin: 120px 0 0 30px;
  font-size: 12px;
  font-weight: bold;
}
#buchCover {
  margin: 20px 0 30px 35px !important;
}
/* ---------- /RIGHT ----------  */ 


/* ---------- FOOTER ----------  */ 

#footer {
  background-image:url(/de/ernst-machen/images/back-buch.gif);
  width: 896px;
  height: 98px; /*Neu! Grüße aus Karlsruhe */
}
#footer img {
  margin-left: 100px;
}
/* ---------- /FOOTER ----------  */ 

/* moodalbox CSS */

div#mb_overlay {
position: absolute;
left: 0;
width: 100%;
background-color: #000;
cursor: pointer;
}

div#mb_center, div#mb_bottom {
position: absolute;
left: 50%;
overflow: hidden;
background-color: #DDD;
}

div#mb_center {
background-color: #FFF;
}

div#mb_contents {
width: 400px;
height: 400px;
border: 10px solid #DDD;
overflow: auto;
background-color: #FFF;
visibility: hidden;
}

.mb_loading {
background: #DDD url(/images/layout/loading.gif) no-repeat center center;
}

#mb_error {
font-size: 1.2em;
color: #CD0000;
font-weight: bold;
text-align: center;
padding: 0.5em;
font-family: Verdana, Helvetica, sans-serif;
}

#mb_error em {
font-size: 0.8em;
}

div#mb_bottom {
font-family: Verdana, Helvetica, sans-serif;
font-size: 10px;
color: #666;
line-height: 1.4em;
text-align: left;
border: 10px solid #DDD;
border-top-style: none;
}

a#mb_close_link {
display: block;
float: right;
width: 66px;
height: 22px;
background: transparent url(/images/layout/closelabel.gif) no-repeat center;
margin: 5px 0;
}

div#mb_caption {
margin-right: 71px;
}


.edit {
  font-size: 12px;
  color: #FF0000;
  font-weight: bold;
}