@charset "utf-8";

/* CSS Document */

/*********************CSS RESET*****************************/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

a {
	color:#002c47;
	text-decoration:underline;	
}
a:hover {
	text-decoration:none;	
}

strong {
	font-weight:bold;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

ol, ul {
	list-style: none;
}

/* tables still need 'cellspacing="0"' in the markup */

table {
	border-collapse: separate;
	border-spacing: 0;
}

caption, th, td {
	text-align: left;
	font-weight: normal;
}

blockquote:before, blockquote:after, q:before, q:after {
	content: "";
}

blockquote, q {
	quotes: "" "";
}

/*********************CSS RESET*****************************/

body{
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:transparent url(../img/bg_body.png) repeat-x top left;
}

body.blue{background-color:#969075;}

div{text-align:left;}

.headwrap {
	width:100%;
	height:204px;
	background:transparent url(../img/header_bg.png) repeat-y center top;
	position:relative;
	z-index:15;
}

#flashcontent{height:204px;}

.header {
	width:896px;
	margin:0 auto;
	padding:0 190px;
	position:relative;
	height:204px;
	z-index:1;
	background:transparent url(../img/header_mobile_ERP.jpg) no-repeat top left;
}
.header .logo{
	left:196px;
	position:absolute;
	top:95px;
}

.pagewrap {
	position:relative;
	left:85px;
	width:896px;
	padding:0 190px 0 0;
	margin:0 auto;
}


/* MAINMENU  */
.mainmenu{	
	background:transparent url(../img/nav_back.png) repeat-x top left;
	border-top:2px solid #fff;
	border-bottom:2px solid #fff;
	position:relative;
	height:36px;
	overflow:hidden;
}
.mainmenu .menuwrap{
	margin:0 auto;
	padding:0 190px 0 0;
	position:relative;
	left:85px;
	width:896px;
	overflow:hidden;
	z-index:4;
}
.mainmenu .menu{
	position:relative;
	float:left;
	z-index:4;
	height:36px;
	line-height:36px;
	text-align:center;
	width:1200px;
	background:transparent url(../img/nav_back.png) repeat-x top left;
}

.mainmenu .menu a{
	background:transparent url(../img/bg_menubutton.png) no-repeat bottom left;
	margin-left:-20px;
	position:relative;
	text-decoration:none;
	color:#000;
	display:block;
	float:left;
	height:36px;
	line-height:36px;
	padding:0 52px;
	z-index:3;
}
.mainmenu .menu a:hover,
.mainmenu .menu a:focus,
.mainmenu .menu a:active,
.mainmenu .menu a.active{
	background-position:top left;
}

.mainmenu .menu a.first{padding-left:36px;}
.mainmenu .menu a.last{padding-right:300px;}


.bbar_l{
	display:none;
	position:absolute;
	left:0;top:0;
	width:50%;
	height:36px;
	background-color:#969075;
	z-index:1;
}

.bbar_r{
	display:none;
	position:absolute;
	right:0;top:0;
	width:50%;
	height:36px;
	background-color:#969075;
	z-index:1;
}
/* /MAINMENU */


/* SUBMENU */
.submenu{
	margin-top:22px;
	padding-left:17px;
	display:block;
	height:70px;
}

.submenu li{float:left;}

.submenu a{
	background:transparent url(../img/submenuicon_black.png) no-repeat center left;
	text-decoration:none;
	padding:0 40px 0 15px;
	color:#000;
	float:left;
	line-height:16px;
}
.submenu a:hover,
.submenu a:focus,
.submenu a.active{
	background:transparent url(../img/submenuicon_magenta.png) no-repeat center left;
	color:#E2007A;
}

body.blue .submenu a{
	background:transparent url(../img/submenuicon_white.png) no-repeat center left;
	color:#fff;
}
body.blue .submenu a:hover,
body.blue .submenu a:focus,
body.blue .submenu a.active{
	background:transparent url(../img/submenuicon_black.png) no-repeat center left;
	color:#000;
}
/* /SUBMENU */

div.alpha{
	position:absolute;
	display:none;
	top:0px;left:0px;
	z-index:10;
	height:100%;
	width:1200px;
	background:transparent url(../img/alpha_white85.png) repeat top left;
}
body.blue div.alpha{
	background:transparent url(../img/alpha_blue85.png) repeat top left;
}


.pagecontent {
	width:879px;
	padding-left:17px;
	margin-bottom:80px;
}

.pagecontent a{color:#002c47;text-decoration:underline;}
.pagecontent a:hover,.pagecontent a:focus{color:#000;text-decoration:none;}


/*BEGIN teaser + content*/
.teaser{
	float:left;
	width:350px;
	padding-right:80px;
	
}

.teaser_content{
	width:410px;
	float:left;	
}

.pagecontent h1{
	font-size:34px;
	line-height:40px;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	color:#969075;
	margin-bottom:0.8em;
	position:relative;
	top:-5px;
}
.blue .pagecontent h1{color:#fff;}

b,
.pagecontent h1 b,
.blue .pagecontent h1 b{
	font-weight:bold;
}

.pagecontent h2{
	font-family:Arial, Helvetica, sans-serif;
	color:#002c47;
	line-height:20px;
	font-weight:bold;
	font-size:16px;
	margin-bottom:4px;
}
.pagecontent h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#969075;
	line-height:20px;
	font-weight:bold;
	font-size:15px;
}
.pagecontent h4{
	font-family:Arial, Helvetica, sans-serif;
	color:#002C47;
	font-size:13px;
	font-weight:bold;
}

.pagecontent p, 
.pagecontent li{
	line-height:21px;
}

.pagecontent p{margin-bottom:20px;}
.pagecontent a{color:#002c47;}
.pagecontent ul{margin-bottom:20px;}

.pagecontent ul li{
	list-style:disc;
	margin-left:14px;
}



.pagecontent ul.scroll_list{}
.pagecontent ul.scroll_list li{
	border-bottom:1px solid #000;
	list-style:none;
	font-size:13px;
	line-height:30px;
	padding:0px;
	margin:0px;
}
.pagecontent ul.scroll_list li h2{
	cursor:pointer;
	color:#002c47;
	line-height:32px;
}
.pagecontent ul.scroll_list li div{
	display:none;
	font-weight:normal;
	line-height:20px;
	padding:12px 0 0 0;
}
.pagecontent ul.scroll_list li li{
	border:none;
	list-style:disc;
	margin-left:14px;
	font-size:13px;
	line-height:21px;
	padding:0px;
}
.pagecontent ul.scroll_list li li h3{
	font-family:Arial, Helvetica, sans-serif;
	color:#002c47;
	line-height:20px;
	font-weight:bold;
	font-size:16px;
}

div.image_wrap {
	position:relative;
	width:347px;
	height:496px;
}

div.scrollable {
	position:relative;
	width:347px;
	height:496px;
	overflow:hidden;
	z-index:1;
}

div.scrollable div.items { 
    width:20000em; 
    position:absolute; 
}

div.scrollable div.items div { 
    float:left; 
}

div.scrollable div.items img {
	vertical-align:top;	
}

.disabled {
	display:none !important;
}

.arrow_left, 
.arrow_right{
	position:absolute;
	top:208px;
	cursor:pointer;
}

.arrow_left, 
.arrow_right{
	display:block;
	width:72px;
	height:68px;
	z-index:3;
}

.arrow_left{left:-40px;}
.arrow_right{right:-40px;}

.arrow_right {background:transparent url(../img/arrow_right.png) no-repeat top left;}
.arrow_left {background:transparent url(../img/arrow_left.png) no-repeat top left;}
/*END teaser + content*/

ul.bulletlist li{
	padding-left:35px;
	margin-bottom:8px;
	list-style:none;
	background:transparent url(../img/icn_bulletlist.png) no-repeat 0px 12px;
}

ul.bulletlist li a{
	font-size:38px;
	line-height:42px;
	color:#FFF;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:underline;
}
ul.bulletlist li a:hover,ul.bulletlist li a:focus{
	color:#002c47;
}


ul.questions{width:1040px;}
ul.questions li{
	padding:0;
	margin:0;
	list-style:none;
	position:relative;
	padding-bottom:3em;
}

ul.questions li a{
	color:#FFFFFF;
	font-family:Tahoma,Arial,Helvetica,sans-serif;
	font-size:38px;
	line-height:42px;
	text-decoration:underline;
}
ul.questions li a:hover,ul.questions li a:focus{
	color:#fff;
	text-decoration:none;
}
ul.questions li span{

	position:absolute;
	left:0px;
	bottom:0px;
	font-size:38px;
	line-height:42px;
	color:#002c47;
	font-family:Tahoma, Arial, Helvetica, sans-serif;
	text-decoration:none;
	display:none;
}
ul.questions li:hover a,ul.questions li:focus a{text-decoration:none;}
ul.questions li:hover span,ul.questions li:focus span{display:block;}

.functions{}
.functions .diagram{
	position:relative;
	width:832px;
	padding-bottom:15px;
	margin-bottom:15px;
	border-bottom:1px dotted #002c47;
}
 
.functions .diagram .rightarrow{
	position:absolute;
	bottom:-45px;
	right:-35px;
}
.functions .diagram .leftarrow{
	position:absolute;
	bottom:-45px;
	left:-35px;
}

.functions .description{
	width:530px;
	color:#002c47;
	line-height:20px;
	font-size:16px;
	position:relative;
}

.description img.serverclient {
	position:absolute;
	z-index:5;
	left:197px;
	top:-233px;
}

.textbausteine, .diagram_pics {
	display:none;
}

/* METANAVIGATION */
.metawrap {
	position:absolute;
	top:30px;
	right:1px;
	width:190px;
	overflow:visible;
}

.metanav {
	border-left:1px solid black;
	font-size:10px;
	height:283px;
	top:0px;left:13px;
	padding-left:13px;
	position:absolute;	
}

.metanav ul {
	margin-top:235px;
	line-height:17px;
}

.metanav a{
	color:#000;
	text-decoration:none;
}
.metanav a.active{font-weight:bold;}

#news_sites .news_content {
	display:none;
}

.metainfo{position:relative;top:275px;}

.metainfo p, .newsletter{
	margin:27px 0 0 26px;
	line-height:17px;
	font-size:10px;
}

.newsletter label, .newsletter input{
	display:block;
	margin:0 0 10px 0;
	font-size:10px;
}

.newsletter .textfield{
	width:146px;
	background-color:#eee;
	border:1px solid #959595;
}

.newsletter .btn_submit{
	border:none;
	background:transparent url(../img/btn_submit.gif) no-repeat top left;
	height:17px;
	width:63px;
}

div.flags{position:absolute;top:0px;left:13px;}
div.flags a dfn{display:none;}

.metanav .flag_de, 
.metanav .flag_en{
	display:block;
	float:left;
	width:16px;
	height:10px;
	margin-right:6px;
	overflow:hidden;
}

.metanav .flag_de{background:transparent url(../img/flag_de.gif) no-repeat bottom left;}
.metanav .flag_en{background:transparent url(../img/flag_en.gif) no-repeat bottom left;}

a:hover.flag_de,a:focus.flag_de,a:active.flag_de,
a:hover.flag_en,a:focus.flag_en,a:active.flag_en,
.flags a.active{
	background-position:top left;
}
/* /METANAVIGATION */


a.pdf{
	padding-left:20px;
	display:block;
	background:transparent url(../img/icn_pdf.gif) no-repeat 0em 0.42em;
}


.hide{display:none !important;}
.show{display:block !important;}
.clr{clear:both;}