/* innoweb-css für Medium Screen
ACHTUNG: für ältere IE's (6.0 und darunter): Definitionen in "innoweb_screen_IE-old.css"

Letzte Änderung: 11.7.2012
*/


/* Farben (hex)
------------------------------------------------------------------------------------- */
/*
eff2f1: hellstes_grau, z.B. Aussenhintergrund, Newscontainer, Side-Container)

*/


/* einige Abkürzungserklärungen
------------------------------------------------------------------------------------- */
/*
wr:				wrapper
hd:				header
in:				innen
ob:				oben
goo:			großes rotes o
stro:			streifen rot
nv:				navigation (navi)
mn:				main
mn_in:			main_innen
mn_in_content1:	Contentbereich von mn_in
who:			derzeit (Mrz.2012) nur auf index.php in #mn_in_content1 für den potentiellen Kundenkreis
what:			derzeit (Mrz.2012) nur auf index.php in #mn_in_content1 für die Angebotspalette
act:			derzeit (Mrz.2012) nur auf index.php in #mn_in_content1 für die Download-Einladung
ft:				footer

no_wrap:		kein Umbruch
no_css:			für Extra-Navigation bei css-loser Seitenansicht
ie:				body-class, die in "global_browserswitch.php" generell bei Verwendung von IE's neuer als Version 6.0 vergeben wird
*/


/* reset
------------------------------------------------------------------------------------- */
*{
margin: 0;
padding: 0;
}


/* Definitionen für alle Bereiche
------------------------------------------------------------------------------------- */
:focus {
	outline: 0;		/* Unterdrückung d. Anzeige d. Fokusrahmens */
}

html,body{
	height:100%;
	background: #eff2f1;
	text-align: center;    /*hier auf center, im wrapper wieder auf linksbündig (für IE6) */
	color: #606462;	
}

body{
	font: 0.9em/1.4em Trebuchet MS, Arial, sans-serif;
}

p{ 
	margin: 0.4em 0;
}

h1 {
	font: 2.1em/1.4em; /* Times Roman, serif; */
	margin: 0.4em 0;
	font-weight: bold;
}

h2 {
	font: 1.7em/1.133em; /* Times Roman, serif; */
	margin: 1.7em 0 0.85em;
	font-weight: bold;
}

h3 {
	font: 1.4em/0.933em; /* Times Roman, serif; */
	margin: 1.4em 0 0.7em;
	font-weight: normal;
}

h4 {
	font: 1.0em/1.4em;
	margin: 1.2em 0 0 0;
	font-weight: bold;
}

img[alt]{
	font-style: italic;
	color: grey;
	font-size: 1.2em;
}

strong{
	font-weight: normal;
	color: #A66C7B;	
}

.hidden {
	display:none;	
}

.reversed {
	unicode-bidi:bidi-override; 
	direction: rtl; 
}

.no_css {
	display: none; /* wird für Elemente verwendet, die nur bei abgeschalteter css dargestellt werden sollen */
}

.bold{
	font-weight: bold;
}

.italic{
	font-style: italic;
}

.red{
	color: #A66C7B;	
}

.smaller {
	font-size: 0.75em;
	line-height: 1.2em;
	padding-bottom: 1.0em;
}

.no_wrap{
	white-space: nowrap;
}

.dead_link{
	background-color: #EEDFCC;
}

.space_above{
	margin-top: 1.6em;
}

.accent_left{
	border-left: 0.2em dotted #a66c7b;
	margin: 1em 0em;
	padding: 0em 1.0em;
}

.accent_right{
	border-right: 0.2em dotted #a66c7b;	
	margin: 1em 0em;
	padding: 0em 1.0em 0em 0em;
}

.floatfix{
	display: table;
}

.hyph_css_test {
    -webkit-hyphens: auto;
    -moz-hyphens: auto;
    -o-hyphens: auto;
    -ms-hyphens: auto;	
    hyphens: auto;
}



