body {
	font-family:  verdana, tahoma, verdana, arial, sans-serif;
	font-size: 100,01%;
	line-height: 110%;
	color:#46545a;
	margin:0;
	padding:0;
} 

div#Wrapper {
	font-size: 69%;
	width:910px;
	text-align:left;
}

img { border:0; }

/* ############################
	Header
###############################*/

div#Header {
	background-image: url("../images/welle.jpg");
	background-repeat:no-repeat;
	/*height:115px;*/
	height:151px;
	position:relative;
}

div#Claim {
	position:absolute;
	left:20px;
	top:63px;
	width:391px;
	height:15px;
	font-size:120%;
	background: transparent url("../images/claim-de.png") no-repeat;
	behavior: url(iepngfix.htc);
}

div#ClaimGB {
	position:absolute;
	left:20px;
	top:63px;
	width:388px;
	height:15px;
	font-size:120%;
	background: transparent url("../images/claim-gb.png") no-repeat;
	behavior: url(iepngfix.htc);
}
div#zweiteZeile {
	position:relative;
	margin-right:10px;
	height:58px;
	margin-bottom:1em;
}

div#Logo {
	position:absolute;
	top:18px;
	right:3px;
}

div#Breadcrumb {
	position:absolute;
	bottom:0;
	left:212px;
	font-size: xx-small;
	width:468px;
}


div#Logo a {
	display:block;
	background: transparent url("../images/logo-hager-elsaesser.png") no-repeat;
	behavior: url(iepngfix.htc);
	width:240px;
	height:70px;
	border-bottom:none;
}

/* ############################
	3 Spalten Content,...
###############################*/

div.col1 {
	width:150px;
	padding: 0 20px;
	float:left;
	text-align:right;
/*	background-color:orange; */
}

div.col2 {
	width:488px;
	float:left;	
/*	background-color:lightblue; */
	border-left:2px solid #09c;
}

div.col3 {
	width:188px;
	padding: 0 10px 10px 23px;
	float:left;
/*	background-color:green; */
}

/* ############################
	Allgemeine Elemente
###############################*/

h1, h2, h4 {
	font-size:110%;
	color:#46545a;
	margin-bottom: 0.8em;
}

h3, h2 {
	font-size:110%;
	color:#46545a;
	margin-bottom: 0em;
	margin:1em 0 .5em 0;
}

h1 { 
	font-size:120%; 
	margin-top:0;
}

div.col3 h2, div.col3 h3 {
	margin-top:0;
}

p { padding-bottom:1em; }
.hidden { display: none; }

a, a:link, a:visited {
	color: #09c;
	text-decoration:none;
}

a:hover {
	color:black;
	border-bottom:1px dotted #017EC0;
}

div#navi a, div#navi a:link, div#navi a:visited {
	border-bottom:none;
}

div#Inhalt {
	padding: 0 0 0 20px;
}

div#Inhalt ul {
	list-style-image: url(../images/dot.gif);
	list-style-position: outside;
	padding:0 0 1em 20px;
	margin:0;
}


/* CLEARER */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/* ENDCE CLEARER */

div#Inhalt hr {
	height:1px;
	border:0;
	color: white;
	background-color:white;
	margin: 15px 0 15px 0;
} 
	
br.clearer {
	clear:both;
}

hr.clear_columns {	
	clear: both; 
	float: left; 
	content: "."; 
	display: block;  
	height: 0; 
	line-height: 0px; 
	visibility: hidden; 
	border: 0; 
	padding: 0;
	margin: -1.4em 0 0 0; /* erforderlich damit kein Leerraum zwischen Spalten und Footer entsteht */
}

.invisable {
	position: absolute;
	left: -1000em;
	width: 20em;
}

/* ############################
	Navigationen
###############################*/

div#Hauptnavigation ul { 
	padding: 0 0 0 2em; 
	margin: 0px; 
}

div#Hauptnavigation li { 
	list-style-type: none; 
	padding: 0px; 
	margin: 0px; 
	float:left;
}

div#Hauptnavigation li a { 
	display: block;
	padding: 2px 2em 2px 0; 
	color: #333; 
	text-decoration: none; 
	border-bottom:none;
}

div#Hauptnavigation li a.first {
	/* none geht nicht, sonst gibts nen Absstand im IE */
	border-top: 1px solid #C8C8C8; 
}

div#Hauptnavigation li a:hover, div#Hauptnavigation li a.active { 
	color:#F30100; 
}

div#Hauptnavigation li a.active, div#Hauptnavigation li a:hover {
	color: rgb(0,153,204);
}
div#Hauptnavigation li a.active {
	font-weight:bold;
}

div#Subnavigation ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

div#Subnavigation ul ul {
	padding: .5em 0;
}

div#Subnavigation ul ul ul li {
	font-style:italic;
	padding: 0 14px;
}

div#Subnavigation ul li {
	text-align:right;
	padding: .5em 0;
	line-height:110%;
}

