/* 
      Theme Name: Hartje 
      Theme URI: http://www.hartje.de/
      Description: Vorlage Hartje
      Version: 1.0
      Author: Tilk-Ahlers
      Author URI: www.hartje.de
      */

/* For Link Indication plugin */
a.liexternal { padding-right: 18px; background: url(images/link-icon_external.gif) no-repeat right; }
a.liwikipedia { padding-right: 18px; background: url(images/link-icon_wikipedia.gif) no-repeat right; }
a.liimdb { padding-right: 18px; background: url(images/link-icon_imdb.png) no-repeat right; }
a.liftp { padding-right: 13px; background: url(images/link-icon_ftp.png) no-repeat right; }
a.limailto { padding-right: 18px; background: url(images/link-icon_mail.png) no-repeat right; }
a.lipdf { padding-right: 18px; background: url(images/link-icon_pdf.png) no-repeat right;  }

body {
	text-align:center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 62.5%;
	color: #000000;
	background-color: #023160;
	margin: 0px;
	padding: 0px;
}
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 2.1em;
	color: #FFFFFF;
	background-image: url(images/logo_hartje.jpg);
	background-repeat: no-repeat;
	height: 91px;
	width: 282px;
	text-indent: -5000px;
	margin-top: 5px;
	position: absolute;
	margin-left: 30px;
	padding-left: 0px;
}
h3 {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.7em;
	color: #006699;
	font-weight: normal;
margin-top: 5px;
margin-bottom: 5px;

}
h3 a{
	color: #006699;
	text-decoration:none;
	
}
h4 {
	font-family: Arial, Helvetica, sans-serif;
margin-top: 0;
	font-size: 1.7em;
	color: #006699;
	font-weight: normal;
}
h4 a{
	color: #006699;
	text-decoration:none;
	
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #content hr { 
color: #006699;
background-color: #006699;
margin: 10px 0;
}
#outer-wrapper {
	font-size: 1.2em;
	background-image: url(images/bg_wrapper.jpg);
	background-repeat: repeat-x;
	width: 910px;
	margin-right: auto;
	margin-left: auto;
	background-color: #04488d;
	padding-bottom: 0px;
	
}
#outer-wrapper #inner-wrapper {
	text-align:left;
	margin: 30px;
	margin-bottom:0;
	position: static;
}
#outer-wrapper #inner-wrapper #navi-top {
	background-color: #CCCCCC;
	background-image: url(images/bg_topnavi.jpg);
	background-repeat: no-repeat;
	height: 30px;
	width: 850px;
	margin-top: 0px;
	position: relative;
}
#outer-wrapper #inner-wrapper #overview {
	padding: 0px;
	height: 240px;
	width: 850px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	background-color: #003366;
overflow: hidden;
}


#outer-wrapper #inner-wrapper #main-outer {
	background-color: #FFFFFF;
	background-image: url(images/bg_main.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	position: relative;
	height: auto;
	width: 850px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner {
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 30px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #content {
	float: left;
	width: 490px;
	margin-top: 43px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	padding-bottom: 30px;
}
img a{
	border: 0;
}
/*sidebar*/
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar {
	float: right;
	width: 280px;
	margin-top: 43px;
	padding-bottom: 30px;
}
#clear {
	clear: both;
	margin-bottom: 0px;

}
/*breadcrumb*/
#outer-wrapper #inner-wrapper #main-outer #breadcrumb {
	font-size: 0.9em;
	text-transform: uppercase;
	position: absolute;
	left: 30px;
	top: 15px;
	color: #999999;
}
#outer-wrapper #inner-wrapper #main-outer #breadcrumb a{
	color: #999999;
}
#outer-wrapper #inner-wrapper #header {
	height: 120px;
	width: 850px;
	position: relative;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #box-eos-login {
	background-image: url(images/bg_sidebar_box_eos.jpg);
	background-repeat: repeat-x;
	background-position: left 34px;
	height: 133px;
	width: 280px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #box-eos-login h3 {
	background-color: #CCCCCC;
	background-image: url(images/header_login_eos.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	text-indent: -5000px;
	height: 33px;
	width: 280px;
	margin: 0px;
	color: #FFFFFF;
	padding-left: 0px;
	padding-right: 0px;
}
/*Teaser*/
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #news-teaser {
	background-image: url(images/bg_sidebar_box.jpg);
	background-repeat: repeat-x;
	background-position: left 34px;
	width: 280px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #news-teaser a {