/* allgemeine Positionierdefinitionen für Bilder
------------------------------------------------------------------------------------- */

.image_left{
	float:left;
	margin: 5px 30px 20px 0;
	width: 30%;
	max-width: 220px;
	min-width: 160px;
	max-height: 220px;	/* sollte den IE8 dazu bringen, die Bilder bei großen Browserbreiten nicht vertikal zu verzerren */
	height: auto;
}

.image_left_qu{
	float:left;
	margin: 5px 30px 20px 0;
	width: 60%;
	max-width: 440px;
	min-width: 320px;
	height: auto;
	max-height: 220px;	
}

.image_left_ho{
	float:left;
	margin: 5px 30px 20px 0;
	width: 30%;
	max-width: 220px;
	min-width: 160px;
	height: auto;
	max-height: 440px;
}

.image_left_no_scl{
	float:left;
	margin: 5px 30px 20px 0;	
}

.image_right{
	float:right;
	margin: 5px 0 20px 20px;
	width: 30%;
	max-width: 220px;
	min-width: 160px;
	height: auto;
	max-height: 220px;
}

.image_right_qu{
	float:right;
	margin: 5px 0 20px 20px;
	width: 60%;
	max-width: 440px;
	min-width: 320px;
	height: auto;
	max-height: 220px;
}

.image_right_ho{
	float:right;
	margin: 5px 0 20px 20px;
	width: 30%;
	max-width: 220px;
	min-width: 160px;
	height: auto;
	max-height: 440px;	
}

.image_right_no_scl{
	float:right;
	margin: 5px 0 20px 20px;
}

.image_archive_right{
	float: right;
	margin: 5px 0 20px 20px;
}

.iframe_varioscale{	
	margin: 0.5em 0;
	width: 100%;
	max-width: 560px;
	min-width: 280px;	
}


/* Definitionen für spezielle Bereiche
------------------------------------------------------------------------------------- */

/*-------------- wrapper --------------*/
#wr{
	width: 100%;
	position: relative;
	height: 100%;
	text-align: left;
	background: url(../bilder/struktur/wr_HG.gif);	
}

/*-------------- header --------------*/
#hd{
	width: 100%;	
	height: 9.5em;
	position: relative;
}

#hd_nv_ob_stro {
	position: absolute;
	top: 9.2375em;
	top: 9.246em;	
	height: 0.3125em;
	background-color: #DEA1AD;
	width: 100%;
	left: 0px;
}

#hd_in{
	position: relative;	
	min-width: 47.5em;
	width: 100%;	
	max-width: 1400px;
	height: 9.5em;
	background: #fff;
	margin: 0 auto;
	overflow: hidden;
}

.ie #hd_in{		/* IE (zumindest 8) versteht keine mediaqueries, deswegen schauen große Browserbreiten mit Rand besser aus */
	width: 100%;
	max-width: 1025px;
	min-width: 47.5em;	/* testweise: vielleicht verstehens ja neuere Versionen schon... (wenn nicht, ist Rand auch bei kleineren Breiten sichtbar) */		
}

#hd_in_message_old_browser{	
	border-top: 1px solid red;
	border-bottom: 1px solid red;
	background-color: #eff2f1;
	font-weight: bold;
	margin: 0 10%;
	margin-top: 5.5em;
}

#hd_in_goo{
	position: absolute;
	right: -0.1em;
	top: -1em;
}

.skaliere_rotes_o{	
	width: auto;	
	height:  12em;
}

#hd_in_links{
	position: absolute;
	right: 0;
	top: 2em;
	margin-right: 10%;
	width: 9em;
}

#hd_in_links ul{
	list-style-type: none;
	margin-left: -2.1em;
}

#hd_in_links li {
	float: left;
	color: #a2a9a5;
	margin-left: 2em;
}

#hd_in_links li a{
	text-decoration: none;
	color: #a2a9a5;
}

