/* Container Definitionen */
body {
	margin:0px;
	
}

#main_container	{ 
	width:1024px;
	height:603px;
	margin:auto;
	margin-bottom:10px;
	text-align:left;
}

#top_container	{
	width:1024px;
	height:126px;
	float:left;
	text-align:left;
	background:url(../images/ks/header.jpg) repeat;
}

#top2_container	{
	width:1024px;
	height:40px;
	float:left;
	text-align:left;
	background:url(../images/ks/header2.jpg) repeat;
}

#content_container	{
	width:1024px;
	height:603px;
	float:left;
	text-align:left;
}

#menu_container	{
	text-align:left;
	float:left;
	width:132px;
	height:603px;
	background:url(../images/ks/links.jpg) no-repeat;
}

#menu2_container	{
	text-align:left;
	float:right;
	width:133px;
	height:603px;
	background:url(../images/ks/rechts.jpg) no-repeat;
}

#top_menu	{
	text-align:left;
	float:left;
	width:140px;
	height:460px;
	margin-left:6px;
	margin-top:15px;
}

#bottom_menu	{
	text-align:left;
	float:none;
	width:140px;
	height:90px;
	margin-left:6px;
	margin-bottom:0px;
}

#content	{
	float:left;
	width:892px;
	height:603px;
	text-align:left;
	background:url(../images/ks/back.jpg) no-repeat;
	overflow:hidden;
	
}

#content_inside	{
	float:left;
	width:735px;
	height:590px;
	margin-left:10px;
	margin-top:10px;
	text-align:left;
	overflow:auto;
	
}


/* Ende Container Definitionen */

/* Beginn Navigation Definitionen /*

@charset "UTF-8";
/**
* "Yet Another Multicolum Layout" - (X)HTML/CSS Framework
* "YAML for Joomla Template" - http://www.joomla-template-yaml.de
*
* (en) Horizontal list navigation based on "Sliding Door II" from von "A List Apart"
* (de) Horizontale Navigationsliste basierend auf "Sliding Door II" von "A List Apart"
*
* @version    $Id: nav_slidingdoor.css 132 2007-12-07 16:14:31Z hieblmedia $ 
* @package    yamljoomla
* @version    2.7.4
* @link       http://www.joomla-template-yaml.de
* @copyright  Copyright (C) 2005-2007 Reinhard Hiebl
* @license    CC-A-NC 2.0 (http://creativecommons.org/licenses/by-nc-sa/2.0/de/),
*             http://www.joomla-template-yaml.de/nutzungsbedingungen.html  
*/

@media all
{
	
  #nav_main {
    width:100%;
	height:40px;
    float:left;
    color: #fff;
    /* background-color:#040404; */
    /* background:#040404 url("gfx/sliding_doorII/nav_rund2/nav_back.jpg") repeat-x top;  } */
}
  #nav_main ul {
    white-space: nowrap;
    line-height: 1em;
    margin:0;
    padding:4px 0 0 30px;
    list-style:none;
  }

  #nav_main li {
    float:left;
    /* background: #333 url("gfx/sliding_doorII/nav_rund2/left.gif") no-repeat top left; */
    padding: 0 0 0 3px;
	margin-top:10px;
    /*margin: 0; */
	margin-right:5px;
    /* border-bottom:1px solid #000; */
  }

  #nav_main a,
  #nav_main strong {
    /* display:block; */
    color:#FFF;

    /* background: transparent;
    background: url("gfx/sliding_doorII/nav_rund2/right.gif") no-repeat top right;
    padding:5px 11px 3px 8px;
    text-transform: none;
    text-decoration:none;
    font-weight:normal; */

    /**
    * @bugfix
    * @affected   IE5.x, IE6
    * @css-for    all browsers
    * @valid      yes
    */
    width: auto; /* only IE 5.x */
    width/**/:/**/ .1em; /* only IE 6.0 */
  }

  /**
  * @bugfix
  * @affected   IE5.x, IE6
  * @css-for    all browsers
  * @valid      yes
  */
  #nav_main > ul a,
  #nav_main > ul strong {width:auto;}  /* for other browsers */

  #nav_main ul li:focus,
  #nav_main ul li:hover { background-position:0% -80px; }

  #nav_main li:focus a,
  #nav_main li:hover a { background-position:100% -80px; }

  #nav_main a:focus,
  #nav_main a:hover { color:#fff; background-color: transparent; }


	#nav_main ul li.active { color:#6699ff; }
	#nav_main li.active 	{ color:#6699ff;	}
	#nav_main a:active	{ color:#6699ff; background-color: transparent; }

  #nav_main #current {
    /* background-image: url("gfx/sliding_doorII/nav_rund2/left_on.gif");
    background-color:#ccc;
    background-position:top left;
    border-width:0;  */
	color:#6699ff;
  }

  #nav_main #current a	{
  	color:#6699ff;
  }
  #nav_main #current strong {
   /* color:#334;
    background-image: url("gfx/sliding_doorII/nav_rund2/right_on.gif");
    background-position:top right;
    font-weight:bold;
    padding-bottom:4px;
    padding-top:5px; */
  }

}

