/* aggregated CSS containing: 
- modalbox.css
- style.css
*/

#MB_overlay {
	position: absolute;
	margin: auto;
	top: 0;	left: 0;
	width: 100%; height: 100%;
	z-index: 9999;
	background-color: #000!important;
}
#MB_overlay[id] { position: fixed; }

#MB_window {
	position: absolute;
	top: 0;
	border: 0 solid;
	text-align: left;
	z-index: 10000;
}
#MB_window[id] { position: fixed!important; }

#MB_frame {
	position: relative;
	background-color: #EFEFEF;
	height: 100%;
}

#MB_header {
	margin: 0;
	padding: 0;
}

#MB_content {
	padding: 6px .75em;
	overflow: auto;
}

#MB_caption {
	font: bold 100% "Lucida Grande", Arial, sans-serif;
	text-shadow: #FFF 0 1px 0;
	padding: .5em 2em .5em .75em;
	margin: 0;
	text-align: left;
}

#MB_close {
	display: block;
	position: absolute;
	right: 5px; top: 4px;
	padding: 2px 3px;
	font-weight: bold;
	text-decoration: none;
	font-size: 13px;
}
#MB_close:hover {
	background: transparent;
}

#MB_loading {
	padding: 1.5em;
	text-indent: -10000px;
	background: transparent url(spinner.gif) 50% 0 no-repeat;
}

/* Color scheme */
#MB_frame {
	padding-bottom: 7px;
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_window {
	background-color: #EFEFEF;
	color: #000;
	-webkit-box-shadow: 0 8px 64px #000; 
	-moz-box-shadow: 0 0 64px #000; 
	box-shadow: 0 0 64px #000;
	
	-webkit-border-radius: 7px; 
	-moz-border-radius: 7px;
	border-radius: 7px;
}
#MB_content { border-top: 1px solid #F9F9F9; }
#MB_header {
  background-color: #DDD;
  border-bottom: 1px solid #CCC;
}
#MB_caption { color: #000 }
#MB_close { color: #777 }
#MB_close:hover { color: #000 }


/* Alert message */
.MB_alert {
	margin: 10px 0;
	text-align: center;
}






/**************** style.css *******/
/*
Some css informations.
*/

/* Style of info/error message based on rich:messages */
.message {
  padding: 10px;
  padding-left:35px;
  height:14px;
  border: 1px dashed black;
  color: black;
  text-align: justify;
  background-color: #E0F8E0;
  background-image: url("../images/info16.png");
  background-repeat:no-repeat;
  background-position:10px 10px;
  font-size:11px;
  font-family: Arial,Verdana,sans-serif;
}

.errorMessage {
   color:red;
   font-weight:bold;
   background-image: url("../images/warning16.png");
}

.error {
	color:red;
	font-weight:bold;
}



/* Skinning */
/*============*/

body {
	margin: 0;
	padding: 0;
	border:0;
	font-family:Arial,Verdana,Sans-Serif;
	background-image: url("../images/body_bg.png");
	background-repeat: repeat-x;
	background-position:0px 45px;
	background-color: #F7F7F7;
	font-size:14px;
}

fieldset {
	border:1px solid #eeeeee;
}

h2 {
	color:#605D5C;/*#326EA1;*/
	font-family: Helvetica, Arial, Sans Serif;
	font-size:24px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	line-height:normal;
}

h3 {
	color:#4d4948;
}

a {
	text-decoration: none;
	color:#006A94;
}

a:hover {
	text-decoration: underline;
}


.newsPanel {
	position:absolute;
	left:50%;
	top:-475px;
	width:493px;
	background-color:#FFFFFF;
	background-image:url(../images/download_head.png);
	background-repeat:repeat-x;
	z-index:10001;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius: 7px 7px;
	-webkit-border-bottom-right-radius: 7px 7px;
	/*-webkit-box-shadow: rgb(0, 0, 0) 0px 8px 64px;*/
}
.newsPanelHeader {
	height: 40px;
}