.actual_hdr_nv {		/* Anzeige der aktiven Elemente in der Sprach-/Kontaktnavi rechts oben */
	color: #A66C7B;	
}

#hd_in_logo{
	position: absolute;
	top: 1em;
	left: 10%;
	width: 14.2em;
	height: 3.4em;
	overflow: hidden;	
}

.skaliere_logo {
	width: 13.75em;  /* 198px Logobreite /(16px normale Browserschriftgröße x 0.9em body-Schriftgröße) */
	height: auto;
}

#hd_in_nv_ob {
	width: 100%;
	height: 1.75em;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
	top: 7.8em;
}

#hd_in_nv_ob_stro{	
	position: absolute;
	bottom: 0;	
	width: 100%;
	height: 0.3125em;
	background-color: #d9002b;
}

#hd_in_nv_ob_liste{
	margin-right: 10%;
	float: right;
	width: 39.2em;
	height: 2em;
	overflow: hidden;
}

#hd_in_nv_ob_liste ul{
	list-style-type: none;
	position: absolute;
	top: 0;
}

#hd_in_nv_ob_liste li {
	float: left;
	color: #a2a9a5;
	/* waagr. Abstand:	(margin-left + right) hier + (padding-left + right) in "li a" und "active page" */ 
	margin-right: 0.2em;	/*Außenabstand zwischen den Hintergrundfeldern */
	margin-left: 0.2em;
	letter-spacing: 0.08em;	
}

#hd_in_nv_ob_liste li a{
	text-decoration: none;
	color: #a2a9a5;	
	padding-right: 0.5em;   /*Innenabstand zwischen Hintergrundfeld und Schrift für "active page" */
	padding-left: 0.5em;	
	padding-bottom: 0.3875em;
	padding-top: 0.2em;
}

#hd_in_nv_ob_liste #active_page{
	text-decoration: none;
	background-color: #B2B6B5;
	color: white;
	padding-right: 0.5em;	/*Innenabstand zwischen Hintergrundfeld und Schrift für "active page" */
	padding-left: 0.5em;	
	padding-bottom: 0.3875em;
}


/*-------------- navi untere Zeile (Subnavi) --------------*/
#nv_un {
	position: relative;	
	clear:both;	
}

#nv_un_balken {
	position: absolute;
	top:0;	
	height: 1.4375em;    /* 23 px bei Schriftgröße 16px */
	background-color: #C0C1C1;
	width: 100%;	
}

#nv_un_in {
	min-width: 47.5em;
	width: 100%;
	max-width: 1400px;
	height: 1.6875em;		/* 27px bei Schriftgröße 16px */	
	background: #FFF;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.ie #nv_un_in{		/* IE (zumindest bis 8) versteht keine mediaqueries, deswegen schauen große Browserbreiten mit Rand besser aus */
	width: 87%;
	width: 100%;	
	max-width: 1025px;
	min-width: 47.5em;	/* testweise: vielleicht verstehens ja neuere Versionen schon... (wenn nicht, ist Rand auch bei kleineren Breiten sichtbar) */	
}

#nv_un_in_liste{
	position: absolute;
	left: 9.3%;
	width: 41.8em;
	height: 1.45em;   /* etwas höher als grauer Balken, Voraussetzung für Runterrücken der Subnavischrift */
}

#nv_un_in_liste ul{
	list-style-type: none;
	position: absolute;
	top: 0;
}

#nv_un_in_liste li {
	float: left;
	color: #606462;
	/* waagr. Abstand:	(margin-left + right) hier + (padding-left + right) in "li a" und "active page" */ 		
	margin-right: 0.55em;	/*Außenabstand zwischen den Hintergrundfeldern */
	margin-left: 0.55em;
	font-size: 0.85em;
	letter-spacing: 0.08em;	
	padding-top: 0.1em;   /* Subnavischrift etwas runtergesetzt  */
}