div#Subnavigation ul li a, div#Subnavigation ul li a:link, div#Subnavigation ul li a:visited {
	text-decoration: none; 
	color:#09C;
}

div#Subnavigation ul ul li a, div#Subnavigation ul ul li a:link, div#Subnavigation ul ul li a:visited {
	color:#595757;
}

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

/****************************************************************
	Rechte Spalte
*****************************************************************/		

/* Mitarbeiterbild rechts */
p.person_image { margin-top:20px;}

div.kontextbox {
	background: url("../images/bg-grey.gif");
	margin-bottom:15px;
	width:188px;
}

div#Inhalt div.kontextbox {
	background: none;
}


div.kontextbox h2 {
	background-color:#09c;
	color:white;
	font-size:100%;
	text-transform:uppercase;
	padding: .2em 0 .2em 20px;
	width:168px;
}

 div#Inhalt div.kontextbox h2 {
	background-color:#fff;
	padding: 0 0 0 0px;
	font-size:110%;
	color:#46545a;
	text-transform:none;
	margin-bottom: 0.8em;
	margin-top:0;
} 

div.kontextbox ul { 
	list-style-image: url("../images/dot.gif"); 
	padding:0 0 0 20px;
	margin:1em;
}

div.kontextbox ul li.more {
	padding-top:10px;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 70%;
}

div.rounded_corner {
	margin:0 0 0 0;
	padding:0 0 0 0;
}
/****************************************************************
	Modul Image
 	Definiert Bilderausgabe Fliesstext Content-Bereich
*****************************************************************/		

#Inhalt img {
	border					:	0px;
}

#Inhalt .flLeft a, #Inhalt .flLeft a:link, 
#Inhalt .flLeft a:visited, #Inhalt .flRight a, 
#Inhalt .flRight a:link, #Inhalt .flRight a:visited {
	text-decoration			:	none;
	border					: 	0px !important;	
	cursor					:	hand;
}

#Inhalt .flLeft a img, #Inhalt .flRight a img {
	padding-bottom			:	23px;
	background				: 	transparent url("../images/icon_lupe.gif") no-repeat bottom right;
}

#Inhalt .flRight	{
	float					:	right;
	margin					:	.3em 0 0 10px;
}

#Inhalt .flLeft	{
	float					:	left;
	margin					:	.3em 10px 0 0;
}

#Inhalt .flLeft p, #Inhalt .flRight p	{
	margin-top				:	0px !important;
	margin-top				:	8px;
	margin-bottom			:	0;
	font-size				:	90%;
	line-height				:	110%;
}

div.news-single-additional-info dd img {
	margin-right:4px;
}

/****************************************************************
	Modul Image Thickbox
	Erg?nzung f?r das Nichterscheinen von Linklinien
*****************************************************************/	

div.csc-textpic-imagewrap dl dt a img {
	padding-bottom			:	23px;
	background				: 	transparent url("../images/icon_lupe.gif") no-repeat bottom right;
}

div.csc-textpic-imagewrap dd.csc-textpic-caption {
	margin					:	0px;
	font-family				:	Tahoma,Verdana,Sans-Serif;
	line-height				:	12px;
	font-size				:	10px;
	color					:	#000;
}

#Inhalt a.thickbox {
	text-decoration			:	none;
	border					: 	0px !important;	
}

a#TB_ImageOff {
	text-decoration			:	none;
	border					: 	0px !important;	
}


/* ############################
	Suchausgabe
###############################*/

div.teamlist_item {
	clear:both;
	margin:0 0 1em 0;
}

div.teamlist_item div.teamlist_image {
	width:100px;
	float:left;
	margin:0 15px 0 0;
}

div.teamlist_item h2 {
	font-size:100%;
	text-transform:uppercase;
	padding: .2em 0 .2em 20px;
	margin:0;
}


/* ############################
	Suchausgabe
###############################*/

div.tx-indexedsearch-res {
	border-bottom:0px solid #C5C6C6;
}

div.tx-indexedsearch-res h3 {
	margin: .6em 0;
	font-size:100%;
}

div.tx-indexedsearch-res p {
	margin:0;
	padding: 0 0 1em 0;
}

strong.tx-indexedsearch-redMarkup {
	font-weight:normal;
	color:red;
}

div.tx-indexedsearch-whatis, div.tx-indexedsearch-browsebox {
	background-color:#E6E7E8;
	padding: 5px;
}

div.tx-indexedsearch-browsebox p {
	padding:0;
	margin:0;
}

div#Inhalt ul.browsebox {
	list-style-image: none;
	list-style-position: outside;
	padding-left:0;
	margin-bottom:1em;
}

ul.browsebox li {
	list-style-type: none; 
	float:left;
	margin: 0 1em 0 0;
}

