/***********************************************************/
/* reset.css */
/*
 * Ext JS Library 2.1
 * Copyright(c) 2006-2008, Ext JS, LLC.
 * licensing@extjs.com
 * 
 * http://extjs.com/license
 */
html,body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,p,blockquote,th,td{margin:0;padding:0;}img,body,html{border:0;}address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}ol,ul {list-style:none;}caption,th {text-align:left;}h1,h2,h3,h4,h5,h6{font-size:100%;}q:before,q:after{content:'';}
/***********************************************************/
/* fonts.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/**
 * Percents could work for IE, but for backCompat purposes, we are using keywords.
 * x-small is for IE6/7 quirks mode.
 */
body {font:13px/1.231 arial,helvetica,clean,sans-serif;*font-size:small;*font:x-small;}
table {font-size:inherit;font:100%;}
/**
 * Bump up IE to get to 13px equivalent
 */
pre,code,kbd,samp,tt {font-family:monospace;*font-size:108%;line-height:100%;}
/***********************************************************/
/* base.css */
/*
Copyright (c) 2008, Yahoo! Inc. All rights reserved.
Code licensed under the BSD License:
http://developer.yahoo.net/yui/license.txt
version: 2.5.1
*/
/* base.css, part of YUI's CSS Foundation */
h1 {
	/*18px via YUI Fonts CSS foundation*/
	font-size:138.5%;  
}
h2 {
	/*16px via YUI Fonts CSS foundation*/
	font-size:123.1%; 
}
h3 {
	/*14px via YUI Fonts CSS foundation*/
	font-size:108%;  
}
h1,h2,h3 {
	/* top & bottom margin based on font size */
	margin:1em 0;
}
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated margin to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table,pre {
	/*so things don't run into each other*/
	margin-bottom:1em;
}
/* setting a consistent width, 160px; 
   control of type=file still not possible */
