/**
 * CSS default
 *
 */

/* Global */

html, body, div, form
{
	margin:						0;
	padding:					0;
}

/*
html
{
	background-color:			#fff;
}
*/

body
{
	color:						#333;
	background-color:			#fff;
	font:						normal 16px/20px Arial, Helvetica, sans-serif;
}

a, img a
{
	text-decoration:			none;
	border:						none;
}

strong
{
	font-weight:				bold;
}

p
{
	margin:						0 0 20px 0;
	padding:					0;
}

u
{
	text-decoration:			none;
	border-bottom:				1px solid #333;
}

em
{
	font-style:					italic;
}

.them
{
	text-transform:				uppercase;
}

/***************************************************************************
 *	CLASSEN
 *
 */

/*
.styleswitcher
{
	float:						right;
	margin:						10px 5px 0 0;
	padding:					0;
	font-family:				Monaco, Verdana;
	font-size:					10px;
}

.styleswitcher a
{
	color:						#000;
}

.styleswitcher a:hover
{
	color:						#ff9933;
}
*/

.flash
{
	margin-top:					5px;
}

.institut
{
	color:						#333;
	font:						bold 11px/14px Arial, Helvetica, sans-serif;  /* "Lucida Grande", Verdana,  */
	text-transform:				uppercase;
}

.institut a
{
	color:						#333;
	padding-right:				11px;
	background:					url(../img/grafik/ticker/11pxbold_s.gif) no-repeat right 3px;
}

.institut a:hover
{
	color:						#ff6600;
	padding-right:				11px;
	background:					url(../img/grafik/ticker/11pxbold_o.gif) no-repeat right 3px;
}

.ort, .ort a:hover
{
	color:						#333;
	font:						bold 16px/20px Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
}

