@charset "utf-8";

/* *************************************** */
/* LAYOUT STANDARDSEITE                    */
/* *************************************** */
body, html {
	padding: 0px;
	margin: 0px;
	background: #ededed;
}

#page-section {
	width: 980px;
	margin: 0px auto;
	background: #fff;
}

#inner-section {
	padding: 20px 0px 0px 20px;
}

#header-section {
	padding: 0px 20px 26px 0px;
	margin: 0px;
	background: url(img/bg-amplitude-line.gif) left bottom no-repeat;
}

#sub-navigation-section {
	margin: 0px;
	float: left;
	width: 240px;
	min-height: 100px;
}

#content-section {
	margin: 0px;
	float: left;
	width: 480px;
}

.layout-1col #content-section,
.layout-1col .breadcrumb-box {
	width: 100%;
	}

#marginal-section {
	margin: 0px;
	float: left;
	width: 240px;
}

#bottom-box {
	display: none;
}

#footer-section {
	margin: 30px 0px 0px 0px;
	padding: 0px;
	background: #fff url(img/bg-footer.gif) 0px 0px repeat;
	border-bottom: 3px solid #cc0001;
	height: 1%;
}


/* *************************************** */
/* LAYOUT HOMEPAGE                         */
/* *************************************** */
.homepage #header-section {
	margin-bottom: 25px;
}

.homepage #sub-navigation-section {
	display: none;
}

.homepage #content-section {
	width: 640px;
}

.homepage #marginal-section {
	width: 320px;
}

.homepage #bottom-box {
	display: block;
	margin-bottom: 30px; /* zwischen Partner/Bottom und Footer 30px */
}

/* *************************************** */
/* LAYOUT Zweispaltig ohne Randspalte       */
/* *************************************** */
.twocols-nomarginal #content-section {
	width: 720px;
}

.twocols-nomarginal #marginal-section {
	display: none;
}

/* *************************************** */
/* LAYOUT Zweispaltig ohne Navigation      */
/* *************************************** */
.twocols-nonavigation #sub-navigation-section {
	display: none;
}

.twocols-nonavigation #content-section {
	width: 640px;
}

.twocols-nonavigation #content-section .page-title {
	margin: 0px 60px 0px 40px;
}
.twocols-nonavigation #content-section .ce {
	margin: 0px 60px 30px 40px;
}

.twocols-nonavigation.has-backlink #content-section .page-title {
	width: 450px;
	margin-right: 0px;
}

.twocols-nonavigation #marginal-section {
	width: 300px;
}

/* *************************************** */
/* BOX LAYOUT                              */
/* *************************************** */
.clear {
	width: 1px;
	height: 0px;
	line-height: 0px;
	font-size: 0px;
	clear: both;
	float: none;
}
span.clear {display: block;}

.noss {
	display: none !important;
}

 
.navSkip {
	height: 0;
	left:-2000px;
	position:absolute;
	top:-1000px;
	z-index:9000;
	font-size:10px;
	
	font-size: 0.769em;		/* 10 -> 13px (body) */
}

.navSkip a:active, 
.navSkip a:focus {
	background:#FFFFFF none repeat scroll 0 0;
	color:#333333;
	font-size:120%;
	font-weight:bold;
	left:2010px;
	padding:3px;
	position:absolute;
	text-decoration:none;
	top:1010px;
	width:150px;
	z-index:9000;
}

.hidden {
	display:none !important;
}

#logo-box {
	float: left;
	width: 380px;
	margin-bottom: 30px;
}

#search-box {
	float: right;
	padding-top: 4px;
	width: 170px;
}

#meta-navigation-box {
	float: right;
	width: 380px;
	margin-top: 8px;
}

#main-navigation-box {
	float: left;
	margin: 19px 0px 0px 0px;
	padding: 0px;
	width: 700px;
	height: 1%;
}

#sponsor-top-box {
	float: right;
	padding-bottom: 8px;
}

.breadcrumb-box {
	float: left;
	width: 720px;
	margin-bottom: 17px;
}

.visual-box {
	margin-bottom: 17px;
}

#footer-section {
	padding: 20px 0px 10px 0px;
}

