/*  B A S I C S
------------------------------------------------------------------------------------ */

* { border: 0; margin: 0; padding: 0; }
html { height: 100% }
body { background: #fff; font-size: 100.01%; text-align: center; padding: 10px; }

#container, td, div { font: normal 0.75em/150% Arial, Helvetica, sans-serif; color: #535557; }

div { text-align: left; }

p, h2, h3, h4, h5, ul, ol, fieldset { margin-bottom: 12px; }
h2, h3, h4, h5, strong, b { font-weight: bold; }

h2 { font-size: 1.8em; letter-spacing: -1px; padding-top: 24px; }
h3 { font-size: 1.2em; letter-spacing: -1px; padding-top: 8px; }
h4, h5 { font-size: 1em; }

a:link, a:visited { color: #006dd9; text-decoration: none; outline: 0; }
a:hover, a:active { color: #006dd9; text-decoration: underline; outline: 0; }

:focus { outline: 0; -moz-outline-style: none; }

ul { list-style: none; }
ul li { background: url("../images/li.gif") no-repeat left 5px; padding-left: 12px; }
ol { list-style: outside decimal; }
ol li { margin: 0 20px 12px; }

table { table-layout: fixed; overflow: hidden; border: 0; border-collapse: separate; border-spacing: 0; margin-bottom: 24px; }

input, textarea, select { font-size: 1em; font-family: Arial, Helvetica, sans-serif; color: #939597; vertical-align: middle; border: 1px solid #000; padding: 3px; }
textarea { overflow: auto; }

small { font-size: 0.9em; line-height: 150%; }

em, i { font-style: italic; }
strike, del { text-decoration: line-through; }
blockquote, cite { background: #EEE; border-left: 1px solid #999; height: 1% /* stupid IE */; width: auto; margin: 1em 0 1em 2em; padding: 1.5em 2em 0.5em; }
code { font-family: Monaco, monospace; font-size: 1em; }
sup, sub { font-size: 80%; line-height: 0 !important; color: #939597 !important; }


/*  S P E C I A L   F O R M A T T I N G
------------------------------------------------------------------------------------ */

.no-border { border: 0 !important; }

.no-margin { margin-bottom: 0 !important; }
.margin { margin-bottom: 12px !important; }
.big-margin { margin-bottom: 24px !important; }
.superbig-margin { margin-bottom: 36px !important; }

.normal { font-weight: normal !important; letter-spacing: 0 !important; }
.italic { font-style: italic !important; }
.center { text-align: center !important; }


/* Hidden Elements */

hr, legend, a span, button span, .inv, #skip { display: none; }


/* Floats */

.left { float: left; }
.right { float: right; }


/* Floating Images */

img.left { margin: 0.4em 1.5em 1em 0; }
img.right { margin: 0.4em 0 1em 1.5em; }


/* Special Links */

a.more { background: transparent url("../images/a-more.gif") no-repeat right center; font-weight: bold; padding-right: 0.7em; }
a.more:hover { text-decoration: underline; }
a.more span { display: none; }

a.top { background: transparent url("../images/a-top.gif") no-repeat right center; font-weight: bold; padding-right: 0.9em; }
a.top:hover { text-decoration: underline; }


/* Clearfix */

* html .clearfix { height: 1%; overflow: visible; } /* IE6 Fix */
*+html .clearfix { min-height: 1%; } /* IE7 Fix */
.clearfix:after { clear: both; content: "."; display: block; height: 0; visibility: hidden; }


/* Colors */

.red, .error { color: #DD0000; }
.green, .success { color: #809900; }

.light { color: #939597 !important; }


/* Grußkarten Editor
   -----------------
   Diese Styles überschreiben die Angaben im Editor (zwecks Anpassung an spezifische Layouts)
*/

span.b18 {
  font-weight: bold !important;
  font-size: 1.2em; letter-spacing: -1px !important; padding-top: 8px !important;
}

table.tab_functions {
  width: 100% !important;
}
table.tab_functions td {
  background-color: #E3E5E7 !important;
  padding: 3px 6px 3px 6px !important;
}
table.tab_functions {
  background-color: #E3E5E7 !important;
}
table.tab_functions option, table.tab_functions select, table.tab_functions input {
  color: #535557 !important;
}

.thumb {
    vertical-align: middle;
    text-align: center;
    background-color: #ffffff;
    border: 1px #bbbbbb solid;
    background-repeat: no-repeat;
    width: 142px !important;
    float: left !important;
    margin: 1px !important;
}
.thd {
    height: 144px !important;
    width: 142px !important;
    vertical-align: middle;
    text-align: center;
}
