@charset "utf-8";
/**
* Stylesheet für »Thüringen für Kinder«
*
* © 2008 <i-D> internet & Design GmbH & Co. KG
* Erfurter Str. 35
* 99423 Weimar
* Deutschland
* Fon:     03643 7785 0
* Fax:     03643 7785 29
* E-Mail:  office@i-d.de
* Web:     http://www.i.d.de/
*
* @author Niels Bobogk <n.bobogk@i-d.de>
*/


/* 01. Allgemeines
----------------------------------------------------------------------------- */
* {
   margin: 0;
   padding: 0;
   font-family: Arial, Verdana, Geneva, Helvetica, sans-serif;
   font-size: 1em;
}
html, body {
	height: 100%;
	width: auto;
}
body {
	font-size: 62.5%; /* dadurch 10px == 1em */
	color: #166f8a;
	background: #c4182f;
}
a {
	color: #166f8a;
}
strong {
   font-weight: bold;
}
img {
   border: 0;
}
hr {
	border: none;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	margin: auto 0 1em 0;
}
h1 {
	font-size: 1.3em;
}
h1.main { margin-bottom:10px; }
h1 span {
	display: block; 
	padding-top: 44px;
	padding-left: 69px;
	
}
h2 {
	font-size: 1.2em;
	margin: 0.8em 0 1.2em 0;
}
h3, 
h4, 
h5, 
h6 {
	font-size: 1.1em;
	margin: 0.6em 0 1em 0;
	color: #166F8A;
}
p {
	margin: 0 0 1em 0;
	font-size: 1.1em;
}
ul,
ol {
	margin: 0 0 1em 1.1em;
	font-size: 1.1em;
}
ul ul,
ol ol {
	margin: 0 0 0 1.1em;
}
object {
	outline: none;
}

/* 02. Layout
---------------------------------------------------------------------- */
.limiter {
	width: 990px;
}
/* Kopfbereich */
#header {
	color: #fff;
	border-bottom: 2px solid #fff;
	background: #C4182F url(../img/bg-header.gif) repeat-x;
	min-width: 990px;
}
#header .outer {
	min-height: 168px;
	height: 168px;
	background: url(../img/bg-header-1.jpg) 0 0 no-repeat;
}
#header .serif {
	padding: 10px 0 10px 0;
	line-height: 1.1em;
	overflow: hidden;
	height: 24px;
}
#header p {
	margin: 0 !important;
}
#txtheader {
	float: right;
}
/* Buchstaben Kopfbereich */
#header .letters {
	float: left;
	width: 380px;
}
#header .letters a {
	float: left;
	width: 58px;
	height: 58px;
	overflow: hidden;
	margin: 0 5px 0 0;
}
#header .letters a.letter_1 span {
	background: transparent url(../img/header-abc-maske-1.gif) 0 0 no-repeat;
}
#header .letters a.letter_2 span {
	background: transparent url(../img/header-abc-maske-2.gif) 0 0 no-repeat;
}
#header .letters a.letter_3 span {
	background: transparent url(../img/header-abc-maske-3.gif) 0 0 no-repeat;
}
#header .letters a.letter_4 span {
	background: transparent url(../img/header-abc-maske-4.gif) 0 0 no-repeat;
}
#header .letters a.letter_5 span {
	background: transparent url(../img/header-abc-maske-5.gif) 0 0 no-repeat;
}
#header .letters a.letter_6 span {
	background: transparent url(../img/header-abc-maske-6.gif) 0 0 no-repeat;
}
#header .letters a span {
	display: block;
	width: 58px;
	height: 58px;
	overflow: hidden;
	text-indent: -99em;
}
#header .letters span.slogan {
	clear: left;
	display: block;
	font-size: 20px;
	font-weight: bold;
	color: #e8c424;
	text-align: right;
	padding: 5px 7px 0 0;
}
#thLettering img {
	float: left;
}

