/* !!! Es muss beachtet werden, dass alle DIVs im screen.css auf clear: both gesetzt sind !!!! */

* {
	padding: 0;
	margin: 0;
}

body {
	background: #ffffff url(../img/layout/body_bg.gif) 0 0 repeat-x;
	font-size: 75%;
	font-family: 'Lucida Sans Unicode','Lucida Sans',Verdana,sans-serif;
	color : #555454;
}

div#insymaWrap {
	background: transparent url(../img/layout/shadows_bg.png) 0 0 repeat-y;
	width : 993px;
	padding : 0;
	position : relative;
	margin: 24px auto;
}

h1{
	font-size: 160%;
	line-height: 1.4;
	color: #e92628;
	clear : left;
	margin: 0 0 .2em 0;
}

h2{
	font-size: 120%;
	font-weight: normal;
	color: #8d979d;
	clear : both;
	margin: 0.3em 0 1em 0;
}

h3{
	font-size: 120%;
	color: #484848;
	margin: 1em 0 0.5em 0;
	*margin-bottom : 0;
}

h4 {
	font-size: 105%;
	color: #8d979d;
	font-weight: normal;
	margin: 0 0 1em 0;
}

a{
	color: #484848;
	text-decoration: underline;
	line-height : 2;
}
a:hover{
	color: #ffffff;
	text-decoration : none;
	background-color : #484848;
	text-indent : 5px;
}
a.imagelink:hover {
	background : none;
	text-indent : 0;
}
ul {
	list-style: square;
	list-style-position : outside;
	position : relative;
}
img, fieldset{
	border: none;
}
p{
	margin: 0 0 1em 0;
}
input {
	font-size: 110%;
	font-family: 'Lucida Sans Unicode','Lucida Sans',Verdana,sans-serif;
	color: #666;
}
textarea {
	overflow: auto;
	font-size: 110%;
	font-family: 'Lucida Sans Unicode','Lucida Sans',Verdana,sans-serif;
	color: #666;
}
hr {
	 height: 0;
	 display: block;
	 clear: both;
	 visibility: hidden;
}

/* Servicenavigation mit Sprachwechsel */
ul#servicenavi{
	list-style: none;
	position: absolute;
	top : -14px;
	right : 15px;
	text-align : right;
	z-index : 2;
}
ul#servicenavi li{
	color: #fff;
	display : inline;
	list-style: none;	
	margin: 0;
}
ul#servicenavi li a{
	color: #fff;
	font-size : 90%;
	padding : .4em;
	text-decoration : none;
}

ul#servicenavi li a:hover, ul#servicenavi li a.activeLink{
	background-color : #484848;
	font-weight : normal;
	text-indent : 0;
}

ul#servicenavi li input {
	background-color : #ed5153;
	border : 1px solid #ffffff;
	color : #ffffff;
	padding : 0 5px;
	position : relative;
	font-size : 90%;
	margin : 0 1.5em 0 .5em;
	top : -2px;
	*top : 0;
	width : 100px;
}

ul#servicenavi li.first {
	display : none;
}

/* Header */
div#header{
	width: 950px;
	height: 159px;
	margin : 0 0 15px 20px;
	padding: 0;
	position : relative;
	top : -8px;
	background: transparent url(../img/layout/header_bg.gif) 0 0 repeat-x;
}

div#header h2 {
	margin: 0;
}
div#header h2 a {
	margin: 20px 0px 0px 15px;
	display: block;
	position: absolute;
}

div#header h2 a:hover {
	background : none;
	text-indent : 0;
}

div#header h2 span, div#header h2 em {
	display: none;
}

div#header div.overflow {
	position:absolute; 
	right:0; 
	top: 35px;
	height : 80px;
	width : 460px;
	overflow : hidden;
}

/* Navigation  */
ul#navi {
	position : absolute;
	bottom : 0;
	list-style: none;
	left : 15px;
	width : auto;
}

ul#naviRechts {
	position : absolute;
	bottom : 0;
	list-style: none;
	right : 5px;
	text-align : right;
	width : auto;
}

ul#navi li, ul#naviRechts li {
	list-style: none;
	padding: 0;
	display: inline;
	padding : 7px 0 6px 0;
	*padding : 0;
	margin-left : -10px;
}

ul#navi li a, ul#naviRechts li a {
	text-transform: uppercase;
	text-decoration: none;
	font-size: 120%;
	color: #7e8284;
	letter-spacing: 0.01em;	
	padding: 6px 0 6px 15px;
	*padding: 0 0 0 15px;
}

ul#navi li a span, ul#naviRechts li a span {
	padding: 6px 15px 6px 0;
}

ul#navi li a:hover span, ul#navi span.active, ul#naviRechts li a:hover span, ul#naviRechts span.active {
	background: transparent url(../img/layout/navi_tab_right.gif) 100% 0 no-repeat;
}

ul#navi li a:hover, ul#navi li a.active, ul#naviRechts li a:hover, ul#naviRechts li a.active {
	background: transparent url(../img/layout/navi_tab_left.gif) 0 0 no-repeat;
	color : #e2001a;
	text-indent : 0;
}

/* Navigation  */
ul#subnavi {
	float : left;
	list-style: none;
	margin : 15px 0 0 36px;
	width : 190px;
}

ul#subnavi li{
	border-bottom : 5px solid #ffffff;
	display : block;
	line-height : 1.8;
	list-style: none;
	padding : 6px 0;
}

