@charset "utf-8";
/**
* Stylesheets für Picardie Thüringen
* 
* <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 <niels@i-d.de>
* @copy 2009 <i-D> internet & Design GmbH & Co. KG
*/

/* 01. Reset
----------------------------------------------------------------------------- */
* {
   margin: 0;
   padding: 0;
   font-family: Tahoma, Verdana, Arial, Geneva, Helvetica, sans-serif;
}
html, 
body {
	height: 100%;
	width: auto;
}
body {
	font-size: 72.1%;
	line-height: 1.5em;
	color: #303f60;
	background: #fff url(/de/bilder/thpi/bg-body.gif) repeat-y;
	min-width: 880px;
}
a {
	color: #303f60;
}
a:link, 
a:visited {
   text-decoration: none;
}
a:hover, 
a:active {
   text-decoration: underline;
}
a:focus {
	text-decoration: underline;
}
strong {
   font-weight: bold;
}
img {
   border: 0;
}
hr {
	border: none;
	color: #ccc;
	background: #ccc;
	height: 1px;
	width: 100%;
	margin: auto 0 1em 0;
}
h2 {
	font-size: 1.2em;
	margin: 0 0 1.2em 0;
}
h3 {
	font-size: 1.1em;
	margin: 3em 0 1.2em 0;
	color: #036;
} 
h4, 
h5, 
h6 {
   font-size: 1em;
   margin: 0.6em 0 1em 0;
}
p, 
ul, 
ol, 
dl, 
form {
   line-height: 1.4em;
   margin: 0 0 1.8em 0;
}
ul ul, 
ol ol {
	margin-bottom: 0;
}
td, 
th {
   line-height: 1.4em;
}
form, 
form p, 
form ul, 
form ol, 
form dl, 
ul ul, 
ol ol, 
table, 
td, 
th {
	font-size: 1em;
}
#center ul, 
#right ul {
	margin-left: 1.3em;
}
#center ol, 
#right ol {
	margin-left: 2.5em;
}
#right ul {
	list-style-type: circle;
}
blockquote {
	margin-left:30px;
}
object {
	outline: none;
}
/* Altlasten; kommt im cms vor */
font {
	border: none !important;
	font-weight: inherit !important;
	font-size: 1em !important;
	color: inherit !important;
	line-height: inherit !important;
	width: inherit !important;
	height: auto !important;
	background: none !important;
	display: inline !important;
	padding: 0 !important;
	margin: 0 !important;
}


/* 02. Layout
----------------------------------------------------------------------------- */
a#top img {
	display: none;
}
#header {
	position: relative;
	height: 170px;
	background: #303F60 url(/de/bilder/thpi/bg-header.gif);
	color: #fff;
}
#header h1 {
	float: right;
	width: 530px;
	height: 120px;
	text-indent: -9999px;
	background: url(/de/bilder/thpi/txt-header.gif) no-repeat;
}
#picHeader {
	position: absolute;
	left: 0px;
	top: 0px;
	height: 278px;
	width: 350px;
	overflow: hidden;
}
#picHeader * {
	color: #fff;
}
#wrap {
	padding: 0 0 0 290px;
}
#left {
	float: left;
	margin: 0 0 0 -290px;
}
#content {
	position: relative;
	background: #fff;
}
#inner {
	padding: 0 250px 0 0;
}
#center {
	float: left;
	padding: 0;
	background: #fff;
	width: 100%;
	min-width: 450px;
}
#center .ieFix {
	margin: 0 10px 0 20px;
	border-top: 2px dotted #d0e4f0;	
	width: auto;
	padding: 13px 5px 0 5px;
}
#right {
	float: right;
	width: 250px;
	margin: 0 -250px 0 0;
}
#right .ieFix {
	padding: 13px 0;
	border-top: 2px dotted #d0e4f0;	
}
/* Sprachwechsel Laenderumriss */
img#switchLang {
	position: absolute;
	left: 216px;
	top: 50px;
	z-index: 100;
}



/* 03. Navigation
----------------------------------------------------------------------------- */
#skiplinks {
	position: absolute;
	width: 1px;
	height: 1px;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
}
/* Servicelinks im header */
#header .linklistService ul {
	position: absolute;
	right: 27px;
	bottom: 20px;
	list-style-type: none;
	margin: 0;
}
#header .linklistService li {
	float: left;
	margin: 0 0 0 17px;
}
#header .linklistService a {
	color: #fff;
}
#header .linklistService a:hover img {
	border: 1px solid #fff;
	margin: -1px;
}
/* Hauptnavi links */
/* 1. Ebene */
#left ul.naviLevel1 {
	margin: 110px 0 1em 0;
	list-style-type: none;
	color: #09255c;
}
#left ul.naviLevel1 li {
	width: 290px;	
} 
#left ul.naviLevel1 li.active {
	background: #d9e3f2;
	border-bottom: 10px solid #d9e3f2;
	margin: -2px 0 0 0;
}  
#left ul.naviLevel1 a {
	display: block;
	padding: 9px 10px 10px 10px;
	border-bottom: 2px dotted #d0e4f0;
	margin: 0 15px 0 20px;
}
#left ul.naviLevel1 a:hover,
#left ul.naviLevel1 a:focus {
	text-decoration: none;
	color: #c00;
}
/* 2. Ebene */
#left ul.naviLevel2 {
	font-size: 0.9em;
	margin: -10px 10px 0 40px;
	list-style-type: none;
}
#left ul.naviLevel2 li {
	width: 220px;	
} 
#left ul.naviLevel2 a {	
	padding: 0 0 3px 15px;
	margin: 0;
	width: 220px;
	border: none;
}
#left ul.naviLevel2 a.active  {
	color: #c00;
}
/* breadcrumbs */
#breadcrumbs {
	padding: 5px 5px 10px 5px;
	margin: 0 270px 0 20px;
	font-size: 0.9em;
	line-height: 1em;
} 
/* in rechter Spalte */
#right ul.navi {
	list-style-type: none;
}
#right ul.navi a {
	display: block;
	border-bottom: 2px dotted #d0e4f0;
	padding: 15px 5px;
}