#nv_un_in_liste li a{
	text-decoration: none;
	color: #606462;	
	padding-right: 0.35em;   /*Innenabstand zwischen Hintergrundfeld und Schrift für "active page" */
	padding-left: 0.35em;
}

#nv_un_in_liste #active_subpage{
	text-decoration: none;
	background-color: #606462;
	color: white;
	padding-right: 0.35em;
	padding-left: 0.35em;	
	padding-bottom: 0.3875em;
}

#nv_un_in_balken{
	position: absolute;
	top: 0;
	width: 100%;
	left: 0;
	height: 1.4375em;    /* 23 px bei Schriftgröße 16px */
	background-color: #B2B6B5;
}


/*-------------- main --------------*/
#mn {
	position: relative;
	width: 100%;
	background: url(../bilder/struktur/wr_HG.gif); /*TEST*/	
	clear:both;
}

#mn_in {
	width: 100%;
	min-width: 47.5em;	
	max-width: 1400px;
	height: 100%;
	min-height: 23.7em;
	background-color: #FFF;	
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.ie #mn_in{		/* IE (zumindest bis inkl. 8) versteht keine mediaqueries, deswegen schauen große Browserbreiten mit Rand besser aus */
	width: 87%;
	width: 100%;	
	max-width: 1025px;
	min-width: 47.5em;	/* testweise: vielleicht verstehens ja neuere Versionen schon... (wenn nicht, ist Rand auch bei kleineren Breiten sichtbar) */	
}

#mn_in a{
	color: #A66C7B;	
}

#mn_in_content1{	
	margin: 0 10%;
	margin-bottom: 2.5em;	
}

#mn_in_content1 h1{
	font: 2.57em Trebuchet MS, Arial, sans-serif;
	color: #A66C7B;	
	margin-top: 1.0em;
	margin-bottom: 0.4em;
	line-height: 1.2em;
}

#mn_in_content1 h2{
	font: 1.95em Trebuchet MS, Arial, sans-serif;
	color: #606462;
	margin-top: 1.4em;
	margin-bottom: 0.6em;
}

#mn_in_content1 h3{
	font: 1.45em Trebuchet MS, Arial, sans-serif;
	color: #a2a9a5;
	margin-top: 1.6em;
	margin-bottom: 0.6em;	
}

#mn_in_content1 ul {
	list-style-type: none;
	list-style-image: url(../bilder/struktur/list_bullet_2.gif);		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
	list-style-position: outside;
	padding-left: 0.95em;
}

#mn_in_content1 hr{
	margin-bottom: -0.4em;
	clear:both;
	height: 1.5em;
	border: none;
	border-bottom: 1px dotted grey;
}

#mn_in_content1 #zitat {
	clear: both;
	text-align: right;
	padding-top: 2.0em;
	padding-top:3.5em;
}

#mn_in_content1 #zitat p {
	font: 0.8em Times Roman, serif;
	font-style: italic;
	color: #AA9F8D;
	margin-top: 0.9em;
	border-top: 1px dotted grey;
}

#mn_in_content1 #zitat cite{
	font: 2.0em Times Roman, serif;
	font-style: italic;
	line-height: 1.0em;
	letter-spacing: -0.05em;
	letter-spacing: -0.02em;
	word-spacing: 0.05em;	
	color: #A66C7B;
}

#mn_in_content1 #zitat span {
	position: relative;
	top: -.75em;
	background: white;
	border-left: 1em solid white;
	display: inline-block;
 }

#mn_in_content1 #zitat a:link{
	font: 1em Times Roman, serif;
	text-align: right;
	margin-right: 2.3em;
	font-style: italic;
	color: #AA9F8D;
}

#mn_in_content1 .link_s_intern{
	margin-bottom: -0.4em;
}

#mn_in_content1 .link_s_intern a{
	background: url(../bilder/struktur/link_zu_anker.gif) center left no-repeat;
	text-decoration: none;
	padding-left: 20px;
}