ul#subnavi li a{
	background-color : #484848;	
	color: #ffffff;
	letter-spacing: 0.01em;
	line-height : 1.5;
	font-size: 120%;
	padding : 6px 7px;
	text-transform: uppercase;
	text-decoration: none;
	white-space:nowrap;
}
body.mysyslogic ul#subnavi li a{
	background-color: #B0B0B0;	
	color: #ffffff;
	letter-spacing: 0.01em;
	line-height : 1.5;
	font-size: 120%;
	padding : 6px 7px;
	text-transform: uppercase;
	text-decoration: none;
	white-space:nowrap;
}
body.mysyslogic #slider p{
	background: #cfcfd1 !important;
	color:#000;
	font-family: "syslogic-bold";
	float:right;
	font-size: 24px;
	font-weight: normal !important;
	padding-right: 20px;	
	padding-top: 50px;
	position: relative;
	width: 445px;
	z-index: 50;
}
body.mysyslogic .header_images{
	Margin-left:20px;
}
body.mysyslogic .nivo-caption{
	float:right;
	position:absolute;
	right:0px;
	width:400px;
}
ul#subnavi li a:hover {
	background-color : #e92628;
	text-indent:0;
}

ul#subnavi li a.active {
	background-color : #484848;
	/*background-color : #E92628;*/
	text-indent : 0;
}

ul#subnavi ul {
	margin : 0 0 0 0;
}

ul#subnavi ul li a{
	background-color : transparent;
	color: #8d979d;
	font-weight : bold;
	font-size: 104%;
	padding : 6px 7px;
	text-decoration: none;
	text-transform : none;
}

ul#subnavi ul li a:hover, ul#subnavi ul li a.active {
	background-color : transparent;
	color : #555454;
	text-indent:0;
}

ul#subnavi ul.level3, ul#subnavi ul.prodnav {
	margin-top : .2em;
}

ul#subnavi ul.level3 li, ul#subnavi ul.prodnav li {
	line-height : 1.4;
	padding: 0 0 0 1.2em;
}

ul#subnavi ul.level3 li a, ul#subnavi ul.prodnav li a {
	color : #8d979d;
	display: inline;
	line-height : 1.4;
	font-size : 100%;
	font-weight : normal;
	text-decoration : none;
}

ul#subnavi ul.level3 li a:hover, ul#subnavi ul.level3 li a.active, ul#subnavi ul.prodnav li a:hover, ul#subnavi ul.prodnav li a.active {
	color : #e92628;
}

ul#subnavi ul.subcatnav li {
	padding : 6px 0 6px 6px;
}

ul#subnavi ul.subcatnav li a {
	padding : 6px 7px 6px 0;
}
/*ul#subnavi li ul li.inactive{
		display:none;
}
ul#subnavi li.active ul li.inactive{
		display:block;
}*/



/* Breadcrumbs */
ul.breadcrumbs{
	border-bottom: 1px dotted #534646;
	float: left;
	list-style: none;
	/*width: 66%;
	margin: .5em 0 0 13px;
	padding: 4px 0;*/
	margin : 0 0 2em 0;
	min-width : 427px;
	max-width : 660px;
	position : relative;
	/*left : 21px;*/
}

ul.breadcrumbs li{
	float: left;
}

ul.breadcrumbs li a{
	color : #8d979d;
	font-size : 85%;
	padding: 0 0.2em 0 0.2em;
	display: block;
	text-decoration : none;
}

ul.breadcrumbs a.current{
	color : #e92628;
}

ul.breadcrumbs a:hover {
	background : none;
	color : #484848;
	text-indent : 0;
}

/* Startseite Banner */
div#banner {
	margin: -23px 0 10px 20px;
}

div#banner div.animation {
	height : 245px;
	position : relative;
	overflow : hidden;
}

/* Inhalt */
div#inhalt{
	float: left;
	margin: 0 0 10px 17px;
	_margin: 0 0 10px 10px;
	min-height : 380px;
	line-height: 1.4;
	padding : 21px;
	max-width: 445px;
	width : auto;
}

body.breiter div#inhalt, body.start div#inhalt {
	/*width : 100%;*/
	width : 67%;
	max-width: 670px;
}

div.ganzeBreite, div.ganzeBreite ul.breadcrumbs {
	position : relative;
	max-width : 100% !important;
	width : 92% !important;
}


/* Seitenleiste */
div#seitenleiste{
	float : right;
	margin-right : 23px;
	margin-top : -1.8em;
	width : 239px;
}

/* Footer */
div#footer{
	width: 993px;
	background: #fff url(../img/layout/bg_footer_2.gif) no-repeat 0 0;
	clear: both;
	padding: 20px 0px 0px 15px;
	height : 60px;
}

div#footer p{
	text-align: left;
	font-size: 90%;
	color: #8d979d;
	float: left;
	margin: 5px 0 0 20px;
	width : auto;
}

/* Slogan im Footer */
div#footer p#slogan, div#footer p#sloganFooter{
	float : right;
	list-style: none;
	margin : 5px 51px 0 0;
	width : auto;
}

div#footer p#slogan a, div#footer p#sloganFooter a{
	text-decoration: none;
	color: #8d979d;
}

div#footer p#slogan a:hover, div#footer p#sloganFooter a:hover{
	background-color : transparent;
	text-indent : 0;
}

div#footer p#slogan img, div#footer p#sloganFooter img {
	padding-left : 1em;
	position : relative;
	top : .5em;
}

/* iframe content */
body.iframe {
	width : 400px;
	margin : 0;
	background : none;
}

body.iframe ul.subcatlist {
	float : none;
	width : 100%;
	top : 20px;
	max-width : auto;
}

body.iframe ul.subcatlist li {
	float : none;
	min-height : 0;
	padding-right : 0;
	width : auto;
}

body.iframe ul.subcatlist span.styleLink {
	width : auto;
	font-size : 90%;
}