
@charset "utf-8";
/* CSS Document */

/* #browserreset */
article, aside, details, figcaption, figure,
footer, header, hgroup, menu, nav, section { display: block; }
body { line-height: 1; overflow-x: hidden; }
ol, ul { list-style: none; }
blockquote, q { quotes: none; }
blockquote:before, blockquote:after,
q:before, q:after { content: ''; content: none; }
table { border-collapse: collapse; border-spacing: 0; }
button { cursor: pointer; }
a img, .startseite img { display: block; }
* { outline:none; }


/*  -------------------------------------------------------------- #general ------------------------------------------------------------------------------------------------------------------------  */

.clear                          	{ clear:both; }
.fltlft, section                    { float:left; }
.fltrt                         		{ float:right; }
.hide  								{ display:none; }

.wrapper1                       	{ background:url(../images/body_bg.jpg) top no-repeat; overflow:hidden; width:1600px; }
.wrapper2                      		{ overflow: hidden; width: 1600px; }

.wurscht                            { background: #bababb; height:54px; }

.wurscht, div.startseite,
.wrapper2, header, .disc,
.sitemap, .schatten, .herum  		{ width: 100%; min-width: 1600px; }

body#page43, body#page46,
body#page47, body#page48,
body#page50, body#page51  			{ background: url('../images/login_bg_gray_no_logo.jpg') no-repeat top center #bbbbbb; }

body #background_only  				{ width:100%; position:fixed; background:url("../images/wrapper2.jpg") center top no-repeat; overflow:hidden; z-index:-1; top:0px; left:0px;}
body#page1  						{ background: url('../images/evolvente_blau_schatten_home.jpg') no-repeat top center #0f228b; }
body#page1 div.wrapper2  			{ background:none;}
body#page1 header  					{ background:url('../images/startseite_header.jpg') center center no-repeat;}

div.rundum  						{ width:1600px; margin: 0 auto; overflow:hidden;}

section#content  					{ float:left; width:1240px; }
div#modul1-padder  					{ padding: 18px 164px 26px 164px; overflow:hidden;border-left:1px solid #D9D9D8; background-color:#fff; }
div#modul1-padder img  				{ margin-bottom:21px;}
div#modul1-padder h1  				{ font-size:15px; color:#1b2b80; text-transform:uppercase;  border-bottom:1px solid #bbbbba; padding-bottom:6px; margin-bottom:5px; margin-top: 34px}
div#modul1-padder h2  				{ padding-bottom:33px; color:#a5a6a7; }
div#modul1-padder div.tinytxt  		{ float:left; width:450px;}
div#modul1-padder div.spalte1  		{ padding-right:21px; width:439px;}
div#modul1-padder p  				{ color:#1b2b80; font-size:15px; line-height:20px; margin-bottom:20px;}
.container       					{ width: 1532px; margin:0;}
div.detail_box div.hide a.pd  		{ float:left; margin-right:20px; margin-left:85px;}
div.detail_box div.hide h4  		{ margin-bottom:29px; font-size:15px; color: #0F228B; margin-left:159px; line-height: 22.5px}

.container_left                  	{ width:333px; padding:0px 18px 0 0; }
.list                           	{ width:266px; margin:74px 0 0 68px; }
.withgreybar                    	{ width:266px; margin:20px 0 0 68px; }
.list h2                        	{ font-size:15px; color:#676767; padding:0 0 6px 0; border-bottom:1px solid #cdcdcd; margin-bottom:0px; }
.list ul li                     	{ margin:0 0 0px 0; }
.list ul li span.nav_disabled   	{ color:#bababb; font-size:15px; display:block; border-bottom:1px solid #cdcdcd; padding:0; line-height: 22.5px; }
.list ul li a                   	{ font-size:15px; color:#bababb; text-decoration:none; display:block; border-bottom:1px solid #cdcdcd; line-height: 22.5px; }
.list ul li a.act               	{ color:#676767; }
.list ul li a.active            	{ color:#0F228B; }
.list ul li a:hover             	{ color:#0F228B; }
.list ul li ul                  	{ padding:0; margin:0; width:266px;}
.list ul li ul li span.nav_disabled { padding-left:14px; }
.list ul li ul li a             	{ display:block; padding-left:14px;color:#676767}
.list ul li ul li a.active      	{ color: #0F228B; }
.list ul li span.navspan,
.list span.navspan  				{ display:block; width:100%; border-bottom: 1px solid #cdcdcd; padding:2px 0px 3px 0px; }
span.navspan  						{ display:block; width:266px; border-bottom:1px solid #cdcdcd; padding:2px 0px 3px 0px; }

.active-parent  					{ color: #0f228b !important; }
.active-parent > ul > li a  		{ color: #0f228b !important; }


.container_left .title_link,
.container_left #title_link,
.container_left #title_span  		{ border-bottom: 1px solid #CDCDCD; font-size: 15px;  margin-bottom: 0; padding: 0 0 6px;display:block;text-decoration:none; }
.container_left .title_link,
.container_left #title_link         { color: #676767; text-transform: uppercase; }
.container_left .title_link:hover,
.container_left #title_link:hover   { color: #0F228B; }
.container_left .title_link.active,
.container_left #title_link.active  { color: #0F228B; }
.container_left #title_span         { color: #bababb; }

.list ul li ul li ul                { padding:0px 0 0 0; margin:0; width:266px;}
.list ul li ul li ul li             { overflow: hidden; display: block; position: relative; }
.list ul li ul li ul li a           { padding-left: 28px; display:block;  color:#676767}
.list ul li ul li ul li ul          { border-bottom: 1px solid #CDCDCD; }
.list ul li ul li ul li ul li a     { padding-left: 42px; border-bottom: 0px none;}
ul#konfigurator_details ul li a     { color:#0F228B;  background: url("../images/bullet.gif") no-repeat scroll 2px 4px transparent; }

.back                               { width:18px; height:19px; margin:0; padding:8px 0 0px 16px; position:absolute;}
.back a                             { line-height:0; display:block; padding:10px;width:18px; height:19px;}

.circle-item                        { display: none; }
.circle-item.circle-active          { display: block; }
.circle-button                      { cursor: pointer; }

.mehr-hidden                        { display: none; }

/*  ------------------------------------ container right styling ----------------------------  */

.container_rt                       { width:922px; margin:0 0 0 163px; padding:17px 0 0 0; }
.container_rt img.first             { padding:0 0 17px 0; }
.container_rt h1                    { font-size:15px; color: #0F228B; padding:0 0 6px 0; border-bottom:1px solid #bababb; font-weight:normal; margin-bottom:4px; }
.container_rt span                  { font-size:15px; color: #b8b9ba; padding:0 0 30px 0; display:block;  }
.container_rt p                     { width:447px; margin:0; float:left; font-size:15px; color:#0F228B; line-height:20px; padding:0 25px 0 0;}
.container_rt p.rt                  { float:right; padding:0;}

/*  ---------------------------------------- INNER 2 STARTS HERE -----------------------------------  */
#backbuttondiv                      { display: block; height: 19px; width: 18px; margin-left: 26px; padding-top: 18px;float:left; }
.grey_bar                           { height:54px; margin:0 auto; width:1600px; position: relative;}
.grey_bar p.eins                    { margin-left:485px; width:450px; overflow:hidden;}
.grey_bar p.zwei                    { margin-left:34px;}
.grey_bar p.eins,
.grey_bar p.zwei,
.grey_bar p.news-eins,
.grey_bar p.news-zwei   			{ float:left; line-height:16px; font-size:13px; color:#676767; text-transform:uppercase; padding-top:12px;}

.grey_bar p.news-eins,
.grey_bar p.news-zwei  				{ padding-top: 18px; }
.grey_bar p.news-eins  				{ margin-left: 26px; width: 300px; }

.greybar_left                       { padding-top: 16px; margin-left:26px;}
.greybar_left ul                    { display:inline-block; margin-left: 41px}
.greybar_left ul li                 { display:block; float:left; margin-right: 18px; width: auto;}
.greybar_left ul li a.bak           { display:block; width:18px; height:19px; margin: -8px -10px -10px; padding: 10px; }
.greybar_left ul li label           { display:block; color:#0F228B; font-size:15px; line-height:22.5px; float:left; padding-right:15px; }
.greybar_left ul li .closer         { display: block; height: 20px; width: 18px; float: left; }
.closer > a         				{ display: none; }
.closer.active > a  				{ display: block; }


body#page38 .greybar_left ul        { display:inline-block; margin-left: 0;}
body#page38 .greybar_left ul
li:first-child  					{ margin-right: 23px; }


.greybar_rt                         { height: 41px; overflow: hidden; padding-top: 13px; float: right !important; }
.grey_bar                           { text-transform:uppercase; }
.greybar_rt ul                      { display: inline-block;}
.greybar_rt ul li                   { display: block; float:left; margin-right:17px;}
.greybar_rt ul li .chkbox           { float: left; margin-top:8px; }
.greybar_rt ul li div.put           { background: url("../images/checkbox1.gif") top no-repeat; height:17px; width:17px; float:left; margin-top:6px;}
.greybar_rt ul li div.put.activ     { background: url("../images/checkbox1_click.gif") no-repeat scroll center top transparent; }
.greybar_rt ul li
input[type="checkbox"]   			{ display:none;}
.greybar_rt ul li label             { width:95px; margin:0; display:block; float:left; color:#0F228B; font-size:12px; line-height:15px; margin-left:8px;}

.greybar_rt ul li.inactiv div.put   { background: url(../images/checkbox1_grau.gif) top no-repeat; height:17px; width:17px; float:left; margin-top:6px;}
.greybar_rt ul li.inactiv
input[type="checkbox"]   			{ display:none;}
.greybar_rt ul li.inactiv label     { color:#a4a6a8;}
.greybar_rt ul li.inactiv
div.put.activ  						{ background: url(../images/checkbox1_click_grau.gif) top no-repeat; height:17px; width:17px; float:left; margin-top:6px;}


.grey_bar .failmsg                  { display: none; position: absolute;  height: 20px; color: #c71f25; text-transform: uppercase; }

/*.grey_bar #failmsg_nr             { left: 427px; top: 60px; }
.grey_bar #failmsg_modul            { left: 139px; top: 60px; }
.grey_bar #failmsg_diameter         { left: 283px; top: 60px; }*/
.grey_bar #failmsg_msg              { left: 427px; top: 60px; }

.title1                             { margin:15px 0 0 691px; width:463px; }
.title1 p                           { font-size:12px; color:#676767; line-height:14px;}
.title1 p span                      { display:block;}

.title2                             { margin:15px 0 0 22px; width:510px;}
.title2 p                           { font-size:12px; color:#676767; line-height:14px;}
.title2 p span                      { display:block;}

.container_mid                      { width: 640px; margin:0; border-right:1px solid #d9d9d8; border-left:1px solid #d9d9d8; background-color:#FFF}
.detail_box                         { padding: 29px 0 0 0;}
.detail_box ul li                   { /*border-bottom:1px solid #d9d9d8;*/ padding:12px 19px 0px 18px; margin-bottom:0px; display: block; margin-top: -1px;}
.detail_box ul li.hasbigger:hover   { background-color:#e4e4e4; cursor:pointer; }
.detail_box ul li.nobod             { border:none;}
.detail_box ul li .bottomline       { background:#D9D9D8; height:1px; margin:96px 0 0 0; }
.detail_box ul li.bottomline-no-margin .bottomline { margin:20px 0 0 0; }

.detail_box div.close_button a.reset_button { background:url('../images/icons/icon_cross_white_on_blue.png') no-repeat center center; height: 37px; margin-left: -10px; margin-top: -10px; width: 38px;
 									  display:block;}

.img_box                            { width:141px; margin:0; padding-right:18px;}
.heading                            { width:444px; margin:0;}
.heading h4                         { font-size:15px; color:#0F228B; padding:0 0 8px 0; line-height: 22.5px;}
.heading h4 a                       { width:54px; height:19px; float:right; display:block; margin-left: 5px;}
.heading span                       { font-size:15px; color:#676767; display:block; padding:0 0 35px 0;}
.heading span.pdf-span              { display: inline; padding: 0; }
.heading p a                        { background:url('../images/merh.gif') left 2px no-repeat; padding:0 0 0 18px; float:right;  font-size:15px; color:#676767; display:block; text-decoration:none;}

.heading p.big_top_padding          { padding-top:50px; }



/*  -------------------------------------------------------------- #unregistered -------------------------------------------------------------------------------------------------------------------  */

#login  							{ background:#bababa; width: 710px; display: block; margin:215px auto 0; padding: 0; font-size: 15px; line-height: 18px; text-transform: uppercase; }
#login .title  						{ color: #FFFFFF; font-size: 15px; line-height: 22px; display: block; clear: both; min-height: 65px; }
#login .nav a 						{ line-height: 20px; }

#login .login-left 					{ float: left; width: 265px; margin-right: 20px; color: #0F228B; text-align: right; }
#login .login-right 				{ float: right; width: 425px; text-align: left; text-transform: none; font-weight: normal; }
#login .title a 					{ color: #0F208A; text-decoration: none; text-transform: uppercase; }
#login .nav a 						{ color: #0F228B; text-transform: uppercase; }
.mail-link 							{ text-transform: none!important; text-decoration: underline!important; font-size: 15px; }
#login .nav .info 					{ padding-left: 20px; background: url('../images/pfeil_blau.png') no-repeat center left; }
.unregistered-form .line label  	{ float:left; width:265px; margin:0 20px 0 0; padding:0; text-align: right; color: #0F228B; padding-top: 2px; }
.unregistered-form .line input 		{ float:left; width:280px; margin:0;padding:1px 0 0 2px; font-size:15px; color:#666; height:18px; line-height:14px; }

.nomargin-btn 						{ margin: 0 0 25px 0!important; margin-top: 0!important; }

.login-msgbox, .login-infobox,
.error-msgbox, .noicon-msgbox  		{ color: #0F208A; padding: 0 0 0 22px; background:url('../images/ausrufezeichen_rot.png') no-repeat top left; }
.login-bluebox 						{ color: #0F208A; }
form .login-msgbox,
form .login-infobox,
form .error-msgbox,
form .noicon-msgbox  				{ top: 0; }
.login-infobox 						{ background:url('../images/ausrufezeichen_blau.png') no-repeat top left; }
.noicon-msgbox 						{ background-image: none; padding-left: 0;}
.login-msgbox, .error-msgbox  		{ margin: 18px 0 3px 0; color: #c70000; } .correct-top{ margin-top: 0;}
.white-msgbox 						{ height: 15px !important; }

/*language navigation*/
.login .header 						{ margin: 0 auto; height: auto; }
.login .login-menu a,
.login-menu ul 						{ color: #0F228B !important; background-color: #BABABA !important; }
.login .login-menu a.arrow 			{ background-image: url("../images/icons/arrow_blue_on_transparent_down.png") !important; }

.unregistered-form legend  			{ display:none; }
.unregistered-form .line  			{ display: block; overflow: hidden; margin-bottom: 4px; height: auto; }
.unregistered-form .line:after  	{ clear:both; content: " "; }

.logout-box  						{ padding: 49px 21px 0 0; float: right; }
.logout-button  					{ font-size:12px; text-transform: uppercase; line-height:17.5px; padding: 0 5px 0 18px; display: inline-block; text-decoration: none; color: #1B2B80; }
.bluearrow-right  					{ background: url("../images/send.gif") no-repeat scroll 0px center #FFFFFF; padding-left: 18px; }



/*  -------------------------------------------------------------- #header -------------------------------------------------------------------------------------------------------------------------  */

header                          	{ background:#0f228b; overflow-x: hidden;}
.header                         	{ width: 1600px; height:116px; margin: 0 auto;}
.logo                           	{ width:175px; height:82px; padding:22px 0 0 68px;}
.logo a                         	{ width:175px; height:82px; background:url(../images/logo-neu-weiss.png) no-repeat; display:block;}

.left_menu                      	{ width:auto; margin:0; }
.left_menu ul                   	{ display: inline-block; }
.left_menu ul li                	{ display:block; float:left; padding:0 34px 0 0;}
.left_menu ul li a              	{ text-decoration: none; font-size:15px; color:#fff; }
.left_menu ul li a:hover        	{ text-decoration: underline; }


/*
.rite_menu  { display:none; }
*/

.rite_menu                      	{ margin: 0; }
.rite_menu ul                   	{ display: inline-block;}
.rite_menu ul li               	 	{ display: block; float:left; padding:0 0 0 15px; }
.rite_menu ul li.first 				{ padding: 0; }
.rite_menu ul li a              	{ font-size: 12px; color:#fff; text-decoration:none;}
.rite_menu ul li.last a         	{ background:url(../images/icons/arrow_white_on_blue_down.png) right center no-repeat; padding:0 22px 0 0; }
div.header_rt div.rite_menu ul li a:hover { text-decoration:underline; }

.header_rt  						{ width:538px; float:right; padding:50px 43px 0px 26px; text-transform: uppercase }
.rite_menu ul li.last  				{ text-transform: uppercase; padding-left: 5px;}
.rite_menu ul li.last > a   		{ padding-left: 10px; }
.rite_menu ul li.last ul  			{ clear:both; display:none; background-color:#0F228B; padding:5px 10px 6px; color:#a5a6a7; position: absolute; z-index: 3; }
.rite_menu ul li.last ul li  		{ padding:0px; display:block; float:none;}
.rite_menu ul li.last ul li a  		{ background-image:none; padding:0px; text-transform: uppercase;}



/*  -------------------------------------------------------------- #sitemap ------------------------------------------------------------------------------------------------------------------------  */

.sitemap .eins,
.sitemap .zwei,
.sitemap .drei,
.sitemap .vier  					{ overflow:hidden; float:left; margin-right:0px; }
.sitemap .list li.has-pdf > .has-pdf-pdf img,
.sitemap .list span.pd > a img,
.sitemap .list a  					{ display: block; }
.sitemap .list li.has-pdf > a  		{ margin-right: 54px; }
.sitemap .list li.has-pdf > .has-pdf-pdf { display: block; position: absolute; bottom: 2px; right: 0; }
ul.no-border  						{ border: 0px none !important; }

/* einrueckungen **********************************************************/

.sitemap .list > ul > li > ul > li span.nav_disabled,
.sitemap .list > ul > li > ul > li a  					 				{ padding-left:22px; }
.sitemap .list > ul > li > ul > li > ul > li a  						{ padding-left:50px; }
.sitemap .list > ul > li > ul > li > ul > li > ul > li a  				{ padding-left:75px; }
.sitemap .list > ul > li > ul > li > ul > li > ul > li > ul > li > a  	{ padding-left:100px; }

/**************************************************************************/

.sitemap .container_left  			{ width:100%; padding:0; }
.sitemap div.eins div.list 			{ width:462px; clear:left;}
.sitemap div.zwei div.list 			{ width:460px; clear:left;}
.sitemap div.drei div.list 			{ width:169px; clear:left;}
.sitemap div.vier div.list 			{ width:169px; clear:left;}
.sitemap div.list ul li ul 			{ width: 100%; }
.sitemap div.list span.pd 			{ display: block; position: absolute; bottom: 0; right: 0; }
.sitemap div.list span.pd > a  		{ padding: 0 0 2px 0; }
.sitemap div.rundum div.zwei a.active { line-height: 21px; height:41px; padding-top: 1px; padding-bottom: 1px; }



/*  -------------------------------------------------------------- #standard -----------------------------------------------------------------------------------------------------------------------  */

.standard-werkzeug-table-padding  	{ margin-top: 22px; }
.standardwerkzeuge .standard-werkzeug-table { padding-top: 0; display: none; overflow: hidden }
.standardwerkzeuge .standard-werkzeug-table.active { display: block; }
.standardwerkzeuge .detail_box .standard-werkzeug-parent,
.standardwerkzeuge .standard-werkzeug-table { padding-bottom: 12px; }
.standardwerkzeuge .detail_box .standard-werkzeug-parent:hover { background-color: #e4e4e4; cursor: pointer; }
.standardwerkzeuge .bottomline  	{ clear: both; margin: 0 !important; }
.standardwerkzeuge .bottomline-no-margin { padding-top: 0; }
.standardwerkzeuge a.closer  		{ background: url("../images/icons/icon_cross_white_on_blue.png") no-repeat scroll center center transparent; display: block; height: 37px; margin-left: -10px;
									  margin-top: -10px; width: 38px; }



/*  -------------------------------------------------------------- #news ---------------------------------------------------------------------------------------------------------------------------  */

.news-list  						{ border-top:1px solid #CDCDCD; margin: 36px 0 0 68px; width: 266px; }
.news-article  						{ border-bottom:1px solid #CDCDCD; }
a.news-nav-link  					{ display: block; color:#676767; text-decoration: none; }
a.news-nav-link.news-unseen  		{ color: #379e00; }
a.news-nav-link.active,
a.news-nav-link:hover,
a.news-nav-link:active  			{ color: #379e00; }

article .news-article  				{ color: #379e00; margin-bottom: 15px; }
article .news-image 				{ margin-bottom: 15px; max-width: 100%; }
.news-title, .news-lead p  			{ display: block; font-size: 15px; line-height: 22.5px; }
.news-date  						{ display: block; font-size: 12.5px; line-height: 17.5px; padding-bottom: 3px; }
.news-box  							{ padding:36px 19px 0 18px; }
.news-box p, .news-box ul  			{ margin-bottom: 22px; font-size:15px; line-height: 22.5px; color:#676767; }
.news-box p .green  				{ color:#379e00; }
.news-lead p  						{ color: #379e00; margin-bottom:26px; }
.news-box ul li  					{ background: url("../images/bullet_green.gif") no-repeat scroll left 6px transparent; margin: 0; padding: 0 0 0 22px; }
.news-green-box  					{ margin:0 0 35px 0; background:#379e00; color:#fff; padding:17px 22px 17px 22px; }
.news-green-box p,
.news-green-box span,
.container_last .news-green-box ul  { margin-bottom:5px; line-height:22.5px; color:#fff; font-size:15px; }
.news-aside  						{ padding-top:36px; }


.news-infobox  						{ background: url("../images/icons/news-infobox.png") no-repeat scroll left top transparent; height: 17px; right: -22px; min-width: 18px; position: absolute;
 									  top: -13px; }
.news-infobox-inner  				{ background-color: #FFFFFF; display: block; font-size: 12.5px; height: 14px; left: 3px; line-height: 14px; padding: 0 4px; position: absolute; color: #379e00; }
.detail_box ul li.detail-box-title-li { display: block; margin: 0 19px 0 18px; overflow: hidden; padding: 8px 0 6px 159px; }
.detail_box ul li.detail-box-title-li h4 { color:#0F228B; font-size:15px; border: 0 none; }
.detail_box ul li.detail-box-li-normal-content { padding: 12px 19px 18px 18px; }



/*  -------------------------------------------------------------- #form ---------------------------------------------------------------------------------------------------------------------------  */

input 								{ -webkit-box-shadow: none; -moz-box-shadow: none; box-shadow: none; -webkit-appearance: none; }
label 								{ cursor:pointer; }
input[type="button"]  				{ cursor: pointer; }



/*  -------------------------------------------------------------- #button -------------------------------------------------------------------------------------------------------------------------  */

.button                 			{ display: block; float: left; border: 0 none; text-transform: uppercase; font-size: 12px; line-height: 16px; height: auto; padding: 0 6px; letter-spacing: 1px;
									  cursor: pointer; }
a.button, span.button               { line-height: 1.5; height:18px; }
.button-green 						{ color: #FFFFFF; background-color: #379E00; }
.button-blue            			{ color: #FFFFFF; background-color: #0F208A; }
.button-white 						{ color: #0F208A; background-color: #FFFFFF; }
.button-white-arrow,
.button-blue-arrow,
.button-white-on-green-arrow 		{ background-repeat: no-repeat; background-position: 2px center; padding-left: 22px; }
.button-white-arrow     			{ background-image: url("../images/icons/arrow_white_on_blue_right.png"); }
.button-blue-arrow     			 	{ background-image: url("../images/icons/arrow_blue_on_white_right.png"); }
.button-white-on-green-arrow 		{ background-image: url("../images/icons/arrow_white_on_green_right.png"); }

#rechner-button 					{ margin: 27px 0 0 81px; }
#login-button 						{ margin: 23px 0 25px 0; }
#newsflash  						{ margin: 50px 0 0 127px; position: relative; }

.news-button-new                    { background: url('../images/icons/new_btton_right.png') repeat-y top left; width: 285px; height: 19px !important; }



/*  -------------------------------------------------------------- #icon ---------------------------------------------------------------------------------------------------------------------------  */

.icon                       		{ display: block; float: left; height: 18px; width: 18px; cursor: pointer; }
.icon.m-top                 		{ margin-top: 2px; }
.icon.m-right               		{ margin-right: 4px; }
.icon.blue-on-white-down    		{ background-image: url('../images/icons/arrow_blue_on_white_down.png'); background-repeat: no-repeat; }
.icon.blue-on-white-right   		{ background-image: url('../images/icons/arrow_blue_on_white_right.png'); background-repeat: no-repeat; }
.icon.red-on-white-cross    		{ background-image: url('../images/icons/icon_cross_red_on_white.png'); background-repeat: no-repeat; }



/*  -------------------------------------------------------------- #link ---------------------------------------------------------------------------------------------------------------------------  */

.mehr-link  						{ display: inline-block; padding: 0 0 0 20px; margin: 0; background: url('../images/icons/arrow_blue_on_white_right_thin.png') no-repeat left center;
 									  text-decoration: none; color: #1B2B80; }



/*  -------------------------------------------------------------- #konfigurator -------------------------------------------------------------------------------------------------------------------  */

body#page4							{ background: #a5a6a8; }
body#page4 .hide  					{ display: none !important; }

.schatten                           { position:relative; overflow-x:hidden; background:url('../images/muster.jpg') top no-repeat;}
.herum                              { position:relative; overflow-x:hidden; padding-top:110px; z-index: 200; }
.disc								{ position:relative; background-position: top center; background-repeat: no-repeat; }
.links								{ position:relative; width:1600px; padding:0;  margin:0 auto; min-height: 619px;}
.links a							{ font-size:15px; color:#fff; line-height:18px; text-decoration:none; position:absolute; display:block; text-align:center; font-weight:100;}

.sentenses_div  					{ position: absolute; height: 200px; left: 50%; margin: 0 0 0 -800px; overflow:hidden; width: 1600px; z-index: 100; }
.sentenses_div p img  				{ position: absolute; bottom: 0; right: 0; }
p.one  								{ width:400px; height:141px; top:0; left:510px; position:absolute; display: block; }
p.two  								{ width:400px; height:133px; top:0; left:676px; position:absolute; display: block; }
p.three  							{ width:400px; height:145px; top:0; left:875px; position:absolute; display: block; }

div#level1 span:not(.machine-title),
div#level2 span:not(.device-title),
div#level3 span  					{ position: absolute; display: block;}
div#level1 div,
div#level2 div,
div#level3 div  					{ position: absolute; display: block; height:auto; width:auto; }

.overlay_picture  					{ position:absolute; display:none; top:-10px; left:54px; z-index:1000; width:473px; background-color:#fff; }
.overlay_picture h4  				{ color:#0F228B; padding:10px 38px 0 15px; line-height: 22.5px; }
.overlay_picture h4 a  				{ color: #0F228B; display: inline; font-size: 16px; font-weight: normal; line-height: 22.5px; position: inherit; text-align: left; text-decoration: underline; }
.overlay_picture h4 a.active 		{ text-decoration: none; }
.overlay_picture .img_box_big  		{ text-align:center; padding:0 10px 10px 10px; }
.overlay_picture div.close_button   { position:absolute; display:block; /* top:10px; right:10px; */ width:38px; height:39px; top:0; right:0; }
.overlay_picture div.close_button a { display:block; width:18px; height:17px; padding:10px; overflow:hidden; line-height:0; }

.grey_bar input[type="text"] 		{ background: none repeat scroll 0 0 #FFFFFF; border: 2px solid #BABABA; color: #676767; display: block; float: left; font-size: 15px; height: 18px; width: 53px;
									  margin-right: 2px; text-align: center; line-height: 18px; overflow: hidden; font-family: Helvetica, Arial, sans-serif; }
.grey_bar input.failure      		{ border-color: #c71f25 !important; }
.grey_bar input#nummer              { width:109px; }


.detail-box-title  					{ padding:6px 0 0 159px; margin:0 19px 0 18px; overflow:hidden; display:block; border-bottom:1px solid #D9D9D8; }
.detail-box-title-h4  				{ width:385px; float:left; color:#0F228B; margin-right:5px; padding-bottom:12px; font-size:15px; line-height: 17.5px; }

table.werkzeuge  					{ width: 603px; border-left:1px solid #b1b3b7; }
table.werkzeuge tbody td  			{ border-right: 1px solid #b1b3b7; border-bottom:1px solid #b1b3b7; padding: 8px 0; vertical-align: top; }
table.werkzeuge thead td  			{ height: 40px; border-right: 1px solid #b1b3b7; background-color: #30328c; color:#ffffff; }

h4.big-margin-left  				{ margin-left:159px; }

.visible .child-to-hide  			{ display: none; }
.visible .child-to-hide.active  	{ display: block; }
li.visible .special-link:hover  	{ background-color:#e4e4e4; }


/*  ------------------  container last ----------------------------------  */

.container_last                     { width:540px; margin:0; padding:39px 0px 0 26px;}
.container_last p                   { color:#676767; font-size:15px; line-height:20px;}
.container_last h3                  { font-size:15px; color:#0F228B; line-height:20px; font-weight:normal; padding:0 0 30px 0;}

.blu_box                            { margin:0 0 35px 0; background:#0F228B; padding:17px 22px 17px 22px;}
.blu_box p, .blu_box span,
.container_last .blu_box ul         { margin-bottom:5px; line-height:22px; color:#fff; font-size:15px; }
.container_last .blu_box ul li      { font-size:15px; color:#fff; line-height:22px; list-style:url("../images/liststyle_white.gif") outside; }

.container_last h4                  { font-size:15px; color:#676767; padding:0 0 8px 0;}
.container_last ul li               { font-size:15px; color:#676767; line-height:22px; list-style:url(../images/liststyle.gif) outside; padding-left:8px; margin-left:18px;}
.container_last div.points ul li    { font-size:15px; color:#676767; line-height:22px; list-style:none;}

.points                             { margin:0; padding:0 0 15px 0;}
.points p                           { color:#676767; font-size:15px; line-height:20px;}
.points ul li                       { background:url(../images/bullet.gif) left 6px no-repeat; padding:0 0 0 25px;  font-size:15px; color:#676767; line-height:22px; margin:0;}



/*  -------------------------------------------------------------- #textingbox ---------------------------------------------------------------------------------------------------------------------  */

#textingbox  						{ display:none; width: 301px; position:absolute;background:#BABABB; }
#textingbox .textbox_inner  		{ padding:0 6px 6px 13px; overflow: hidden; }
#textingbox .textbox_inner span  	{ display:block; height:40px; width:40px; text-align: center; font-size:18px; margin: 0px 7px 7px 0; background-color:#fff; float:left; line-height:40px; cursor:
	 								  pointer; color:#676767; }
#textingbox .textbox_inner #texting_close { display: block; height: 17px; position: absolute; right: 5px; top: 5px; width: 18px; overflow:hidden; }
#textingbox .textbox_inner #texting_close a { display: block; height: 17px; width: 18px; background-image:url('../images/icons/icon_cross_white_on_blue.png'); }


/*  -------------------------------------------------------------- #rechner ------------------------------------------------------------------------------------------------------------------------  */

#rechner 							{ display: none; min-width: 280px; padding: 7px 10px 10px; background: rgb(186,186,186); left: 297px; position: absolute; z-index: 201; }
#rechner .rechner-line 				{ overflow: hidden; margin-bottom: 1px; }
#rechner label 						{ display: block; min-width: 197px; color: #0f228b; font-family: 'HelveticaNeueW01-85Heav'; float: left; height: 22px; line-height: 22px; font-size: 15px; }

#rechner input[type="radio"],
#rechner div.radio-button  			{ display: block; float: left; height: 18px; width: 18px; margin: 2px 4px 2px 59px; }
#rechner div.radio-button  			{ background: url("../images/icons/icon_checkbox_unchecked.png") no-repeat scroll center center #fff; }
#rechner div.radio-button.active 	{ background-image: url("../images/icons/icon_checkbox_checked.png"); }
.clearbutton 						{ display: block; float: left; margin: 2px 0; height: 18px; margin-right: 4px; width: 18px; background: url("../images/icons/icon_cross_red_on_white.png") repeat
									  scroll 0 0 transparent; cursor: pointer; overflow: hidden; }



/*  -------------------------------------------------------------- #sonstiges ----------------------------------------------------------------------------------------------------------------------  */

table.uebersetzung  				{ margin-bottom: 60px; margin-top: 10px; width:100%; }
table.uebersetzung td  				{ padding-bottom: 10px; padding-right:20px; }
table.uebersetzung th  				{ text-align:left; padding-bottom: 10px; }
table.uebersetzung,
table.uebersetzung th,
table.uebersetzung td  				{ border: 1px solid black; vertical-align: top; border-collapse: collapse; }


/*  -------------------------------------------------------------- #Google recaptcha ----------------------------------------------------------------------------------------------------------------------  */
.grecaptcha-badge { visibility: hidden; }
.recaptcha-info-text a { color: #0F208A; }