/* CSS Document */

html, body {
	height: 100%
}

body {
	padding: 0;
	margin: 0;
	font-family: arial, helvetica, sans-serif;
	font-size: 13px;
	color: #2a3b8e;
	behavior:url("csshover.htc"); /* wegen IE :hover Unterstützung, nicht konform. */
	background: #a1a1a1 url(background-circle.gif) center center no-repeat scroll;
}

/* **********************************************
   Layout WRAPPER   ********************************************** */

div#wrapper {
	position: absolute;
	top: 50%;
	left: 50%;
	margin-top: -280px;
	margin-left: -465px;
	width: 929px;
	height: 579px;
}

div#content {
	position: relative;
	background-color: #fff;
	width: 929px;
	height: 559px;
}

/* **********************************************
   TITLE BODY   ********************************************** */

body.b-title div#wrapper {
	margin-top: -280px;
	margin-left: -280px;
	width: 559px;
	height: 579px;
}


body.b-title div#content {
	width: 559px;
	height: 559px;
}



div#content ul#title {
	position: relative;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 559px;
	height: 559px;
}
div#content ul#title li {
	position: absolute;
	width: 185px;
	height: 185px;
	margin: 0;
	padding: 0;
	background-color: #123456;
}

div#content ul#title li.a { top: 1px; left: 1px; }
div#content ul#title li.b { top: 1px; left: 187px; }
div#content ul#title li.c { top: 1px; left: 373px; }
div#content ul#title li.d { top: 187px; left: 1px; }
div#content ul#title li.e { top: 187px; left: 187px; }
div#content ul#title li.f { top: 187px; left: 373px; }
div#content ul#title li.g { top: 373px; left: 1px; }
div#content ul#title li.h { top: 373px; left: 187px; }
div#content ul#title li.i { top: 373px; left: 373px; }

div#content ul#title li a {
	display: block;
	width: 185px;
	height: 185px;
}

div#content ul#title li a:link, div#content ul#title li a:visited, div#content ul#title li a:hover, div#content ul#title li a:active {
	color: #ffffff;
	text-decoration: none;
	letter-spacing: 1px;
	line-height: 182px;
	text-align: center;
}

div#content ul#title li a:hover {
	font-weight: bold; letter-spacing: 0px;
}

div#content ul#title li.a a { background: #52a300 url(green-shade.gif) bottom left no-repeat; }
div#content ul#title li.b a { background: #2a3b8e url(blue-shade.gif) 0 0 no-repeat; }
div#content ul#title li.c a { background: #d50064 url(red-shade.gif) 0 0 no-repeat; }
div#content ul#title li.d a { background: #e85d00 url(orange-shade.gif) 0 0 no-repeat; }
div#content ul#title li.e a { background: #ffffff url(logo.jpg) 0 0 no-repeat; }
div#content ul#title li.f a { background: #52a300 url(titelbild2.jpg) bottom left no-repeat; }
div#content ul#title li.g a { background: #2a3b8e url(blue-shade.gif) 0 0 no-repeat; }
div#content ul#title li.h a { background: #d50064 url(titelbild1.jpg) 0 0 no-repeat; }
div#content ul#title li.i a { background: #e85d00 url(orange-shade.gif) 0 0 no-repeat; }

/* **********************************************
   CONTENT LAYOUT   ********************************************** */

div#text {
	position: absolute;
	top: 187px;
	left: 1px;
	/* width: 927px; */
	width: 555px;
	height: 371px;
	background: transparent url(green-title.gif) 0 0 no-repeat;
	line-height: 18px;
	z-index: 1;
	overflow: auto;
}

img#seitenbild, div#karte { /* image size: 362x362 */
	position: absolute;
	top: 187px;
	left: 557px;
	width: 362px;
	border-top: 3px solid;
	border-right: 6px solid;
	border-bottom: 6px solid;
	border-left: 3px solid;
}

div#text p, div#text table {
	margin: 10px 10px 0 25px;
}

div#text h1 {
	margin: 25px 10px 25px 25px;
	font-size: 19px;
	font-weight: bold;
}

img#logo {
	position: absolute;
	top: 1px;
	left: 558px;
}

img#promotion {
	position: absolute;
	top: 1px;
	left: 187px;
}

div#footer p {
	text-align: right;
	font-size: 10px;
	margin-top: 5px;
}
div#footer a:link, div#footer a:visited {
	text-decoration: none;
	color: #555555;
}
div#footer a:hover, div#footer a:active {
	text-decoration: none;
	color: #ffffff;
}


/* **********************************************
   COLORS CASCADE  ********************************************** */

body.b-green  div#text img, body.b-green  div#text div#karte { border-color: #52a300; }
body.b-red    div#text img, body.b-red    div#text div#karte { border-color: #d50064; }
body.b-blue   div#text img, body.b-blue   div#text div#karte { border-color: #2a3b8e; }
body.b-orange div#text img, body.b-orange div#text div#karte { border-color: #e85d00; }

body.b-green  div#text {	background-image: url(green-title.gif); }
body.b-red    div#text {	background-image: url(red-title.gif); }
body.b-blue   div#text {	background-image: url(blue-title.gif); }
body.b-orange div#text {	background-image: url(orange-title.gif); }

body.b-green  div#text h1 { color: #52a300; }
body.b-red    div#text h1 { color: #d50064; }
body.b-blue   div#text h1 { color: #2a3b8e; }
body.b-orange div#text h1 { color: #e85d00; }

