/** @file
 *
 * @brief Sea light
 *
 */

/* Copyright 2003-2005 Maxime Petazzoni
 *
 * This file is part of Zwe.
 *
 * This program is free software; you can redistribute it and/or
 * modify it under the terms of the GNU General Public License
 * as published by the Free Software Foundation; either version 2 of
 * the License, or (at your option) any later version.
 *
 * This program is distributed in the hope that it will be useful, but
 * WITHOUT ANY WARRANTY; without even the implied warranty of
 * MERCHANTABILITY or FITNESS FOR A PARTICULAR PURPOSE.  See the GNU
 * General Public License for more details.
 *
 * You should have received a copy of the GNU General Public License
 * along with this program; if not, write to the Free Software
 * Foundation, Inc., 675 Mass Ave, Cambridge, MA 02139, USA.
 *
 */

/*
**
*{
*  font-size: small;
*  font-family: sans-serif;
*  color: black;
*}
*

body
{
/*
  background: white;
  margin: 0 10% 2em 10%;
  width: 900px;
  padding: 0;
*/
/*
width:900px; margin:0px auto; font-size:1.0em;
}
*/

*{padding:0; margin:0;} 
body {font-size:12px; background-color:rgb(255,255,255); font-family:verdana,arial,sans-serif;}

.page-container {width:900px; margin:0px auto; margin-top:10px; margin-bottom:10px; border:solid 1px rgb(150,150,150); font-size:1.0em;}
.main {clear:both; width:900px; padding-bottom:30px; background:transparent url(http://www.componet.at/fileadmin/templates/multiflex3/img/bg_main_withoutnav.jpg) top left repeat-y;}
.main-navigation {display:inline /*Fix IE floating margin bug*/; float:left; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-info {display:inline /*Fix IE floating margin bug*/; float:right; width:200px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.main-content {padding: 1em; display:inline; /*Fix IE floating margin bug*/; float:left; width:900px; margin:0 0 0 50px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.footer {clear:both; width:900px; padding:1.0em 0 1.0em 0; background:rgb(225,225,225) url(http://www.componet.at/fileadmin/templates/multiflex3/img/bg_foot.jpg) no-repeat; font-size:1.0em; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}


.header {width:900px; font-family:verdana,arial,sans-serif; border:none}
.header-top {width:900px; height:125px; background:url(http://www.componet.at/fileadmin/templates/multiflex3/img/bg_head.png) left top; border:none;}
.sitelogo {width:190px; height:44px; position:absolute; z-index:1; margin:18px 0 0 20px; background:url(http://www.componet.at/fileadmin/templates/multiflex3/img/logo_componet.png); }
.sitename {width:300px; height:45px; position:absolute; z-index:1; margin:55px 0 0 140px; overflow:visible !important /*Firefox*/; overflow:hidden /*IE6*/;}
.sitename h1 {font-size:240%;}.sitename h2 {margin:-3px 0 0 0; color:rgb(125,125,125); font-size:120%;}
.sitename a {text-decoration:none; color:rgb(125,125,125);}
.sitename a:hover {text-decoration:none; color:rgb(50,50,50);}

.column1-unit {width:900px; margin-bottom:10px !important /*Non-IE6*/; margin-bottom:5px /*IE6*/}
h1 {font-size: 16px; font-weight: bold;}
h2 {font-size: 14px; font-weight: bold;}

.page-container:after, 
.header:after, 
.header-breadcrumbs:after, 
.main:after, 
.main-navigation:after, 
.main-content:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.column1-unit:after, .column2-unit-left:after, .column2-unit-right:after, 
.column3-unit-left:after, 
.column3-unit-middle:after, 
.column3-unit-right:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.footer:after, p:after {content:"."; display:block; height:0; clear:both; visibility:hidden;}
.clear-contentunit {clear:both; width:620px; height:0.1em; border:none; background:rgb(210,210,210); color:rgb(210,210,210);}

adminmessage {
        width: 500px;
        border: 2px dashed #000000;
        padding: 10px;
        margin-bottom: 15px;
        background-color: #E7BE8F;
      }

/** END modify

/** Images.
   */
img
{
  border: none;
  max-width: 100%;
}

img.imgleft
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

img.imgright
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

/** Page title.
   */
h1#title
{
  background: #7d93bc;
  margin: 2em 0;
  padding: 1em;
  text-align: right;
}

h1#title a
{
  color: white;
  font-size: xx-large;
  font-weight: bold;
  font-family: monospace;
}

/** Links.
   */
a
{
  color: #475e8a;
  text-decoration: none;
  font-weight:normal;
}

a:link, a:visited
{
  color: #475e8a;
}

a:active, a:hover
{
  color: #900;
}

/** Main structures.
   */
#page, #bottom, #auth, #actions
{
  border-left: 1px #475e8a solid;
  border-right: 1px #475e8a solid;
}

#page
{
  padding: 1em;
}

/** Bottom box.
   */
#bottom
{
  border-bottom: 1px #475e8a solid;
  text-align: center;
}

#bottom ul
{
  margin: 0;
  list-style: none;
}

#bottom ul li
{
  font-size: smaller;
  color: #aaa;
}

#bottom ul li a
{
  font-size: smaller;
}

span.pageinfo
{
  margin: 1em;
}

span.pageinfo, span.pageinfo a
{
  font-style: italic;
  font-size: smaller;
}

/** Global blog definitions.
   */
div.parag, div.head, div.draft
{
  overflow: hidden;
  text-align: justify;
  margin-bottom: 2em;
}

div.parag:hover a, div.head:hover a, div.draft:hover a
{
  color: #900;
}

/** Blog title
   */
div.parag h2, div.head h2, div.draft h2, div.fortune h2
{
  color: #900;
  text-align: left;
  margin: 0;
  padding: 0.2em;
  font-size: 142%;
  font-weight: normal;
  border-bottom: 1px #aaa solid;
}

/** Blog info.
   */
div.parag h5, div.head h5, div.draft h5, div.fortune h5
{
  margin: 0;
  padding: 0;
  text-align: right;
  font-weight: normal;
  font-style: italic;
}

h5 span, h5 a
{
  font-size: smaller;
}

h5 span.author:after
{
  content: ' - ';
}

h5 span.category:before
{
  content: ' - ';
}

p#categories, p#authors
{
  text-align: right;
  font-size: smaller;
  margin: 0.2em;
}

p#categories a, p#authors a
{
  font-size: smaller;
}

p#categories a.active, p#authors a.active
{
  font-weight: bold;
}

/** Blog links.
   */
div.parag h6
{
  font-weight: normal;
  font-size: smaller;
  margin: 0;
  margin-bottom: 1em;
  padding: 0.3em;
  border: 1px #ccc solid;
  background: #f4f4f4;
}

h6 a
{
  font-size: smaller;
}

/** Blog date separators
   */
div.datesplit
{
  text-align: right;
  font-weight: bold;
  border-bottom: 1px black solid;
  margin: 1em 0;
}

/** Menus.
   */
ul.menu
{
  list-style: none;
  margin: 0;
  padding: 0;
  text-align: center;
}

ul.menu#top
{
  position: absolute;
  top: 6em;
  /*
  left: 10%;
  right: 10%;
  */
  width: 900px;
  background: #7d93bc;
  border-bottom: 5px #475e8a solid;
  /*padding: 3px;
  margin: 5px 0 0 0;*/
  color: #FFFFFF;
}

ul.menu#top a
{
  color: #EEEEEE;
  font-weight: bold;
}

ul.menu#top li
{
  float: left;
  border-right: 1px white solid;
  margin: 0;
  padding: 0.3em 1em;
}

ul.menu#top li:hover, ul.menu#top li.active
{
  background: #475e8a;
}

ul.menu#top li:hover a
{
  color: #fc6;
}

ul.menu#left, ul.menu#right
{
  display: none;
}

ul.menu li
{
  padding: 0.2em;
}

ul.menu li.active, ul.menu li.active a
{
  font-weight: bold;
}

ul.menu li.separator
{
  border-bottom: 1px #888 solid;
}

/** Auth and action bars.
   */
#auth
{
  padding-top: 1em;
  padding-bottom: 0.2em;
}

#auth span#authlinks
{
  display: block;
}

#auth span#authlinks a
{
  font-size: smaller;
}

#auth span#authform
{
  display: inline;
}

#actions
{
  padding-bottom: 1em;
}

#actions, #auth
{
  padding-left: 1em;
}

/** Code box
   */
div.cmd
{
  border-left: 2px #475e8a solid;
  padding: 0 1em;
  margin-left: 1em;
}

div.cmd pre
{
  color: #555;
}

/** Quote
   */
div.quote
{
  background-image: url("../interface/quote.png");
  background-position: top left;
  background-repeat: no-repeat;
  border-bottom: 1px #aaa solid;
  margin: 1em 0;
  padding: 0 1em 0.5em 30px;
  font-family: monospace;
}

/** Quote author
   */
div.quote h6
{
  margin: 0;
  padding: 0;
  font-weight: bold;
  text-align: right;
  font-size: smaller;
  border: none;
  background: white;
}

div.fortune p
{
  font-family: monospace;
}

/** Forms
   */
form
{
  margin: 0;
  padding: 0;
}

input
{
  padding: 2px;
  border: 1px #aaa solid;
}

input[type=text]
{
  width: 90%;
}

input:hover, input:focus
{
  border: 1px #888 dotted;
}

input.auth
{
  width: 5em;
  padding: 1px;
}

input.auth[type=submit]
{
  width: 3em;
  padding: 0;
  background: white;
}

input[disabled]
{
  color: #ccc;
}

textarea
{
  font-family: monospace;
  padding: 2px;
  border: 1px #aaa solid;
  width: 90%;
}

textarea.hover,textarea:focus
{
  border: 1px #888 dotted;
}

textarea.blogtitle
{
  height: 2.6em;
}

textarea.blogintro
{
  height: 10em;
}

textarea.blogbody
{
  height: 30em;
}

textarea.menucontents
{
  height: 12em;
}

select
{
  border: 1px #ccc dotted;
}

/** Tables
   */
thead
{
  font-weight: bold;
}

thead td
{
  padding: 0.2em;
  margin-bottom: 1em;
  border-bottom: 1px #888 solid;
}

td.left
{
  width: 20%;
}

td.middle
{
  width: 30%;
}

td.right
{
  width: 20%;
  text-align: right;
}

td.small
{
  width: 5%;
  text-align: center;
}

td.area
{
  width: 80%;
}

/** Text formatting
   */

tt,pre
{
  font-family: monospace;
}

p
{
  text-align: justify;
}

p.left
{
  float: left;
  margin-right: 1em;
  margin-bottom: 1em;
}

p.right
{
  float: right;
  margin-left: 1em;
  margin-bottom: 1em;
}

p.inpageask
{
  margin: 1em;
  padding: 0.2em;
  text-align: right;
  font-style: italic;
  color: #ccc;
  font-size: smaller;
}

p.inpageask a
{
  font-size: smaller;
}

div.clear
{
  clear: both;
}

p#error
{
  margin: 2em;
  text-align: center;
  color: red;
  font-weight: bold;
}

span#autherror
{
  color: red;
  font-size: smaller;
  font-weight: bold;
  padding: 0 1em;
}

/** Comments.
   */
dl.comment dt
{
  padding: 6px;
  margin-bottom: 0;
  border: 1px #ccc solid;
  background: #f4f4f4;
}

span.commentauthor
{
  font-weight: bold;
}

dl.comment dt.admin span.commentauthor
{
  color: #900;
}

span.commentdate
{
  display: block;
  font-size: smaller;
  color: #aaa;
  font-style: italic;
}

span.commentinfo
{
  font-size: smaller;
  font-style: italic;
}

span.commentinfo:before
{
  content: ' ( ';
}

span.commentinfo:after
{
  content: ' ) ';
}

span.commentinfo a
{
  font-size: smaller;
}

dl.comment dd
{
  margin: 0;
  padding-top: 0;
  padding-left: 1em;
  text-align: justify;
}

/** Tribune.
   */
dl.tribune dt
{
  font-family: monospace;
  font-weight: bold;
  float: left;
  margin-right: 5px;
}

dl.tribune dd
{
  margin-left: 12%;
  margin-bottom: 0.3em;
}

dl.tribune p
{
  margin: 0;
  padding: 0;
}

/** Form lists.
   */
dl.form dt
{
  float: left;
  margin-right: 1em;
}

dl.form dt.needed
{
  font-weight: bold;
}

dl.form dd
{
  margin-left: 25%;
  margin-bottom: 0.3em;
}

dl.adminlist dt
{
  float: left;
  margin-right: 1em;
  font-weight: bold;
}

dl.adminlist dd
{
  margin-left: 20%;
  margin-bottom: 0.3em;
}

/** Archives
   */
ul.archives
{
  list-style: none;
  padding: 0;
}

ul.archives li.day
{
  font-weight: bold;
}

ul.dayitems
{
  list-style: none;
  margin: -1.1em 0 0.5em 2em;
  padding: 0;
}

ul.dayitems li.archiveentry
{
  background-image: url("../interface/puce.gif");
  background-position: left center;
  background-repeat: no-repeat;
  padding-left: 15px;
}

/** Color items.
   */
span.module#active
{
  color: green;
}

span.module#inactive
{
  color: red;
}

span.stylesheet#active
{
  color: green;
}

span.stylesheet#cssdefault
{
  color: #099;
}

span.stylesheet#inactive
{
  color: red;
}