#mn_in_content1 .link_s_top{
	padding-bottom: -0.2em;
	/* padding-bottom: 0em; */
	clear:both;
	height: 1.6em; 
	border-bottom: 1px dotted grey;
}

#mn_in_content1 .link_s_top a{	
	float: right;
	background: url(../bilder/struktur/link_zu_top.gif) center left no-repeat;
	text-decoration: none;
	padding-left: 17px;	
}


/*----- spezielle Definitionen für index.php (Introillustration, who, what, act, Newscontainer) und icons -----*/

#titel{
	position: relative;
	margin-top: 3.5em;
	margin-bottom: 2.5em;
	margin-bottom: 1.7em; /* abstand zum schriftbeginn, wenn js aus (siehe .image_intro_noslider, wenn js ein) */
	/* border: solid orange 2px; */
	overflow:hidden;
}

#titel h2{
	position: absolute;
	padding-left: 0.2em;
	visibility: hidden;	
}

.image_intro, .image_intro_noSlider, .image_intro_s, .image_intro_m, .image_intro_l{
	float: left;
	margin: 0px 30px 0 0;
	width: 100%;
	height: auto;
}

.image_intro_noSlider{
	margin-bottom: 0.7em; /* abstand zum schriftbeginn, wenn js ein (siehe .image_intro_noslider, wenn js aus) */
}

.image_intro_s, .image_intro_l{
	display: none;
}

.caption_noSlider {
	position:absolute;
	right: 0em;
	text-align: right;
	bottom: 1.6em;
	background: #fff;
	color:#000;
	z-index:8;
	/* padding: 5px 10px; */
	padding: 0.4em 0 0.4em 0.8em;
	font-size: 1.3em;
	font-weight: normal;
	/* opacity: 0.8; */
	/* border-radius: 0.9em 0 0 0.9em;
	-moz-border-radius: 0.9em 0 0 0.9em;
	-webkit-border-radius: 0.9em 0 0 0.9em; */
	overflow: hidden;
	/* -moz-opacity: 0.8; */
	/* filter:alpha(opacity=8); */
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
	-moz-box-sizing: border-box;    /* Firefox, other Gecko */
	box-sizing: border-box;         /* Opera/IE 8+ */
}

.caption_noSlider span{
	color: #A66C7B;
}

.caption_noSlider p {
	margin:0;
}

.caption_noSlider a {
	display:inline !important;
}

#mn_in_content1 #who {
	float: right;
	margin: 0.4em 0 2.5em 0;
	width: 38%;
}

.ie  #mn_in_content1 #who {
	padding-right: 5%;
	width: 33%;
}

#mn_in_content1 #what {
	float: left;
	margin: 0.4em 0 5px 7px;
	padding: 0px 10px 0 0px;
	width: 48%;	
}

#mn_in_content1 #act {
	clear: both;	/* cleart die floats von linker und rechter content-spalte, damit die vertikale position von "act" unabhängig von spaltenlängen und browserfensterbreiten konstant bleibt */
	width: 100%;
	margin: 0;
	margin-left: 0.5em;		/* sonst nicht bündig mit den what-icons, keine ahnung warum... */
}

#mn_in_content1 #what li{
	margin-bottom: 2em;
}

#mn_in_content1 #what li, #mn_in_content1 #act li, #mn_in_content1 #who li{
	padding-left:3.6em;
}

#mn_in_content1 #what ul, #mn_in_content1 #act ul, #mn_in_content1 #who ul{
	list-style-image: none;
	list-style-position: outside;
	margin-left: -1.3em;
}

#mn_in_content1 #who ul{
	list-style-image: none;
	list-style-position: outside;	
}

li.what_up{
	background: url(../bilder/struktur/icon_pfeil_36_r.png) left top no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
}

li.what_sun{
	background: url(../bilder/struktur/icon_sonne_36_r.png) left top no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
}

li.what_clock{
	background: url(../bilder/struktur/icon_geschw_36_r.png) left top no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
}

