/* Allgemein */
*           { margin: 0 auto; padding: 0; font-family:Arial, Helvetica, sans-serif; font-size:12px; color:#000;                                                                  }
html, body  { background: #488CC0 url(../img/bg.gif        ) repeat-x; margin: 0 auto; padding: 0; text-align: center; font-family:Arial, Helvetica, sans-serif; font-size:12px; }

/* Grundstruktur */
#logo       {                                                           margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  height: 294px; }
#content    { background: #488CC0 url(../img/bg_main.gif     ) repeat-y;  margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  height: auto;  }
#content_alter     { background: #488CC0 url(../img/bg_main_reg.jpg ) no-repeat;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#content_adoptiert { background: #488CC0 url(../img/bg_adoptiert_reg.jpg ) repeat-y;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#content_anziehend { background: #488CC0 url(../img/bg_anziehend_reg.jpg ) repeat-y;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#content_cool      { background: #488CC0 url(../img/bg_cool_reg.jpg ) repeat-y;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#content_himmel    { background: #488CC0 url(../img/bg_himmel_reg.jpg ) repeat-y;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#content_reich     { background: #488CC0 url(../img/bg_reich_reg.jpg ) repeat-y;  height:450px; margin: 0 auto;  padding: 0; text-align: left;    width: 972px;  }
#footer     { background: #488CC0 url(../img/footer.gif      ) no-repeat; margin: 0 auto; padding: 0; text-align: center; width: 972px; height: 26px;  }

/* Inhalte */
.box           { background: #488CC0 url(../img/box.gif       ) repeat-y; margin: 0; padding: 0; text-align: left; width: 471px; height: 161px; float:left; text-align:left; }
.boxcolumns    { margin-left:14px; text-align:left;                                                                                                                              }
.boxcontent    { text-align:left; color: #000; padding-left:35px;  padding-right:35px; padding-top:10px;                                                                                                                            }
.headline      { text-align:left; margin-left: 22px; margin-top:15px; color: #fff; font-size:16px; font-weight:bold;                                             }
.teaserimg     { float:left;padding-left:20px;padding-right:15px;margin-top:15px;text-align:left; width:90px;}
.teasertxt     { float:left; margin-top:15px;height:50px; width:330px; text-align:left;color: #fff;}
#revoke        { background-color:#A9D0E4; border: 1px dashed #377BA8; padding:5px }
#kontakt       { background-color:#A9D0E4; border: 1px dashed #377BA8; padding:5px }
.boxcontent p  { margin: 15px 0px }
.boxcontent ol { margin: 30px 30px; }
.boxcontent ul { margin: 30px 30px; list-style: square }
.boxcontent li { padding-bottom: 20px }
#formstil      { width:500px;margin-left: 220px;height:400px;padding:5px;background-color:#fff;color:#000; }
#mailform      { background-color:#fff;border:1px solid #ccc;width:606px;margin-left:178px;margin-top:35px; padding:5px; }

/* Link styles */

div#mailform a:link     { color: #044398; text-decoration: none;  font-size:12px; }
div#mailform a:visited  { color: #044398; text-decoration: none;  font-size:12px; }
div#mailform a:hover    { color: #227CB7; font-size: 12px; }
div#mailform a:active   { color: #044398; text-decoration: none;  font-size:12px; }
div#mailform a:focus    { color: #044398; text-decoration: none;  font-size:12px; }

p.headline a:link     { color: #fff; text-decoration: none; font-size:16px; }
p.headline a:visited  { color: #fff; text-decoration: none; font-size:16px; }
p.headline a:hover    { color: #1F5C84; font-size:16px; }
p.headline a:active   { color: #fff; text-decoration: none; font-size:16px; }
p.headline a:focus    { color: #fff; text-decoration: none; font-size:16px; }

div#maintext a:link      { color: #044398; text-decoration: none;  font-size:12px; }
div#maintext a:visited   { color: #044398; text-decoration: none;  font-size:12px; }
div#maintext a:hover     { color: #227CB7; font-size: 12px; }
div#maintext a:active    { color: #044398; text-decoration: none;  font-size:12px; }
div#maintext a:focus     { color: #044398; text-decoration: none;  font-size:12px; }

div.forminfos a:link      { color: #004A7B; text-decoration: none; font-weight:bold; }
div.forminfos a:visited   { color: #004A7B; text-decoration: none; font-weight:bold; }
div.forminfos a:hover     { color: #227CB7; font-weight:bold;}
div.forminfos a:active    { color: #004A7B; text-decoration: none; font-weight:bold; }
div.forminfos a:focus     { color: #004A7B; text-decoration: none; font-weight:bold; }

a:link      { font-size: 12px; color: #fff; text-decoration: none;  }
a:visited   { font-size: 12px; color: #fff; text-decoration: none;  }
a:hover     { font-size: 12px; color: #fff; text-decoration: underline; }
a:active    { font-size: 12px; color: #fff; text-decoration: none;  }
a:focus     { font-size: 12px; color: #fff; text-decoration: none;  }

a img                                               { border: none; }

/* Button styles */
a.boldbuttons                      { background: transparent url('../img/roundedge-gray-left.gif') no-repeat top left; float: left; font: bold 13px Arial;line-height: 21px; height: 30px; padding-left: 8px; text-decoration: none; color: #fff; }
a:link.boldbuttons, a:visited.boldbuttons, a:hover.boldbuttons, a:active.boldbuttons{color: white; }
a.boldbuttons span                 { background: transparent url('../img/roundedge-gray-right.gif') no-repeat top right; display: block; color: #fff; padding: 4px 10px 4px 2px; }
a:hover.boldbuttons                { text-decoration: underline; color: #fff; }
.buttonwrapper                     { overflow: hidden; width: 140px; float:right; margin-top:13px; }
.contentinfo { font-size: 18px; }


h1 { color:#36759E; font-size:24px; font-weight:bold; }
table,
tr,
td { margin:0; padding:5px; text-align:left; color:#000; }

#createform          { font-weight:bold; font-size:11px; text-align:right; padding-right:0px }
#smallagree          { font-size:12px; padding-top:10px}
#smallinfo           { font-size:10px; padding-top:20px; padding-left:5px; padding-right:0px;color:#fff; }
.forminfos         { color:#000; font-size: 14px }

input                { font-size:11px; color:#000000;  }
select               { font-size:11px; padding:1px; border:1px solid #555555; color:#000000; }
option               { font-size:11px; height:14px; color:#000000; }

input#firstname      { width:60px; margin-right:5px }
     #lastname       { width:100px }
     #street         { width:130px; margin-right:5px }
     #no             { width:30px }
     #zipcode        { width:50px; margin-right:5px }
     #place          { width:110px }
     #email          { width:166px }
     #agreed         { margin:1px 10px 35px 0px; float:left }
     #submit         { border:0px; margin-top:10px }

select#salutation    { width:62px }
      #country       { width:85px }
      #day           { width:40px }
      #month         { width:40px }
      #year          { width:60px }

#errorbox            { padding:8px; border:1px solid #ff9428; background-color:#f8f4a9; color:red; font-size:12px; font-weight:bold; }

