@charset "UTF-8";

/* 	Prototyp/Template Dev 
	Start 8.9.2011	Version 0.8 
	Letzte Änderung: 2.12.2011
	Alex Koch | wysiwyg*
*/

/* 
 _____ __    _____ _____ _____ _____ 
| __  |  |  |     |     |  |  |   __|
| __ -|  |__|  |  |   --|    -|__   |
|_____|_____|_____|_____|__|__|_____| */

body {
	margin: 0px;
	padding-bottom: 30px;
	background: url(../cssi/schatten.jpg) center top no-repeat;
    background-color: #f5f4f2;
    overlay: auto;}

div#navMeta {
	width: 940px;
	height: 20px;
	padding-top: 10px;
	margin: 0px auto;
	background: transparent;
	overflow: hidden; }

div#navContainer {
	position: relative;
	z-index: 2000;
	background-color: #fff;
	width: 980px;
	height: 205px;
	margin: 0px auto; }

div#navHead {
	width: 940px;
	height: 85px;
	margin: 0px 20px; }

div#navMain {
	width: 940px;
	height: 90px;
	margin: 0px 20px;
	background-color: #0098FF; }

div#navMain.search { background-color: #dc1978; }
	
div#navMain.corporate { background-color: #002d5a; }

div#navPath {
	width: 920px;
	height: 20px;
	padding: 9px 0px 0px 20px;
	margin: 0px 20px;
	background: transparent; 
	clear: both; }

div#bodyContent {
	background-color: #fff;
	width: 960px;
	padding-left: 20px;
	padding-bottom: 20px;
	margin: 0px auto; }

div#footerSection {
	width: 940px;
	height: auto;
	clear: both;
	background-color: transparent; }
	
div#footerBody {
	-webkit-font-smoothing: antialiased;
	background: #0098ff url(../cssi/footer-verlauf.gif) bottom left repeat-x; 
	padding: 15px 0px 10px 20px;
	margin-bottom: 0px;}

div.col4 {
	width: 960px;
	padding-bottom: 30px;
	float: left; }
	
div.col4.right {
	float: right; }

div.col3 {
	width: 720px;
	float: left; }
	
div.col3.right {
	float: right; }
	
div.col2 {
	width: 480px;
	float: left; }
	
div.col2.right {
	float: right; }

div.col1 {
	width: 240px;
	float: left; }
	
div.col1.right {
	float: right; }

/*
 _____    __ __    _____    _____ 
|_   _|  |  |  |  |  _  |  |     |
  | |    |_   _|  |   __|  |  |  |
  |_|      |_|    |__|     |_____| */

a { text-decoration: none; }

div#navMeta {
	text-transform: uppercase; 
	letter-spacing: 0.1em; }

div#navMeta a, div#navPath a { text-decoration: none; }	
div#navMeta a { color: #00468f; }
div#navMeta a:hover { color: #0087eb; }

div#search form input {
	color: #888; }

div#navPath { color: #ddd; }
div#navPath div { float: left; }
div#navPath a { color: #999; text-transform: uppercase; }
div#navPath a div { float: left; }
div#navPath span.ici { color: #3e3e3e; }
div#navPath a:hover { color: #0087eb; }

div#navMain {-webkit-font-smoothing: antialiased; }
div#navMain ul#navLevel1 li a,
div#navMain ul#navLevel2 li a {
	color: #99d7ff;
	text-decoration: none; 
	text-transform: uppercase; }
	/* #99d7ff; = 60% weiss auf 0098FF*/

div#navMain.search ul#navLevel1 li a,
div#navMain.search ul#navLevel2 li a { 
	color: #f1a3c9; }
	/* #f1a3c9; = 60% weiss auf #dc1978 */

div#navMain.corporate ul#navLevel1 li a,
div#navMain.corporate ul#navLevel2 li a { 
	color: #99abbd; }
	/* #99abbd; = 60% weiss auf 002d5a*/

