/* -----------------------------------------------------------------------------------
 * HTML + Body - Global RESET
 * ----------------------------------------------------------------------------------- */
html, body,
div, p, blockquote, pre,
h4, h5, h6,
dl, dt, dd, ol, ul, li,
form, fieldset, legend, select, input, textarea,
table, caption, tbody, tfoot, thead, tr, th, td, a {
	font-size: 11px;
	font-family: Arial, Helvetica, Verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #666;
}

/* -----------------------------------------------------------------------------------
 * Common HTML Definitions
 * ----------------------------------------------------------------------------------- */
html, body {
  background: #B0B2B3;
  height: 100%;
}

ol, ul {
  list-style: none;
}

img {
  border: none;
}


/* -----------------------------------------------------------------------------------
 * Positions
 * ----------------------------------------------------------------------------------- */


#header, #footer {
  position: relative;
  z-index: 0;
}

.logo, .mainNavi, .footerNavi, .langSelector {
  position: absolute;
  z-index: 1;
}

#page {
	width: 990px;
	margin-left: 30px;
	height: 100%;
	min-height: 100%; /* Mindesthöhe für moderne Browser */
	height:auto !important; /* Important Regel für moderne Browser */
	height:100%; /* Mindesthöhe für den IE */
	overflow: hidden !important; /* FF Scroll-leiste */ 
	background: #D9DADB;

}

#header {
	height: 175px;
	background: #FFF;
}

#contentArea {
	padding: 35px 0 35px 0;
	background-color: #D9DADB;
}

#footer {
	height: 60px;
	border-top: 2px solid #666;
	background: #FFF;
}

.logo {
	top: 30px;
	left: 30px;
}


.mainNavi {
	top: 155px;
	left: 30px;
	height: 20px;
}
.mainNavi ul {
	height: 20px;
}
.mainNavi li {
	height: 20px;
	margin: 0 30px 0 0;
	float: left;
	width: auto;
}

.mainNavi li a {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.mainNavi li.mainactive {
	background-image: url('/fileadmin/img/mainactive.gif');
	background-repeat: repeat-x;
	background-position: 0 15px;
}

.langSelector {
	top: 155px;
	right: 30px
}

.langSelector a {
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}
.colA,
.colB {
	float: left;
	width: 360px;
}
.colA {margin-right: 20px;}

.leftNavi 							{ float: left; width: 240px; overflow: hidden; }

.leftNavi ul 						{ margin: 0 0 0 15px; }
.leftNavi ul li  						{ padding: 0 0 15px 0; }

.leftNavi ul.submenu	 				{ margin: 15px 0 0 0; padding: 0; }
.leftNavi ul.submenu li, .leftNavi ul.submenu li#subact			{ padding: 0; }

.leftNavi ul.subsubmenu	 				{ margin: 10px 0 15px 0; padding: 0; }
.leftNavi ul.subsubmenu li, .leftNavi ul.subsubmenu li#subsubact	{ padding: 0 0 0 10px; }

.leftNavi ul li#act {
	background-image: url('/fileadmin/img/dot.gif');
	background-repeat: no-repeat;
	background-position: 0 3px;
	padding: 0 0 15px 15px;
}

.leftNavi ul.submenu li#subact, .leftNavi ul.subsubmenu li#subsubact {
	background: none;
}

.leftNavi a, .leftNavi a:visited	{ color: #666; font-weight: bold; text-transform: uppercase; text-decoration: none; }

.leftNavi ul li a { font-size: 14px; }
.leftNavi ul.submenu li a { font-size: 14px; }
.leftNavi ul.subsubmenu li a { font-size: 13px; }

.leftNavi ul li#act a.active, .leftNavi ul.submenu li#subact a.subactive, .leftNavi ul.subsubmenu li#subsubact a.subsubactive { color: #333; }






.footerNavi ul {
	padding: 20px 0 0 30px;
	height: 20px;
}

.footerNavi li {
	height: 20px;
	margin: 0 30px 0 0;
	float: left;
	width: auto;
}

.footerNavi li a {
	padding: 3px 2px 3px 2px;
	font-size: 14px;
	font-weight: bold;
	text-transform: uppercase;
	text-decoration: none;
}

.footerNavi li.active {
	background-image: url('/fileadmin/img/mainactive.gif');
	background-repeat: repeat-x;
	background-position: 0 15px;
}

/* -----------------------------------------------------------------------------------
 * Content
 * ----------------------------------------------------------------------------------- */

h1, h2, h3 {
	font-family: Arial, Helvetica, Verdana, sans-serif; 
	font-weight: bold;
	margin: 0;
	}

h1 {
	font-size: 14px; 	
	color: #333;
	padding: 0 0 10px 0;
	text-transform: uppercase;
}

h2 {
	font-size: 14px;
	color: #666;
	padding: 0 0 7px 0;
	}

h3 {
	font-size: 11px;
	font-weight: bold;
	color: #666;
	padding: 0 0 4px 0;
	}

p {
	line-height: 17px;
	padding: 0 0 15px 0;
}

p a {
	font-weight: bold;
}

img {
  margin: 0 10px 10px 0;
}

.csc-caption { text-align: left; }


/* -----------------------------------------------------------------------------------
 * CSS Helper
 * ----------------------------------------------------------------------------------- */
.cf:after {
   content: ".";
   display: block;
   height: 0;
   clear: both;
   visibility: hidden;
}

/* IE7 - x */
.cf { display: inline-block; }

/* IE5.x/Win - x, IE6 - x */
* html .cf { height: 1%; }
.cf { display: block; }

.de {
  background-color: green;
}
.de2 {
  background-color: red;
}