html * { font-size: 100.01% }
* {
    margin: 0;
    padding: 0;
    border: 0;
}
body {
    text-align: center;
    background: #fff;
    font: 82%/160% "Lucida Sans Unicode","Lucida Sans","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}
a {
    color: #09C;
    text-decoration: underline;
}
#wrapper a {
    color: #09C;
    text-decoration: underline;
}
#wrapper a:visited {
    color: #4be;
}
#wrapper a:hover {
    color: #168;
}
h1, h2, h3, h4 {
    margin-bottom: .2em;
    color: #09c;
}
h1 {
    font: 10px/1px "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    text-indent: -9999px;
}
#header p {
    display: none;
}
h2 {
    font: bold 180%/100% "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}
h3 {
    font: bold 130%/140% "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
    color: #F28E00;
}
h4 {
    margin: 0;
    font: bold 110%/140% "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}
p {
    margin-bottom: 1.5em;
}
td {
    vertical-align: top;
}
tr.first_row td {
    font-weight: bold;
}
table.content {
    border-collapse: collapse;
    table-layout: fixed;
    margin-bottom: 2em;
}

table.content td {
    padding: .3em;
    border: 1px solid #96BEDA;
}
pre {
    padding: 1em;
    background: #EEF0F7;
    line-height: 120%;
    border-left: 5px solid #8AB;
}
ul, ol {
  margin: 0 0 1em 2em;
}



/* Klassen
------------------------------------------------------- */

.trenner {
    margin-bottom: 3em;
    padding-bottom: .8em;
    border-bottom: 1px solid #999;
}
.valid, hr {
    display: none;
}
.error {
    color: #f00;
    font-weight: bold;
}
.sonderaktion {
    color: #fff !important;
    font-weight: bold;
    font-size: 130%;
    background: #F28E00;
    padding: .5em;
}
.sonderaktion a {
    color: #fff !important;
}
.clear {
    clear: both;
}
.imgleft {
    float: left;
    margin: 5px 10px 0 0;
    text-align: right;
}
.imgright {
    float: right;
    margin: -4px 0 0 0;
}
.mobilcont {
    margin-left: 160px;
}
.mobilcontright {
    margin: 0 160px 0 0;
}

.blue {
    color: #09c;
    font-weight: bold;
}
.orange {
    color: #F28E00;
    font-weight: bold;
}
.pdf {
    position:absolute;
    bottom: 27px;
    right: 0;
}
a.pdf_icon {
    padding-left: 18px;
    background: transparent url(../gfx/icon_pdf.gif) no-repeat;
    text-decoration: none;
    font-size: 101%;   /* damit Firefox ds komplette pdf-icon anzeigt */
}

#wrapper {
    position: relative;
    margin: 0 auto;
    padding: 0 .5em;
    width: 980px;
    text-align: left;
    z-index: 1;
    min-height: 700px;
}
* html #wrapper {
    height: 800px;
}

#header {
    position: relative;
    top: 23px;
    height: 220px; /* Hoehe Header (Position Content) */
}
#cup-service {
    position: absolute;
    top: 57px;
    height: 122px;
    width: 980px;
}
/* Header bilder wechseln */
.eltern, .eltern2, .eltern19, .eltern200, .eltern201 {
    background: url(../gfx/cup-service.jpg) no-repeat;
}
.eltern3, .eltern11 {
    background: url(../gfx/header-becher.jpg) no-repeat;
}
.eltern18 {
    background: url(../gfx/header-mobiler-verkauf.jpg) no-repeat;
}

#cup-service img {
    margin: 7px 0 0 9px; /* Position Logo */
}

#cont {
    margin: 0 auto;
}
.thickbox {
    text-decoration: none !important;
    font-size: 76%;
}
.thickbox.vorzuege {
    font-size: 100%;
}
.thickbox img {
    margin: 0 0 -5px 0;
}



/* Textcontainer
------------------------------------------------------- */

/*.trennlinie {
    background: url(../gfx/trenner.gif) repeat-y 50%;
}*/

.left {
    width: 48%;
    float: left;
}
.right {
    width: 48%;
    float: right;
}
.left70 {
    position: relative;
    width: 73%;
    float: left;
  /* border: 1px solid blue; */
}
.right30 {
    width: 24%;
    float: right;
  /* border: 1px solid red;  */
}
.floatleft {
    margin-top:.2em;
    float: left;
}
.floatright {
    margin-top:.2em;
    float: right;
}
.floatleft span,
.floatright span {
    display: block;
    margin: -.9em 0 0 .8em;
    font-size: 76%;
    line-height: 140%;
}