/* Mittelbereich */
#middle {
	min-height: 360px;
	background: #92B4D9 url(../img/bg-middle.gif) repeat-y;
	min-width: 990px;
}
body.layout_1 #middle {
	border-bottom: 1px solid #fff;
}
/* im Layout 2 mit zweitem Mittelbereich für Paginierung */
body.layout_2 #middle {
	min-height: 270px;
	border: none;
}
#middleBottom {
	min-height: 70px;
	background: #92B4D9 url(../img/bg-middle.gif) repeat-y;
	border-bottom: 2px solid #fff;
	min-width: 990px;
}
#middle .left,
#middleBottom .left {
	float: left;
	width: 216px;
}	
#middleBottom .left {
	clear: both;
}
#middle .center,
#middleBottom .Xcenter,
#middleBottom .center {
	position: relative;
	float: left;
	width: 420px;
	padding: 15px;
	line-height: 1.5em;
}
#middle .right,
#middleBottom .right {
	float: left;
	padding: 20px 0 0 15px;
	width: 300px;
	color: #0d4b5f;
}

/* Fußbereich */
#footer {
	clear: both;
	min-height: 4em;
	min-width: 990px;
}

/* Ludwig oben rechts */
#ludwig {
	position: absolute;
	top: 0;
	left: 865px;
	width: 115px;
	height: 189px;
	/* background: url(../img/ludwig-2.png) 0 0 no-repeat; */
}
#ludwig img {
	padding-left: 25px;
}

/* 03. Navigation
---------------------------------------------------------------------- */
/* Brotkrümel */
#breadcrumbContainer {
	background: #017aab url(../img/bg-breadcrumbsContainer.jpg) repeat-y;
	border-bottom: 1px solid #fff;
	color: #017aab;
	padding: 5px 0 6px 0;
	min-width: 990px;
}
#breadcrumbs {
	font-size: 1em;
	width: 430px;
	margin: 0 0 0 231px;
}
#breadcrumbs a {
	color: #017aab;
	text-decoration: none;
}
#breadcrumbs a:hover,
#breadcrumbs a:focus {
	text-decoration: underline;
}

/* Hauptnavi linke Spalte */
#middle .left .naviLevel1 {
	font-weight: bold;
	font-size: 1.2em;
	color: #fff;
	list-style-type: none;
	margin: 20px 10px auto 20px;
}
#middle .left .naviLevel1 a {
	text-decoration: none;
}
#middle .left .naviLevel1 li {
	margin: 0 0 10px 0;
}
#middle .left .naviLevel1 a {
	color: #fff;
}
/* aktiver Menüpunkt */
#middle .left .naviLevel1 li.active a,
#middle .left .naviLevel1 li ul li a.active {
	color: #e8c424;
}
#middle .left .naviLevel1 li.active ul a {
	color: #fff;
}
/* Mouseover und aktiv 1. Ebene */
#middle .left .naviLevel1 a:hover,
#middle .left .naviLevel1 a:active,
#middle .left .naviLevel1 a:focus {
	color: #b9d0e4 !important;
	text-decoration: none;
}

/* 2. Ebene */
#middle .left .naviLevel2 {
	font-size: 0.9em;
	margin: 3px 0 0.8em 10px;
	list-style-type: none;
}
#middle .left .naviLevel2 li {
	margin: 0 0 1px 0;
}

/* Link "mehr" im Content */
#middle .center p.linkMore {
	text-align: right;
	color: #C4182F;
}
#middle .center p.linkMore a {
	text-decoration: none;
	color: #C4182F;
}
#middle .center p.linkMore a:hover,
#middle .center p.linkMore a:focus {
	text-decoration: underline;
} 

/* Seitennavigation (Paginierung) */
p.pageNavi {
	margin: 3em 0 1em 0;
	color: #a0ccde;
	padding: 0 18px 0 0;
}