.ort a { color:					#ff6600; }

.nav_gross
{
	color:						#ff6600;
	font:						bold 22px/22px Arial, Helvetica, sans-serif;
	text-transform:				uppercase;
	overflow:					visible;
}

.nav_gross span,
.nav_klein span
{
	margin:						0 3px 0 -27px;
	font:						normal 10px/15px Monaco, 'Lucida Console Unicode', 'Lucida Console', Monospace;
}

.nav_klein
{
	color:						#ff6600;
	font:						bold 12px/16px Arial, Helvetica, sans-serif; /* 16px/20px */
	text-transform:				uppercase;
}

.nav_gross a, .nav_klein a
{
	color:						#ff6600;
}

.nav_gross a:hover
{
	color:						#333;	/* ff6600 */
}

.nav_gross_cur a,
.nav_gross_cur a:hover,
.nav_gross_curb a
{
	color:						#333;
}

.nav_gross_curb a:hover
{
	color:						#ff6600;
}

.nav_klein a
{
	color:						#ff6600;
}

.nav_klein a:hover
{
	color:						#333;
}

.nav_klein_cur a, .nav_klein_cur a:hover, .nav_klein_curb a
{
	color:						#333;
}

.nav_klein_curb a:hover
{
	color:						#ff6600;
}

h1
{
	margin:						0 0 22px 0;
	padding:					0;
	font:						bold 22px/24px Arial, Helvetica, sans-serif;
}

h2
{
	margin:						0 0 6px 0;
	padding:					0;
	font:						bold 22px/24px Arial, Helvetica, sans-serif;
}

h2 a
{
	margin:						0;
	padding:					0 20px 0 0;
	background:					url(../img/grafik/ticker/22pxbold_o.gif) no-repeat right 7px;
}

h2 a:hover
{
	color:						#000;
	background:					url(../img/grafik/ticker/22pxbold_s.gif) no-repeat right 7px;
}

.headline
{
	font:						normal 22px/24px Arial, Helvetica, sans-serif;
}

.text
{
	font:						normal 16px/20px Arial, Helvetica, sans-serif;
}

.text a
{
	color:						#ff6600;
}

.text a:hover
{
	color:						#333;
}

.detail
{
	display:					none;
}

.detail_hin a,
a.detail_hin
{
	margin:						0;
	padding:					0 16px 0 0;
	background:					url(../img/grafik/ticker/detail/a/16pxbold_o.gif) no-repeat right 2px;
	color:						#ff6600;
	border-bottom:				2px solid #ff6600;
}

.detail_hin a:hover,
a.detail_hin:hover
{
	background:					url(../img/grafik/ticker/detail/a/16pxbold_s.gif) no-repeat right 2px;
	color:						#333;
	border-bottom:				2px solid #333;
}

.detail_retour a,
a.detail_retour
{
	margin:						0;
	padding:					0 0 0 16px;
	background:					url(../img/grafik/ticker/detail/b/16pxbold_o.gif) no-repeat left 2px;
	color:						#ff6600;
	border-bottom:				2px solid #ff6600;
}

.detail_retour a:hover,
a.detail_retour:hover
{
	background:					url(../img/grafik/ticker/detail/b/16pxbold_s.gif) no-repeat left 2px;
	color:						#333;
	border-bottom:				2px solid #333;
}

.detail_c a,
a.detail_c
{
	margin:						0;
	padding:					0 16px 0 0;
	background:					url(../img/grafik/ticker/detail/c/16pxbold_o.gif) no-repeat right 2px;
	color:						#ff6600;
	border-bottom:				2px solid #ff6600;
}

.detail_c a:hover,
a.detail_c:hover
{
	background:					url(../img/grafik/ticker/detail/c/16pxbold_s.gif) no-repeat right 2px;
	color:						#333;
	border-bottom:				2px solid #333;
}

.detail_d a,
a.detail_d
{
	margin:						0;
	padding:					0 0 0 16px;
	background:					url(../img/grafik/ticker/detail/d/16pxbold_o.gif) no-repeat left 2px;
	color:						#ff6600;
	border-bottom:				2px solid #ff6600;
}

.detail_d a:hover,
a.detail_d:hover
{
	background:					url(../img/grafik/ticker/detail/d/16pxbold_s.gif) no-repeat left 2px;
	color:						#333;
	border-bottom:				2px solid #333;
}

.textbild,
.textbild_inline
{
	clear:						both;
	float:						left;
	margin:						3px 16px 0 0;
	border-bottom:				3px solid #333;
}

.link_pdf a,
a.link_pdf
{
	margin:						0;
	padding:					0 3px 0 20px;
	background:					url(../img/grafik/pdf.gif) no-repeat 0 0;
	color:						#ff6600;
}

.link_email a,
a.link_email
{
	margin:						0;
	padding:					0 3px 0 20px;
	background:					url(../img/grafik/mail-icon-a.gif) no-repeat 1px 2px;
	color:						#ff6600;
}

.link_email a:hover,
a.link_email:hover
{
	background:					url(../img/grafik/mail-icon.gif) no-repeat 1px 2px; /* 2px 2px */
	color:						#333;
}

.link_out a,
a.link_out
{
	margin:						0;
	padding:					0 20px 0 0;
	background:					url(../img/grafik/out_o.gif) no-repeat right 1px;
	color:						#ff6600;
}

.link_out a:hover,
a.link_out:hover
{
	background:					url(../img/grafik/out_s.gif) no-repeat right 1px;
	color:						#333;
}

.textbild_block
{
	clear:						both;
	display:					block;
	margin:						3px 16px 0 0;
	border-bottom:				3px solid #FFF;
}

.legende
{
	font:						normal 10px/20px Arial, Helvetica, sans-serif;
	height:						20px;
	overflow:					hidden;
}

.bild_navi
{
	position:					relative;
	bottom:						20px;
	right:						0;
	font:						normal 16px/20px Arial, Helvetica, sans-serif;
	text-align:					right;
	overflow:					hidden;
}

.buttons
{
	font:						normal 20px/20px webdings;
}

.buttons a
{
	border:						none;
}

.buttons a:hover
{
	color:						#333;
	border:						none;
}

.text div embed
{
	margin:						6px 0;
	min-width:					350px;
}

.mediacontianer,
.mediacontianer_leg
{
	clear:						both;
	margin:						0 16px 3px 0;
	/*
	border-bottom:				3px solid #333;
	*/
}

.mediacontianer_inline
{
	clear:						both;
	float:						left;
	margin:						3px 16px 3px 0;
}

.mediacontianer_inline_leg
{
	clear:						both;
	float:						left;
	margin:						3px 16px 0 0;
	border-bottom:				3px solid #333;
}

.text div.mediacontianer object,
.text div.mediacontianer embed
{
	margin:						0;
	z-index:					0;
}

.fuss
{
	color:						#ff6600;
	font:						normal 10px/12px Arial, Helvetica, sans-serif;
}

.fuss a
{
	color:						#ff6600;
}

.fuss a:hover
{
	color:						#333;
}

.trenner
{
	margin:						0 2px;
}

.linie
{
	height:						3px;
	width:						100%;
	margin:						15px 0 22px 0;
	color:						#333;
	background-color:			#333;
}

.clear
{
	clear:						both;
	margin:						0;
	padding:					0;
}

.clear_abs
{
	clear:						both;
	margin:						0 0 20px 0;
	padding:					0;
}

/***************************************************************************
 *	DIV OBEN
 *
 */

#kopf
{
	position:					absolute;
	top:						0;
	left:						0;
	margin:						0;
	padding:					0;
	width:						100%;
	height:						140px;
	background:					#fff url(../img/raster/kopf_orange_2.gif) no-repeat 0 0;
	overflow:					hidden;
	z-index:					1;
}

#kopf #logo
{
	position:					absolute;
	top:						9px;
	left:						23px;
	width:						192px;
	height:						125px;
	margin:						0;
	padding:					0;
	background:					url(../img/grafik/ith-z_logo.gif) no-repeat 0 0;
}

#kopf #logo a
{
	display:					block;
	width:						192px;
	height:						125px;
}

#kopf #titel
{
	position:					absolute;
	top:						75px;
	left:						250px;
	margin:						0;
	padding:					0;
	white-space:				nowrap;
}

#kopf #nav_help
{
	position:					absolute;
	top:						110px;
	left:						250px;
	margin:						0;
	padding:					0;
	white-space:				nowrap;
}

#kopf #balken
{
	margin:						0 20px 0 30px;
	padding:					0;
	height:						135px;
	border-bottom:				5px solid #333;
}

/***************************************************************************
 *	DIV LINKS : NAV container
 *
 */

#menu
{
	position:					absolute;
	top:						140px;
	left:						0;
	width:						245px;
	margin:						0;
	padding:					0;
	background-color:			#fff;
	z-index:					1;
}

#menu #nav
{
	position:					relative;
	top:						0;
	left:						0;
	width:						215px;
	margin:						0;
	padding:					14px 0 0 30px;
	background-color:			#fff;
}

/***************************************************************************
 *	nav LISTE
 *
 */

#nav ul
{
	list-style-type:			none;
	margin:						0;
	padding:					0;
	background-color:			#fff;
	overflow:					visible;
}

#nav ul.nav_gross
{
	min-height:					303px;
}

#nav ul li ul.nav_klein
{
	margin:						0 0 10px 0;
	padding:					0 0 2px 0;
	width:						190px;
	border-bottom:				3px solid #333;
	overflow:					visible;
}

#nav a
{
	display:					block;
}

/***************************************************************************
 *	SUCHE
 *
 */

#menu #subnav
{
	position:					relative;
	top:						0;
	left:						0;
	width:						245px;
	min-height:					96px;
	margin:						0;
	padding:					0;
	background-color:			#fff;
}

#subnavcont
{
	margin:						0;
	padding:					0 0 0 20px;
}

ul.suche
{
	list-style-type:			none;
	margin:						0 0 10px 0;
	padding:					0;
}

ul.suche li
{
	margin:						4px 0 5px 0;
	color:						#333;
	font:						bold 12px/16px Arial, Helvetica, sans-serif; /* 16px/20px */
	border-bottom:				1px dotted #333;
}

ul.suche li a
{
	display:					block;
	color:						#ff6600;
}

ul.suche li a:hover
{
	color:						#333;
}

#printmail
{
	margin:						0 0 0 12px;
}

/***************************************************************************
 *	UNTEN : DATUM + RASTER
 *
 */

#einundreissig
{
	position:					absolute;
	top:						490px; /* top: 490px;  top: 500px; */
	left:						86px;
	width:						130px;
	height:						130px;
	margin:						0;
	padding:					0;
	background:					url(../img/grafik/31.gif) no-repeat 0 0;
	z-index:					3;
}

#einundreissig a
{
	display:					block;
	width:						140px;
	height:						108px;
}

#fusslinks
{
	position:					absolute;
	bottom:						0;
	left:						0;
	width:						245px;
	height:						197px;
	margin:						0;
	padding:					0;
	background:					url(../img/raster/fuss_orange_2.gif) repeat-y 0 0;
	z-index:					0;
}

/***************************************************************************
 *	DIV MITTE : INHALT
 *
 */

#inhalt
{
	margin:						154px 140px 0 250px;
	padding:					0;
	z-index:					0;
}

div#inhalt div.text p img
{
	float:						left;
	margin:						3px 10px 7px 0 !important;
}

#inhalt #print_titel
{
	display:					none;
}

#inhalt #inhaltfuss
{
	clear:						both;
	height:						13px;
	margin:						40px 0 10px 0;
	padding:					4px 0 0 0;
	border-top:					1px solid #666;
	white-space:				nowrap;
	overflow:					hidden;
	z-index:					0;
}

#slideshow
{
	width:						200px;
	height:						133px;
	border:						none;
}

/* film platzhalter */

.film
{
	background-color:			#EDEDED;
}

/***************************************************************************
 *	DIV RECHTS
 *
 */

#rechts
{
	position:					absolute;
	top:						140px;
	right:						0;
	width:						115px;
	height:						373px;
	margin:						0;
	padding:					0;
	background-color:			#fff;
	z-index:					1;
}

#rechts #wetter
{
	margin:						0;
	padding:					0;
}

#wetter img
{
	margin:						14px 0 0 5px;
}

#rechts #wettertext
{
	margin:						10px 0 0 13px;
	padding:					0;
}

/*angepasst 10-04-28/ritter@e-hist.ch*/
#rechts #hinweis
{
	position:					absolute;
	top:						-130px; /* 230px; */
	right:						20px;
	width:						244px;
	height:						104px;
	margin:						0;
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	line-height: 14px;
	padding:					8px 8px 8px 8px;
	z-index:					1;
	background-color:			#ffff33;
	overflow:					hidden;
}

#rechts #hinweis .titel
{
	font-size: 22px;
	font-weight: bold;
	text-transform: uppercase;
	color: #ff6600;
	padding-bottom: 8px;
}

#rechts #hinweis p
{
	margin-bottom: 10px;
}

#hinweistext
{
	position:					absolute;
	top:						22px;
	left:						0;
	width:						90px;
	height:						113px;
	margin:						0;
	padding:					0;
	/*
	background:					url(../img/grafik/hinweis_ticker_fuchsia.gif) no-repeat 0 0;
	*/
	z-index:					1;
}

#hinweistext a
{
	display:					block;
	width:						84px;
	height:						19px;
	margin:						0;
	padding:					94px 3px 0 3px;
	color:						#333;
}

#hinweisiimagine
{
	position:					absolute;
	top:						0;
	left:						10px;
	width:						90px;
	height:						113px;
	margin:						0;
	padding:					0;
	background:					url(../img/grafik/hinweis_i_imagine.gif) no-repeat 0 0;
	z-index:					2;
}

#hinweisiimagine a
{
	display:					block;
	width:						90px;
	height:						113px;
}

#fussrechts
{
	position:					absolute;
	bottom:						0;
	right:						0;
	width:						115px;
	height:						210px;
	margin:						0;
	padding:					0;
	background:					url(../img/raster/fuss_orange_2.gif) no-repeat 0 0;
	z-index:					0;
}

/***************************************************************************
 *	WEITEREMPFEHLEN
 *
 */

#content a
{
	color:						#FF6600;
}

#content a:hover
{
	color:						#333;
}

#content input.inpt_text,
#content textarea.inpt_text
{
	margin-bottom:				3px;
	width:						100%;
	color:						#333;
	font:						normal 16px/20px Arial,Helvetica,sans-serif;
	border-top:					none;
	border-right:				none;
	border-bottom:				1px dotted #333;
	border-left:				none;
}

#content textarea.inpt_text
{
	margin-top:					25px;
	height:						80px;
}

#content input.formbtn
{
	margin:						0;
	padding:					0 16px 0 0;
	color:						#FF6600;
	font:						normal 16px/20px Arial,Helvetica,sans-serif;
	background:					url(../img/grafik/ticker/detail/a/16pxbold_o.gif) no-repeat right 2px;
	border-top:					none;
	border-right:				none;
	border-bottom:				2px solid #ff6600;
	border-left:				none;
}

#content input.formbtn:hover
{
	background:					url(../img/grafik/ticker/detail/a/16pxbold_s.gif) no-repeat right 2px;
	color:						#333;
	border-bottom:				2px solid #333;
}

.ajax_loading
{
	background:					url(../img/raster/spinner.gif) no-repeat center center;
}

/***************************************************************************
 *	PRINT
 *
 */

#printfuss
{
	display:					none;
}


/***************************************************************************
 *	FIXED
 *
 */

html>body #kopf,
html>body #menu,
html>body #einundreissig,
html>body #fusslinks,
html>body #rechts,
html>body #fussrechts
{
	position:					fixed;
}