div#navMain div#navLevel1 a:hover { color: #92d4ff; }
div#navMain ul#navLevel1 li a:hover { color: #0087eb; background-color: #fff; }
div#navMain ul#navLevel2 li a:hover { color: #fff; }

div#subNav ul.subNavPulldown li ul li { color: #999;}
	
div#subNav ul.subNavPulldown li ul li a { color: #666;}

div#navMain ul#navLevel1 li div.flyout ul.sitemap li { color: #999;}

div#navMain ul#navLevel1 li div.flyout ul.sitemap li a { color: #3e3e3e;}

div#navMain ul#navLevel1 li div.flyout ul.sitemap li ul.sitemap li a { color: #3e3e3e;}

div#navMain ul#navLevel1 li div.flyout ul.sitemap li ul.sitemap li ul.sitemap li a { color: #888;}


div#navMain ul#navLevel1 li div.flyout ul.sitemap li a:hover,
div#navMain ul#navLevel1 li div.flyout ul.sitemap li ul.sitemap li a:hover,
div#navMain ul#navLevel1 li div.flyout ul.sitemap li ul.sitemap li ul.sitemap li a:hover {
	color: #0087eb; 
	background: transparent !important; 
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none; }

div#subNav ul.subNavPulldown li ul li,
div#subNav ul.subNavPulldown li ul li a,
div#navMain ul#navLevel1 li div.flyout ul.sitemap li,
div#navMain ul#navLevel1 li div.flyout ul.sitemap li a {
	-webkit-font-smoothing: antialiased;
	letter-spacing: normal;
	text-indent: 0px;
	text-transform: none !important; }
	
div#subNav ul.subNavPulldown li ul li a:hover { color: #0087eb; }

/*  
 __    _____ _____ _____ _____ _____ _____ _____ 
|  |  |  _  |   | |   __|  |  |  _  |   __|   __|
|  |__|     | | | |  |  |  |  |     |  |  |   __|
|_____|__|__|_|___|_____|_____|__|__|_____|_____| */

div#navMeta div.metaLink {
	float: right;
	padding-left: 20px; }

div#navMeta div#langSelect {
	float: right;
	padding-left: 20px; }

div#navMeta div#langDeSelect {
	display: none;
	float: right;
	padding-left: 20px; }

div#navMeta div#langSelect a {
	padding-right: 16px;
	background: url(../cssi/language-arrow.png) right 0px no-repeat transparent; }

div#navMeta div#langSelect a:hover {
	background: url(../cssi/language-arrow.png) right -20px no-repeat; }

div#navMeta div#langDeSelect a {
	padding-right: 16px;
	background: url(../cssi/language-arrow.png) right -40px no-repeat transparent; }

div#navMeta div#langDeSelect a:hover {
	background: url(../cssi/language-arrow.png) right -60px no-repeat; }

div#languageSection {
	display: none;
	position: absolute;
	left: 50%;
	top: 30px;
	margin-left: -470px;
	width: 924px;
	height: 184px;
	z-index: 3000; 
	padding: 12px 0px 10px 16px;
	background-color: #3e3e3e; }

div#languageSection ul {
	margin: 0px;
	padding: 0px;
	display: block;
	position: static;
	float: left;
	width: 221px;
	margin: 0px 20px 0px 0px;
	list-style: none;
	list-style-type:none; }
	
div#languageSection ul.edge {
	width: 198px; }
	
div#languageSection ul li a {
	font-size: 12px;
	line-height: 20px;
	font-weight: bold;
	padding: 3px 4px 2px 4px;
	color: #999; 
	letter-spacing: 0em !important;
	text-transform: none !important; }
	
div#languageSection ul li a.ici {
	color: #00a5e1;}
	
div#languageSection ul li a span.native {
	padding-left: 6px;
	font-weight: bold;
	color: #ddd; }
	
div#languageSection ul li a:hover {
	background-color: #888;
	color: #fff;}

