/**
 * Website Baker template: andreas01
 * 
 * Original design: andreas01 (v3.0 - Apr 24, 2008) - A free xhtml/css website template by Andreas Viklund.
 * For more information, see http://andreasviklund.com/templates/andreas01/
 * Ported to Website Baker by M. Gallas.
 * Login form and support to display news in the right column added by Christian Sommer. 
 *
 * This file contains defintions for the CSS layout and the styles shown in the frontend.
 *
 * LICENSE: Open Source
 * 
 * @author     Andreas Viklund (WB port by M. Gallas, adapted by C. Sommer)
 * @copyright  Open Source
 * @license    http://andreasviklund.com/about/copyright/
 * @version    3.00
 * @platform   Website Baker 2.7
*/
/* Main body */
body 
{
 background-image: url(img/bg.gif);
 background-color: #003399;
 background-position: top center;
 background-repeat: repeat-y;
 color: #003399;
 font-size: 76%;
 font-family: Verdana, Tahoma, Arial, sans-serif;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding: 0;
}

#wrap 
{
 background-color: #fff;
 color: #003399;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 width: 760px;
}

/* Basic tags */
a 
{
 background-color: inherit;
 color: #286ea0;
 font-weight: 700;
 text-decoration: none;
}

a:hover 
{
 background-color: inherit;
 color: #286ea0;
 text-decoration: underline;
}

a img 
{
 border-width: 0;
}

p 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 1.4em;
 margin-left: 0;
}

/* Header */
#header 
{
 height: 45px;
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding: 0;
 background-color: inherit;
 color: #505050;
}

#header a 
{
 background-color: inherit;
 color: #505050;
 float: left;
 font-size: 2em;
 margin: 4px;
 widht: 350px;
 text-decoration: none;
}

#header p 
{
 float: right;
 font-weight: 700;
 line-height: 1.3em;
 margin-top: 8px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 text-align: center;
 width: 400px;
 font-size: 1em;
}

#frontphoto 
{
 border-width: 0;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

/*Left and right sidebar */
#leftside 
{
 clear: left;
 float: left;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
 padding: 0;
 width: 140px;
 font-size: 95%;
}

#rightside 
{
 float: right;
 line-height: 1.4em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
 padding: 0;
 width: 140px;
}

#rightside span.news 
{
 font-size: 1.2em;
 font-weight: 700;
}

#leftside p,#leftside ul, #rightside p,#rightside ul 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 16px;
 margin-left: 0;
 padding: 0;
}

#leftside p, #rightside p 
{
 font-size: 0.9em;
 line-height: 1.4em;
}

#leftside li, #rightside li 
{
 line-height: 1.2em;
 list-style: none;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 6px;
 margin-left: 0;
 padding: 0;
}

#leftside ul ul, #rightside ul ul 
{
 margin-top: 6px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 10px;
 padding: 0;
}

#leftside ul ul li, #rightside ul ul li 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 4px;
 margin-left: 0;
}

#leftside ul ul li a, #rightside ul ul li a 
{
 font-weight: 400;
}

#leftside h2,#leftside h3, #rightside h2,#rightside h3 
{
 color: #505050;
 font-size: 1.2em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 8px;
 margin-left: 0;
 padding: 0;
}

/* Main menu */
#leftside ul.avmenu, #rightside ul.avmenu 
{
 display: block;
 list-style: none;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 18px;
 margin-left: 0;
 padding: 0;
 width: 140px;
}

#leftside ul.avmenu li, #rightside ul.avmenu li 
{
 display: inline;
 line-height: 1.4em;
 padding: 0;
 width: 140px;
}

#leftside ul.avmenu li a, #rightside ul.avmenu li a 
{
 background-color: #f4f4f4;
 border-left-color: #ccc;
 border-left-width: 4px;
 border-left-style: solid;
 color: #505050;
 float: left;
 font-weight: 700;
 margin-bottom: 5px;
 padding-top: 5px;
 padding-right: 1px;
 padding-bottom: 5px;
 padding-left: 5px;
 text-decoration: none;
 width: 130px;
}

#leftside ul.avmenu li a:hover,#leftside ul.avmenu li a.current, #rightside ul.avmenu li a:hover,#rightside ul.avmenu li a.current 
{
 background-color: #eaeaea;
 border-left-color: #286ea0;
 border-left-width: 4px;
 border-left-style: solid;
 color: #505050;
}

#leftside ul.avmenu ul, #rightside ul.avmenu ul 
{
 font-size: 0.9em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 15px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 5px;
 padding-left: 0;
 width: 125px;
}

#leftside ul.avmenu ul a, #rightside ul.avmenu ul a 
{
 font-weight: 400;
 padding-top: 3px;
 padding-right: 1px;
 padding-bottom: 3px;
 padding-left: 5px;
 width: 115px;
}

#leftside ul.avmenu ul ul, #rightside ul.avmenu ul ul 
{
 width: 113px;
}

#leftside ul.avmenu ul ul a, #rightside ul.avmenu ul ul a 
{
 width: 100px;
}

/* Main content */
#content 
{
 border-left-color: #e0e0e0;
 border-left-width: 1px;
 border-left-style: solid;
 border-right-color: #e0e0e0;
 border-right-width: 1px;
 border-right-style: solid;
 line-height: 1.5em;
 margin-top: 0;
 margin-right: 150px;
 margin-bottom: 5px;
 margin-left: 150px;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 10px;
}

