body {  
         font-size: 0.8em; 
         color: black;  
         font-family: Arial, SunSans-Regular, sans-serif; 
         line-height: 120%;  
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-2.gif);  
         background-repeat: repeat;  
         background-attachment: fixed;  
         background-position: left; 
         word-spacing: 0;  
         letter-spacing: 0;  
         height: 100%;  
         margin: 0;
}
	
p {  
         text-align: left;  
         position: relative;    
         margin-right:20px;
         }

a:link, a:visited, a:active {
	color: #0036ff;
	text-decoration: none;
	}

a:hover {
	color: #00baff;
	}

hr { 
        margin: 5px 0; 
	color: black; 
	height: 1px; 
	}
	
/*------------------------------------- HEADINGS -------------------------------------*/

h1, h2, h3, h4, h5, h6 {line-height: 120%;  color: black; font-weight: bold; margin-right:10px; }
	
h1  { 
	font-size:22px; 
	}
	
h2  { 
	font-size:1.3em; 
	}
	
h3  { 
	font-size:1em; 
	}
	
/*------------------------------------- LAYOUT BLOCKS -------------------------------------*/

#main {
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-1.gif);  
         background-repeat: repeat;  
         background-attachment: fixed;  
         background-position: left;
         width: 760px;  
         margin: 0px auto 0;  
         padding: 0;  
         min-height: 500px;
         }
		
#banner { 
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/banner.jpg);  
         padding: 0px 0px; 
         text-align: left;  
         font-weight: bold;  
         height:100px;
	 }
	
#banner a, #banner h1, #banner h2 {  
         color: #f3f2f0;  
         background-position: left bottom;  
         margin:0;  
         padding:20px 0px 0px 0px;  
         }
	
* html #banner {
	/*clear:both;*/
	height:100px;
	} /* ie6 misbehaves again */

#banner h1	{
	font-size: 1px;
	padding: 20px 20px;
	float:left;
	} 
	
#logo	{
   position:relative;
   padding:0; margin:0;
   padding-right:40px;
	float:right;
	} 

#contentContainer {
         border: solid 0px aqua;
         clear: both;
         min-height: 500px;
}


/* WEBSITE_TITLE */
#content { /* main content from the WYSIWYG goes in here */
         border: solid 0px aqua;
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-1.gif);  
         background-repeat: repeat;  
         background-attachment: fixed;  
         background-position: left;
         padding: 10px 20px 20px 20px;  
         text-align: left; 
         margin-bottom: 5px;  
         width: 500px; 
         min-height: 500px;
         /*clear: right;*/
         float:left; 
         }

#content ul { 
         padding-left:0.9em;
         /*width:492px; */ 
         }

#content li {  
         list-style-position:outside;  
         margin-bottom:5px;  
         }



div#left-container {
   width:0px;
   min-height: 500px;
   float:right; 
   border: 0px solid green;   
   background-color:transparent;
   margin-top: 0px;
   margin-right: 0px;
   padding: 10px;
   }

div#left-container h2 { color:white; }

* html #contentContainer #content { 
	text-align:left; 
	} /* ie6 misbehaves */
	
* html #contentContainer #content table {
	width: 90%;
	} /* ie6 fix to stop tables being pushed below floats */

#footer { 
        color: white;  
        font-size: 0.8em;  
        background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-4.gif);  
        background-repeat: repeat;  
        background-attachment: fixed;  
        background-position: left;  
        text-transform: none;  
        text-align: center;  
        height: 1.5em;  
        clear: both;  
        padding: 0.4em 0 0.4em 0;  
        width: 760px;  
        margin: 0 auto;  
        }
	
/*------------------------------------- NAVI -------------------------------------*/

#navContainer { 
	width: auto; 
	display:block; 
	clear:both; 
	}
	
ul.menu, li.menu {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	}

/* Header menu */	 
#header_menu { 
	position: absolute; 
	margin-left: 20px; 
	}
	
#header_menu li {
	line-height: 16px;
	}
	
ul#header_menu  {
	z-index: 10; 
	clear: both;
	}

/*------------------------------------- NAVIBALKEN -------------------------------------*/

#nav {
	height: 25px;
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-4.gif);  
        background-repeat: repeat;  
        background-attachment: fixed;  
        background-position: left;
	padding:0;
	}
	
