/* !!! Es muss beachtet werden, dass alle DIVs im screen.css auf clear: both gesetzt sind !!!! */
/* FONT SIZES

10px 	0.909em 	90.9% 	8pt
11px 	1em 		100% 	8pt
12px 	1.091em 	109.1% 	9pt
13px 	1.182em 	118.2% 	10pt
14px 	1.273em 	127.3% 	11pt
15px 	1.364em 	136.4% 	11pt
16px 	1.455em 	145.5% 	12pt
17px 	1.545em 	154.5% 	13pt
18px	1.636em	163.6%	14pt
19px	1.727em	172.7%	14pt
*/

* {
	padding: 0;
	margin: 0;
}
body{
	color : #4b4b4b;
	font-size: 68.8%;
	font-family: Helvetica, Frutiger, "Frutiger Linotype", Univers, Calibri, "Gill Sans", "Gill Sans MT", "Myriad Pro", Myriad, "DejaVu Sans Condensed", "Liberation Sans", "Nimbus Sans L", Tahoma, Geneva, Arial, sans-serif;
	background: #ffffff;
/*	position : relative; aufgrund insyma Overlay */
	margin: 21px auto;
	width : 890px;
}

h1{
	background : url(../img/layout/bg-h1.gif) repeat left top;
	color: #4b4b4b;
	font-size: 136.4%;
	font-weight : bold;
	line-height: 1.6;
	margin: 0 0 .7em 0;
	padding : 0 5px;
	width : 320px;
}

h2{
	font-size: 127.3%;
	font-weight: bold;
	color: #009ee0;
	margin: 0 0 .5em 0;
}

h3{
	color: #4b4b4b;
	font-size: 118.2%;
	font-weight: bold;
	margin: 0 0 .7em 0;
}

h4 {
	font-size: 100%;
	color: #646464;
	font-weight: bold;
	margin: 0 0 1em 0;
}

a{
	color: #e2001a;
	text-decoration: none;
}
a:hover{
	text-decoration : underline;
}

ul {
	list-style: none;
}
img, fieldset{
	border: none;
}
p{
	margin: 0 0 1em 0;
}
input {
	font-size: 110%;
	color: #666;
}
textarea {
	overflow: auto;
	font-family : inherit;
	font-size: inherit;
	color: #646464;
}
hr {
	 height: 0;
	 display: block;
	 clear: both;
	 visibility: hidden;
}

/* Sprachwechsel */
ul#headerleiste{
	background-color : #000000;
	border : 2px solid #585858;
	border-top : 0;
	position: relative;
	margin-bottom : 28px;
	margin-bottom /*\**/: 26px \9;
	height: 26px;
	height /*\**/: 22px 0 0 0 \9;
	text-align: right;
	width: 890px;
	padding /*\**/: 3px 0 0 0 \9;
}
ul#headerleiste li{
	display : inline;
	list-style: none;	
	position : relative;
	top : 5px;
	margin-right : 7px;
}
*+html ul#headerleiste li{top : 2px;margin-right: 5px;}
* html ul#headerleiste li{top : 2px;margin-right: 5px;}

ul#headerleiste li a{
	color: #f6f6f6;
	padding-left: 32px;
}
ul#headerleiste li a:hover{
	color: #ffffff;
}
ul#headerleiste li form{
	display : inline;
	width : auto;
	position: relative;
}
ul#headerleiste li input#suchfeld {
	border: none;
	background : white url(../img/layout/bg-search.gif) no-repeat left top;
	height: 17px;
	margin : 0;
	width : 113px;
	padding-left: 3px;
}
ul#headerleiste li input#suchbutton{
	background : transparent url(../img/layout/icon-search.gif) no-repeat;
	border : 0;
	cursor : pointer;
	margin : 0;
	width : 19px;
}
ul#headerleiste li.sprachauswahl a {
	background : url(../img/layout/china_flagge.gif) no-repeat left top;
}
ul#headerleiste li.sprachauswahl a.eng {
	background : url(../img/layout/englisch_flagge.gif) no-repeat left top;
}
ul#headerleiste li.sprachauswahl a.esp {
	background : url(../img/layout/spanisch_flagge.gif) no-repeat left top;
	display : none;
}
ul#headerleiste li.drucken {
	position: absolute;
	top: 30px;
	right: -5px;
}
ul#headerleiste li.drucken ul {
	width : auto;
}
ul#headerleiste li.drucken a {
	color: #666 !important;
	text-decoration: none;
}
ul#headerleiste li.drucken ul li a {
	color : #585858;
}
ul#headerleiste li.drucken ul li a:hover {
	color : #E2001A;
	text-decoration : none;
}
ul#headerleiste li.drucken img {
	position : relative;
	top : 5px;
	right : 5px;
}
ul#headerleiste li#sprachauswahl_drucken ul#sprachnavi li {
	margin: 0;
}