div#topMeta {
    background: none repeat scroll 0 0 #3E3E3E;
    height: 30px;
    margin-bottom: 6px;
    margin-top: -36px;
    padding: 0;
    position: relative;
    width: 100%;
}

div#topMetaInner {
    color: #DDDDDD;
    margin: 0 auto;
    padding-top: 5px;
    position: relative;
    width: 940px;
}

div#topMetaInner a {
    color: #999999;
    text-decoration: none;
}

div#topMetaInner a:hover {
    color: #FFFFFF;
}

div#topMeta a.closeLink {
    background: url("../cssi/i-b-grey-flat.png") no-repeat scroll 0 -3600px transparent;
    display: block;
    height: 19px;
    position: absolute;
    right: 6px;
    top: 5px;
    width: 18px;
}

div#topMeta a.closeLink:hover {
    background: url("../cssi/i-b-white-flat.png") no-repeat scroll 0 -3600px transparent;
}

.langHint {
    float: right;
}

.rightarrow {
    border-bottom: 6px solid transparent;
    border-left: 6px solid #333333;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 70px;
    top: 30px;
    width: 0;
}

.leftarrow {
    border-bottom: 6px solid transparent;
    border-right: 6px solid #333333;
    font-size: 0;
    line-height: 0;
    position: absolute;
    right: 76px;
    top: 30px;
    width: 0;
}

/* 
 _____ _____ _____ __ 
|   | |  _  |  |  |  |
| | | |     |  |  |  |
|_|___|__|__|\___/|__| */

div#logo {
	width: 280px;
	height: 85px;
	float: left; }

div#logoprint {
	display: none;
	width: 280px;
	height: 85px;
	overflow: hidden; 
	float: left; }

div#logo a {
	display: block;
	width: 280px;
	height: 85px;
	background: url(../cssi/dwlogo-all.gif) 0px 0px no-repeat;
	font: 0px/1px sans-serif; 
	color: #fff;
	text-decoration: none;
}

div#logo.dw a {
	background-position: 0px -100px;
}

div#logo.akademie a {
	background-position: 0px -200px;
}

div#search {
	float: right;
	position: relative;
	width: 220px;
	margin-top: 33px; }
	
div#searchButton {
	position: absolute;
	display: block;
	width: 28px;
	height: 19px;
	top: 2px; /* IE7 = 3px, Webkit = 2px WTF!? */
	right: 2px;
	background: url(../cssi/search-icon.gif) 0px 0px no-repeat; }

.ie7 div#searchButton {
	position: absolute;
	display: block;
	width: 28px;
	height: 19px;
	top: 3px;
	right: 2px;
	background: url(../cssi/search-icon.gif) 0px 0px no-repeat; }

div#searchButton:hover {
	background: url(../cssi/search-icon.gif) 0px -19px no-repeat; }

div#search form input {
	margin: 0px;
	border: 1px solid #ccc;
	padding: 3px;
	width: 212px; }


/* -------------- verzoegerung flyout mit css3-transition -------------- */

/* --- level 1 --- */
div#navMain ul#navLevel1 li:hover {
	background-color: transparent;
	color: #000; }

/* --- leaving the hover of level 1 --- */
div#navMain ul#navLevel1 li:hover a {
	background-color: #fff; }

div#navMain ul#navLevel1 li a {	}
div#navMain ul#navLevel1 li a:hover {
	-webkit-transition: all 0ms linear 150ms;
	   -moz-transition: all 0ms linear 150ms;
		-ms-transition: all 0ms linear 150ms;
		 -o-transition: all 0ms linear 150ms;
			transition: all 0ms linear 150ms; }

/* --- level 2 --- */
div#navMain ul#navLevel1 li ul li a:hover {
	-webkit-transition: all 0ms linear 0ms;
	   -moz-transition: all 0ms linear 0ms;
		-ms-transition: all 0ms linear 0ms;
		 -o-transition: all 0ms linear 0ms;
			transition: all 0ms linear 0ms; }