/* default styles for extension "tx_indexedsearch" */
.tx-indexedsearch .tx-indexedsearch-browsebox LI { display:inline; margin-right:5px; }
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-button { width:100px;}
.tx-indexedsearch .tx-indexedsearch-searchbox INPUT.tx-indexedsearch-searchbox-sword { width:150px; }
.tx-indexedsearch .tx-indexedsearch-whatis { margin-top:10px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-whatis .tx-indexedsearch-sw { font-weight:bold; font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-noresults { text-align:center; font-weight:bold; }
.tx-indexedsearch .tx-indexedsearch-res TD.tx-indexedsearch-descr { font-style:italic; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-descr .tx-indexedsearch-redMarkup { color:red; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-info { background:#fff; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead { margin-top:20px; margin-bottom:5px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead H2 { margin-top:0px; margin-bottom:0px; }
.tx-indexedsearch .tx-indexedsearch-res .tx-indexedsearch-secHead TD { background:#fff; vertical-align:middle; }
.tx-indexedsearch .tx-indexedsearch-res .noResume { color:#666666; }
.tx-indexedsearch .tx-indexedsearch-category { background:#cccccc; font-size:16px; font-weight:bold; }

/* Additional styles, needed for the tableless template_css.tmpl (styles don't conflict with the original template) */
.tx-indexedsearch .res-tmpl-css { clear:both; margin-bottom:1em; }
.tx-indexedsearch .searchbox-tmpl-css LABEL {
	margin-right:1em;
	float:left;
}
.tx-indexedsearch .result-count-tmpl-css, .tx-indexedsearch .percent-tmpl-css { letter-spacing:0; font-weight:normal; margin-top:-1.2em; float:right; }
.tx-indexedsearch .info-tmpl-css dt, .tx-indexedsearch dl.info-tmpl-css dd { float:left; }
.tx-indexedsearch .info-tmpl-css dd.item-mtime { float:none; }
.tx-indexedsearch .info-tmpl-css dd.item-path { float:none; margin-bottom:7px; }
.tx-indexedsearch-search-submit {margin-top:3px;}


/* ############################
	Footer
###############################*/

#footer { height: 40px; clear:both; }
#footer div.col1 { text-align:right; }
#footer div.col2  { border-left:2px solid white; }
#footer .col3  { padding-top:0; }
#footer .col2 a { margin-right:2em; }

#footer a#Oben {
	padding-left:18px;
	background: transparent url("../images/nach-oben.gif") no-repeat;
}

a#Back {
	margin-left:20px;
	padding-left:12px;
	background: transparent url("../images/pfeil-zurueck.gif") no-repeat bottom left;
}

span#Druckversion a {
	padding-left:20px;
	background: transparent url("../images/prints.gif") no-repeat bottom left;
}
/*********************************
	ListeQuer mit fester Breite
**********************************/
  ul.ListeQuer {
    background-color: #e4e2e2;
    border-bottom: 1px solid #CCC;
  }
  ul.ListeQuer li {
  	padding:0 10px 0 10px;
    list-style: none;
    display: inline;
    border-right: 1px solid white;
  }

/*********************************
	Allgemeine Einstellungen
**********************************/
.backlink{
	padding-top:1em;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-zurueck.gif") no-repeat 0 85%;
	}

.backlink a {
	font-weight: bold;
	font-size: 10px;
	margin-bottom: 15px;
	margin-top: 10px;

}

/* #############################
	Tabellen
	########################### */
table.address{
	margin-bottom:20px;
	width:460px;
}

.address th {
	vertical-align:top;
	font-weight: bold;
	background-color:#f0f7fb;
	padding: 5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}
.address td{
	vertical-align:top;
	background-color:#f0f7fb;
	padding:5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}
table.address th.addresshead{
	vertical-align:top;
	background-color:#e3f0f7;
	padding:5px 5px 0px 5px;
	border-bottom:2px solid #FFFFFF;
	border-right:2px solid #FFFFFF; 
}

/* #############################
	Liste bei Downloads
	########################### */

.tx_abdownloads_listView_download ul li {
	list-style-image: url(../images/pdf-liste.gif);
	list-style-position: outside;
	padding-left: 0px !important; 
	padding-left: 10px;
	margin:0 0 0 10px !important;
	margin:0px;
	}
/* #############################
	keine <h1> Überschriften in rechter Spalte
	########################### */
.col3 h1 {
	display:none;
	}
/* #############################
	Abstand zu Bildern im Contentbereich
	########################### */

.csc-textpic-text {
	margin-bottom:20px; 
}
	
div.tx-jppageteaser-pi1-list-entry{
	width: 100%;
	background-color:#f4f8fb;
	padding:0 10px 0 10px;
	float:left;
	}
div.tx-jppageteaser-pi1-list-entry-link-item a {
	padding-top:10px;
	padding-left:15px;
	list-style-image: none;
	list-style-type: none;
	background: transparent url("../images/pfeil-vor.gif") no-repeat 0 70%;
	}

	
.gmnoprint span { 
	display:block;
	position:relative;
	top: 40px;
	left:0px;
	width:470px;
}