.newsPanelContent {
	height: 415px;
	padding:0px 0px 10px 20px;
	margin:0px;
	background-image:url(../images/newsPanel_bg.png);
	background-repeat:repeat-x;
	background-position:left bottom;
}

#aparent {
	height:100%;
	padding-right:10px;
	overflow: auto;
}


#aparent h2{
	margin-top:5px;
	margin-bottom:15px;
}
#aparent h2 a:hover {
	text-decoration:none;
}

.newsPanelFooter {
	height: 10px;
	padding:0;
	margin:0;
	background-color:#f4f3f3;
	width:100%;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-webkit-border-bottom-left-radius: 7px 7px;
	-webkit-border-bottom-right-radius: 7px 7px;

}



.newsPanelSlider {
	position:absolute;
	z-index:10002;
	top:0px;
	height:26px;
	width:125px;
	background-image: url(../images/news.png);
	background-position: 0px -3px;
	/*border-top:1px solid #cecece;*/
	font-size:18px;
	left:50%;
	margin-left:348px;
}


.newsPanelSlider a {
	display:block;
	width:125px;
	height:26px;
	left:0px;
	text-align:center;
	color:#605D5C !important;
}
.newsPanelSlider a:hover {
	text-decoration:none;
}
/*this trick avoids the dotted border around the selected slider link */
.newsPanelSlider a:focus, .newsPanelSlider a:active  {
  outline: none;
}

.newsList {
	list-style-image:none;
	list-style-type:none;
	padding:0px 0px 10px 0px;
	margin:0px;
	border:1px solid #cecece;
	background-color:#FFFFFF;
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-bottom-left-radius: 7px 7px;
	-webkit-border-bottom-right-radius: 7px 7px;
	-webkit-border-top-left-radius: 7px 7px;
	-webkit-border-top-right-radius: 7px 7px;
}

.newsList:first-child {
	padding-top:0px !important;
}

.newsList li {
	margin-left:0px;
	padding:15px 20px 15px 20px;
	border-bottom:1px solid #cecece;
	background-image:url(../images/shadow.gif);
	background-position:left top;
	background-repeat:repeat-x;
}
.newsList h4 {
	padding:0px;
	margin:0px;
	background-position:left center;
	background-repeat:no-repeat;
	padding-left:19px !important;
	background-image:url(../images/icons/pin.png);
}


.newsDate {
	font-size:12px;
	color:#999999;
}

.newsAction {
	line-height:16px;
	vertical-align:middle;
	font-size:12px;
}

.newNewsItem {
	font-style:italic;
	background-image:url(../images/icons/new.png) !important;
}


.languageSelection {
	position:absolute;
	color:#000000;
	font-size:12px;
	background-image:url(../images/language_background.png);
	background-position: left bottom;
	background-repeat:no-repeat;
	top:0px;
	width:300px;
	height:19px;
	left:50%;
	margin-left:30px;
	padding: 5px 10px 2px 10px;
}

.languageSelection img {
	border:none;
}

.languageSelection a {
	color:#605D5C;
}



.popupIFrame {
	border:none;
	width:100%;
	overflow:hidden;
	height:300px;/*140px;*/
}

.registerFrame {
	height:490px !important;/*370px !important;*/
}

.logoutIFrame {
	height:120px !important;
}


.outerWrapper {
	width:1104px;
	margin:0px auto;
}

.leftWrapper {
	float:left;
	width:58px;
	height:650px;
	margin-top:175px;
	background-image:url(../images/left_shadow.png);
	background-repeat:no-repeat;
	background-position:right top;
}

.rightWrapper {
	float:left;
	width:58px;
	margin-left:2px;
	height:650px;
	margin-top:175px;
	background-image:url(../images/right_shadow.png);
	background-repeat:no-repeat;
}


.wrapper {
	float:left;
	width:986px;
}
#logo {
	margin:0;
	margin-top:10px;
	float:left;
}

.header {
	width:100%;
	text-align:right;
	margin:0;
	height:60px;
}

.header ul {
	list-style-type:none;
	margin:0;
	padding:0;
	float:right;
	margin-top:-1px;
}