ul#sprachnavi li a {
	padding: 0 0 0 2px;
}
ul#sprachnavi li a.printicon {
	padding: 0 0 0 12px;
}

/* Header */
h2#navigation_h1Tag {
	float : left;
	margin: 0 0 21px 0;
	width : auto;
}
h2#navigation_h1Tag a {
	display: block;
	width : auto;
}
h2#navigation_h1Tag span, h2#navigation_h1Tag em {
	display: none;
}
div#includeBanner {
	overflow : hidden; 
	float : right; 
	max-width : 668px;
	text-align : right;
	
	/*position : relative;
	top:-10px;
	max-height:100px;*/
}
ul#navi + div#headerInclude {
	background: #000000;
	border : 2px solid #585858;
	border-top : none;
	border-bottom : 0;
	position : relative;
	z-index : 0;
	*z-index : -1;
}
body#start div#headerInclude div#innerfade {
	min-height : 300px !important; 
}
body#start div.promobox {
	bottom : 61px !important;
}

/* Content */
div#insymaWrap {
	background: #ffffff;
	width : 100%;
	padding : 0;
	position : relative;
}

/* Navigation */
ul#navi{
	background: #FFF url(../img/layout/bg_navi.gif) repeat-x 0 top;
	border : 2px solid #646464;
	border-bottom-width: 0;
	clear : both;
	padding-bottom : 2px; 
	position : relative;
	width: 890px;
	height : 22px;
}

ul#navi li{
	list-style: none;
	padding: 0;
	float : left;
	display: inline;
	position : relative;
}

ul#navi li a{
	display : inline-block;
	text-align : center;
	text-decoration: none;
	color: #ffffff;
	padding: 0 10px;
	line-height : 22px;
	margin-left : -3px;
	width: 92px;
	border: 1px solid #ffffff;
	border-width : 0 2px 0 0;
	white-space : nowrap;
}

ul#navi li:first-child a{
	margin-left : 0;
}

ul#navi li a.last{
	border-right-width : 0;
}

ul#navi li:hover a, ul#navi li a:hover {
	background: #ffffff;
	color : #4b4b4b;
}

ul#navi li a.active{
	font-weight : bold;
}

ul#navi li ul{
	background-color: #FFF;
	border : 1px solid #e1e1e1;
	display: block;
	left: -999em;
	min-width: 165px;
	width: auto;
	padding: 0;
	position : absolute;
	top : 22px;
	z-index : 50;
}

ul#navi li:hover ul, ul#navi li.sfhover ul {
	left : -3px;
}

ul#navi li:hover ul#menu1, ul#navi li.sfhover ul#menu1 {
	left : 0;
}


ul#navi li:hover ul#menu8, ul#navi li.sfhover ul#menu8{
	left : auto;
	right : -1px !important;
}

ul#navi li ul li {
	float : none;
}

ul#navi li ul li a, ul#navi li:first-child ul li a, ul#navi li ul li:first-child a{
	border-bottom : 1px dotted #707070;
	border-right-width : 0;
	color : #4b4b4b;
	text-transform: none;
	text-align : left;
	display: block;
	padding: 0 20px 0 20px;
	margin-left : 0;
	line-height : 22px;
	min-width: 135px;
	width : auto;
	white-space : nowrap;
}

ul#navi li ul li:last-child a, ul#navi li ul li a.last{
	border : 0;
}

ul#navi li ul li a:hover, ul#navi li ul li a.active{
	background: #E2001A;
	color: #FFFFFF;
	font-weight : normal;
}


