
body {
   background-image:url('../img/layout/background.png');
   background-repeat:repeat-x;
   background-color:#B7C27A;
   text-align:center;
   font-size:12px;
   font-family:Arial;
}

img {
   border:0px;
}

h1 {
   margin:0px;
   padding:0px;
   color:#3B5703;
   font-size:20px;
   font-weight:bold;
}

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_green.gif');
   background-repeat:no-repeat;
   background-position:3px -1px;
}

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

/** Grundlayout **/

div.outer-outline {
   width:960px;
   margin:1% auto 0px auto;
   padding:0px;
}

div.outline {
   width:960px;
   float:left;
   clear:both;
   background-color:white;
   margin:0px;
   padding:0px;
}

div.outline div.inline {
   width:950px;
   background-color:white;
   float:left;
   clear:both;
   text-align:left;
   margin:0px;
   padding:5px;
}

/*div.outline div.inline[class] {
   margin:5px;
   padding:0px;
}*/

div.outline div.inline div.header {
   background-image:url('../img/layout/header.png');
   height:170px;
   width:950px;
   float:left;
   clear:both;
}

div.outline div.inline div.body {
   float:left;
   clear:both;
   width:950px;
   margin:0px;
   padding:0px;
}

div.outline div.inline div.menu {
   clear:both;
   float:left;
   width:300px;
   margin:0px;
   padding:0px;
}

div.outline div.inline div.content {
   float:left;
   width:648px;
   margin:0px;
   padding:0px;
}

div.outline div.inline div.footer {
   clear:both;
   float:left;
   width:950px;
   background-color:#3B5703;
   margin-top:20px;
   padding:0px;
}

div.outline div.inline div.footer div {
   padding:5px;
   color:white;
   font-weight:bold;
}

div.outline div.inline div.footer div a {
   border:0px none;
}

div.outline div.inline div.footer div a,
div.outline div.inline div.footer div a:visited,
div.outline div.inline div.footer div a:hover {
   color:white;
}



/** Header **/

div.outline div.inline div.header div.title {
   color:white;
   font-size:24px;
   font-weight:bold;
   width:900px;
   text-align:right;
   margin-top:30px;
}

div.outline div.inline div.header div.title a,
div.outline div.inline div.header div.title a:visited,
div.outline div.inline div.header div.title a:hover {
   color:white;
   font-size:24px;
   font-weight:bold;
   border:0px none;
}

div.outline div.inline div.header div.subtitle {
   clear:both;
   color:white;
   font-size:14px;
   width:900px;
   text-align:right;
}



/** Menu **/

div.outline div.inline div.menu p {
   color:#3B5703;
   font-size:20px;
   font-weight:bold;
   margin:10px 0px 0px 0px;
   padding:0px;
   border-bottom:1px solid #3B5703;
}

div.outline div.inline div.menu ul, div.outline div.inline div.menu li {
   padding:0px;
   margin:0px;
}

div.outline div.inline div.menu li {
   list-style:none;
   border-bottom: 1px solid #909090;
   background-image:none;
}

div.outline div.inline div.menu li a:link,
div.outline div.inline div.menu li a:active,
div.outline div.inline div.menu li a:visited,
div.outline div.inline div.menu li a:hover {
   text-decoration:none!important;
   color:#909090;
   font-weight:bold;
   display:block;
   padding:5px;
   border:0px none;
}

div.outline div.inline div.menu li a:hover {
   text-decoration:none!important;
   background-color:#3B5703;
   color:white;
}

div.outline div.inline div.menu div {
   text-align:center;
   margin:20px;
}



/** Content **/
div.inline div.body div.content div#con_head {
   margin:10px 0px 0px 10px;
}

div.inline div.body div.content div.paragraph div.paracontent {
   margin-left:10px;
}

div.inline div.body div.content div.paragraph div.paracontent h2 {
   margin:0px;
   padding:0px;
   color:#3B5703;
   font-size:16px;
   font-weight:bold;
}


/** 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;
   }



/** 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; }


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



/** Content Tabelle **/

   div.inline div.body div.content div.paragraph div.paracontent table.content { border:1px solid #a0a0a0; border-collapse:collapse; }
   div.inline div.body div.content div.paragraph div.paracontent table.content td { border:1px solid #a0a0a0; }
   div.inline div.body div.content div.paragraph div.paracontent table.content th { border:1px solid #a0a0a0; text-align:center; }
   div.inline div.body div.content div.paragraph div.paracontent table.content a { color:black; border:0px none; }



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


   
/** 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; }



/**** ---------- 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; }

   div.body div.content div#con_head div.site_toolbar { clear:left; width:640px; text-align:right; height:20px; }
   div.body div.content div.paracontent div.content_toolbar { clear:left; width:630px; text-align:right; height:20px; }