li.act_downld{
	background: url(../bilder/struktur/icon_downld_36_r.png) left top no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
}

li.act_mail{
	background: url(../bilder/struktur/icon_mail_36_r.png) left center no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
	min-height: 2.5em;
	padding-top: 0.3em;
	padding-top: 1.0em;
}

li.who_fti{
	background: url(../bilder/struktur/icon_fti_36.png) left top no-repeat;		/*  absolute Adressierung notwendig, weil css von unterschiedlichen Verzeichnissen aus angesprochen wird */
}

.ie li.what_up{		/* ie (zumindest bis 8) interpretiert die Listen-width anders */
	width: 85%;
	height: auto;
}

.ie li.what_sun{
	width: 85%;
	height: auto;	
}

.ie li.what_clock{
	width: 85%;
	height: auto;
}

.ie li.act_downld{
	width: 90%;
	height: auto;
}

.ie li.act_mail{
	width: 90%;
	height: auto;
}

.ie li.who_fti{
	width: 90%;
	height: auto;
}

.news_on_homepage {
	font-size: 0.8em;
	background-color: #eff2f1;
	float:right;
	margin-top: 0.2em;
	margin-bottom: 1.5em;
	padding: 0.15em 1.5% 2em;
	width: 35%;	
	height: auto;
	line-height: 1.3em;
	overflow:  hidden;
}

.news_on_homepage p.italic {
	border-top: 2px solid white;
	padding-top: 1em;
	margin-top:0.7em;
	margin-bottom: -0.7em;
}

.marquee{
	font: serif italic;
	color: #b2b6b5;
	overflow: hidden;
	white-space: nowrap;
}

.newsimage_right {
	float:right;
	margin-left: 5px;
	margin-left: 8px;
	margin-top: 0.55em;
	margin-bottom: 0.15em;	
	width: 33.33%;
	max-width: 100px;
	height: auto;
	max-height: 50px;
}

.newsimage_left {
	float:left;
	margin-right: 8px;
	margin-top: 0.55em;
	margin-bottom: 0.15em;
	width: 33.33%;
	max-width: 100px;
	height: auto;
	max-height: 50px;
}


/*------------ Teil von main: Kontaktformular -------------*/
form {
padding: 0.3em 0.6em;
background-color: #EEE;
}

form input {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 1em;
width: 15em;
}

form textarea {
font-family: Trebuchet MS, Arial, sans-serif;
font-size: 1em;
width: 23.6em;
width: 66%;
overflow: auto; /* unterdrückt beim ie die Darstellung vom Scrollbalken */
}

form #submit {
width: 8em;
}

#adress_div {
display: none;
}

.hint {				/* diverse Message-Formatierungen */
font-size: 0.8em;
color: darkgrey;
font-weight: bold;
}

.errmsg {	
color: #A66C7B;	/*Rot-Rücknahme im content-bereich */
}

.warning {
color: #aa4444;
font-weight: bold;
}	

table {
padding: 0.3em 0.6em;		/* Formatierungen für Danke-Seite */
background-color: #EEE;
font-size: 0.8em;
}

table td {
vertical-align: top;
}

/* -------------------------- footer ----------------------- */

#ft {
	position: relative;
	clear:both;
	background-color: #C0C1C1;
	width: 100%;
	height: 1.5em;
}

#ft_in {
	min-width: 47.5em;
	width: 100%;
	max-width: 1400px;
	height: 1.5em;	
	background-color: #B2B6B5;
	margin: 0 auto;
	overflow: hidden;
	position: relative;
}

.ie #ft_in{		/* IE (zumindest bis 8) versteht keine mediaqueries, deswegen schauen große Browserbreiten mit Rand besser aus */
	width: 87%;
	width: 100%;	
	max-width: 1025px;
	min-width: 47.5em;	/* testweise: vielleicht verstehens ja neuere Versionen schon... (wenn nicht, ist Rand auch bei kleineren Breiten sichtbar) */	
}