#contentwide 
{
 border-left-color: #e0e0e0;
 border-left-width: 1px;
 border-left-style: solid;
 line-height: 1.5em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 150px;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 10px;
}

#contentwide2 
{
 border-right-color: #e0e0e0;
 border-right-width: 1px;
 border-right-style: solid;
 line-height: 1.5em;
 margin-top: 0;
 margin-right: 150px;
 margin-bottom: 5px;
 margin-left: 0;
 padding-top: 0;
 padding-right: 10px;
 padding-bottom: 0;
 padding-left: 0;
}

#content h1,#contentwide h1,#contentwide2 h1 
{
 font-size: 1.8em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

#content h2,#contentwide h2,#contentwide2 h2 
{
 font-size: 1.6em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 10px;
 margin-left: 0;
}

#content h3,#contentwide h3,#contentwide2 h3 
{
 font-size: 1.3em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 8px;
 margin-left: 0;
}

#content h4,#contentwide h4,#contentwide2 h4 
{
 font-size: 1.2em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 8px;
 margin-left: 0;
}

#content h5,#contentwide h5,#contentwide2 h5 
{
 font-size: 1.0em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 8px;
 margin-left: 0;
}

#content h6,#contentwide h6,#contentwide2 h6 
{
 font-size: 1.0em;
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 8px;
 margin-left: 0;
}

#content img,#contentwide img,#contentwide2 img 
{
 background-color: #ccc;
 border-color: #f0f0f0;
 border-width: 4px;
 border-style: solid;
 color: #303030;
 display: inline;
 padding: 1px;
}

#content ul,#contentwide ul,#contentwide2 ul,#content ol,#contentwide ol,#contentwide2 ol 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 16px;
 margin-left: 20px;
 padding: 0;
}

#content li,#contentwide li,#contentwide2 li 
{
 margin: 0;
 padding-top: 0;
 padding-right: 0;
 padding-bottom: 0;
 padding-left: 5px;
}

#content ul ul,#contentwide ul ul,#contentwide2 ul ul,#content ol ol,#contentwide ol ol,#contentwide2 ol ol 
{
 margin-top: 0;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 16px;
 padding: 0;
}

/* Footer */
#footer 
{
 background-color: #fff;
 border-top-color: #e0e0e0;
 border-top-width: 2px;
 border-top-style: solid;
 clear: both;
 color: gray;
 margin-top: 0;
 margin-right: auto;
 margin-bottom: 0;
 margin-left: auto;
 padding-top: 10px;
 padding-right: 0;
 padding-bottom: 10px;
 padding-left: 0;
 text-align: center;
 width: 760px;
 line-height: 1.5em;
 font-size: 0.9em;
}

#footer p 
{
 margin: 0;
 padding: 0;
}

#footer a 
{
 background-color: #fff;
 color: gray;
 font-weight: 400;
 text-decoration: none;
}

#footer a:hover 
{
 text-decoration: underline;
}

#footer span 
{
 font-size: 1.2em;
}

/* Additional classes */
.left 
{
 float: left;
 margin-top: 3px;
 margin-right: 10px;
 margin-bottom: 2px;
 margin-left: 0;
}

.right 
{
 float: right;
 margin-top: 2px;
 margin-right: 0;
 margin-bottom: 2px;
 margin-left: 10px;
}

.textright 
{
 text-align: right;
 margin-top: 5px;
 margin-right: 0;
 margin-bottom: 5px;
 margin-left: 0;
}

.center 
{
 text-align: center;
}

.small 
{
 font-size: 0.8em;
}

.bold 
{
 font-weight: 700;
}

.timestamp 
{
 font-size: 1.2em;
 margin-top: -5px;
 margin-right: 0;
 margin-bottom: 15px;
 margin-left: 10px;
}

.timestamp a 
{
 font-weight: 400;
}

.announce 
{
 background-color: #f4f4f4;
 border-left-color: #ccc;
 border-left-width: 4px;
 border-left-style: solid;
 clear: left;
 color: #505050;
 font-size: 0.9em;
 line-height: 1.5em;
 margin-top: 10px;
 margin-right: 0px;
 margin-bottom: 10px;
 margin-left: 0px;
 padding-top: 7px;
 padding-right: 5px;
 padding-bottom: 2px;
 padding-left: 5px;
 width: 126px;
}

.announce p 
{
 margin-top: 10px;
 margin-right: 0;
 margin-bottom: 0;
 margin-left: 0;
 padding: 0;
}

.postinfo 
{
 background-color: #f4f4f4;
 border-left-color: #ccc;
 border-left-width: 4px;
 border-left-style: solid;
 color: #606060;
 font-size: 0.9em;
 line-height: 1.4em;
 margin-top: 1px;
 margin-right: 0;
 margin-bottom: 20px;
 margin-left: 0;
 padding-top: 8px;
 padding-right: 5px;
 padding-bottom: 8px;
 padding-left: 8px;
}

.clearing 
{
 clear: left;
 margin: 0;
 padding: 0;
 visibility: hidden;
}

.hide 
{
 display: none;
}

/* Styles for optional Website Baker template functions search and login */
.announce fieldset 
{
 border-style: none;
 margin: 0;
 padding: 0;
}

.announce legend 
{
 display: block;
 font-weight: bold;
}

.announce input 
{
 width: 120px;
 margin-top: 0.3em;
}

.search_string 
{
 width: 120px;
 margin-left: 0;
}

#wb_search, #wb_login, #wb_logout 
{
 width: 120px;
 color: #505050;
 font-size: 0.9em;
 line-height: 1.5em;
 font-weight: bold;
}