/* StyleSheet-Datei von www.sim400.de.be - by sim4000 (sim4000@pudelwerfer.de) */

body { background-color:#CCCCCC; color:black; font-family:Arial; font-size:12px; }

hr { border:0px; border-bottom:1px dotted #a0a0a0; height:1px; background-color:white; }
input { background-color:white; border:1px dotted #a0a0a0; }
textarea { background-color:white; border:1px dotted #a0a0a0; }
img { vertical-align:middle; border:0px; }

ul { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; display:block; text-align:left; }
ul li { display:block; margin:0px 10px 5px 10px; padding:0px 0px 0px 15px; background:url('../images/icons/bullet.png');
        background-repeat:no-repeat; background-position:left 4px; list-style-type:none; }

table, td, th { border-collapse:collapse; }

/* Design und Aufbau */

div#outline { width:900px; top:5%; left:50%; margin-left:-450px; position:absolute; padding:0px 0px 0px 0px; text-align:left;
              padding-bottom:40px!important; }
div#header { background-image:url('../images/banner.jpg'); background-position:left; background-repeat:no-repeat; padding:5px 10px 0px 0px;
             width:892px; border:1px solid black; margin-bottom:4px; height:94px; background-color:white; text-align:right; }
   div#header[id] { width:887px!important; }
div#left { width:150px; float:left; margin-right:4px; }
   div#navi { width:148px; border:1px solid black; margin-bottom:4px; background-color:white; padding:5px 0px 0px 5px; }
      div#navi[id] { width:143px; }
      div#navi div { margin-bottom:10px; }
      div#navi div span { font-weight:bold; }
   div#ad { width:148px; border:1px solid black; background-color:white; padding:5px 5px 5px 5px; font-size:12px; float:left; }
      div#ad[id] { width:138px!important; }
      div#ad div span { font-weight:bold; }
      div#ad table { font-size:12px; }
      div#ad th { text-align:right; padding-right:5px; font-weight:normal; }
   div#search { width:148px; border:1px solid black; margin-bottom:4px; margin-top:4px; background-color:white; padding:5px 5px 5px 5px; float:left; }
      div#search[id] { width:138px!important; }
      div#search input { width:65%; margin-bottom:5px; }
      div#search input.button { width:auto; }
      div#search div { margin-bottom:10px; }
      div#search div span { font-weight:bold; }
   div#stat { width:148px; border:1px solid black; margin-bottom:4px; background-color:white; padding:5px 5px 5px 5px; font-size:12px; float:left; }
      div#stat[id] { width:138px!important; }
      div#stat div span { font-weight:bold; }
      div#stat table { font-size:12px; }
      div#stat th { text-align:right; padding-right:5px; font-weight:normal; }
div#right { width:694px; float:left; }
   div#right[id] { width:745px; }
   div#bread, div#content, div#footer { padding:3px 10px 3px 10px; font-size:12px; width:738px; }
      div#bread[id], div#content[id], div#footer[id] { width:723px; }
   div#bread { border:1px solid black; background-color:white; margin-bottom:4px; }
   div#content { border:1px solid black; background-color:white; margin-bottom:4px; padding:10px 10px 10px 10px;
                 vertical-align:top; float:left; }
      div#content table,div#content td { vertical-align:top; }
   div#footer { border:1px solid black; background-color:white; float:left; }
      div#footer a img { border:0px; }
      div#footer table tr td { font-size:12px; }

/* Ende */

/* Navigation */

   div#navi ul { margin:0px 0px 10px 14px; padding:0px 0px 0px 0px; }
   div#navi ul li { background-image:url('../images/icons/folder.gif'); background-position:left 0px; padding:3px 0px 0px 18px; margin:0px 0px 0px 0px; }
   div#navi ul li.none { background-image:none; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
   div#navi ul li.open { background-image:url('../images/icons/folder_open.gif'); }
   div#navi ul ol li { background-image:url('../images/icons/bullet_orange.gif'); background-position:left 2px; padding:3px 0px 0px 16px; }
   div#navi ol { margin:-15px 0px 0px 14px; padding:0px 0px 0px 0px; }
   div[id]#navi ol { margin-top:0px!important; }
   div#navi a { font-weight:normal; }
   div#navi li { margin:0px 0px 0px 0px; padding:0px 0px 0px 14px; }

/* Ende */

div.sitemap { position:relative; top:5px; right:10px; text-align:right; }

.lock { background-image:url('../images/icons/gb_freigeben.gif'); width:16px; height:16px; border:0px; padding:0px; }
.unlock { background-image:url('../images/icons/gb_sperren.gif'); width:16px; height:16px; border:0px; padding:0px; }
.edit { background-image:url('../images/icons/pencil.gif'); width:16px; height:16px; border:0px; padding:0px; }
.loeschen { background-image:url('../images/icons/cross.gif'); width:16px; height:16px; border:0px; padding:0px; }
.delcomm { background-image:url('../images/icons/comment_delete.gif'); width:16px; height:16px; border:0px; margin-left:5px!important; }

#accept { padding-left:20px!important; background-position:2px 50%!important; background-image:url('../images/icons/accept.gif'); background-repeat:no-repeat; }
#cross { padding-left:20px!important; background-position:2px 50%!important; background-image:url('../images/icons/cancel.gif'); background-repeat:no-repeat; }
#add { padding-left:20px!important; background-position:2px 50%!important; background-image:url('../images/icons/pencil_add.gif'); background-repeat:no-repeat; }

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

a:link.conlink { color: #000000; font-size:12px; font-weight:normal; text-decoration: none!important; border-bottom:1px dotted black; }
a:active.conlink { color: #000000; font-size:12px; font-weight:normal; text-decoration: none!important; border-bottom:1px dotted black; }
a:visited.conlink { color: #000000; font-size:12px; font-weight:normal; text-decoration: none!important; border-bottom:1px dotted black; }
a:hover.conlink { color: #000000; font-size:12px; font-weight:normal; text-decoration: none!important; border-bottom:1px dotted black; }

.title { color:#ffffff; font-size:12px; font-weight:bold; font-family:Arial; }
.vorwort { color: #000000; font-size: 12px; font-weight: bold; font-family: Arial; }
.fieldname { color: #0000ff; font-size: 11px; font-weight: bold; font-family: Arial; }
font.ueberschrift { color: #0000ff; font-size: 16px; font-weight: bold; font-family: Arial; }
h1 { color: #0000ff; font-size: 16px; font-weight: bold; font-family: Arial; margin:0px 0px 15px 0px; }


table#artinfo tr td { font-size:10px; }
table.comment { font-size:12px; border:1px dotted #a0a0a0; border-collapse:collapse; width:50%; margin-bottom:10px!important; }
table.comment td { border:1px dotted #a0a0a0; font-style:italic; padding:5px 10px 5px 10px; }
table.comment td img { margin-left:5px; margin-right:5px; }
table.comment th { font-weight:normal!important; padding:5px 10px 5px 10px; text-align:left; border-bottom:0px; }

table#commform { font-size:12px; width:70%; margin-top:10px; }
table#commform input { width:90%; margin:2px 0px 2px 0px; padding:0px 5px 0px 5px; }
table#commform input.button { width:40%!important; margin-left:10px; }
table#commform textarea { height:70px; width:80%; padding:5px 5px 5px 5px; }
table#commform tr td { text-align:left; vertical-align:top; }
table#commform tr th { padding:0px 5px 0px 5px; text-align:left!important; }
table#commform tr td table { margin:5px 0px 5px 0px; margin:3px 0px 3px 0px; float:left; border:1px dotted #a0a0a0; }
table#commform tr td table tr td { padding:2px 2px 2px 2px; border:1px dotted #a0a0a0; }
table#commform tr td table tr td.button { border:0px!important; }
table#commform tr td table tr th { padding:0px 5px 0px 5px; text-align:right!important; }

table#errmsg, table#infomsg { width:95%!important; height:20px; margin:20px 0px 20px 0px!important; }
table#errmsg tr td, table#infomsg tr td { padding-left:40px; background-repeat:no-repeat; background-position:10px 50%; vertical-align:middle;
                                          font-size:12px; border-left:0px!important; border-right:0px!important; }
table#errmsg tr td { background-image:url('../images/icons/error.gif'); color:#FFC864; border-top:1px dotted #FFC800; border-bottom:1px dotted #FFC800; background-color:#FFFFB4; }
table#infomsg tr td  { background-image:url('../images/icons/information.gif'); color:#6464FF; border-top:1px dotted #6464FF; border-bottom:1px dotted #6464FF; background-color:#96C8FF; }

table#linkliste { margin-top:20px; border: 1px dotted #a0a0a0; width: 100%; border-collapse: collapse; margin-right:20px; }
table#linkliste td { font-size:12px; border: 1px dotted #a0a0a0; padding: 5px; }

div.register { width:99%; text-align:right; margin:10px 0px 10px 0px!important; }
div.register font.sanzahl { font-size:12px; }
div.register a { font-weight:normal; }

table#artikel_cats { float:right; margin-left:10px; margin-bottom:5px; border:1px dotted #a0a0a0; font-size:12px; }
table#artikel_cats tr td { padding:0px 10px 0px 10px; border:0px; }
table#artikel_cats tr th { border:1px dotted #a0a0a0; }
table#artikel_cats tr a  { font-weight:normal; }

div.artikel { font-size:12px; margin:0px 10px 0px 10px; clear:left; }
div.artikel h2 { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; clear:left; }
div.artikel h2 a { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
div.artikel h2 a:link { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
div.artikel h2 a:active { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
div.artikel h2 a:visited { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
div.artikel h2 a:hover { color:blue; font-size:14px; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; }
div.artikel div.info { text-align:left; clear:left; margin-bottom:20px; }
hr.artikel { margin:15px 0px 15px 0px; }

table.gb { width:95%; border:1px dotted #a0a0a0; border-collapse:collapse; margin-bottom:10px!important; font-size:12px; }
table.gb td { border:1px dotted #a0a0a0; padding:2px 5px 2px 5px; }
table.gb th { padding:0px 5px 0px 5px; }
table.gb td span { vertical-align:middle; }
table.gb td span input { margin:5px 5px 0px 5px; vertical-align:middle; }
table.gb td span img { margin:5px 5px 0px 5px; vertical-align:middle; }

table.smileys { border:1px dotted #a0a0a0; margin-top:1px; }
table.smileys td { border:1px dotted #a0a0a0; }
table.smileys th { text-align:right!important; }

table#gbform { width:95%; height:100px; margin-bottom:10px; }
table#gbform th { text-align:right; padding-right:10px; }
table#gbform th.ntit { text-align:left; }
table#gbform td img { float:left; }
table#gbform td input.captcha { width:30%!important; margin:0px 10px 0px 10px; float:left; }
table#gbform td input { width:95%; }
table#gbform td input.button { width:auto; }
table#gbform td textarea { width:95%; height:75px; margin:0px 0px 0px 0px; }

table#kontakt { width:90%; margin-top:5px; }
table#kontakt th { text-align:right; padding-right:5px; }
table#kontakt td img { margin-top:-3px; }
table#kontakt td textarea { width:100%; height:200px; padding:5px 5px 5px 5px; }
table#kontakt td input { width:70%; padding:0px 5px 0px 5px; }
table#kontakt td input.captcha { width:30%; margin-left:5px; }
table#kontakt td input.button { width:100px; }

div.artinfo { width:100%; text-align:right; }

p.code, pre.code { clear:left; margin:5px 0px 5px 10px; padding:5px 5px 5px 5px; border:1px solid black; background-color:#c0c0c0;
         font-family:Monospace; font-size:11px; }
.imgleft { margin-right:10px; margin-top:5px; margin-bottom:5px; float:left; border:1px dotted #e0e0e0; }
.imgright { margin-right:10px; margin-top:5px; margin-bottom:5px; float:right; border:1px dotted #e0e0e0; }


div#sitemap { width:95%; vertical-align:top; }
div#sitemap table th { padding:0px 0px 10px 0px; vertical-align:top; }
div#sitemap table td { padding-bottom:20px; vertical-align:top; }

div.searchform { width:95%; text-align:center; margin:0px 0px 10px 0px; }
div.searchform form { margin:0px 0px 20px 0px; }
div.searchform input { width:50%; margin:0px 0px 0px 5px; }
div.searchform input.radio { margin:0px 5px 0px 5px; width:auto; border:0px; }
div.searchform input.button { margin:0px 5px 0px 5px!important; width:auto; }
p.sview { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; text-align:right; width:99%; }
hr.search { margin-bottom:30px; }
table.search td { padding-bottom:20px; }
