body { background-color:#225b7d; font-size:12px; font-family:Arial; text-align:center; }
img { border:0px; }

a { border-bottom:1px dotted black; }
a:link { color:blue; text-decoration:none; }
a:active { color:blue; text-decoration:none; }
a:visited { color:blue; text-decoration:none; }
a:hover { color:blue; text-decoration:none; }

h1 { margin:0px 0px 0px 0px; font-size:12pt; color:#173c52; font-style:normal; padding:0px 0px 0px 0px; }

.img { border:0px; vertical-align:middle; }

input, select, textarea { color:black; font-size:12px; vertical-align:middle; }
layer { vertical-align:middle; }
input.checkbx { border:0px; }
input.error, select.error, textarea.error { border:1px solid red; }

fieldset { width:90%; margin:0px 0px 10px 5px; border:1px solid #a0a0a0; padding:5px 5px 5px 5px; }
fieldset legend { padding:0px 5px 0px 5px; }

ul { margin:0px 0px 0px 20px; padding:0px 0px 0px 0px; }
li { list-style:none; list-style-image:none; padding:0px 0px 0px 20px; margin:0px 0px 3px 0px;
     background-image:url('../img/icons/bullet.png'); background-repeat:no-repeat; background-position:3px 5px; }
     
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; }


/**** ---------- Layout ---------- ****/

   div#outer_outline { width:900px; margin:1% auto 0px auto; text-align:left; }
   div#outline { float:left; background-color:white; padding:0px 3px 3px 3px; }
   div#top { width:900px; background-color:white; padding:0px 0px 0px 0px; text-align:left; margin:3px 0px 0px 0px;
             height:131px; background-image:url('../img/layout/header.png'); background-repeat:no-repeat; background-color:white; }
   div#navOverview { width:900px; background-color:white; padding:0px 0px 0px 0px; text-align:left; margin:0px 0px 0px 0px;
             height:32px; background-image:url('../img/layout/navoverview.png'); background-repeat:no-repeat; background-color:white; }
   div#bottom { margin:8px 0px 0px 0px; float:left; width:900px; }
      div#left { float:left; width:190px; margin:0px 8px 0px 3px; clear:left; }
      div#right { float:left; background-color:#ebebeb; margin-bottom:10px; margin-top:0px; width:695px; padding:0px; }
      div#right[id] { width:698px; }
         div#breadcrumbs { width:670px; padding:5px 0px 1px 5px; font-size:11px; }
         div#breadcrumbs[id] { width:676px; }
         div#main { float:left; width:670px; margin:0px 0px 15px 0px; padding:0px 5px 10px 15px; font-size:12px;
                    line-height:1.3em; }
         div#main[id] { width:676px; }
         div#main p { padding:0px 0px 5px 0px; }
   div#footer { text-align:center; padding:3px 0px 0px 0px; float:left; width:906px; font-size:10px; color:black;
                background-image:url('../img/layout/footer.png'); height:18px; margin:0px 0px 20px 0px; clear:left; }
   div#footer div#footertext { float:left; width:840px; }
   div#footer div#validcode { width:60px; float:left; }
   div#noscript { width:693px; clear:none!important; float:left; margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; }
   div#noscript[id] { width:695px; }

/**** ---------- Layout ende; Content Boxen left ---------- ****/

   div.boxtitle_left { background-image:url('../img/layout/box_top.png'); height:27px; width:186px;
                  padding:0px 0px 0px 0px; float:left; }
   div.boxtitle_left span { margin-left:10px; padding-top:2px!important; float:left; color:white; font-size:13px; font-weight:lighter; }
   div.boxtitle_left[class] { width:188px; }
   div.boxcontent_left { font-size:12px; background-color:#e5e5e5; background-image:url('../img/layout/box_bottom.png'); 
                    background-position:bottom;
                    background-repeat:no-repeat; padding:0px 0px 10px 0px; width:186px; float:left; margin:0px 0px 15px 0px; }
   div.boxcontent_left[class] { width:188px; }
   div.boxcontent_left table { font-size:12px; }

/**** ---------- Layout ende; Content Boxen main ---------- ****/

   div.boxtitle_bottom { background-image:url('../img/layout/box_main_top.png'); height:27px; width:670px;
                  padding:0px 0px 0px 0px; clear:left; margin:0px auto 0px auto; }
   div.boxtitle_bottom span { margin-left:10px; padding-top:2px!important; float:left; color:white; font-size:13px; font-weight:lighter; }
   div.boxcontent_bottom { background-color:#e5e5e5; background-image:url('../img/layout/box_main_bottom.png'); background-position:bottom;
                    background-repeat:no-repeat; padding:0px 0px 5px 0px; width:670px; margin:0px auto 10px auto; clear:left; }
   div.boxcontent_bottom div.content { margin:0px 0px 0px 10px; }