/* Ende Navigation Definitionen */

@media all
{
  .submenu {
    width: 100%;
    overflow: hidden;
    margin: 2.4em 0 1.5em 0;
    /* list-style-type: none; */
   /* border-top: 2px #ddd solid;
    border-bottom: 2px #ddd solid; */
  }

  .submenu ul { list-style-type: none; margin:0; padding: 0; }
  .submenu li { float:left; width: 100%; margin:0; padding: 0; }

  .submenu a #hover #active {
    /* display:block; */
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: underline;
    /* background-color:#fff; */ 
    color: #FFF;
    /* border-bottom: 1px #eee solid; */
  }

  /* Menu Title */
  .submenu li.title, .submenu li.sub_title {
    width: 90%;
    padding: 3px 0px 3px 10%;
	font-size:1px;
    font-weight: normal;
    color: #FFF;
	visibility:hidden;
   /* background-color: #fff; */
    /* border-bottom: 4px #888 solid; */
  }
  
  /* Node Icons */
  .submenu  a img {  vertical-align:middle; }

  /* 1. Level */
  .submenu li.active #active_link {
	font-weight: bold;
	color: #6699ff;   /* background-color:#444; */
    /* border-bottom: 1px #eee solid; */
  }
  
  .submenu li a { width: 90%; padding-left: 10%; /* background-color:#fff; */ color: #FFF; }
  .submenu li a:focus,
  .submenu li a:hover,
  .submenu li a:active {/* background-color:#0d6dab; */ color: #fff; text-decoration: none; }

  /* 2. Level */
  .submenu li ul li a { width: 80%; padding-left: 20%; }

  .submenu li ul li a { /* background-color:#f8f8f8; */ color: #FFF; }
  .submenu li ul li a:focus,
  .submenu li ul li a:hover,
  .submenu li ul li a:active {/*  background-color:#0d6dab; */ color: #fff; }

  /* 3. Level */
  .submenu li ul li ul li a { width: 70%; padding-left: 30%; }

  .submenu li ul li ul li a { background-color:#fcfcfc; color: #777; }
  .submenu li ul li ul li a:focus,
  .submenu li ul li ul li a:hover,
  .submenu li ul li ul li a:active { background-color:#0d6dab; color: #fff; }

  /* 4. Level */
  .submenu li ul li ul li ul li a { width: 60%; padding-left: 40%; }

  .submenu li ul li ul li ul li a { background-color:#ffffff; color: #999; }
  .submenu li ul li ul li ul li a:focus,
  .submenu li ul li ul li ul li a:hover,
  .submenu li ul li ul li ul li a:active { background-color:#0d6dab; color: #fff; }
  
  
/* mod_mainmenu */
  ul#mainlevel {     
    width: 100%;
    overflow: hidden;
    list-style-type: none;
    margin:0;
    padding:0;
  }
  ul#mainlevel li { float:left; width: 100%; margin:0; padding: 0 }

  /* 1. Level */
  a.mainlevel { 
    /* display:block; */
    width: 90%;
    padding: 3px 0px 3px 10%;
    text-decoration: none;
    /* background-color:#fff; */
    color: #FFF;
    /* border-bottom: 1px #eee solid; */
  }
  
  a.mainlevel:hover { 
    /* background-color:#0d6dab; */ color: #fff;
  }
  a.mainlevel#active_menu { 
    font-weight: bold;
    color: #fff;
    /* background-color:#444; */
    /* border-bottom: 1px #eee solid; */
  }
}