input[type=text],input[type=password],textarea{width:12.25em;*width:11.9em;}
/***********************************************************/
/* 00_t3baselib.css */
/*** base for all typo3 websites ***/
body {
	color: #333333;
	font: 12px/18px "Lucida Grande",Lucida,Arial,sans-serif;
	background-color: #FFFFFF;
}
/* dfn für barrierefrei */
dfn, .invisible { height:1px; left:-6000px; position:absolute; top:-6000px; width:1px; }
/* Basis Typo3 Navigationseinstellungen */
.typo3Navi {
   display: block;
   pading: 0px; margin: 0px;
}
.typo3Navi ul {
   pading: 0px; margin: 0px;
}
.typo3Navi li{
   display: block;
   list-style-type: none;
}
.typo3Navi li a{
   display: block;
   padding: 3px 7px;
}
.typo3Navi li a:hover, .typo3Navi li.active a { }
.typo3Navi H2 { height:1px; left:-6000px; position:absolute; top:-6000px; width:1px; }
/* und die inline Version */
.typo3NaviInline {
   display: block;
   pading: 0px; margin: 0px;
}
.typo3NaviInline ul {
   pading: 0px; margin: 0px;
}
.typo3NaviInline li{
   display: inline;
   list-style-type: none;
}
.typo3NaviInline li a{
   display: inline;
   padding: 3px 7px;
}
.typo3NaviInline li a:hover, .typo3NaviInline li.active a { }
.typo3NaviInline H2 { height:1px; left:-6000px; position:absolute; top:-6000px; width:1px; }
/****************************/
.ajax-loading, .ajaxloading {
	padding: 30px 20px;
	background-color: #FFF;
	background-image: url(ajax-loader.gif);
	background-repeat: no-repeat;
	background-position:center center;
	border: solid 1px #CCCCCC;
}
/***************************/
/* Scripts */
li.code {
  list-style-type: none;
}
.code { margin: 1em 0px; }
.code pre {
  line-height: 1.5em;
  background-color: #EEEEEE;
  padding: 3px 7px;
  overflow: auto;
}
.code h4.title {
  text-align: right;
  padding: 3px 7px;
  font-weight: bold;
  display: block;
  color: #EEEEEE;
}
.TS pre {
  border: solid 1px #E04E4E;
}
.TS h4.title {
  background-color: #E04E4E;
}
.HTML pre {
  border: solid 1px #6CB300;
}
.HTML h4.title {
  background-color: #6CB300;
}
.CSS pre {
  border: solid 1px #00969C;
}
.CSS h4.title {
  background-color: #00969C;
}
/***********************************************************/
/* 01_page.css */
/*** Spezieller ***/
/* ********************* */
/* Styling Helper */
/*
#south {
 background-color: red;
}
#bottom-left {
 background-color: green;
}
#logo {
 background-color: #FFF;
}
#navigation ul.level2 {
  background-color: pink;
}
#navigation ul.level1 {
  background-color: yellow;
}
#bottomSpace {
  background-color: #CCC;
}
*/
/* ********************* */
body {
  font-family: Verdana, Arial, Helvetica, Sans;
  font-size: 11px;
  line-height: 15px;
  /* background-color: #8B8988; */
  /* text-align: center; */
}
.l3inside {
  clear: both;
  width: 960px;
  margin: 0px auto;
  padding: 0px;
  text-align: left;
}
#outerCWrap {
  text-align: left;
}
#container {
  padding: 0px;
}
#center {
  overflow: hidden;
  display: block;
}
#center .l3inside {
  padding: 0px;
}
/* Flexible Content Elements */
.center-flex-2 {
  float: left;
  width: 540px;
  margin-right: 20px;
  overflow: auto;
}
.center-flex-1 {
  float: left;
  width: 400px;
  overflow: auto;
}
/****************************************/
#centerWest {
  float: left;
  display: block;
  width: 120px;
  height: 300px;
  overflow: auto;
  text-align: center;
}
#centerCenter {
  width: 400px;
  float: right;
  overflow: auto;
  margin-right: 20px;
  position: relative;
}
#centerEast {
  width: 400px;
  float: right;
  overflow: hidden;
}
#north {
  height: 35px;
  overflow: hidden;
  display: block;
}
#south {
  height: 130px;
  overflow: hidden;
  position: relative;
}
#south .l3inside {
  padding: 0px;
}
#content {
  padding: 0 0 0 20px;
  width: 600px;
  float: right;
}
#logo {
  position: relative;
  width: 400px;
  float: right;
  height: 100px;
}
#logo img {
  position: relative;
  top: 0px;
}
#bottom-left {
  position: relative;
  float: left;
  width: 520px;	/* bei Änderung auch entsprechend in 02_navigation.css ändern */
  overflow: hidden;
  display: block;
}
#bottomSpace {
  float: left;
  display: block;
  width: 40px;	/* bei Änderung auch entsprechend in 02_navigation.css ändern */
  height: 100px;
}
#bottomSpaceBlock {
  height: 74px;
  display: block;
  border-bottom: solid 1px #000;
}
/***********************************************************/
/* 02_navigation.css */
#navigation {
	position: relative;
	overflow: show;
	height: 100px;
}
#navigation * {
	padding: 0px;
	margin: 0px;
	line-height: 20px;
}
#navigation ul {
	display: none;
}
#navigation li {
}
#navigation a {
	padding: 0px 7px;
	display: block;
}
/* level 1 */
#navigation ul.level1 {
	display: block;
	position: absolute;
	bottom: 0px;
	width: 535px;	/* = 520 + 15 */
	margin-left: -15px;
	/* overflow: show; */
}
#navigation ul.level2 {
	margin-left: 5px;
}
#navigation ul.level1 li {
	/* display: inline; */ /* submenus all very left */
	float: left;	/* submenus at the same position */
	list-style: none;
	/* overflow: hidden; */
}
#navigation ul.level1 li a {
	padding: 0px 15px;
}
#navigation ul.level2 li a {
	padding: 0px 10px;
}
#navigation ul.level2 li a:hover, #navigation ul.level2 li.active a {
   color: #000;
}
#navigation ul.level1 {
	height: 25px;
}
#navigation ul.level2 li {
	height: 26px;
}
/* level2 positions */
#navigation ul.level2 {
	position: absolute;
	bottom: 25px;
	border-bottom: solid 1px #000;
	overflow: hidden;
	/* display: block; */
}
/* menu settings */
#navigation ul.level2 li {
	float: left;
	list-style: none;
	overflow: hidden;
}
#navigation ul.level2 li a {
	display: block;
}
#navigation .level1 li.active ul.level2 {
	 display: block;
}
/* color settings */
#navigation ul {
}
#navigation ul.level1 {
	border-top: solid 1px #000000;
}
#navigation ul.level2 {
}
#navigation li {
}
#navigation a {
   text-decoration: none;
   color: #888888;
   font-weight: normal;
}
#navigation a:hover, #navigation .level2 .active a {
   color: #222;
}
#navigation .dyNavi ul {
}
/***********************************************************/
/* .css */


/***********************************************************/
/* .css */