p.pageNavi a {
	color: #a0ccde;
	border: 1px solid #a0ccde;
	padding: 3px 5px;
	text-decoration: none;
	float: left;
	margin: 0 2px;
}
p.pageNavi a.active,
p.pageNavi a:hover,
p.pageNavi a:focus,
p.pageNavi a:active { 
	color: #166f8a;
	border-color: #166f8a;
}
p.pageNavi a.previous,
p.pageNavi a.next {
	border: none;
	text-indent: -9999px;
	width: 15px;
	height: 20px;
	overflow: hidden;
}
p.pageNavi a.previous {
	background: url(../img/triangle-left.gif) center center no-repeat;
}
p.pageNavi a.previous:hover,
p.pageNavi a.previous:active,
p.pageNavi a.previous:focus {
	background: url(../img/triangle-left-over.gif) center center no-repeat;
}
p.pageNavi a.next {
	background: url(../img/triangle-right.gif) center center no-repeat;
	margin: 0 -18px 0 0;
}
p.pageNavi a.next:hover,
p.pageNavi a.next:active,
p.pageNavi a.next:focus {
	background: url(../img/triangle-right-over.gif) center center no-repeat;
}
p.pageNavi span.hellip {
	float: left;
	font-size: 2em;
	font-weight: bold;
	line-height: 0.45em;
	margin: 0 3px;
}
p.pageNavi .backLink {
	margin-top: 0.3em;
}

/* Linkliste Fußleiste */
#footer ul.navi {
	list-style-type: none;
	color: #fff;
	line-height: 1em;
	margin: 10px 0 0 15px;
	font-size: 1em;
}
#footer ul.navi li {
	float: left;
	border-right: 1px solid #fff;
	padding: 0 5px;
}
#footer ul.navi li.last {
	border: none;
}
#footer ul.navi a {
	color: #fff;
	text-decoration: none;
}
#footer ul.navi a:hover,
#footer ul.navi a:focus {
	text-decoration: underline;
}

/* Links im Text allgemein */
#middle .center a:hover,
#middle .center a:focus {
	color: #c4182f;
}
#middle .center a:visited {
	color: #2f5267;
}

.backLink {
	background: url(../img/dreieck-rot-links.gif) 0 0 no-repeat;
	padding: 0 0 0 20px !important;
	border: none !important;
}


/* 04. Formulare
---------------------------------------------------------------------- */
/* normale Suchforms Mitte */
fieldset {
	border: none;
	margin: 0 0 10px 0;
}
fieldset p {
	margin: 0 0 4px 0;
	clear: left;
}
#middle label,
#middle span.label {
	float: left;
	width: 35%;
	text-align: right;
	padding: 0.35em 0.5em 0 0;
}
#Formular_2 .btn {
	position: relative;
	left: 35%;
	color: #C4182F !important;
}
#middle input.text,
#middle textarea  {
	border: none;
	background: #fff url(../img/bg-textbox.gif) 0 0 no-repeat;
	width: 197px;
	height: 20px;
	padding: 5px 8px 0 8px;
	color: #000;
}
#middle textarea {
	background: #fff url(../img/bg-textarea.gif) 0 0 no-repeat;
	padding-bottom: 4px;
	height: 83px;
}
#middle .radioFloat {
	float: left;
	margin: 0.4em 3px 0 3px;
}

/* Schnellsuche oben */
#frmSearchQuick {
	clear: both;
	float: right;
	margin: 12px 148px 5px 0;
	font-size: 1em;
}
#frmSearchQuick label {
	color: #fff;
}
#frmSearchQuick input.text {
	border: 1px solid #aaa;
	padding: 1px 2px 2px 2px;
	margin: 0 2px;
}
#frmSearchQuick .btn {
	border: 1px solid #fff;
	background: #C4182F;
	color: #fff;
	padding: 0px 5px 1px 5px;
}
/* Command-Button Mitte */
#middle .center .centered button,
#middle .center .centered input,
#middle .center .centered input.button,
#middle .btn {
	border: none;
	background: none;
	cursor: pointer;
}