/* 04. Formulare
----------------------------------------------------------------------------- */
form.searchQuick {
	background: #f49b0d url(/de/bilder/thpi/bg-search-2.jpg) 0 0 repeat-x;
	width: auto;
	text-align: right;
	padding: 5px 25px;
	margin: 0 0 10px 0;
}
#search {
	border: 1px solid #000;
	padding: 1px 10px 2px 10px;
	margin: 0 10px 0 10px;
	width: 11em;
}
form.searchQuick input.btn {
	border: 1px solid #303F60;
	padding: 0px 5px 1px 5px;
	background: none;
	cursor: pointer;
}


/* 05. Content
----------------------------------------------------------------------------- */
#inner a {
	color: #0095cb;
}
#center h2 {
	background: #d8e3f4;
	padding: 4px 10px 5px 10px;
	margin: 0 -7px 1em -7px;
	/*text-transform: uppercase;*/
}
#center hr {
	color: #fff;
	background: #fff;
	border: none;
	border-bottom: 2px dotted #d0e4f0;
	margin: 5px -5px 5px -5px;
	width: auto;
}
/* Boxen rechte Spalte */
#right .contentSwitchingBox {
	margin: 0 0 20px 0;
	cursor: n-resize;
}
#right .contentSwitchingBox .header {
	height: 80px;	
	margin: 0 0 2px 0;
	position: relative;
}
#right .contentSwitchingBoxFr .header {
	background: url(/de/bilder/thpi/box-header-picardie.jpg) no-repeat;
}
#right .contentSwitchingBoxDe .header {
	background: url(/de/bilder/thpi/box-header-thueringen.jpg) no-repeat;
}
#right .contentSwitchingBox .header h2 {
	color: #fff;
	position: absolute;
	left: 75px;
	bottom: 15px;
	margin: 0 10px 0 0;
	width: 170px;
}
#right .contentSwitchingBox .navi a {
	text-decoration: none;
}
#right .contentSwitchingBox .navi a:hover,
#right .contentSwitchingBox .navi a:focus,
#right .contentSwitchingBox .navi a.active {
	color: #c00;
}

/* linklist_mit_Bild */ 
div.linklistMitBild {
	border-top: 2px dotted #d0e4f0;
	padding: 5px 0 0 0;
	margin: 0 0 5px 0;
	width: 100%;
}
div.linklistMitBild img.illu, 
div.linklistUniversal img.illu {
	float: left;
	margin: 0.2em 15px 10px 0;
}
div.linklistMitBild h2 {
	font-size: 1em !important;
	text-transform: none !important;
	background: none !important;
	margin: 0 !important;
}
div.linklistMitBild a {
	color: #303f60 !important;
}
 

/* 06. Klassen
----------------------------------------------------------------------------- */
h2.de {
	background: #0095cb !important;
	color: #fff !important;
}
h2.fr {
	background: #0095cb !important;
	color: #fff !important;
}
.teaser {
	font-weight: bold;
}


/* 07. Sonstiges
----------------------------------------------------------------------------- */
.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
.clearfix {
	display: inline-block;
}
.noDisplay {
	position: absolute;
	width: 0;
	height: 0;
	overflow: hidden;
	left: -9999px;
	top: -9999px;
}
#header .iconPrinter {
	background: none;
	padding: 0;
}

/* Slideshow */
.jsSlideShowContainer .item {
	position: absolute;
	left: 0;
	top: 0;
	height: 100%;
	width: 100%;
}
.jsSlideShowContainer .item .footer,
.jsSlideShowContainer .item .footer_de,
.jsSlideShowContainer .item .footer_fr,
#picHeader .item .footer,
#picHeader .item .footer_de,
#picHeader .item .footer_fr {
	position: absolute;
	bottom: 0;
	left: 0;
	width: 230px;
	min-height: 3em;
	color: #fff;
	margin: 0;
	padding: 4px 30px;
}
.jsSlideShowContainer .item .footer_de,
#picHeader .footer_de {
	background: #008AC3 url(/de/bilder/thpi/bg-slideHeader-footer-de.jpg) 0 0 repeat-y !important;	
}
.jsSlideShowContainer .item .footer_fr,
#picHeader .footer_fr {
	background: #BBCF30 url(/de/bilder/thpi/bg-slideHeader-footer-fr.jpg) 0 0 repeat-y !important;	
}