#footer-navigation-box {
	float: left;
	padding-left: 10px;
	width: 640px;
	/*background: Trennlinien-Grafik*/
}

#sponsor-bottom-box {
	float: right;
	padding: 32px 40px 0px 0px;
}

/* *************************************** */
/* GLOBAL ELEMENTS                         */
/* *************************************** */
#logo-box img {
	display: block;
	float: left;
	margin-left: 10px;
	border: none;
}

#logo-box .claim {
	float: left;
	margin-left: 25px;
	padding-top: 35px;
}

/* *************************************** */
/* META-NAVIGATION                         */
/* *************************************** */
#meta-navigation-box ul {
	float: right;
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 11px;
	
	font-size: 0.846em;		/* 11 -> 13px (body) */
}

#meta-navigation-box ul li {
	float: left;
	margin-left: 15px;
}

#meta-navigation-box ul li a {
	color: #333;
	text-decoration: none;
}

#meta-navigation-box ul li a:hover,
#meta-navigation-box ul li a:FOCUS {
	text-decoration: underline;
}

/* *************************************** */
/* MAIN-NAVIGATION                         */
/* *************************************** */
#main-navigation-box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	
	font-size: 0.923em;		/* 12 -> 13px (body) */
}

#main-navigation-box ul li {
	float: left;
	margin-right: 2px;
}

#main-navigation-box ul li a {
	display: block;
	padding-left: 10px;
	text-decoration: none;
	color: #333;
}

#main-navigation-box ul li a span {
	display: block;
	padding: 6px 10px 4px 0px;
}

#main-navigation-box ul li a:FOCUS,
#main-navigation-box ul li a.current,
#main-navigation-box ul li a:hover {
	color: #fff;
	background: #cc0001 url(img/bg-main-menu-left.gif) 0px 0px no-repeat;
}

#main-navigation-box ul li a:FOCUS span,
#main-navigation-box ul li a.current span,
#main-navigation-box ul li a:hover span {
	background: #cc0001 url(img/bg-main-menu-right.gif) right 0px no-repeat;
}

/* *************************************** */
/* SUB-NAVIGATION                          */
/* *************************************** */
#sub-navigation-section ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	padding-right: 20px;	
}

#sub-navigation-section ul li {
	margin: 0px 0px 1px 0px;
	padding: 0px;
	border-bottom: 1px solid #dbdbdb;	
	height: 1%;
}

#sub-navigation-section ul li a {
	display: block;
	margin: 0px 0px 1px 0px;
	padding: 5px 0px 0px 0px;
	text-decoration: none;
	color: #333;
	height: 1%;
	cursor: pointer;
}

#sub-navigation-section ul li a span {
	display: block;
	padding: 0px;
}

#sub-navigation-section ul li a span span {
	display: block;
	padding: 0px 20px 6px 20px;	
	background: url(img/icon-sub-menu-1.gif) 5px -16px no-repeat;
	height: 1%;
}

#sub-navigation-section ul li a:FOCUS,
#sub-navigation-section ul li a.current,
#sub-navigation-section ul li a.acthassub:FOCUS,
#sub-navigation-section ul li a.acthassub:hover,
#sub-navigation-section ul li a:hover {
	background: #cc0001 url(img/bg-sub-menu-top-lvl1.gif) 0px 0px no-repeat;
	color: #fff;
	font-weight: bold;
}

#sub-navigation-section ul li a:FOCUS span,
#sub-navigation-section ul li a.current span,
#sub-navigation-section ul li a.acthassub:FOCUS span,
#sub-navigation-section ul li a.acthassub:hover span,
#sub-navigation-section ul li a:hover span{
	background: #cc0001 url(img/bg-sub-menu-bottom-lvl1.gif) 0px bottom no-repeat;
}
#sub-navigation-section ul li a.current {
	
}
#sub-navigation-section ul li a.acthassub {
	font-weight: bold;
}

#sub-navigation-section ul li a:FOCUS span span,
#sub-navigation-section ul li a.current span span,
#sub-navigation-section ul li a.acthassub:FOCUS span span,
#sub-navigation-section ul li a.acthassub:hover span span,
#sub-navigation-section ul li a:hover span span {
	background: url(img/icon-sub-menu-2.gif) 5px -3px no-repeat;
}