/*------------------------------------- NAVI LINK -------------------------------------*/

#nav ul {
	list-style-type: none; 
	margin: 0; 
	padding: 0; 
	font-size: 12px; 
	text-transform: uppercase;
	width: auto;
	/*
	(Disappearing List-Background)
	http://www.positioniseverything.net/explorer/ie-listbug.html
	*/
	position: relative; /* Fix the Stupid IE6 Bug */
	}
	
#nav ul li {
	float: left; 
	color: #fff; 
	text-align: center; 
	font-weight: normal;
	}
	
#nav ul li a { 
	display: block; 
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-4.gif);  
        background-repeat: repeat;
        background-attachment: fixed;
        background-position: left; 
	padding: 5px 10px 4px; 
	color: #fff; 
	text-decoration: none; 
	}

/*------------------------------------- NAVI LINK OVER -------------------------------------*/

#nav ul li a:hover, #nav li a:focus { 
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-3.gif);  
         background-repeat: repeat;  
         background-attachment: fixed;  
         background-position: left;
	color: black; 
	}
	
#nav li a:active, #nav ul li a.active { 
	color: #4b4c4d; 
         background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-3.gif);  
         background-repeat: repeat;  
         background-attachment: fixed;  
         background-position: left;
	}

/*------------------------------------- NAVI LINK CURRENT -------------------------------------*/

#nav li.menu-current a { 
        background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-4.gif);  
        background-repeat: repeat;  
        background-attachment: fixed;  
        background-position: left; 
	color: black;
        }
	
#nav li.menu-current a {
	font-weight: bold;
	} 

/*------------------------------------- MENU -------------------------------------*/

#nav .menu li ul {
	position: absolute; 
	width: 12em; 
	margin: 0; 
	display: none; 
	text-transform: none; 
	font-size: 100%;
	}
	
#nav .menu li ul li {
	width: 12em; 
	text-align: left; 
	font-weight: normal; 
	margin: 0; 
	padding: 0;
	line-height: 1.2em;
	}
	
#nav .menu li ul a { 
	width: 11.5em; 
	background: #565f66;
        background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-4.gif);  
        background-repeat: repeat;  
        background-attachment: fixed;  
        background-position: left; 
	color: white; 
	padding-right: 0.1em; 
	padding-left: 0.4em; 
	}

/*------------------------------------- MENU OVER -------------------------------------*/

#nav .menu li ul a:hover {
	color: #4b4c4d; 
	background: #6b777f;
        background-image: url(http://www.wolfundwolfgmbh.de/wb/media/backgrounds/HG-3.gif);  
        background-repeat: repeat;  
        background-attachment: fixed;  
        background-position: left; 
	color: black;
	}

/* Show and hide */
#nav .menu li:hover ul, #nav .menu li a:focus ul, #nav .menu li.subMenu ul {
	display: block;
	}
	
#nav .menu li ul ul {
	display: none;
	}
	
#nav .menu li:hover ul ul, #nav .menu li.subMenu ul ul {
	display: none;
	}
	
#nav .menu li:hover ul, #nav .menu li li:hover ul, #nav .menu li.subMenu ul, #nav .menu li li.subMenu ul {
	display: block;
	}


/* 3rd Child Menu Appreances */
#nav .menu li ul li ul li a 	{ 
	width: 11.5em; 
	padding: 0.6em 0.1em 0.6em 0.4em; 
	background: #6b777f; 
	color: #fff; 
	}

/* Positioning the Pop-out Drops */
#nav li {
	position: relative;
	}

#nav ul ul ul {
	position: absolute;
	top: 1px;
	left: 100%;
	}
/* ------------------------------------- Custom Classes (Re-useables) ------------------------------------- */
	
.clearfix:after { 
         content: ".";
         display: block;
         height: 0;
         clear: both;
         visibility: hidden;
	 }

* html #clearfix {
	height: 1%;
	}

.stealth {
	visibility: hidden; 
	display: none;
	} /* hides from normal css enabled browsers */


/* Inline font Styles */
/* Pretty styles for changing text in the WYSIWYG editor */

.important {
	font-weight: bold; 
	color:#f00;
	}
	
.code {
	color: #093;
	letter-spacing: 1px;
	}
	
.info-box {
	border: 1px solid #cc3; 
	background-color: #F9F8E2;
	padding: 4px;
	}