.header ul li {
	float:left;
	font-size:18px;
	color:#ffffff;
	height:32px;
	width:120px;
	margin:0;
	padding:0;
	padding-top:2px;
	text-align:center;
	background-image: url(../images/nav_tab.png);
	background-repeat: no-repeat;
	background-position: center top;
	
}


.current {
	background-image: url(../images/nav_tab_active.png) !important;
}

.header ul li a, .subnav li a {
	color:#ffffff;
}


.content {
	width:100%;
	border:1px solid #c2c1c1;
	/*background-image: url(../images/content_bg.png);*/
	/*background-repeat: repeat-x;*/
	background-color: #ffffff;
	/*-webkit-box-shadow: 0 8px 16px #cecece; 
	-moz-box-shadow: 0 0 16px #cecece; 
	box-shadow: 0 0 16px #cecece;
	border-radius:7px;*/
}

.content #body {
	margin:0px;
	padding:0px;
	padding-top:20px;
	padding-left:20px;
	padding-right:20px;
	background-image:url(../images/shadow.gif);
	background-repeat:repeat-x;
}

.loginBar {
	text-align:right;
	width:100%;
	margin:0;
	height:40px;
}

.subnavBar {
	width:100%;
	margin:0;
	background-image: url(../images/subnav_bg.png);
	background-repeat:repeat-x;
	height:40px;
	color:#ffffff;
}

.subnav {
	list-style-type:none;
	list-style-position:outside;
	margin:0;
	margin-left:250px;
	padding:0;
}
.subnav  li {
	float:left;
	height:32px;
	margin:0px;
	margin-top:2px;
	padding-top:6px;
	padding-left:12px;
	padding-right:12px;
	margin-left:12px;
	margin-right:12px;
	text-align:center;
	font-size:18px;
}

.selectedSubNav {
	background-image:url(../images/subnav_selected.png);
	background-repeat:repeat-x;
}