/* --- flyout --- */
div#navMain ul#navLevel1 li:hover div.flyout {
	-webkit-transition: all 0ms linear 150ms;
	   -moz-transition: all 0ms linear 150ms;
		-ms-transition: all 0ms linear 150ms;
		 -o-transition: all 0ms linear 150ms;
			transition: all 0ms linear 150ms; }

/* -------------- Pulldown/Flyout Navi -------------- */
div#navMain ul li {
	list-style: none;
	float: left;
}

div#navMain ul#navLevel1 {
	position: relative;
	float: left;
	width: 920px;
	margin: 9px 10px 0px;
	padding: 0px;
	clear: both; }

div#navMain ul#navLevel1 li { padding: 0px; }

div#navMain ul#navLevel1 li a {
	display: block;
	float: left;
	padding: 6px 10px 14px 10px;
	margin: 0px; }

div#navMain ul#navLevel1 li:hover,
div#navMain ul#navLevel1 li.sfhover { background-color: #fff; }

div#navMain ul#navLevel1 li:hover ul li:hover,
div#navMain ul#navLevel1 li.sfhover ul li:hover { background-color: transparent; }

div#navMain ul#navLevel1 li:hover a,
div#navMain ul#navLevel1 li.sfhover a { color: #000; }

/* --------------------- Flyout --------------------- */
div#navMain ul#navLevel1 li { position: static; }
div#navMain ul#navLevel1 li:hover div.flyout,
div#navMain ul#navLevel1 li.sfhover div.flyout { left: -30px; }

div#navMain ul#navLevel1 li div.flyout, 
div#navMain ul#navLevel1 li div.flyout,
div#subNav ul.subNavPulldown li ul {
	background-color: #fff; }

div#navMain ul#navLevel1 li div.flyout {
	left: -999em;
	top: 44px;
	position: absolute;
	z-index: 100;
	width: 960px;
	padding: 15px 0px 6px 20px; }

div#navMain ul#navLevel1 li a:hover, 
div#subNav ul.subNavPulldown li ul,
div#navMain ul#navLevel1 li div.flyout {	
	box-shadow: 0px 12px 10px rgba(0,0,0,0.4);
	-moz-box-shadow: 0px 12px 10px rgba(0,0,0,0.4);
	-webkit-box-shadow: 0px 12px 10px rgba(0,0,0,0.4); }

.ie div#subNav ul.subNavPulldown li ul {
	border-right: 1px solid #d3cfca; 
	border-bottom: 1px solid #d3cfca; 
	border-left: 1px solid #d3cfca;
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,color=#666666,direction=180); }

div#navMain ul#navLevel1 li div.flyout ul {
	display: block;
	float: left;
	width: 220px;
	margin: 0px 20px 0px 0px; 
	padding: 0px 0px 8px 0px; }

div#navMain ul#navLevel1 li div.flyout ul li { 
	width: 220px; 
	float:left;
	}

div#navMain ul#navLevel1 li div.flyout ul li,
div#navMain ul#navLevel1 li div.flyout ul li a {
	padding: 0px;
	margin: 0px; }

/* Level 3+ */
div#navMain ul#navLevel1 li div.flyout ul li ul {
	margin: 0px;
	padding: 0px;
	width: auto; }

div#navMain ul#navLevel1 li div.flyout ul li ul li { 
	margin-left: 20px;
	width: 200px; }

div#navMain ul#navLevel1 li div.flyout ul li ul li a { 
	margin-right: 6px; }

div#navMain ul#navLevel1 li div.flyout ul li ul li ul li {
	margin-left: 0px;
	width: auto;
	float: left; }

div#navMain ul#navLevel1 li div.flyout ul li ul li ul li a {
	font-weight: normal !important;
	/* margin-left: 5px !important; */  }

