/*
    website by WAHLE DESIGN - www.wahle.com                    */

/*  Media: SCREEN, PROJECTION
-------------------------------------------------------------- */
.printonly { display:none; }


/*    GLOBAL
-------------------------------------------------- */
body             { font-size:100%; background:#a0b1c9 url(/_images/body_bg.gif) 950px 0 repeat-y; }
#page_wrap       { max-width:950px; background:#FFF; position:relative; }

*                { font-family:verdana, arial, helvetica, "sans-serif"; }
p,li,th,td,blockquote { font-size:.80em; line-height:153%; color:#333; }
p                { padding:.5em 0; }
ul,ol,blockquote { margin-left:2em; }
li ul            { margin:0 0 .6em 2em; }

h1,h1 *,h2,h2 *,h3,h3 *,h4,h5,h6 { font-family:Arial, Helvetica, "sans-serif"; }

h1 { font-size:1.50em; padding:1em 0 .5em 23px; letter-spacing:-1px; word-spacing:4px; text-shadow:1px 1px 5px #002; }
h2 { font-size:1.20em; padding:1.5em 0 .2em 0; margin-bottom:.2em; color:#00124e; border-bottom:1px solid #d4d7e1; line-height:140%; }
h3 { font-size:1.05em; padding:1em 0 1em 0; color:#00124e; line-height:150%; }
h4 { font-size:0.80em; padding:1em 0 2px 0; }

.content_top_eyecandy h1,
#content_top_eyecandy h1 { color:#FFF; }

.clearfix:after { content:"."; display:block; clear:both; visibility:hidden; height:0; font-size:0; }
.overflowauto   { overflow:auto; }



/*    PAGEHEAD + NAVIGATION
-------------------------------------------------- */
#pagehead { max-width:950px; height:80px; background:url(/_images/pagehead_bg_linie.png) 0 28px repeat-x; position:relative; }

#logo         { background:#FFF; float:left; margin-left:20px; }
#logo a       { display:block; }
#logo img     { margin:20px 11px 0 15px; }
/* mit XMAS #logo img     { margin:0 0 0 15px; } */


#pagehead h1  { float:left; padding:8px 0 0 20px; font-size:.8em; font-style:italic; color:#777; letter-spacing:0; word-spacing:0; text-shadow:none; }

#nav_meta          { float:right; }
#nav_quickaccess   { display:block; position:absolute; top:35px; left:385px; }
#nav_quickaccess select { font-size:81.25%; line-height:112.5%; }

#newsletter_signup {  display:block; position:absolute; top:35px; right:10px; }
#newsletter_signup label { font-size:75%; font:bold 75%/125% verdana, arial, sans-serif; color:#0076bd; display:block; padding-bottom:3px; }
#newsletter_signup input.emailaddress { clear:right; float:left; font:75%/125% arial, verdana sans-serif; width:145px; }
#newsletter_signup input.form_button_submit { float:left; font:68.75%/125% verdana, arial, sans-serif; margin-left:2px; }


#change_lang      { font-weight:bold; font-size:.7em; padding:0 5px 0 0; position:absolute; top:92px; right:10px; }

#nav_main         { clear:both; min-width:600px; }
#nav_local        { clear:both; background:#022f71; border-bottom:1px solid #022f71; max-width:950px; padding-top:8px; }
#nav_breadcrumb   { max-width:950px; clear:both; overflow:auto; }
#nav_breadcrumb p { margin:10px 0 0 24px; line-height:130%; }





/*    LAYOUT MAJOR CONTENT
-------------------------------------------------- */
#content_wrap     { clear:both; max-width:950px; background:#FFF url(/_images/content_wrap_bg.png) top center repeat-y; border-bottom:1px solid #DDD; padding-bottom:50px; }

#content_left     { width:62%; float:left; margin-left:25px; }
#content_right    { width:31%; float:right; padding-left:15px; overflow:hidden; background:url(/_images/content_wrap_bg.png) top right repeat-y; }

/*--------Pages without right column--------*/
	body.has_content_right_no #content_wrap  { background:none; }
	body.has_content_right_no #content_left  { width:auto; margin-right:15px; float:none; }
	body.has_content_right_no #content_right { display:none; }


.Box2Cols            { display:block; clear:both; }
.Box2Cols div        { width:48%;  }
.Box2Cols div.left   { float:left;  }
.Box2Cols div.right  { float:right; }


.Box3Cols            { clear:both; }
.Box3Cols div.left   { width:31.5%; float:left; margin-left:15px; margin-right:1.9%; }
.Box3Cols div.middle { width:31.5%; float:left; }
.Box3Cols div.right  { width:31.5%; float:right; }




/*            Inhalte allgemein
-------------------------------------------------- */


div.hidden_contentbox { position:absolute; display:none; }
   .activating        { font-weight:bold; color:#C00; }
   .highlight_inline  { background:#fff7d3; font-weight:bold; padding:0 1px; }

ul.space_between_items li { margin-bottom:.75em; }


div.content_box     { padding-bottom:10px; margin:10px 0 20px 0; overflow:hidden; background:#FFF url(/_images/cont_right_cbox_bgbottom.gif) bottom left no-repeat; }

div.content_box h2,
div.content_box h3 { margin-bottom:10px; border-bottom:1px solid #DDD; background:#FFF url(/_images/cont_right_cbox_bgtop.gif) top left no-repeat; }
div.content_box h2,
div.content_box h3 { font-family:verdana, helvetica, "sans-serif"; padding:.6em 5px .2em 10px; }
div.content_box h2 { font-size:1.0em; }
div.content_box h3 { font-size:.80em; }

div.content_box p,
div.content_box li { font-size:.70em; }
div.content_box p  { padding:.5em 5px .5em 10px; }

div.content_box ul { margin-left:1.5em; }


.grayitalic { font-style:italic; color:#666; }




body.directory_index #content_wrap { background:url(/_images/dir_index_content_wrap.png) top right repeat-y; }

body.directory_index .left h2 { padding:2em 0 0 0; font-size:1em; color:#03296f; }

body.directory_index .content_box    { background:#FFF url(/_images/dir_index_cbox_bgbottom.gif) bottom left no-repeat; }
body.directory_index .content_box h2,
body.directory_index .content_box h3 { background:#FFF url(/_images/dir_index_cbox_bgtop.gif) top left no-repeat; }

body.directory_index .right .content_box { width:96%; }



#content_right .content_box { width:96%; }
#content_right .content_box img { margin-top:10px; }






	/*--------LINKS Hauptinhalte--------*/
.content_top_eyecandy { background:rgb(0,105,180) url(/_images/content_top_eyecandy_02.jpg) top left no-repeat; }

.box_highlight    { border:1px solid #ffa800; padding:5px 8px; color:#C30; background:#ffefcc url(/_images/box_highlight_bg.jpg) top left no-repeat; }
.box_highlight em { font-style:normal; font-weight:bold; color:#C00; background:#FFFF00; }
.box_highlight h2 { padding-top:.1em; }

.content_box_inline    { background:#e0f3ff; margin:10px; width:200px; padding-bottom:20px; }
.content_box_inline h2,
.content_box_inline p  { padding-left:5px; padding-right:2px; }
.content_box_inline h2 { padding-top:5px; padding-bottom:2px; }
.content_box_inline ul { margin-left:20px; }


	/*--------RECHTS Kontextuelle Inhalte--------*/
#content_right h1,
#content_right h2,
#content_right h3 { border:0; }


#content_right h1 a,
#content_right h2 a,
#content_right h3 a { text-decoration:none; }


#content_right h2 { font-size:1.05em; padding-left:10px; }

#content_right .content_box h3 { font-size:1em; padding-bottom:0; }



li.has_margin_top { margin-top:1em; }




	/*--------TABELLEN allgemein--------*/
table     { margin-bottom:15px; background:#FFF; }
caption   { display:none;/*font-weight:normal; font-family:Arial, Helvetica, "sans-serif"; color:#AAA; font-size:1.45em; padding:.4em 0 0 0;*/ }

th, th *  { font-family:arial, helvetica, "sans-serif"; }
th        { background:#e9ecf2; color:#222; font-size:1.05em; line-height:130%; }
th a      { display:block; }

th, td    { padding:3px 2px 3px 6px; border:1px solid #999; }
td, td li { font-size:.75em; line-height:130%; }
td ul     { margin:0 0 0 14px;  }
td li     { font-size:1em; margin:0 0 4px 0; }

td.has_padding_no { padding:0; }

  .betrifft { font-weight:bold; background:rgb(0,118,189) url(/_images/td_betrifft_bg.jpg) top left no-repeat; color:#FFF; border-color:#003; }
th.betrifft,
td.betrifft { padding-right:5px; }




	/*--------MODULE allgemein--------*/
.directory_index #content_left { padding-top:15px; }

.modul_mini     #content_left  { padding-top:0; }
.modul_mini_ind #content_left  { padding-top:0; }
.modul_mighty   #content_left  { padding-top:0; }
.modul_max      #content_left  { padding-top:0; }

.downloads      #content_left  { padding-top:20px; }
.compare        #content_left  { padding-top:20px; margin-left:10px; }
.ports          #content_left  { padding-top:20px; margin-left:10px;  }
.customize      #content_left  { padding-top:20px; }



	/*--------MODULE INDEX--------*/
.directory_index .left h2 { padding-top:3em; }

.modules-list li {
	margin-bottom: 10px;
}

.icon-new { 
	min-height: 45px;
	background: url(/_images/icon_new.gif) 0 0 no-repeat; 
	padding-left: 63px;
}



	/*--------MODULE Produkt-Einzelseiten--------*/
.technical_data { padding-bottom:30px; }
.technical_data h3 { padding:1em 0 .2em 0; font-size:.80em; font-family:verdana; color:#000; }
.technical_data ul { margin-left:1.5em; }

.further_information { padding-top:2em; }

.ultracb_casingkit { background:#e4ebf8; padding:5px 15px 15px 15px; -moz-border-radius:15px; -webkit-border-radius:15px; margin-bottom:30px; }
.img_fr_casingkit  { float:right; margin:0 10px 5px 30px; }
.ultracb_casingkit h4 { color:#00124e; }



	/*--------MODULE Vergleich--------*/
body.compare td ul { margin-left:0; list-style-type:none;  }
body.compare td li { background:url(/_images/li_bg.png) 0 5px no-repeat; padding-left:10px; }


	/*--------MODULE Einsatzgebiete--------*/
body.applications #contextuallink_applications { display:none; }


	/*--------MODULE Anpassungen--------*/
body.customize #contextuallink_customize { display:none; }

body.customize #content_left h3+p {padding-top:0;margin-top:-10px;}



	/*--------MODULE Downloads--------*/


	/*--------MODULE Anschluesse--------*/
.ports #content_wrap { padding-bottom:300px;  }

.aufklapp_div   { background:#e9ecf2; color:#222; font-size:.90em; line-height:150%; }

td.box_highlight { border:1px solid #999; }
#legende { width:275px; padding:4px 5px 3px 6px; background:url(/_images/content_wrap_bg.png) right repeat-y; }
.ports #legende h2  { padding:0; font-size:.95em; border:0; }
.ports #legende p   { font-size:.8em; color:#222; }
.ports #legende img { float:left; margin:7px 10px 5px 0; border:1px solid #AAA; }

body.ports td          { padding:0; }
body.ports td.betrifft { padding:4px 5px 3px 6px; }
body.ports td.title_module        { padding:5px; }
body.ports td.title_module strong { font-size:1.30em; line-height:110%;  font-family:arial, helvetica, "sans-serif"; display:block; height:40px; }
body.ports td.section    { background:#e9ecf2 url(/_images/td_section_bg.jpg) bottom left no-repeat; }
body.ports td.section h2 { font-size:1.5em; padding:.6em 0 .4em 16px; border:0; }
body.ports td img      { float:left; margin:0 5px 0 0; }
body.ports td a img    { float:left; margin:-3px 5px 0 0; }
body.ports td a        { display:block; padding:3px 3px 3px 0; }

div.hidden_contentbox           { width:400px; background:#e9ecf2; border:5px solid #CCC; border-right-color:#AAA; border-bottom-color:#AAA; }
div.hidden_contentbox h2        { font-size:1.00em; padding:.3em 5px .1em 5px; font-family:arial, helvetica, "sans-serif"; clear:right; }
div.hidden_contentbox p         { font-size:0.75em; padding:5px; }
div.hidden_contentbox p.close   { font-size:0.85em; font-weight:bold; padding:0; float:right; }
div.hidden_contentbox p.close a { padding:4px 20px; display:block; width:140px; text-align:center; }
div.hidden_contentbox p.close a:hover { background:#FFF; }
div.hidden_contentbox img       { display:block; }

.ports .contentbox { border:1px solid #5f779f; background:#cde3f4 url(/_images/contentbox_bg.jpg) top right no-repeat; margin-top:20px; }
.ports .contentbox img { float:left; margin:15px; }
.img_floatingleft { float:left; margin:15px 30px 15px 0; }
.img_floatingright { float:right; margin:15px 0 15px 30px; }



	/*--------MODULE Applikationen--------*/
body.applications th   { font-size:1em; }
body.applications td   { padding:8px 5px 8px 15px; line-height:150%; color:#000; }

tr.bg_hellblau td   { background:#f0f7ff; }
tr.bg_dunkelblau td { background:#c9dbf8; } 




	/*--------MODULE Downloads--------*/
.downloads #content_left ul { margin-bottom:1em; }

#nav_local_sublevel_a { background:url(/_images/navlocal_level1_box_bg.png) bottom center; margin-top:5px; border-bottom:1px solid #FFF; }





	/*--------NEUIGKEITEN--------*/
.newsitem_date { color:rgb(0,118,189); padding:1px 2px; }








.img_fr { float:right; margin:0 20px 30px 20px; }
.img_fl { float:left; margin:0 10px 20px 0; }
.img_floatingright { float:right; margin:15px 0 15px 30px; }





/*  STARTSEITE
-----------------------------*/


#home #content_wrap { background:url(/_images/home_content_wrap_bg.jpg) top left repeat-y; }
#home #content_left { margin-left:0; margin-right:0; float:none; padding-top:0; }




#home #bluehead    { max-width:950px; min-width:700px; height:205px; background:#0070b6 url(/_images/home_bluehead_bg.jpg) top left no-repeat; }
#home #bluehead .box_left  { float:left; width:485px; }
#home #bluehead .box_right { float:right; width:465px; }

#home #bluehead h1, #home #bluehead p { position:absolute; padding:0; }
#home #bluehead h1              { margin:18px 0 0 25px; }
#home #bluehead p.introducing   { margin:78px 0 0 25px; width:365px; font-size:.7em; color:#FFF; line-height: 200%; }
#home #bluehead p.madeingermany { margin:135px 0 0 266px; width:165px; font-size:.7em; text-align:center; font-weight:bold; line-height:130%; }
#home #bluehead p.branding      { margin:16px 0 0 190px; font-size:1em; font-weight:bold; font-family:Arial, Helvetica, sans-serif; font-style:italic; color:#FFF; }





#home .Box2Cols .left,
#home .Box2Cols .right  { float:left; width:44%; }

#home .Box2Cols .left   { margin:10px 55px 0 25px;  }
#home .Box2Cols .right  { margin:0;  }


#home .Box2Cols h2 { font-size:1.05em; padding-top:.5em; color:#03296f; border:0; }
#home .Box2Cols h3 { font-size:.8em; padding:5px 0 0 10px; border-bottom:1px solid #CCC; }
#home .Box2Cols ul { margin-left:1.2em; margin-top:.4em; }
#home .Box2Cols ul.lessleading li { margin:.8em 0; line-height:140%; }

#home h2.moreleading { padding-top:1.5em; }
#home .left img { margin-top:20px; }



#home #content_left .box_news         { margin-top:40px; }
#home #content_left .box_news h2      { padding:16px 10px 10px 30px; font-style: italic; }
#home #content_left .box_news h3      { background:#fff7d3; padding:5px 10px 5px 30px; margin-top:10px; }
#home #content_left .box_news h3 span { color:#666; font-size:.9em; font-weight:normal; padding-left:6px; }
#home #content_left .box_news p { padding:0 20px 1em 30px; }
#home #content_left .box_news p.mehr_neuigkeiten { text-align:right; padding-top:20px; } 




/*  ERRORDOCS
-----------------------------*/
.errordoc #content_wrap { border-top:1px solid #DDD; }
.errordoc .errordoc_symbol { float:left; margin:15px; }
.errordoc h1 { padding-left:0; text-shadow: none; }
.errordoc h2 { padding-top:.5em; margin-top:2em; }
.errordoc h3 { padding:1.5em 0 0 0; }
.errordoc p.intro { padding-top:1em; }
.errordoc .box_highlight { background-position:top center; }




/*    FOOTER
-------------------------------------------------- */
#footer         { clear:both; max-width:950px; background:#FFF; }
#footer p       { color:#999; font-size:.70em; padding:8px 0 8px 20px; }
#footer .a_footer_home { color:#999; text-decoration:none; }
#footer .a_footer_home:hover { text-decoration:underline; }


















/*  
    NAVIGATION ELEMENTS
-------------------------------------------------------------- */
a                         { text-decoration:underline; color:#0023bb; }
a:hover,
#content_left h1 a,
#content_left h2 a,
#content_left h3 a,
#content_left a img       { text-decoration:none; color:#0023bb; }

#content_left h2 a:hover,
#content_left h3 a:hover  { text-decoration:underline; }

a:visited                 { color:#0023bb; /*6373b9*/}


#home h1 a { color:#FFF; text-decoration:none; }
#content_wrap h2 a,
#content_wrap h3 a { color:#00124e; }


.handcursor       { cursor:pointer; cursor:hand; }
.handcursor:hover { text-decoration:underline; }



/*  META
-------------------------------------------------- */
#nav_meta            { list-style-type:none; margin:0; }
#nav_meta li         { float:left; margin-right:0; }
#nav_meta li a       { display:block; padding:6px 6px 4px 6px; font-size:0.85em; text-decoration:none; }
#nav_meta    a:hover { text-decoration:underline; }

#meta_printdialog { font-size:0.80em; padding:1px 0; margin:5px 10px 0 4px; width:5.4em;  }



/*  GLOBAL QUICKACCES
-------------------------------------------------- */
#nav_quickaccess * { font-family:Arial, Helvetica, "sans-serif"; color:#222; }
#nav_quickaccess select { background:#e9ecf2; height:1.65em; overflow:visible; }
#nav_quickaccess option { background:#e9ecf2; font-size:0.90em; line-height:130%; padding:1px 2px 1px 5px; }
#nav_quickaccess optgroup { background:#FFF; color:#000; padding:2px; font-weight:bold; }


/*  MAIN
-------------------------------------------------- */
#nav_main ul   { list-style-type:none; margin:0 0 0 28px; }
#nav_main li   { float:left; margin-right:2px; background:url(/_images/navmain_inactive_right.gif) top right no-repeat; }
#nav_main li a { display:block; padding:12px 14px 5px 14px; background:url(/_images/navmain_inactive_left.gif) top left no-repeat;
                 font-size:1.125em; font-weight:bold; font-family:arial; white-space:nowrap; text-decoration:none; color:#285290;
 }
               #nav_main li     a:hover { text-decoration:underline; }

.modules       #nav_main #maina a,
.news          #nav_main #mainb a,
.about         #nav_main #mainc a { color:#FFF; background:#022f71; background:url(/_images/navmain_current_left.gif) top left no-repeat; text-decoration:none; }

.modules       #nav_main #maina,
.news          #nav_main #mainb,
.about         #nav_main #mainc { background:#022f71 url(/_images/navmain_current_right.gif) top right no-repeat;  }



/*  LOCAL
-------------------------------------------------- */
#nav_local ul   { list-style-type:none; margin:0 0 0 15px; }
#nav_local li   { float:left; margin-right:1px; background:url(/_images/navlocal_active_li_bg.gif) top left no-repeat; }
#nav_local li a { display:block; padding:5px 8px 6px 8px; text-decoration:none; min-height:2.5em;
                  font-size:.75em; font-weight:bold; color:#FFF; background:#022f71; line-height:130%; white-space:pre;
 }

/*-----Embedded MP3 modules-----*/
.modul_ultra     #nav_local #locala,
.modul_ultra_rec #nav_local #localk,
.modul_rf        #nav_local #localm,
.modul_mini      #nav_local #localb,
.modul_mighty    #nav_local #localc,
.modul_max       #nav_local #locald,
.downloads       #nav_local #locale,
.compare         #nav_local #localf,
.ports           #nav_local #localg,
.applications    #nav_local #localh,
.customize       #nav_local #locali,
.faq             #nav_local #localj,
/*-----About LOETRONIC-----*/
.contact_us      #nav_local #locala,
.directions      #nav_local #localb,
.pressreview     #nav_local #localc,
.agb             #nav_local #locald,
.imprint         #nav_local #locale
                                {
                 color:#000; background:#FFF url(/_images/navlocal_current_left.gif) top left no-repeat;
 }

/*-----Embedded MP3 modules-----*/
.modul_ultra     #nav_local #locala a,
.modul_ultra_rec #nav_local #localk a,
.modul_rf        #nav_local #localm a,
.modul_mini      #nav_local #localb a,
.modul_mighty    #nav_local #localc a,
.modul_max       #nav_local #locald a,
.downloads       #nav_local #locale a,
.compare         #nav_local #localf a,
.ports           #nav_local #localg a,
.applications    #nav_local #localh a,
.customize       #nav_local #locali a,
.faq             #nav_local #localj a,
/*-----About LOETRONIC-----*/
.contact_us      #nav_local #locala a,
.directions      #nav_local #localb a,
.pressreview     #nav_local #localc a,
.agb             #nav_local #locald a,
.imprint         #nav_local #locale a
                                {
                 color:#000; background:url(/_images/navlocal_current_right.gif) top right no-repeat;
 }

                #nav_local li      a:hover { text-decoration:underline; }

/*  BREADCRUMB
-------------------------------------------------- */
#nav_breadcrumb p { font-size:.70em; font-weight:bold; padding:0; }
#nav_breadcrumb * { color:#a3c0e3; font-style:italic; }


/*  LOCAL SUBLEVEL 1 (DOWNLOADS)
-------------------------------------------------- */
#countrytabs      { list-style-type:none; margin:0 0 0 15px; }
#countrytabs li   { float:left; margin-right:10px; }
#countrytabs li a { display:block; padding:12px 8px 8px 8px; text-decoration:none;
                    font-size:.85em; line-height:130%; font-weight:bold;
 }
#countrytabs    a:hover { background:#FFF; color:#000; padding:10px 8px; }