#sub-navigation-section ul li a.acthassub {
	color: #cc0000;
}

#sub-navigation-section ul li a.acthassub,
#sub-navigation-section ul li a.acthassub span {
	background: none;
}

#sub-navigation-section ul li a.acthassub span span {
	background: url(img/icon-sub-menu-3.gif) 5px -10px no-repeat;
}

#sub-navigation-section ul li a.acthassub:FOCUS span span,
#sub-navigation-section ul li a.acthassub:hover span span {
	background: url(img/icon-sub-menu-4.gif) 5px -4px no-repeat;
}

#sub-navigation-section ul li a.curhassub span span {
	background: url(img/icon-sub-menu-4.gif) 5px -4px no-repeat;
}

/* LVL2 */
#sub-navigation-section ul ul {
	margin: 0px;
	padding: 0px 0px 0px 13px;
}

#sub-navigation-section ul li ul li {
	border-bottom: none;	
}

#sub-navigation-section ul li ul li a:FOCUS,
#sub-navigation-section ul li ul li a.current,
#sub-navigation-section ul li ul li a.acthassub:hover,
#sub-navigation-section ul li ul li a.acthassub:FOCUS,
#sub-navigation-section ul li ul li a:hover {
	background-image: url(img/bg-sub-menu-top-lvl2.gif);
}

#sub-navigation-section ul li ul li a:FOCUS span,
#sub-navigation-section ul li ul li a.current span,
#sub-navigation-section ul li ul li a.acthassub:hover span,
#sub-navigation-section ul li ul li a.acthassub:FOCUS span,
#sub-navigation-section ul li ul li a:hover span {
	background-image: url(img/bg-sub-menu-bottom-lvl2.gif);
}

#sub-navigation-section ul li ul li a:FOCUS span span,
#sub-navigation-section ul li ul li a.current span span,
#sub-navigation-section ul li ul li a:hover span span {
	background: url(img/icon-sub-menu-2.gif) 5px -3px no-repeat;
}

#sub-navigation-section ul li ul li a.acthassub,
#sub-navigation-section ul li ul li a.acthassub span {
	background: none;
}

#sub-navigation-section ul li ul li a.acthassub span span {
	background: url(img/icon-sub-menu-3.gif) 5px -10px no-repeat;
}

#sub-navigation-section ul li ul li a.acthassub:FOCUS span span
#sub-navigation-section ul li ul li a.acthassub:hover span span {
	background: url(img/icon-sub-menu-4.gif) 5px -4px no-repeat;
}

#sub-navigation-section ul li ul li a.curhassub:FOCUS span span,
#sub-navigation-section ul li ul li a.curhassub span span,
#sub-navigation-section ul li ul li a.curhassub:hover span span,
#sub-navigation-section ul li ul li a.acthassub:hover span span {
	background: url(img/icon-sub-menu-4.gif) 5px -4px no-repeat ;
}

/* LVL3 */
#sub-navigation-section ul ul ul {
	padding-left: 20px;
	
}

#sub-navigation-section ul li ul li ul li a span {
	/*padding-left: 10px;*/
	padding-right: 10px;
}

#sub-navigation-section ul li ul li ul li a.current span span,
#sub-navigation-section ul li ul li ul li a span span {
	background: none;
	background: url(img/icon-sub-menu-1.gif) 5px -16px no-repeat;
	
}
#sub-navigation-section ul li ul li ul li a.current span span{
	background: url(img/icon-sub-menu-2.gif) 5px -3px no-repeat;
	}

#sub-navigation-section ul li ul li ul li a:FOCUS, 
#sub-navigation-section ul li ul li ul li a.current,
#sub-navigation-section ul li ul li ul li a:hover {
	background-image: url(img/bg-sub-menu-top-lvl3.gif);
}

#sub-navigation-section ul li ul li ul li a:FOCUS span,
#sub-navigation-section ul li ul li ul li a.current span,
#sub-navigation-section ul li ul li ul li a:hover span {
	background-image: url(img/bg-sub-menu-bottom-lvl3.gif);
}