/* **********************************************
   MENÜ  ********************************************** */


div#content ul#nav {
	position: absolute;
	top: 0; left: 1px;
	list-style: none;
	padding: 0;
	margin: 0;
	width: 185px;
	height: 186px;
	z-index: 2;
}
div#content ul#nav li {
	float: left;
	width: 185px;
	height: 30px;
	margin: 0;
	padding: 0;
	border-top: 1px solid #fff;
}

div#content ul#nav li.active a
{	font-weight:bold;
}

div#content ul#nav li a {
	display: block;
	width: 185px;
	height: 30px;
	font-size: 11px;
	line-height: 30px;
	text-indent: 25px;
	letter-spacing: 1px;
	text-transform:uppercase;
}

div#content ul#nav li a:link, div#content ul#nav li a:visited, div#content ul#nav li a:hover, div#content ul#nav li a:active {
	color: #ffffff;
	text-decoration: none;
}

div#content ul#nav li a:hover {
	font-weight: bold;
}


/* **********************************************
   SUB MENÜ  ********************************************** */

div#content div#subnav {
	position: absolute;
	top: 200px; left: 0px;
	z-index: 3;
}

div#content div#subnav p {
	font-size: 11px;
	letter-spacing: 1px;
	float: left;
	margin: 0; padding: 0 15px 0 0;
}

div#content div#subnav p a:link, div#content div#subnav p a:visited {
	text-decoration: none;
	font-weight: normal;
}
div#content div#subnav p a:hover, div#content div#subnav p a:active {
	text-decoration: none;
	background-color: #fff;
}

div#content div#subnav p.init { margin: 0; padding: 0 15px 0 0; }

/* **********************************************
   MENÜ COLORS CASCADE  ********************************************** */

body.b-green div#content ul#nav  { background: #52a300 url(green-shade.gif) bottom left no-repeat; }
body.b-red div#content ul#nav    { background: #d50064 url(red-shade.gif) bottom left no-repeat; }
body.b-blue div#content ul#nav   { background: #2a3b8e url(blue-shade.gif) bottom left no-repeat; }
body.b-orange div#content ul#nav { background: #e85d00 url(orange-shade.gif) bottom left no-repeat; }

body.b-green div#content div#subnav  a { color: #52a300; }
body.b-red div#content div#subnav    a { color: #d50064; }
body.b-blue div#content div#subnav   a { color: #2a3b8e; }
body.b-orange div#content div#subnav a { color: #e85d00; }


/* **********************************************
   LINKS COLORS CASCADE  ********************************************** */

body.b-green  div#text a:link, body.b-green  div#text a:visited { color: #52a300; text-decoration: underline; }
body.b-red    div#text a:link, body.b-red    div#text a:visited { color: #d50064; text-decoration: underline; }
body.b-blue   div#text a:link, body.b-blue   div#text a:visited { color: #2a3b8e; text-decoration: underline; }
body.b-orange div#text a:link, body.b-orange div#text a:visited { color: #e85d00; text-decoration: underline; }

body.b-green  div#text a:hover, body.b-green  div#text a:active { color: #52a300; text-decoration: none; }
body.b-red    div#text a:hover, body.b-red    div#text a:active { color: #d50064; text-decoration: none; }
body.b-blue   div#text a:hover, body.b-blue   div#text a:active { color: #2a3b8e; text-decoration: none; }
body.b-orange div#text a:hover, body.b-orange div#text a:active { color: #e85d00; text-decoration: none; }


/* **********************************************
   DEUTSCHLANDMAP  ********************************************** */

div#karte dl.map.on {
	position: relative;
	width: 362px;
	height: 362px;
	background: #fff url(deutschland.jpg) 0 0 no-repeat;
	text-align: left;
	margin: 0;
	padding: 0;
}
div#karte dl.map.on dt {
	list-style: none;
	display: inline;
}
div#karte dl.map.on dd {
	position: absolute;
	left: -9999px;
	width: 200px;
	padding: 4px;
	border:1px solid #2a3b8e;
	background: #fff;

	z-index: 11;
	color: #2a3b8e;
}
div#karte dl.map.on dd img {
	position:relative;
	float:right;
	border: 1px solid #2a3b8e;
	margin:2px;
}
div#karte dl.map.on a.location {
	display:block;
	position:absolute;
	text-indent:-9999px;
	background:url(punkt.gif) 6px 6px no-repeat;
	width:22px;
	height:22px;
	outline:none;
	z-index:10;
	text-decoration:none;
}
div#karte dl.map.on a.location:hover {
	background:url(punkthover.gif) 0 0 no-repeat;
}
div#karte dl.map.on dd a {
	color:#2a3b8e;
}
div#karte dl.map.on dd a:hover {
	text-decoration:none;
}
div#karte dl.map.on dd a.close {
	position:relative;
	float:right;
	color:#000;
	background:url(close.gif) no-repeat;
	outline:none;
	height:22px;
	width:22px;
	margin-left:4px;
	margin-right:0px;
	text-decoration:none;
}


/* **********************************************
      ********************************************** */

div#text .small { font-size: 10px; }

div#text ul { list-style-type:square; }
div#text ol li { margin-left: 5px; }

img {
border: 0;
}


.r2c0
{	width:100px;
}

#footer .niente { display: none; }