.loginLink {
	font-size:18px;
	text-align:center;
	height:29px;
	width:77px;
	background-image: url(../images/btn_white.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:3px;
	float:right;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.loginLink a, .registerLink a , .selectedSubNav, .subheaderButton a {
	color: #605d5c !important;
}
.registerLink {
	font-size:18px;
	text-align:center;
	height:29px;
	width:125px;
	background-image: url(../images/btn_grey.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:3px;
	float:right;
	margin-top:5px;
	margin-bottom:5px;
	margin-right:20px;
}


.caption {
	 font-size:18px;	
	 margin-top:18px;
}

.mainPanel {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	background-image: url(../images/mainpanel_bg.png);
	background-repeat: repeat-x;
	height: 169px;
	border-top: 1px solid #c2c1c1;
	border-bottom: 1px solid #c2c1c1;
	color: #4d4948;
}

h1 {
	padding-top:10px;
	margin-top:20px;
	margin-bottom:10px;
	font-weight: normal;
	font-size:31px;
}

.mainPanel h2 {
	margin-top:10px;
	margin-bottom:0px;
	padding-bottom:0px;
	font-size:18px;
	font-weight: normal;
	color:#4d4948;
	line-height:26px;
}

.mainPanel img {
	margin-top:20px;
}


.subheader {
	padding-left:20px;
	padding-right:20px;
	padding-bottom:0px;
	background-image: url(../images/subheader_bg.png);
	background-repeat: repeat-x;
	height: 80px;
	border-top: 1px solid #c2c1c1;
	border-bottom: 1px solid #c2c1c1;
	color: #4d4948;
}

.subheader h1 {
	margin:0px;
	padding:0px;
	margin-top:23px;
	float:left;
}

.subheaderMenu {
	float:left;
	text-align:left;
	margin-top:25px;
	margin-left:20px;
	width:290px;
}

.subheaderButton {
	font-size:14px;
	text-align:center;
	height:25px;
	width:125px;
	background-image: url(../images/btn_subheader.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:5px;
	float:right;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}

.activeSubheader {
	background-image: url(../images/btn_subheader_active.png) !important;
}
.activeSubheader a {
	color: #FFFFFF !important;
}

.loginLink {
	font-size:18px;
	text-align:center;
	height:29px;
	width:77px;
	background-image: url(../images/btn_white.png);
	background-repeat: no-repeat;
	background-position: center top;
	padding-top:3px;
	float:right;
	margin-right:20px;
	margin-top:5px;
	margin-bottom:5px;
}
.loginLink a, .registerLink a , .selectedSubNav a {
	color: #605d5c !important;
}

.leftCol {
	float:left;
	width:577px;
	padding-right:10px;
}

.rightCol {
	float:left;
	width:339px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
	background-image:url(../images/v_spacer.png);
	background-repeat: repeat-x;
}


.faqList {
	list-style-image: url(../images/bullet.png);
}

.howtoList {
	border:none;
	font-size:16px;
}

.badge {
	width:60px;
	height:61px; 
	vertical-align:middle;
	margin-right:7px;
}

.featureList {
	padding-left: 0px;	
	margin-bottom:0px !important;
	margin-left:0px;
}

.featureList li {
	list-style-position: outside;
	list-style-type: none;
	padding-left: 37px;
	background-repeat:no-repeat;
	background-position: left top;
	padding-bottom: 20px;	
}

.accountList {
	margin-left:10px;
}
.accountList li {
	padding-left:64px !important;
	padding-bottom: 10px !important;	
}

.switchDivField {
	background-image: url(../images/panel_bg.png);
	background-repeat:repeat-x;
}

.switchDivParent {
	margin-left:45%;
	width:55%;
	color:#4D4948;
	position:relative;
	height:210px;
}

.switchDiv {
	position:absolute;
	top:0px;
	left:0px;
	float:left;
	height:200px;
}

.switch {
	width:33%;
	float:left;
	text-align:center;
	height:20px;
	line-height:20px;
	vertical-align:middle;
	background-position:center top;
}

.selectedSwitch {
	background-image: url(../images/switch_bg.png);
	background-repeat:no-repeat;
	color:#ffffff;
}
.selectedSwitch a {
	color:#ffffff !important;
}

/* verhindert gestrichelten Rahmen um akive Links */
.switch a:active, .switch a:focus {
	outline: 0;
}

.functionDiv {
	width:46%;
	font-size:14px;
	border:1px solid #cecece;
	float:left;
	height:200px;
	background-image: url(../images/function_bg_bottom.png);
	background-repeat:repeat-x;
	background-position:left 150px;
	/*
	-moz-border-radius-bottomleft:7px;
	-moz-border-radius-bottomright:7px;
	-moz-border-radius-topleft:7px;
	-moz-border-radius-topright:7px;
	-webkit-border-bottom-left-radius: 7px 7px;
	-webkit-border-bottom-right-radius: 7px 7px;
	-webkit-border-top-left-radius: 7px 7px;
	-webkit-border-top-right-radius: 7px 7px;*/
}

.functionDiv  h3 {
	margin-top:16px;
	margin-bottom:16px;
}

.innerFunctionDiv {
	background-image: url(../images/shadow.gif);
	background-repeat:repeat-x;
	background-position:left top;
	width:100%;
}
.innerFunctionDiv  p {
	padding-right:20px;
}


.detailCell {
	background-repeat:no-repeat;
	background-position:top left;
	padding:0px 20px 20px 36px;
}
.detailCell ul {
	margin-left:0px;
	padding-left:16px;
}
.detailCell ul li {
	padding-bottom:5px;
}


.priceTable {
}

.priceTable  td {
	padding: 5px 20px 5px 20px;
	vertical-align:top;
}

.priceTable  td ul {
	margin-left:0px;
	padding-left:16px;
}

.captionRow, .captionRow td {
	background-image:url(../images/table_head.png) !important;
	border-top:1px solid #cecece;
	border-bottom:1px solid #cecece;
}

.captionCol {
	font-weight:bold;
	color:#605d5c;
	padding-left:20px !important;
	border-left:1px solid #cecece;
}

.proCell {
	background-image:url(../images/table_cell_pro.png);
	border-left:1px solid #605D5C !important;
	border-right:1px solid #605D5C !important;
	text-align:center;
}
.proCell2 {
	background-image:url(../images/table_cell_pro2.png);
	border-left:1px solid #605D5C;
	border-right:1px solid #605D5C;
	text-align:center;
}

.basicCell {
	background-color:#eeeeee;
	border-left:1px solid #cecece;
	text-align:center;
}

.basicCell2 {
	background-color:#fefefe;
	border-left:1px solid #cecece;
	text-align:center;
}

.captionCell {
background-color:#eeeeee;
	border-left:1px solid #cecece;
}

.captionCell2 {
background-color:#fefefe;
	border-left:1px solid #cecece;
}

.basicHeadCell {
	background-image:url(../images/subnav_selected.png);
	background-color:#FEFEFE;
	background-position: left -1px;
	background-repeat:repeat-x;
	border-left:1px solid #cecece;
	color:#4D4948;
	font-size:18px;
}

.proHeadCell {
	background-image:url(../images/subnav_bg.png);
	background-position: left top;
	background-repeat:repeat-x;
	border-left:1px solid #605D5C;
	border-right:1px solid #605D5C;
	color:#ffffff;
	font-size:18px;
}

.buzzDiv {
	background-image:url(../images/panelWithShadow.png);
	float:left;
	width:580px;
	background-repeat:no-repeat;
	padding:44px 50px 50px 50px;
}
.quote {
	color:#4D4948;
	font-weight:bold;
	font-style:italic;
	line-height:20px;
}

.quotedCustomer {
	width:100%;
	text-align:right;
}

.examples {
	float:left;
	width:74%;
	border-right:1px dotted #C2C1C1;
}

.sidePanel {
	width:25%;
	/*margin-left:75%;*/
	/*margin-top:19px;*/
	float:right;
	/*
	background-image:url(../images/panel_bg_rotated.png);
	background-position:left bottom;
	background-repeat:repeat-x;
	*/
}

.sidePanelHead {
	background-image:url(../images/sidepanelHead_bg.png);
	background-repeat:no-repeat;
	color:#ffffff;
	padding:10px 10px 10px 10px;
	margin-left:20px;
	font-size:14px;
	font-weight:bold;
	height:42px;
	width:215px;
	/*
	-moz-border-radius-bottomleft:12px;
	-moz-border-radius-bottomright:12px;
	-moz-border-radius-topleft:12px;
	-moz-border-radius-topright:12px;
	-webkit-border-bottom-left-radius: 12px 12px;
	-webkit-border-bottom-right-radius: 12px 12px;
	-webkit-border-top-left-radius: 12px 12px;
	-webkit-border-top-right-radius: 12px 12px;*/
} 

.sidePanelHead img {
	float:left;
}
.sidePanelHead div  {
	float:left;
	margin-left:10px;
}

.sidePanel table, .sidePanel p {
	margin:0px 15px 20px 20px;
}

.sidePanel p {
	padding:0px 0px 4px 8px;
}

.sidePanel td {
	padding:4px 0px 4px 8px;
}

.sidePanel img {
	border:none;
}


.faqList2 li {
	margin-bottom:12px;
}

.toTop {
	width:100%;
	padding-right:20px;
	text-align:right;
	font-size:12px;
	background-image:url(../images/icons/green_arrow_up.png);
	background-repeat: no-repeat;
	background-position:91% top;
}
.footer_bg {
	background-image: url(../images/footer_bg.png);
	background-repeat: repeat-x;
	width:988px;
	font-size:12px;
	color:grey;
	padding-top:10px;
	padding-bottom:10px;
}

.footer_bg div {
	line-height:26px;
}

.appIFrame {
	margin:0px;
	width:100%;
	border:none;
	height:600px;
}

#appWrapper {
	margin:0px;
	width:100%;
	border:none;
	height:600px;
	background-image:url(../images/loading.gif);
	background-repeat: no-repeat;
	background-position:center center;
}