/**
 * $Id$
 * Website Baker template: clear
 * This template is one of four basis templates distributed with Website Baker.
 * Feel free to modify or build up on this template.
 *
 * This file contains all CSS definitions required to display the template
 * in the Website Baker frontend. 
 *
 * LICENSE: GNU General Public License
 * 
 * @author     Norbert Heimsath
 * @copyright  GNU General Public License
 * @license    http://www.gnu.org/licenses/gpl.html
 * @version    0.7
 * @platform   Website Baker 2.8
 *
 * Website Baker 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.
 *
 * Website Baker 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.
*/

* {
margin:0;
padding:0;
}
ul {margin-left:10px}

p	{margin:5px 0}
h1	{margin-top:5px;margin-bottom: 10px;}
h2	{margin-top:5px;margin-bottom: 10px;}
h3	{margin-top:5px;margin-bottom: 10px;}
h4	{margin-top:5px;margin-bottom: 10px;}
h5	{margin-top:5px;margin-bottom: 10px;}
h6	{margin-top:5px;margin-bottom: 10px;}


html,body {
height:100%;
width:100%;
overflow:hidden;
}

body 	{
font-family: Arial, Verdana, Helvetica, sans-serif;
color:#222222;
background-color:#BFD0E3;
/*background:url(images/bg1.png) #ffffff repeat-x 0px 0px;*/
}

#framecontent {
z-index:101;
position:absolute;
top:0;
left:0;
bottom:0;
width:18%;
overflow:hidden;
background:url(images/h2.jpg) no-repeat 0px 0px;
}

.nlogo {
width:80px;
height:85px;
margin:0px;

margin-top:20px;
}

#frameheader {
z-index:100;
position:absolute;
top:0;
right:16px;
width:100%;
height: 80px;
overflow:hidden;
background:url(images/r2.png) repeat-x 180px 0px;
}

#maincontent {
z-index:99; 
position:absolute;
top:0;
right:0;
bottom:0;
left:18%;
height:100%;
overflow:auto;
/*background:green*/;
}

#innerbox {
min-height:100%;
width:90%;
padding-left:10px;
/*background:yellow;*/
/*border: 1px solid red;*/
}
.padtop {
height:80px;
/*background:green;  */
}

.menu1 				{margin-top: 25px;  /*  temp  */width:160px; text-align:center;}
.menu1 div 			{ width:150px;/* border:1px solid red;*/ text-align:left;}
.menu1 div.onarrow      	{background: url(images/redarrow2.gif) transparent no-repeat 0px 4px;margin-top:7px}
.menu1 div.ofarrow      	{margin-top:7px}
.menu1 ul 			{margin: 0; padding: 0; list-style-type: none;  width:140px}
.menu1 li 			{margin: 0; padding: 0;display: inline; width:150px;background: url(images/button1.png);}
.menu1 a 			{font-size:14px ; font-weight:bold; margin-left:25px; margin-bottom: 0px; display: block; width: 120px; color: #000000; text-decoration: none;}
.menu1 a:hover 			{color: #666666; text-decoration: none;}
.menu1 ul a			{background: url(images/button1.png) ;border: 2px outset #ffffff;padding:5px;}
.menu1 ul a:hover		{background: url(images/button2.png);border: 2px inset #ffffff;padding:5px;}
.menu1 ul ul a 			{background: url(images/trans.png);border:1px solid #bbbbbb; padding:3px; margin-left:30px;}
.menu1 ul ul a:hover 		{background: url(images/trans.png);border:1px solid #777777; padding:3px; margin-left:30px;color:#777777}	
.menu1 ul ul div.onarrow	{background: url(images/redarrow2.gif) no-repeat 0px 0px;margin-top:4px}
.menu1 ul ul div.ofarrow	{margin-top: 4px}
.menu1 ul ul ul a 		{Font-size:12px; background: url(images/trans.png);border:1px solid #bbbbbb; padding:4px; margin-left:34px;width: 114px;}
.menu1 ul ul ul a:hover 	{background: url(images/trans.png);border:1px solid #777777; padding:4px; margin-left:34px;color:#777777}	
.menu1 ul ul ul div.onarrow	{background: url(images/redarrow2.gif) no-repeat 0px 0px;margin-top:3px}
.menu1 ul ul ul div.ofarrow	{margin-top:3px}


#backprintup {margin:0px 0;}

#fusszeile {margin-top:30px;}



/*Formating for editor Templates */
/*   */
.clearleft 	{height:1px; overflow:hidden;clear:left;}
.clearright 	{height:1px; overflow:hidden;clear:right;}
.clearboth 	{height:1px; overflow:hidden;clear:both;}

/* Floating image Left */
.leftimage 		{border:1px solid gray}
.leftimage h3		{}
.leftimage img		{border:0;}
.leftimage p		{}
.leftimage .imagecont	{float:left;border:1px solid gray}