#ft_in_liste{
	position: absolute;
	margin-left: 10%;
	width: 55%;
}

#ft_in_liste ul{
	list-style-type: none;
	margin-top: 0em;
}

#ft_in_liste li {
	float: left;
	color: #606462;
	/* waagr. Abstand:	(margin-left + right) hier + (padding-left + right) hier oder weiter unten */ 		
	padding-left: 1em;
	padding-right: 1em;
	font-size: 0.90em;	
	letter-spacing: 0.08em;	
}

#ft_in_liste #active_page{
	text-decoration: none;
	background-color: #606462;
	color: white;
	padding-right: 0.5em;	/*Innenabstand zwischen Hintergrundfeld und Schrift für "active page" */
	padding-left: 0.5em;	
	padding-bottom: 0.3875em;
}

#ft_in_liste_copyright{
	position: absolute;
	margin: 0 10%;
	width: 80%;	
}

#ft_in_liste_copyright ul{
	list-style-type: none;
	margin-top: 0.5em;
	margin-top: 0em;
}

#ft_in_liste_copyright li {
	float: right;
	color: #606462;		
	margin-right: 0.0em;
	margin-left: 0.7em;
	font-size: 0.90em;	
	letter-spacing: 0.08em;
}

#ft_in_liste li a, #ft_in_liste_copyright a{
	text-decoration: none;
	color: #606462;	
}

.ft_border_right{
	border-right: 1px dotted #8C918F;	
}

.sitemap_arrow{	
	background-image: url(../bilder/struktur/list_bullet_2.gif);
	background-repeat: no-repeat;
	background-position: 0em 0.5em;
}

/* -------------------------- side container (or: social container) ----------------------- */

#sc{
	position: fixed;
	bottom: 3.5em;
	right: 0;
	width: 22px;
	padding: 0.25em;
	background-color: #eff2f1;
	text-align: right;
}

.sc_skaliere_icon_mail , .sc_skaliere_icon_xing{
	width:22px;
	height:22px;
	border: 1px solid #606462;
}

.sc_skaliere_icon_mail {
	margin-bottom: 0.25em;
}

/* ------------------------------------- Media Queries ----------------------------------- */