/* linke SeitenNavigation (Subnavi) */
ul#subnavi {
	position : absolute !important; 
	background : #f6f6f6;
	left : 0;
	left /*\**/: 1px\9;
	float: none;
	padding : 14px 8px;
	margin: 1px;
	min-height : 295px;
	top: auto;
	hasLayout: true;
	width : 165px;
}
*+html ul#subnavi {
	left : 1px;
}
*+html ul#subnavi {
	left : 1px;
}

ul#subnavi li{
	background : #ffffff url(../img/layout/sidenavi-shdw.gif) repeat-y right top;
	border-left : 1px solid #dddddd;	
	float : left;
}

ul#subnavi li.first {
	background : #DDDDDD url(../img/layout/sidenavi-shdw-top.gif) no-repeat right top;
	border-left : 0;
	height : 1px;
	width : 100%;
}

ul#subnavi li a{
/*	border-right : 1px solid #dddddd;	 */
	border-top : 1px dotted #dddddd;
	color : #646464;
	display : block;
	padding : 5px 0 6px 8px;
	margin-right : 4px;
	width : 150px;
}

ul#subnavi li:first-child a, ul#subnavi li.first a {
	border-top-style : solid;
}

ul#subnavi li a:hover, ul#subnavi li a.active{
	background : #ededed;
	text-decoration : none;
}
ul#subnavi li.last {
	background : transparent url(../img/layout/sidenavi-shdw-bottom.gif) no-repeat right top;
	border : none;
	display : block;
	width : 162px;
}

ul#subnavi li ul {
	background : none;
	list-style-type : none;
}
ul#subnavi li ul li, ul#subnavi li:first-child ul li, ul#subnavi li.first ul li {
	background : none !important;
	border : 0 !important;
	border-top : 1px dotted #dddddd !important;
	float : none !important;
}

ul#subnavi li ul li a, ul#subnavi li:first-child ul li a, ul#subnavi li.first ul li a  {
	background: #ffffff url(../img/layout/list-item-1.gif) no-repeat 0 60% !important;
	border : 0 !important;
	padding : 5px 0 0 1em;
	margin-left : 2em;
	*margin-left : 0.5em;
	*padding-left : 1em;
	width : 120px;
}

ul#subnavi li ul li ul li a, ul#subnavi li:first-child ul li ul li a, ul#subnavi li.first ul li ul li a  {
	display : inline-block;
	left : 1em;
	position : relative;
	width : 100px;
}

ul#subnavi li ul li a:hover, ul#subnavi li:first-child ul li a:hover, ul#subnavi li.first ul li a:hover, ul#subnavi li ul li a.active, ul#subnavi li:first-child ul li a.active, ul#subnavi li.first ul li a.active {
	background: #ffffff url(../img/layout/list-item.gif) no-repeat 0 60% !important;
	color : #E2001A;
}

/* Inhalt */
div#wrap{
	width: 650px;
	left: 250px;
	float: left;
	line-height: 1.4;
	margin-right : 245px;
	min-height : 400px;
	padding-bottom : 60px;
	position : relative;
	_z-index: -1;
	/*max-width: 560px\9;*/
}
*+html div#wrap{	
	float: left !important;
}
* html div#wrap{	
	float: none !important;
}
/*
div#wrap{ float /*\**/     /*: none\9
}
*/
body#start div#wrap {
	left : 0;
	margin : 0;
	min-height : 160px;
	max-width: none;
	width : 100%;
}

div#inhalt {
	width: auto;
	margin : 0;
	min-height : 320px;
	position : relative;
}

div#wrap u {
	color : #009ee0;
	text-decoration : none;
}

/* Footer */
ul.servicenavi{
	border-top : 1px dotted #707070;
	width: 890px;
	margin: 70px auto 0 auto;
	height: 26px;
	clear: both;
	padding: 0px 0px 0px 0px;
	position : relative;
}

ul.servicenavi li{
	list-style: none;
	float: left;
}

ul.servicenavi li a{
	margin: 0 20px 0 0;
	font-size: 10px;
	line-height: 26px;
	text-decoration: none;
	color: #707070;
	display: block;
}

ul.servicenavi li.back {
	position : absolute;
	left : 250px;
	top : -35px;
}
ul.servicenavi li.back a {
	color : #585858;
}
ul.servicenavi li.back a:hover {
	color : #E2001A;
	text-decoration : none;
}
ul.servicenavi li.back img {
	position : relative;
	top : 5px;
	left : -5px;
}