/**** ---------- Dialog ende; Navigation ---------- ****/

   div.boxcontent_left ul { margin:5px 0px 0px 0px; }
   div.boxcontent_left ul.child { padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; }
   div.boxcontent_left li { list-style-type:none; background-image:none;
                       padding:2px 0px 2px 5px; margin:0px 0px 0px 0px; vertical-align:middle; background-position:3px -1px; }
   div.boxcontent_left li.parent { padding-left:15px; }
   div.boxcontent_left li:hover { background-color:#c0c0c0; }
   div.boxcontent_left li.parent:hover { background-color:transparent; }
   div.boxcontent_left li.border_top { border-top:1px solid #a0a0a0; }
   div.boxcontent_left li.border_bottom { border-bottom:1px solid #a0a0a0; }

   div.boxcontent_left li a { border:0px; display:block; width:auto; }
   div.boxcontent_left li a:link { color:black; text-decoration:none; }
   div.boxcontent_left li a:active { color:black; text-decoration:none; }
   div.boxcontent_left li a:visited { color:black; text-decoration:none; }
   div.boxcontent_left li a:hover { color:black; text-decoration:none; font-weight:bold; }

   div.boxcontent_left li.home { background-image:url('../img/icons/house.gif'); padding:0px 0px 0px 23px; }
   div.boxcontent_left li#nav_back { background-image:url('../img/icons/folder_up.gif'); padding:0px 0px 0px 23px; }
   div.boxcontent_left li#selected { font-weight:bold; }
   
/**** ---------- Navigation ende; TopMenu ---------- ****/

   ul#topmenu { margin:5px 10px 0px 0px; padding:0px 0px 0px 0px; float:right; z-index:100; position:relative; }
   ul#topmenu li { list-style:none; margin:0px 0px 0px 5px; padding:0px 0px 0px 16px; font-size:10px;  background-position:3px -1px;
                   background-image:url('../img/icons/bullet_blue.gif'); background-repeat:no-repeat; float:left; }
   ul#topmenu li a { border:0px; color:white }

/**** ---------- TopMenu ende; Loginstatus ---------- ****/

   div.content_login_state { color:white; font-size:10px; padding:3px 0px 0px 5px; }
   div.content_login_state a { color:white; border:0px none; }
   div.content_login_state a:visited { text-decoration:underline;color:white; }
   div.content_login_state a:hover { text-decoration:underline;color:white; }

/**** ---------- TopMenu ende; Benutzer Registrierung ---------- ****/

   table.register_table { width:660px; }
   table.register_table tr td input { width:99%; }

/**** ---------- Benutzer Registrierung; Benutzerprofil ---------- ****/

   div#user_profile fieldset legend { font-weight:bold; }
   div#user_profile table.profiletable { width:300px; }
   div#user_profile table.profiletable label { font-weight:normal; }
   div#user_profile table.profiletable input { width:99%; }
   div#user_profile div.avatarborder { padding:5px; margin:0px 10px 0px 0px; float:left; width:90px; height:90px; text-align:center; }

/**** ---------- Benutzerprofil ende; MenuOverview ---------- ****/

   ul#menuoverview { margin:0px 0px 0px 1px; padding:0px 0px 0px 0px; float:left; }
   ul#menuoverview li { list-style:none; margin:0px 0px 0px -1px; padding:0px 18px 0px 18px; font-size:14px; height:31px;
                        float:left; background:none; font-weight:normal; border-left:1px solid white; border-right:1px solid white; }
   ul#menuoverview li:hover { background-color:#d0d0d0; }
   ul#menuoverview li span { padding-top:6px!important; float:left; }
   ul#menuoverview li a { border:0px; }
   ul#menuoverview li a:link { color:black; text-decoration:none; border-bottom:0px; }
   ul#menuoverview li a:active { color:black; text-decoration:none; border-bottom:0px; }
   ul#menuoverview li a:visited { color:black; text-decoration:none; border-bottom:0px; }
   ul#menuoverview li a:hover { color:black; text-decoration:none; border-bottom:0px; }

/**** ---------- MenuOverview ende; Breadcrumbs ---------- ****/

   div#breadcrumbs a:link { color:black; text-decoration:none; border-bottom:0px; }
   div#breadcrumbs a:active { color:black; text-decoration:none; border-bottom:0px; }
   div#breadcrumbs a:visited { color:black; text-decoration:none; border-bottom:0px; }
   div#breadcrumbs a:hover { color:black; text-decoration:underline; border-bottom:0px; }

/**** ---------- Breadcrumbs ende; Inhalte Grundstruktur ---------- ****/

   div#main div#con_head { margin:20px 0px 20px 0px; padding:0px 0px 0px 0px; float:left; }
   div#main div#con_head h1 { margin:0px 0px 0px 0px; font-size:12pt; color:#173c52; font-style:normal; padding:0px 0px 0px 0px; }
   div#main td, div#main th { font-size:12px; }
   div#main div#con_head div#build { clear:left; float:left; padding:0px 0px 0px 0px; margin:0px 0px 0px 0px; color:#c0c0c0; font-style:italic; font-size:10px; width:660px; }

   div#main div#con_head div.site_toolbar { clear:left; width:660px; text-align:right; height:20px; }

   div#main div#con_head div#title { float:left; width:660px; }
   div#main div#con_head div#title div#con_title { float:left; }
   div#main div#con_head div#title div#con_subtitle { float:left; }

   div#main div#con_head div#title div#con_title #edit_con_title { width:250px; }
   div#main div#con_head div#title div#con_title #edit_con_subtitle { width:250px; }

   div#main div#intro { margin:10px 0px 0px 0px; float:left; clear:left!important; width:670px; text-align:justify; }
   div#main div#intro[id] { width:670px; }
   div#main div#index { clear:left; border:1px solid #a0a0a0; background-color:#f0f0f0; width:60%; padding:5px 5px 5px 5px;
                        margin:10px 0px 15px 0px; float:left; }
   div#main div#index ul { margin:10px 0px 0px 10px; padding:0px 0px 0px 0px; }
   div#main div#index a { border:0px; }
   div#main div#index a:link { color:black; text-decoration:none; }
   div#main div#index a:active { color:black; text-decoration:none; }
   div#main div#index a:visited { color:black; text-decoration:none; }
   div#main div#index a:hover { color:black; text-decoration:underline; }

   div#main div.paragraph { margin:0px 0px 15px 0px; clear:left; float:left; width:660px; text-align:justify; }
   div#main div.paragraph[class] { width:666px; }
      div#main div.paragraph div.paracontent { float:left; clear:left; }
         div#main div.paragraph div.paracontent table.content { border:1px solid #a0a0a0; border-collapse:collapse; }
         div#main div.paragraph div.paracontent table.content td { border:1px solid #a0a0a0; }
         div#main div.paragraph div.paracontent table.content th { border:1px solid #a0a0a0; text-align:center; }
         div#main div.paragraph div.paracontent table.content a { color:black; border:0px none; }
   div#main div.paragraph p { margin:0px 0px 5px 0px; }
   div#main div.paragraph h2 { font-size:10pt; color:#173c52; margin:0px 0px 5px 0px; padding:0px 0px 0px 0px; }
   
   div#main div.paracontent div.content_toolbar { clear:left; width:650px; text-align:right; height:20px; }
   
   div#con_arrows { width:660px; float:left; margin:15px 0px 15px 0px; font-weight:bold; }
   div#con_arrows div#left, div#con_arrows div#right { margin:0px 0px 0px 0px; padding:0px 0px 0px 0px; float:left; width:330px; font-weight:normal; }

   div#con_arrows a { font-size:11px; vertical-align:middle; }
   div#con_arrows img { font-size:11px; vertical-align:middle; }
   div#con_arrows a:link { color:black; text-decoration:none; border-bottom:0px; }
   div#con_arrows a:active { color:black; text-decoration:none; border-bottom:0px; }
   div#con_arrows a:visited { color:black; text-decoration:none; border-bottom:0px; }
   div#con_arrows a:hover { color:black; text-decoration:underline; border-bottom:0px; }

   div#con_arrows div#left {  }
   div#con_arrows div#right { text-align:right!important; }

   div#main div#con_footer { clear:left; text-align:right; color:#c0c0c0; font-style:italic; font-size:10px; margin:15px 0px 0px 0px; }

   div#con_title, div#con_subtitle, div#con_toolbar { float:left; }