/* -- Aktion Sorgenkind IE Drop Shadow */
.ie div#navMain ul#navLevel1 li div.flyout { 
	filter:progid:DXImageTransform.Microsoft.Shadow(strength=5,color=#666666,direction=180); }
/* -- Aktion Sorgenkind 2 IE7 Float-Margin-Bug */
.ie7 div#navMain ul#navLevel1 li div.flyout ul { margin-right: 15px !important; }

div.flyout h4 {
	padding-top: 3px; }

div.flyoutGroup {
	float: left;	
	margin: 0px;
	padding: 0px; }

div.flyoutGroup.col4 {
	padding-bottom: 20px; }

/* -------------- LEVEL 2 -------------- */
div#navMain ul#navLevel2 {
	width: 900px;
	height: 35px;
	overflow: hidden;
	float: left;
	margin: 0px 20px 0px;
	padding: 0px;
	border-top: 1px solid #80cdff;
	clear: both; }
	/* #80cdff entspricht 50% Weiss auf #0098FF */

div#navMain.search ul#navLevel2 {
	border-top: 1px solid #ee8cbc; }
	/* #ee8cbc entspricht 50% Weiss auf #dc1978 */

div#navMain.corporate ul#navLevel2 {
	border-top: 1px solid #8096ad; }
	/* #8096ad entspricht 50% Weiss auf #002d5a */
	
div#navMain ul#navLevel2 li { padding: 0px; margin: 0px; }

div#navMain ul#navLevel2 li a {
	display: block;
	float: left;
	padding: 11px 20px 10px 0px;
	margin: 0px; }


/* -------------- NAVI TEASER -------------- */
div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup {
	float: left; 
	position: static !important;
	height: auto;
	width: 460px;
	padding: 0px 20px 0px 0px; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser {
	float: left; 
	position: static !important;
	height: 68px;
	width: 460px;
	padding: 6px 20px 14px 0px;
	margin: 0px; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a {
	padding: 0px; 
	background: transparent; 
	text-transform: none !important; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a:hover {
	box-shadow: none;
	-moz-box-shadow: none;
	-webkit-box-shadow: none; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a img {
	width: 120px;
	height: 68px;
	float: left;
	margin-right: 10px; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a h4 {
	margin: -4px 0px 4px 130px; }
	
div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a h2  {
	margin: 0px 0px 0px 130px; 
	-webkit-font-smoothing: antialiased; 
	color: #3e3e3e; }

div#navContainer div#navMain ul#navLevel1 li div.flyout div.navTeaserGroup div.navTeaser a:hover h2  {
	color: #0087eb; }




/* -------------- H E A D E R   S U B N A V   P U L L D O W N -------------- */
/* 	edit note: nur einzeln zu verwenden, ul#subNavPulldown muss
	dupliziert werden für das zweite Pulldown in der seiten-SubNavi.
	Entsprechend neuer Script in cssjs/flyoutsf.js 
	mit neuen function- und Variablen-Namen */

div#subNav ul.subNavPulldown {
	list-style: none;
	margin: 0px;
	padding: 0px; }

div#subNav ul.subNavPulldown.rechts {
	float: right; }

div#subNav ul.subNavPulldown.links {
	float: left; }

div#subNav ul.subNavPulldown.links:first-child,
.ie div#subNav ul.subNavPulldown.links {
	margin-right: 20px; }

div#subNav ul.subNavPulldown.rechts:first-child,
.ie div#subNav ul.subNavPulldown.rechts {
	margin-left: 20px; }

div#subNav ul.subNavPulldown li {
	position: relative;
	list-style: none;
	float: left; }

div#subNav ul.subNavPulldown.rechts li:hover ul, 
div#subNav ul.subNavPulldown.rechts li.sfhover ul { 
	right: 0px; }

div#headerSub.farbig div#subNav ul.subNavPulldown.rechts li:hover ul,
div#headerSub.farbig div#subNav ul.subNavPulldown.rechts li.sfhover ul { 
	right: -20px; }