.container:after {
 content: ".";
 display: block;
 height: 0;
 clear: both;
 visibility: hidden;
}

.container {
 margin: 0 0 1em;
 padding: 2em 0 0 0;
 display: block;
}

/* Holly Hack Targets IE Win only \*/
* html .container {height: 1%;}
       .container {display: block;}
/* End Holly Hack */


/* Sidebar
------------------------------------------------------- */
#sidebar {
    font: 100%/140% "Lucida Sans","Lucida Sans Unicode","Trebuchet MS",Tahoma,Verdana,Arial,sans-serif;
}

#sidebar h2 {
    font-size: 120%;
    margin-top: 2em;
}
#sidebar ul {
    list-style: none;
    margin-left: 0;
    padding-left: 0;
}
#sidebar ul li {
    margin-left: 1em;
}
#sidebar ul ul {
    margin-top: .5em;
}
#sidebar ul ul li {
    margin-left: .2em;
}

/* Formular
------------------------------------------------------  */
form#kontakt {
    line-height: 180%;
}
#kontakt fieldset {
    margin: 1em 0 1em 0;
    padding: 0 0 1em 1em;
    border: 1px #6DC9EE dotted;
    width: 95%;
}
#kontakt legend {
    margin: 0 0 .5em 0;
    padding: 0 5px;
    line-height: 130%;
    background: #fff;
}
#kontakt label {
    clear: both;
    float: left;
    width: 20%;
    text-align: right;
}
#kontakt input, #kontakt textarea, #kontakt select {
    margin: .3em 0 0 0;
    padding: .1em .3em;
    font: 100% Tahoma,"Trebuchet MS",Verdana,Geneva,Arial,Helvetica,sans-serif;
    background: #E6F3F9;
    color: #222;
    border: #6DC9EE solid 1px;
}
#kontakt input[type=radio] {
    border: #fff solid 0px;
}
#kontakt input[type=checkbox] {
    margin: 0 0 0 1em;
    padding: 0;
}
#kontakt input:focus,
#kontakt textarea:focus {
    background: #F6F8F9;
    color: #222;
    border: #257 solid 1px;
}
#kontakt input[type=text],
#kontakt select,
#kontakt textarea {
    margin-left: 1em;
    width: 44.7%;
    max-width: 24em;
    text-align: left;
}
#kontakt textarea {
    width: 70%;
    max-width: 39em;
}
#kontakt select#kontaktfeld {
    width: 20%;
}
#kontakt input[type=submit] {
    cursor: pointer;
}
#kontakt input.submit {
    border: none;
}
#kontakt .notwendig_fehler, #kontakt .notwendig_fehler:focus {
    border: 2px solid #D10F00;
}
#kontakt table { width: 100%; margin-bottom: 0; border: 0px solid #fff;}
#kontakt td { padding: 0; border: 0px solid #fff; }

pre {
    padding: 1em;
    background: #E6F3F9;
    line-height: 120%;
    border-left: 5px solid #6DC9EE;
}



/* Linkus
------------------------------------------------------ */
form.linkus div{
  margin-bottom: 4em;
}
form.linkus p {
  margin-left: 22%;
}
form.linkus legend {
    line-height: 290%;
    font-size: 140%;
    font-weight: bold;
    color: #F48E00;
}



/* Schatten um eine Box
------------------------------------------------------ */
.p-shadow {
  width: 97%;
  float:left;
  background: url(../gfx/shadowAlpha.png) no-repeat bottom right;
  margin: 10px 0 0 10px;
  }
.p-shadow p {
  background-color: #fff;
  border: 1px solid #A5D1E3;
  padding: 6px;
  margin: -6px 6px 6px -6px;
  font-weight: bold;
  }


/* Textcontainer im Footer
------------------------------------------------------- */
#footer {
    padding-top: 4em;
    color: #6BB6CE;
    font-size: 76%;
}
#footer div {
    padding: 0;
    margin: 0;
}
#footer p {
    margin:0 0 1.2em;
    color: #6BB6CE;
}
#footer a {
    color: #6BB6CE;
}
#footer ul {
    list-style: none;
}
#footer div.modul {
    overflow: hidden;
    background: url(../gfx/footerbox.gif) repeat-x bottom left;
    padding-bottom: 10px;
    margin-bottom: 10px;
    width: 980px;
    line-height: 140%;
}

#footer div.modul div.modul2 {
    float: left;
    width: 980px !important;
    width /**/:980px;
    background: url(../gfx/footerbox.gif) repeat-x top left;
    padding: 15px 15px 0;
}