#sub-navigation-section ul li ul li ul li a:FOCUS span span,
#sub-navigation-section ul li ul li ul li a.current span span,
#sub-navigation-section ul li ul li ul li a:hover span span {
	background: url(img/icon-sub-menu-2.gif) 5px -3px no-repeat;
}



/* *************************************** */
/* SUB-NAVIGATION COMPETENCE               */
/* *************************************** */
/* just one lvl! */
.layout-competence #sub-navigation-section .devel-hide {
	display: none;
}

.layout-competence #sub-navigation-section a {
	padding-top: 3px;
}

.layout-competence #sub-navigation-section a span {
	padding-bottom: 3px;
}

.layout-competence #sub-navigation-section a:FOCUS span span,
.layout-competence #sub-navigation-section a:hover span span,
.layout-competence #sub-navigation-section a span span {
	padding: 7px 0px 7px 40px;;
	background-position: 0px center !important;
}

.layout-competence #sub-navigation-section .active,
.layout-competence #sub-navigation-section a.current .inactive {
	display:none;
}

.layout-competence #sub-navigation-section a:FOCUS .active,
.layout-competence #sub-navigation-section a:hover .active,
.layout-competence #sub-navigation-section a.current .active {
	display:block;
}

.layout-competence #sub-navigation-section a:FOCUS .inactive,
.layout-competence #sub-navigation-section a:hover .inactive {
	display:none;
}

/*
.layout-competence #sub-navigation-section .c1 a span span {
	background-image: url(img/kompetenzicons/icon_gesellschaftsw.png);
}
.layout-competence #sub-navigation-section .c2 a span span {
	background-image: url(img/kompetenzicons/icon_info.png);
}
.layout-competence #sub-navigation-section .c3 a span span {
	background-image: url(img/kompetenzicons/icon_medien.png);
}
.layout-competence #sub-navigation-section .c4 a span span {
	background-image: url(img/kompetenzicons/icon_energie.png);
}
.layout-competence #sub-navigation-section .c5 a span span {
	background-image: url(img/kompetenzicons/icon_material.png);
}
.layout-competence #sub-navigation-section .c6 a span span {
	background-image: url(img/kompetenzicons/icon_logistik.png);
}
.layout-competence #sub-navigation-section .c7 a span span {
	background-image: url(img/kompetenzicons/icon_mathe.png);
}
.layout-competence #sub-navigation-section .c8 a span span {
	background-image: url(img/kompetenzicons/icon_geistesw.png);
}
.layout-competence #sub-navigation-section .c9 a span span {
	background-image: url(img/kompetenzicons/icon_optw.png);
}

.layout-competence #sub-navigation-section .c1 a.current span span,
.layout-competence #sub-navigation-section .c1 a:hover span span {
	background-image: url(img/kompetenzicons/icon_gesellschaftsw_hover.png);
}
.layout-competence #sub-navigation-section .c2 a.current span span,
.layout-competence #sub-navigation-section .c2 a:hover span span {
	background-image: url(img/kompetenzicons/icon_info_hover.png);
}
.layout-competence #sub-navigation-section .c3 a.current span span,
.layout-competence #sub-navigation-section .c3 a:hover span span {
	background-image: url(img/kompetenzicons/icon_medien_hover.png);
}
.layout-competence #sub-navigation-section .c4 a.current span span,
.layout-competence #sub-navigation-section .c4 a:hover span span {
	background-image: url(img/kompetenzicons/icon_energie_hover.png);
}
.layout-competence #sub-navigation-section .c5 a.current span span,
.layout-competence #sub-navigation-section .c5 a:hover span span {
	background-image: url(img/kompetenzicons/icon_material_hover.png);
}
.layout-competence #sub-navigation-section .c6 a.current span span,
.layout-competence #sub-navigation-section .c6 a:hover span span {
	background-image: url(img/kompetenzicons/icon_logistik_hover.png);
}
.layout-competence #sub-navigation-section .c7 a.current span span,
.layout-competence #sub-navigation-section .c7 a:hover span span {
	background-image: url(img/kompetenzicons/icon_mathe_hover.png);
}
.layout-competence #sub-navigation-section .c8 a.current span span,
.layout-competence #sub-navigation-section .c8 a:hover span span {
	background-image: url(img/kompetenzicons/icon_geistesw_hover.png);
}
.layout-competence #sub-navigation-section .c9 a.current span span,
.layout-competence #sub-navigation-section .c9 a:hover span span {
	background-image: url(img/kompetenzicons/icon_optw_hover.png);
}
*/
/* *************************************** */
/* FOOTER-NAVIGATION                       */
/* *************************************** */
#footer-navigation-box {
	background: url(img/bg-footer-menu.gif) 0px 0px repeat-y;
}