div#subNav ul.subNavPulldown.links li:hover ul,
div#subNav ul.subNavPulldown.links li.sfhover ul { 
	left: -20px; }

div#subNav ul.subNavPulldown li ul {
	position: absolute;
	top: 35px;
	padding: 10px 10px 8px 10px;
	margin: -2px 0px 0px; }
	/* margin-top -3 = Linie subNav abgedeckt */

div#subNav ul.subNavPulldown.links li ul {
	left: -3999em; }

div#subNav ul.subNavPulldown.rechts li ul {
	right: 999em; }

div#subNav ul.subNavPulldown li ul li {
	width: 200px;}
	
div#subNav ul.subNavPulldown li ul.zweiSp li {
	width: 460px;}

/* modified by ft for dossier links */
/* div#subNav ul.subNavPulldown li ul li, */
div#subNav ul.subNavPulldown li ul li a {
	line-height: 18px;
	padding: 0px 0px 3px 5px;
	margin: 0px;}

/* Dropdown-Menu Icons */

div#subNav ul.subNavPulldown li a.menuRight {
	padding-right: 20px;
	background: url(../cssi/icons-subnav-down.png) right 6px no-repeat; }

div#subNav ul.subNavPulldown li a.menuRight:hover {
	background: url(../cssi/icons-subnav-down.png) right -34px no-repeat; }

div#subNav ul.subNavPulldown li a.menuLeft {
	margin-left: -20px;
	padding-left: 20px;
	background: url(../cssi/icons-subnav-down.png) left 6px no-repeat; }

div#subNav ul.subNavPulldown li a.menuLeft:hover {
	background: url(../cssi/icons-subnav-down.png) left -34px no-repeat; }


div#headerSub h1 {
	margin: 0px;
	padding: 8px 20px 11px;
	-webkit-font-smoothing: antialiased; 
	color: #3e3e3e;
	border-top: 1px solid #d3cfca; }

div#subNav {
	position: relative;
	z-index: 900; 
	-webkit-font-smoothing: antialiased;
	margin: 0px;
	width: 920px;
	height: 32px;
	padding: 0px 0px 0px 20px;
	color: #3e3e3e; 
	border-top: 1px solid #d3cfca;
	border-bottom: 1px solid #d3cfca; }

	/* --- Dossier/Artikel dreispaltig --- */
div#subNav.dreiSp {
	float: left;
	margin: 0px 20px 30px 0px;
	width: 680px;
	height: 32px;
	padding: 0px 0px 0px 20px; }

div#subNav a,
div#subNav span.navHeadline {
	display: block;
	float: left;
	padding: 9px 20px 9px 0px;
	color: #aaa; 
	text-decoration: none; 
	text-transform: uppercase; }

div#subNav a.right {
	float: right;
	padding: 9px 0px 9px 20px;}

div#subNav a.ici { color: #3e3e3e; }
div#subNav a:hover { color: #3e3e3e; }


/* -------------------- HEADER SUBNAV FARBIG -------------------- */

div#headerSub.farbig h1 {
	margin: 0px;
	padding: 9px 20px 11px;
	-webkit-font-smoothing: antialiased; 
	color: #fff;
	border-top: none; }

div#headerSub.farbig div#subNav {
	margin: 0px 20px;
	width: 900px;
	height: 32px;
	padding: 0px;
	color: #fff; 
	border-top: 1px solid #fff;
	border-bottom: none; }

div#headerSub.farbig div#subNav a,
div#headerSub.farbig div#subNav span.navHeadline { 
	display: block;
	float: left;
	padding: 9px 20px 10px 0px;
	color: #fff; 
	text-decoration: none; 
	text-transform: uppercase; 
	padding-right: 20px; }

div#headerSub.farbig div#subNav a.right {
	float: right;
	padding: 9px 0px 10px 20px;}

div#headerSub.farbig div#subNav a.ici { color: #000; }
div#headerSub.farbig div#subNav a:hover { color: #000; }

/* Dropdown-Menu Icons subNav farbig */