/**** ---------- Inhalte Grundstruktur ende; Inhaltsverzeichnis ---------- ****/

   div.inline_index_outline { border:1px solid #a0a0a0; background-color:#dddddd; width:auto!important; padding:10px 30px 10px 30px; }
   div.inline_index_outline ul { padding:0px!important; margin:0px!important; }
   div.inline_index_outline ul li { background-image:none; margin:0px; }

/**** ---------- Inhaltsverzeichnis ende; Messages ---------- ****/

   div.tmsg, div.errmsg, div.wmsg {
      background-color:#ffe459;
      border:1px solid #ECB131;
      width:600px;
      margin:15px 0px 15px 0px;
      clear:both;
   }

   div.errmsg {
      background-color:#ff7575;
      border-color: red;
   }

   div.tmsg {
      background-color:#90ce00;
      border-color: #00ce00;
   }

   div.tmsg div, div.wmsg div, div.errmsg div {
      margin:3px 10px 3px 5px;
      font-weight:bold;
      /*vertical-align:middle;*/
   }
   
   div.tmsg img, div.wmsg img, div.errmsg img {
      /*vertical-align:middle;*/
      float:left;
   }

/**** ---------- ErrMsg, Msg ende; ToolTip ---------- ****/

   a.tooltip { margin:0px 5px 0px 0px; vertical-align:middle; }
   a.tooltip, a.tooltip img { border:0px; vertical-align:middle; }
   div.tooltip { text-align:left; width:100px; border:1px solid #048; background-color:white; position:absolute; display:none;
                 padding:5px 5px 5px 5px; margin:5px 5px 0px 0px; width:auto; font-size:12px; font-weight:normal; color:black; }

/**** ---------- ToolTip ende; Captcha ---------- ****/

   img.captcha { vertical-align:middle; border:0px; }
   a.captcha { vertical-align:middle; border:0px; }

/**** ---------- Captcha ende; Benutzerregistrierung ---------- ****/

   table.formtable { width:70%; }
   table.formtable td.headline { font-size:16px!important; color:blue; font-weight:bold; padding:10px 0px 0px 0px; }
   table.formtable th { text-align:right; }
   
/**** ---------- Inline Editor ---------- ****/

   div.inline_loading { width:660px; float:left; clear:left; text-align:center!important; display:none; padding:10px 0px 10px 0px; }
   div.inline_loading img { vertical-align:middle; float:left; position:relative; left:50%; margin-left:-33px; }
   
   table#inline_edit td { text-align:left; }
   table#inline_edit td.icons { padding:0px 0px 0px 10px; text-align:left; }
   table#inline_edit td input { width:500px; }

   fieldset.inline_edit { text-align:left; width:660px; }
   fieldset.inline_edit input.checkbx { border:0px; width:auto!important; }
   fieldset.inline_edit label { text-align:left; }
   
/**** ---------- Inline Editor ende; Inline Header bearbeiten ---------- ****/

input.inline_header { width:250px; margin:0px 5px 0px 0px; padding:0px 0px 0px 0px; vertical-align:middle; float:left; }
input.inline_bxheader { width:250px; margin:2px 5px 3px 15px; padding:0px 0px 0px 0px; vertical-align:middle; float:left; clear:left;    }
input.inline_header, h1.inline_header { margin-bottom:10px; }
label.inline_header { margin:2px 0px 3px 0px; padding:0px 0px 0px 0px; vertical-align:middle; float:left; }

/**** ---------- Inline Header bearbeiten ende; Seitenregister ---------- ****/

div.sql_register div.sites_string { border:1px solid #a0a0a0; background-color:#c0c0c0; padding:0px 3px 0px 3px; }
div.sql_register div.links { border:1px solid #a0a0a0; border-left:0px; }
div.sql_register div.links a { border:0px; color:black; }
div.sql_register div.links a:hover { text-decoration:underline; }
div.sql_register div.links a.active { font-weight:bold; }

/**** ---------- Seitenregister ende; Neuste Beitraege ---------- ****/

table.newest_entrys a { border:0px none; color:black; }
table.newest_entrys a:hover { text-decoration:underline; }

/**** ---------- Neuste Beitraege ende; Ajax Box ---------- ****/

div.ajax_box h1 { margin:0px 0px 5px 0px; padding:0px; }
div.ajax_box div { margin:0px 10px 0px 10px; }
div.ajax_box div { margin-top:5px; }
div.ajax_box div textarea { width:100%; height:100px; }
div.ajax_box div input { width:150px; }
div.ajax_box div input.button { width:auto; }
div.ajax_box div p { margin:0px; padding:0px; }