/* 05. Content
---------------------------------------------------------------------- */
/* Bildergalerie rechte Spalte */
#middle .right .galleryBig {
	position: absolute;
	max-width: 302px;
	color: #fff;
	display: none;
}
#middle .right .galleryDefault {
	z-index: 100;
	background: #92B4D9;
	width: 320px;
	display: block !important;
}
#middle .right img,
#middleBottom .right img {
	border: 1px solid #fff;
}
#middleBottom .right img {
	cursor: pointer;
}
#middleBottom .right ul.gallery {
	list-style-type: none;
	margin: 0;
}
#middleBottom .right .gallery {
	color: #fff;
}
#middleBottom .right ul.gallery li {
	display: inline;
}

/* ABC-Liste Mitte */
.lettersOverview {
	margin: 30px 0 30px -2px;
}
.lettersOverview a {
	float: left;
	width: 40px;
	height: 40px;
	margin: 0 6px 6px 0;
}
.lettersOverview a  span{
	display: block;
	width: 40px;
	height: 40px;
	background: url(../img/abc-maske-out.png);
	text-indent: -99em;
	overflow: hidden;
}
.lettersOverview a:hover span,
.lettersOverview a:focus span {
	background: url(../img/abc-maske-over.png);
}

/* Glossarliste */
div.glossarListe {
	padding: 0px 0 0 69px;
}
div.glossarListe h1 a {
	margin: -42px 0 0 -70px;
	float: left;
	width: 60px;
	height: 60px;
}
div.glossarListe h1 a span {
	display: block;
	width: 60px;
	height: 60px;
	background: url(../img/abc-maske-glossar.png)0 0 no-repeat;
	text-indent: -99em;
	overflow: hidden;
	vertical-align: baseline;
}
div.glossarListe ul {
	list-style-type: none;
	float: left;
	margin: 0 1em 0 0;
}
div#flashLoewe {
	margin: 0 0 10px 50px;
}
div#flashLoewe img {
	border: none !important;
}
object#flashLoewe  {
	margin: 0 0 0 20px;
}

/* Glossarbuchstabe mit headline
---------------------------------------------------------------------- */
a.glossarLetter, 
span.glossarLetterNoLink {
	float: left;
	width: 58px;
	height: 58px;
	margin-right: 0px;
	display: block;
	outline: 0;
}	
span.glossarLetter {
	text-indent: -99em;
	float: left;
	padding: 58px 0px 0px 58px;
	background: transparent url(../img/abc-maske-glossar.png) 0 0 	no-repeat;
	height: 0px; 
	width: 0px;
	display: block;
	overflow: hidden;
}
/* headline auf der glossarseite, wird dynamisch definiert! */
.headLine {
}

/* Sonstiges
---------------------------------------------------------------------- */
.clearfix:after {
    content: ".";
    display: block;
    clear: both;
    visibility: hidden;
    line-height: 0;
    height: 0;
}
.clearfix {
    display: inline-block;
}
html[xmlns] .clearfix {
    display: block;
}
* html .clearfix {
    height: 1%;
}

.serif {
	font-family: "Times New Roman", Times, serif;
}
.centered ,
#xFormular_2
{
	text-align: center;
}

.colored
{
	color: #C4182F !important;
}
.floatLeft {
	float: left;
}
.floatRight {
	float: right;
}
#map_canvas div{
	font-size: 11px;
	font-weight: normal;
}

.picLeft {
	float: left;
	margin: 0.3em 10px 5px 0;
}
.picoverflow {
	overflow: hidden; 
	width: 100%;
	margin-bottom: 0.49em;
}
.picRight {
	float: right;
	margin: 0 0 5px 10px;
}
.picCenter {
	display: block;
	margin: 0 auto 5px auto;
}

img.trans {
	opacity: 0.25;
	margin-left: 5px
}