@charset "utf-8";
/* ---------------------------------------------------------------------------
    Style Sheet für die Ausgabe am Monitor
-----------------------------------------------------------------------------*/
*                       { margin:0; padding:0; line-height:100% } /* Entferne die Abstände von allen Elementen */
html                        { height:100% }
body                        { margin:1em; font-size:62.5%; font-family:Verdana, Tahoma, Arial, sans-serif; position:relative; color:#333; background:#fff; text-align:center }
img                     { border:0; padding:0; margin:0 } /* Entferne den Rahmen um verlinkte Bilder */

/* =Struktur
-----------------------------------------------------------------------------*/
#wrapper                { padding:1em; background:#fff; width:900px ; margin:0 auto; text-align:left}
#languages              { text-align:right;margin-right:1em; padding-bottom:1em; background:#fff;}
#header                 { width:900px; background:#eee; height:180px; position:relative;}
#header .logo             { position:absolute; top:50px; left:20px}
#header .logo2            { position:absolute; top:120px; left:795px}
#nav                    { width:900px;background:#bbb;}
#main                   { width:900px;background:#fff;}
#content                { width:600px;float:left; margin-top:1em;}
.contentBox             { width:196px;float:left; position:relative}
#sidebar                { width:270px;float:right; background:#bbb;margin-left:1em 0; padding:0 10px 10px 10px }
.sidebarBox             { width:260px;background:#eee; padding:5px; margin: 10px 0 0 0}
.sidebarBoxTop       { width:260px;background:#eee; padding:5px 5px 5px 5px; margin: 0 0 5px 0}
#footer                 { width:900px; clear:both; padding-top:10px; margin-top:1em; border-top:3px solid #bbb; text-align:center; background:#fff; }

/* =Navigation
-----------------------------------------------------------------------------*/
#nav li                 { list-style:none; font-size:1.4em;  ;padding:.4em .8em .2em .8em ; float:left; margin:0}
.trenner                { padding:1em;}
#nav a                  { color:#fff;text-decoration:none;font-weight:bold}
#nav a:hover            { text-decoration:underline; }
#nav li.aktiv,
#nav li.aktiv a         { background:#eee; color:#000; font-weight:bold}

/* =Überschriften und Fließtext
-----------------------------------------------------------------------------*/
h1                            { font-size:1.8em; font-weight:normal; line-height:1em; margin:1em 0 1.5em 0; color:#360 }
h1.aktuelles          { line-height:1em; margin: 1em 0 .5em 0}
h1.homepage          { line-height:1em; margin: 0 0 .5em 0}
h1.teaser              { font-size:1.8em; font-weight:normal; line-height:1em; margin:1em 0 .5em 0; color:#891818; position:absolute; top:68px; left:3px;}
h1.teaser a           { color:#891818; text-decoration:none}
#sidebar h1           { color:#360; text-decoration:none; font-size:1.5em; font-weight:bold; margin:.5em 0 .5em 0}
#sidebar p             { margin:0 0 1em 0; padding:0 }
#sidebar li             { margin:0; padding:0; list-style-type:none; line-height:1.7em; font-size:1.3em; margin-bottom:.5em }
h2                      { font-size:1.4em; font-weight:bold; line-height:1.285em; margin:1em 0 .5em 0; padding:0; color:#360 }
h2 a,
h2 a:link,
h2 a:visited,
h2 a:hover,
h2 a:active            { font-size:1em; font-weight:bold; color:#360; text-decoration:none }
h3                      { font-size:1.4em; font-weight:bold; line-height:1.285em; margin:1.5em 0 .5em 0; padding:0 }
p                       { font-size:1.4em; line-height:1.5em; margin: 0 0 .5em 0; padding:0; font-weight:normal; font-style:normal }
             { font-size:1.4em; line-height:1.5em; margin: 0 0 .5em 0; padding:0; font-weight:normal; font-style:normal }
p.teaser                { font-weight:bold; width:290px; color:#666; font-size: 1.2em}
p.teaser a              { font-weight:bold; color:#666; font-size: 1.4em}
div.button                { width:155px; height:25px;line-height:22px; text-align:center;  background:#fad60a;}
div.button a,
a:link.button,
a:visited.button  { font-weight:bold;color:#00f; font-size: 1.2em ; vertical-align:middle;text-decoration:underline; }


p.small               { font-size: 1.2em ;}

ul                      { margin:0;padding:0;}
ul.content                              { margin:0 0 .8em 0 ;padding:0;}
li                      { font-size:1.2em; line-height:1.5em; margin: 0 0 .5 0; margin-left:15px; padding:0; font-weight:normal; font-style:normal }

dl                      { margin:0;padding:0;}
dt                      { font-size:1.285em; line-height:1.5em; margin: 0 0 .125em 0; padding:0; font-weight:bold; font-style:normal }
dd                      { font-size:1.285em; line-height:1.285em; margin: 0 0 1em 2em; padding:0; font-weight:normal; font-style:normal }

table.preise    { width:600px; border-collapse:collapse; }
th                      { font-size:1.285em;text-align:center }
td                      { font-size:1.285em; border:thin solid; padding:.5em}
td.right          {width:75px;text-align:right;}


#footer p              { margin-bottom:.75em }
#footer .aktiv    { font-weight:bold }
#footer .trenner            { padding:0 .5em }
.error                      {color:red;}
.ok                      {color:green;font-weight:bold;}

/* =Links
-----------------------------------------------------------------------------*/
a                       { color:#369; font-weight:normal }
a:link                  { color:#369 }
a:visited               { color:#900 }
a:hover                 { text-decoration:underline }
a:active                { text-decoration:underline }

/* =Content
-----------------------------------------------------------------------------*/
img.right          { float:right; margin-left:2em }
label                   { float:left; width:250px }
imput                   { float:right; width:250px }
form p                  { line-height:1.5em; font-size:1.2em }
label,
select,
input[type=checkbox],
input[type=radio],
input[type=button],
input[type=submit]      { cursor: pointer }
input, textarea         { background:#ddd }
input:focus,
textarea:focus          { color:#000; background:#fff; outline:1px solid red }
.left                   { float:left; text-align: right; width:40%; margin-right:2% }
.right,
button                  { margin-left:42% }
input.error,
select.error,
textarea.error    { border:2px solid #E2091A; background:#ffc; color:#5f5e59 }
.lineDashed     { height:1.5em; font-size:1.2em; line-height:1.5em; margin:0; padding:0; background:url(/img/line_dashed.gif) 0 50% repeat-x }
/* =Helper
-----------------------------------------------------------------------------*/
.noMarginTop            { margin-top:0 }
.clear                                  { clear:both; line-height:0; height:0; margin:0; padding:0; font-size:.1em; overflow:hidden }
.hide                   { position:absolute; left:-1000em; width:20em }
.nb                     {  white-space:nowrap}