color: #006699;
	
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #news-teaser h3 {
	margin: 0px;
	height: 33px;
	width: 280px;
	background-image: url(images/header_hartje_aktuell.jpg);
	text-indent: -5000px;
}
/*Navigation*/
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation {

	width: 280px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation h3 {
	margin: 0px;
	height: 33px;
	width: 280px;
	background-image: url(images/header_navigation.jpg);
	text-indent: -5000px;
}


/*Gestaltung Hauptliste*/

#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul 
{
	padding: 0;
	margin: 0;
	list-style: none;
	font-size: 1.0em;

}




#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li
{
	margin: 0;
	border-bottom: 1px solid #EEEEEE;
	text-align: left;
	padding: 0;
	 display: inline-block; /*for IE*/


	
}
*html #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li
{
height: 15px;
}

#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li a
{

display: block;
padding: 7px;
padding-left: 17px;
color: #006699;
text-decoration: none;
background-image: url(images/bg_sidebar_box_eos.jpg);
background-repeat: repeat-x;
		background-position: left -32px;
		width: 256px !important;
width: 280px;
	
}


/*Internet Explorer 6*/

*html #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li a
{
width: 256px;
}
/*Internet Explorer5.5*/
html. * #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li a { 
width: 280px; 

}

#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul li a:hover
{
	background: #04488d;
	color: #ffffff;
}

/*subnavi*/

#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul
{
	font-size: 0.9em;
	margin: 0;
	padding: 0;

}


#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li
{
	list-style: none;
	margin: 0;
	border-bottom: 0px;
	text-align: left;
	padding: 0;
	 display: inline-block; /*for IE*/



	
	
}
*html #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li
{
height: 15px;
}


#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li a
{
	display: block;
	padding: 4px;
	padding-left: 37px;
	color: #006699;
	text-decoration: none;
	background-image: url(images/subnavi_pfeil.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
			width: 239px !important;
width: 280px;
}

/*Internet Explorer6*/

*html #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li a
{
width: 239px;
}
/*Internet Explorer5.5*/
html. * #outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li a { 
width: 280px; 

}

#outer-wrapper #inner-wrapper #main-outer #main-inner #sidebar #navigation ul ul li a:hover
{
	background: #1165bb;
	color: #ffffff;
		background-image: url(images/subnavi_pfeil_hover.gif);
	background-repeat: no-repeat;
	background-position: 20px center;
}
/*Sidebarboxen*/
.box-inhalt {
	margin: 10px;
}
/*Subnavi Top*/
#outer-wrapper #inner-wrapper #header #subnavi  {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #FFFFFF;
	text-align: right;
	position: absolute;
	top: 0px;
	right: 0px;
	
}
#outer-wrapper #inner-wrapper #header #subnavi a {
	color: #FFFFFF;
	text-decoration: none;
}
/*Flaggen Sprachauswahl*/
#outer-wrapper #inner-wrapper #header #language {
	position: absolute;
	height: 18px;
	width: 66px;
	top: 30px;
	right: 0px;
}
#outer-wrapper #inner-wrapper #header #language ul {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
	
}

#outer-wrapper #inner-wrapper #header #language li {
	float: left;
	height: 17px;
	width: 26px;
	margin-right: 5px;
}
#outer-wrapper #inner-wrapper #header #language a {
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
}
/*Navigation Top*/
#outer-wrapper #inner-wrapper #navi-top #navi{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	text-transform: uppercase;
	color: #000000;
	position: absolute;
	left: 30px;
	top: 8px;
}
#outer-wrapper #inner-wrapper #navi-top #navi a {
	text-decoration: none;
	color: #000000;
}
/*Suchformular*/
#outer-wrapper #inner-wrapper #navi-top #search {
	position: absolute;
	height: 82px;
	width: 220px;
	top: 5px;
	right: 30px;
}


/*eoslogin*/
label, input { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 152px; /* Breite.*/
	margin-bottom: 11px;
}


form br { /* Alle Zeilenumbrüche in Formularen auswählen */
  clear: left; /* das floating der labels und inputs aufheben */
}

.submit { /* den Submit-Button */
  float: right;
  width: auto;
  margin-top:0;
}
label {
	width: 90px;
	text-align: right;
	padding-right: 1em;
	font-size: 1.0em;
	color: #006699; 
}
/*suchen formular*/

#search input { /* Alle Labels UND Formularelemente auswählen */
	display: block;
	float: left;
	width: 152px; /* Breite.*/
	
}
#search .submit { /* den Submit-Button */
  float: right;
  width: auto;
  margin-top:0;
}
/*News Teaser*/
dl {

}
dt {
	float:right;
	width: 175px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.2em;
	text-transform: uppercase;
	color: #006699;
	font-weight: bold;
	margin-bottom: 4px;
}
dd {
margin: 0 0 0 85px;
}

dd.teaserimg {
	margin: 0px;
	float: left;
}
.teaserdivider {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #006699;
	height: 25px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCCCCC;
	clear: both;
	text-align: right;
}
.teaserdivider a{
	color: #006699;
	font-weight: bold;

}
#outer-wrapper #inner-wrapper #main-outer #main-inner #content #date {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.0em;
	color: #999999;
	margin-bottom: 10px;
}
#outer-wrapper #inner-wrapper #main-outer #main-inner #content #date a {
	color: #999999;

}

#outer-wrapper #inner-wrapper #main-outer #main-inner #content a {
	color: #006699;

}
#sitemapview li {  font-size: 1em;  line-height: 1.8em; }