#footer-navigation-box .box {
	float: left;
}

#footer-navigation-box .box .title {
	padding: 0px 0px 10px 10px;
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	
	font-size: 0.923em;		/* 12 -> 13px (body) */
}

#footer-navigation-box .box ul {
	margin: 0px;
	padding: 0px;
	list-style-type: none;
	float: left;
	width: 160px;
}

#footer-navigation-box .box ul li {
	padding: 0px 10px 4px 10px;
}

#footer-navigation-box .box ul li a {
	color: #ff0000;
	text-decoration: none;
	font-weight: bold;
}

#footer-navigation-box .box ul li a:FOCUS,
#footer-navigation-box .box ul li a:hover {
	text-decoration: underline;
}


/* *************************************** */
/* BOX CONTENT                             */
/* *************************************** */
/* Die CEs erhalten alle einen Abstand nach links von 20px, um die im Layout vorgegebenen
Abst�nde zwischen den Spalten zu realisieren */
.ce {
 	padding: 0px;
	margin: 0px 20px 30px 0px;
}

.homepage .ce {
	margin-bottom: 20px;
}

.homepage .page-title {
	display: none;
}

#marginal-section .ce {
	padding-bottom: 20px;
	margin-bottom: 10px;
	border-bottom: 3px solid #ccc;
}

.homepage #marginal-section .ce {
	padding-bottom: 0px;
	margin-bottom: 20px;
	border-bottom: none;
}

p,ol,ul {
	padding: 0px;
	margin: 0px;
}


.sf-bordered {
	border-top: 3px solid #cccccc;
	padding-top: 10px;
	margin-right: 20px;
}

#marginal-section .sf-bordered {
	border-bottom: 3px solid #cccccc;
	padding-bottom: 20px;
	margin-bottom: 5px;
}

.sf-bordered .ce {
	margin-right: 0px;
}

/* Hinterlegt */
.highlighted .ce {
	padding: 15px 15px 15px 15px;
	margin-bottom: 0px;
	background: #C8C8C8 url(img/highlighted-middle.gif) left top no-repeat;
}

.highlighted .top {
	background: url(img/highlighted-top.gif) left top no-repeat;
	height: 3px;	
}
.highlighted .bottom {
	background: url(img/highlighted-bottom.gif) left top no-repeat;
	height: 3px;
	margin-bottom: 30px;	
}

/* Halbe Breite */
.homepage .sf-halfwidth {
	float: left;
	width: 50%;
	margin-bottom: 15px;
}


.twocols-nomarginal .sf-withMarginal {
	float: left;
	width: 420px;
}
.twocols-nomarginal .sf-marginal {
	float: left;
	width: 300px;
}


.homepage .sf-bordered .ce {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	/*padding: 15px 0px 20px 0px;*/
	padding: 10px 0px 20px 0px;
	margin-bottom: 0px;
	margin-right: 20px;
}

/* Homepage, Linie oben und unten */
.homepage .sf-bordered {
	border: none;
	padding: 0px;
	margin: 0px;
}

.homepage #marginal-section .sf-bordered {
	border-top: 3px solid #ccc;
	border-bottom: 3px solid #ccc;
	/*padding: 15px 0px 20px 0px;*/
	padding: 10px 0px 20px 15px;
	margin-right: 20px;
}

/* section frame teaser lists */

.sf-nobottomstyle .ce {
	margin-bottom: 0px;
}

.sf-nobottomstyle .teaser-list .elements {
	background: none;
}