@media print {
	html,body{background: #fff;}
	body {font: 11px Trebuchet MS, Arial, sans-serif;}
	#sc, #ft, #hd_in_goo, #hd_in_links, #hd_in_nv_ob, #nv_un {display: none;}
	#hd {height: 5em; background: white;}
	#hd_nv_ob_stro {background-color: white;}
	.link_s_top a{display: none;}
	#mn_in_content1 p, #mn_in_content1 h2, #mn_in_content1 h3, #mn_in_content1 h4 { orphans: 3; widows: 3; } /* soll (angeblich) alleinstehende Zeilen zu Seitenbeginn und -ende verhindern */ 	
}

@media only screen and (max-width: 496px) {	/* Fensterbreite schmäler als Website-Inhaltsbereich ( --> Horizontalscroll) */
	#sc{left: 0; text-align: left;}	/*  Sprung Sidecont. nach links  */	
}

@media only screen and (max-width: 550px) {
	#ft_in_liste_copyright li {margin-left: 0;}
	#ft_in_liste li {padding-right: 0;}
}

@media only screen and (max-width: 765px) {	/* Fensterbreite maximal 765px */
	body {font: 0.65em Trebuchet MS, Arial, sans-serif;}	/* generelle Schriftverkleinerung */
	#hd_in_nv_ob_liste{width: 38.2em;}
	#hd_in_links{width: 8.4em;}
	#nv_un_in_liste {width: 46em;}	/* Breitenbegrenzung Subnavi-Listenfeld */	
	
	.sc_skaliere_icon_mail , .sc_skaliere_icon_xing{	width:18px; height:18px;}	/*  Skalierung Sidecont.-Icons  */
	
	#mn_in_content1 .link_s_intern a{background: url(../bilder/struktur/link_zu_anker_small.gif) center left no-repeat;}	/* 3 folgenden Zeilen: Verkleinerung von Pfeilchen für Listen und interne Seitensprünge */
	#mn_in_content1 .link_s_top a{background: url(../bilder/struktur/link_zu_top_small.gif) center left no-repeat;}
	#mn_in_content1 ul {list-style-image: url(../bilder/struktur/list_bullet_small_2.gif);}
	.sitemap_arrow{background-image: url(../bilder/struktur/list_bullet_small_2.gif);}
	
	li.what_up{background: url(../bilder/struktur/icon_pfeil_22.gif) left top no-repeat; list-style-image: none;}	/* 4 folgenden Zeilen: Verkleinerung der Listenicons auf der Startseite */
	li.what_sun{background: url(../bilder/struktur/icon_sonne_22.gif) left top no-repeat; list-style-image: none;}
	li.what_clock{background: url(../bilder/struktur/icon_geschw_22.gif) left top no-repeat; list-style-image: none;}
	li.act_downld{background: url(../bilder/struktur/icon_downld_22.gif) left top no-repeat; list-style-image: none;}
	li.act_mail{background: url(../bilder/struktur/icon_mail_22_whiteHG.gif) left center no-repeat; list-style-image: none;}
	li.who_fti{background: url(../bilder/struktur/icon_fti_22.gif) left top no-repeat; list-style-image: none;}		
	
	.newsimage_right, .newsimage_left {display: none;}
	.image_intro_s{display: block;}
	.image_intro_m{display: none;}
	.image_intro_l{display: none;}
}	

@media only screen and (min-width: 1025px) {	 /* Fensterbreite mind. 1025px*/ 
	body {font: 1.0em/1.4em Trebuchet MS, Arial, sans-serif;}	 /*generelle leichte Schriftvergrößerung */
	.skaliere_logo {	width: 12.375em;} /* "Gegenskalierung", damit Logo aus Qualitätsgründen nicht mitskaliert (198px Logobreite /16px normale Browserschriftgröße) */
	#titel h2{font-size:1.55em;}
	.image_intro_s{display: none;}
	.image_intro_m{display: none;}
	.image_intro_l{display: block;}	
}	

@media only screen and (min-width: 1151px) {	/*entsprechende div's zweipaltig ab 1281px*/ 
	#mn_in_content1 #flexcol {padding-top:1em; 
	-moz-column-count: 2; -moz-column-gap: 2em;
	-webkit-column-count: 2; -webkit-column-gap: 2em;
	column-count: 2; column-gap: 2em;
	}
	#mn_in_content1 #flexcol h4{margin-top: 0; padding-top:0;padding-bottom:0.4em;}
	#mn_in_content1 #flexcol p{margin-top: 0; padding-top:0;padding-bottom:0.2em;}
}

/* ---------------------------------- */
/* Schriftgrößenfeinjustierung für Slidercaption */

@media only screen and (max-width: 950px) {
.theme-light .nivo-caption, .caption_noSlider  {font-size: 1.2em; font-weight: normal;}
}
@media only screen and (max-width: 865px) {
.theme-light .nivo-caption, .caption_noSlider {font-size: 1.0em; font-weight: bold;}
}
@media only screen and (max-width: 765px) {
.theme-light .nivo-caption, .caption_noSlider {font-size: 1.2em; font-weight: bold;}
}
@media only screen and (max-width: 640px) {
.theme-light .nivo-caption, .caption_noSlider{font-size: 1.05em; font-weight: bold;}
}
@media only screen and (max-width: 590px) {
.theme-light .nivo-caption, .caption_noSlider{font-size: 0.95em; font-weight: normal;}
}
@media only screen and (min-width: 1250px) {
.theme-light .nivo-caption, .caption_noSlider {font-size: 1.5em; font-weight: normal;}
}
/* ---------------------------------- */