div#headerSub.farbig div#subNav ul.subNavPulldown li a.menuLeft {
	margin-left: 0px;
	padding-left: 20px;
	background: url(../cssi/icons-subnav-down.png) left -74px no-repeat; }

div#headerSub.farbig div#subNav ul.subNavPulldown li a.menuLeft:hover {
	background: url(../cssi/icons-subnav-down.png) left -114px no-repeat; }

div#headerSub.farbig div#subNav ul.subNavPulldown li a.menuRight {
	padding-right: 20px;
	background: url(../cssi/icons-subnav-down.png) right -74px no-repeat; }

div#headerSub.farbig div#subNav ul.subNavPulldown li a.menuRight:hover {
	background: url(../cssi/icons-subnav-down.png) right -114px no-repeat; }

div#headerSub.farbig div#subNav ul.subNavPulldown li ul li {
	color: #999;
	margin: 0px;
	padding: 0px; }

div#headerSub.farbig div#subNav ul.subNavPulldown li ul li a {
	color: #666;
	margin: 0px 0px 0px 10px;
	padding: 0px; }

div#headerSub.farbig div#subNav ul.subNavPulldown li ul li a:hover {
	color: #0089eb;}


/*
 _____ _____ _____ _____ _____ _____ 
|   __|     |     |_   _|   __| __  |
|   __|  |  |  |  | | | |   __|    -|
|__|  |_____|_____| |_| |_____|__|__| */

ul.footer {
	padding: 0px;
	display: block;
	float: left;
	width: 140px;
	margin: 0px 13px 15px 0px;
	list-style: none;
	list-style-type:none; }
	/* 133px/20px oder 140px/13px wg. 20px Abstand und 40px Margin zuviel */
	
ul.footer li {
	text-transform: uppercase;
	color: #fff;
	text-indent: 0px;
	padding: 0px;
	margin: 0px; }

ul.footer li a {
	text-transform: none;
	text-decoration: none;
	color: #fff; }

ul.footer li a:hover {
	color: #000; }
	
div#footerBody p {
	color: #b3e1ff; 
	margin: 0px 0px 0px -10px;
	padding: 0px;
	width: 920px;
	clear: both; }

p#copyright a {
	color: #b3e1ff; }

p#copyright a:hover {
	color: #000; }

/* A C C E S S I B I L I T Y   E X T R A S */

/**
 * Interne Seiten/Dokument-navigation:
 * springt per anchor Seitenbereiche an
 * ausschliesslich "onfocus" sichtbar,
 * am Anfang jeder Seite implementiert
 *
 * @author Norbert
 * @since 20110114
 */
#quickjump {
	list-style: none;
	position: absolute;
	top: 0px;
	left: 50%;
	margin-left: -490px; }

#quickjump, #quickjump li {
	margin-top: 0px;
	padding: 0px; }

#quickjump a{
	position: absolute;
	left: -1000px;
	top: -1000px;
	overflow: hidden; }

#quickjump a:focus, #quickjump a:active{ 
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 4000;
	display: block;
	width: 200px;
	height: 19px; 
	padding: 5px 20px 6px;
	overflow: hidden;
	outline: none;
	text-decoration: none;
	-webkit-font-smoothing: antialiased;
	color: #fff;
	background: #002d5a url(../cssi/bg-access-links.gif) 0px 0px no-repeat; }


/**
 * Fallback barrierearme Darstellung von web-apps:
 * Elemente werden per skip-anchor übersprungen
 *
 * @author Norbert
 * @since 20110114
 */
.skipLink {
	position: relative;
	z-index: 1000;}

.skipLink a{
	color: #333333;
	background-color: #FFFFFF;
	display: block;
	top: 0px;
	left: -1000em;
	overflow: hidden;
	position: absolute;
	padding: 6px; }

.skipLink a:focus, .skipLink a:active{
	left: 0;}


/* DEBUG / HACKS */

a img { border: none; }