/* Cascading Style Sheet for UltraRad
   Copyright (C) 2010 UltraRAD Corporation */

*
{
	margin: 0;
	padding: 0;
	margin-top: 0px;
	margin-bottom: 0px;
}
  
body 
{
	color: #000000;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	margin-top: 0px;
	background-color: #CCCCCC;
	background-image: url(images/new_images/blue_background2.png);

}

h3 strong
{ color: #00449E; }

#site 
{
	width: 750px;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 0px;
	margin-left: auto;
	background-color: #FFFFFF;
   
}


a
{ color: #00449E;
  font-weight: bold;
  text-decoration: none;
 }

a:hover
{
	text-decoration: underline;
}
  
a img
{ border: none; }

p, dl, ul, address
{ }
  
h1, h6, h2, h3
{
}
  
h3
{ font-size: 15px;
font-family:"Trebuchet MS",sans-serif;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal; }

.err 
{ color: #C80D0D;
  width: 200px;
  padding-bottom: 20px; }

abbr
{ border: 0; }

.no
{ text-indent: -9999px; }

/*
  MENU -------------------------------------------------------------------
*/

#top
{
	width: 750px;
	height: 20px;
	text-indent: -9999px;
	background-image: url(images/new_images/logo_UltraRAD.gif);
	background-repeat: no-repeat;
	background-position: 5px 10px;

	
}

#menu
{ width: 740px;
  list-style: none;
  text-align: right;
  padding: 0px; }

#menu li
{ padding: 10px 10px 5px 10px;
  margin-right: 10px;
  text-decoration: none;
   }

li#menu_selected
{ border-bottom: 0px solid #fff;
  background: #555; }

#menu #menu_selected a
{ color: #CCCCCC; }

#menu a
{ color: #000000;
  font-size: 11px; }

#menu a:hover
{ background: 0;
  color: #663333;
  text-decoration: none; 
  }



/*
  HEADER -------------------------------------------------------------------
*/


#willkommen, 
#webdesign, 
#printdesign, 
#werbemittel, 
#kontakt, 
#wir, 
#agb, 
#impressum
{ width: 750px;
  height: 100px;
  clear: both;
  background: no-repeat; 
  text-indent: -9999px;
  overflow: hidden;}
  


#tab_nav
{
	height: 25px;
	background-color: #A8ADAD;
	border-top-width: 0px;
	border-right-width: 1px;
	border-bottom-width: 2px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00449E;
	border-right-color: #00449E;
	border-bottom-color: #00449E;
	border-left-color: #00449E;
}

/*** Nav bar styles ***/

#nav, #nav ul {
	float: left;
	width: 740px;
	list-style: none;
	line-height: 1;
	background: white;
	font-weight: bold;
	padding: 0;
	border: solid #FF8E45;
	border-width: 1px 0;
	margin: 0 0 1em 0;
}

#nav a {
	display: block;
	width: 15em;
	w\idth: 12em;
	color: #CC6600;
	text-decoration: none;
	padding: 0.25em 2em;
}

#nav a.daddy {
	background: url(rightarrow2.gif) center right no-repeat;
}

#nav li {
	float: left;
	padding: 0;
	width: 15em;
}

#nav li ul {
	position: absolute;
	left: -999em;
	height: auto;
	width: 15.5em;
	w\idth: 15.5em;
	border-width: 0.25em;
	margin: 0;
}

#nav li li {
	padding-right: 1em;
	width: 13em
}

#nav li ul a {
	width: 13em;
	w\idth: 9em;
}

#nav li ul ul {
	margin: -1.75em 0 0 14em;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li.sfhover ul ul, #nav li.sfhover ul ul ul {
	left: -999em;
}

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}

#nav li:hover, #nav li.sfhover {
	background-color: #FFC76B;
}






.description
{ text-indent: -9999px; }

/*
  FOOTER -------------------------------------------------------------------
*/

#footer
{
	width: 750px;
	height: auto;
	margin-top: 0px;
	/*  background: url(../img/footer3.gif) top no-repeat; */
  float: left;
	background-image: url(images/new_images/UltraRAD_small_blue.jpg);
	background-repeat: no-repeat;
	background-position: left 5px;
	background-color: #FFFFFF;
}

#footer p
{
	padding-top: 20px;
	padding-right: 0;
	padding-bottom: 0;
	padding-left: 65px;
}

#footer p a
{ border-right: 1px solid #ccc;
  padding-right: 5px; }
  
#footer .footerlink
{ padding-left: 5px; }

#footer .footerlink_start
{ padding-left: 0px; }

#footer .footerlink_end
{ border-right: 0px solid #ccc;
 padding-left: 5px; }

/*
  WILLKOMMEN -------------------------------------------------------------------
*/

.no_column
{
	width: 750px;
	float: left;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	clear: left;
	margin-top: 0px;
	margin-right: 0px;
	margin-left: 0px;
	background: white;
}

.three_column
{
	width: 230px;
	float: left;
	overflow: hidden;
	margin-bottom: 30px;
	padding-top: 0px;
	padding-right: 20px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.onemore
{
	width: 750px;
	float: left;
	overflow: hidden;
	margin-bottom: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
}

.three_column p,
.three_column h1,
.three_column h2
{ padding-left: 5px;
  padding-right: 30px; }

.three_column p,
.three_column img,
#bottom_content p,
#bottom_content img
{ margin-bottom: 10px; }

.three_column h2
{ margin-top: 5px; }

.three_column dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }

.three_column dd
{ margin-top: 5px; }

.three_column p
{ padding-top: 0;
  margin-top: 0;
  padding-right: 0;
  margin-right: 0; }

.bg
{ background: url("images/new_images/BGdienste.gif") top right no-repeat; }

#bottom_content
{ clear: both;
  width: 750px;
  background: url("images/neuaktuell.gif") top no-repeat;
  height: 31px; }
  
#bottom_content div
{ width: 330px;
  float: left;
  margin-top: 35px;
  padding: 0px 30px 0px 15px; }

#bottom_content h3
{ color: #545454;
  margin-bottom: 10px; }


/*
  TWO COLUMN SITES Content Left-------------------------------------------------------------------
*/

#right
{
	width: 225px;
	float: right;
	margin-bottom: 20px;
	margin-left: 0px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 20px;
} 

#content
{
background:transparent url(images/new_images/BGdienste.gif) no-repeat scroll right top;
float:left;
margin-bottom:20px;
margin-top:15px;
overflow:hidden;
padding:0px 23px 0px 0px;
width:475px;
}

#right p,
#content p,
#right dl,
#content ul,
#right dt,
#right li
{ margin-top: 10px; }

#right dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }
  

#right dd
{ margin-top: 5px; }

#content ul
{ padding-left: 15px;
  list-style: circle; }

#content h2,
#right h2
{
	color: #00449E;
	font-size: 17px;
}

#content p
{ line-height: 18px; }

/*
  TWO COLUMN SITES Content Right-------------------------------------------------------------------
*/

#content_right
{
	width: 468px;
	float: right;
	margin-top: 15px;
	margin-bottom: 20px;
	padding-top: 0px;
	padding-right: 5px;
	padding-bottom: 0px;
	padding-left: 15px;
} 


#left
{
background:transparent url(images/new_images/BGdienste.gif) no-repeat scroll right top;
clear:left;
float:left;
margin-bottom:5px;
margin-top:15px;
padding:0px 16px;
width:215px;
}

#left_small
{
	width: 200px;
	float: left;
	margin-bottom: 20px;
	margin-top: 15px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
	clear: left;
	font-size: 11px;
}

#content_right_small
{
	width: 480px;
	float: right;
	margin-top: 15px;
	margin-bottom: 20px;
	padding: 0px 15px 0px 15px;
} 

#content_right p,
#content_right p,
#left dl,
#content_right ul,
#left dt,
#three_column dl,
#three_column dt,
{ margin-top: 10px; }


#left dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }
  
#three_column dt
{ font-weight: bold;
  border-bottom: 1px solid #ccc; }

#left dd
{ margin-top: 5px; }

#three_column dd
{ margin-top: 5px; }

#content_right ul
{ padding-left: 15px;
  list-style: circle; }

#content_right h2,
#left h2
{
	color:#00449E;
	font-size:17px;
}

#content_right p
{ 
font-size:15px;
}


/*
  CONTACT -------------------------------------------------------------------
*/

fieldset
{ border: none; }

#n, 
#e, 
#s, 
#m,
#ncb,
#pcb
{ width: 350px;}

input,
#content p,
textarea
{ margin-top: 0px;
  margin-bottom: 0px; }

#send
{ width: 350px; }

#ncb,
#pcb
{ width: 200px; }

#right address
{ font-style: normal; }

#right h2
{ margin-top: 15px; }


/*
  AGB -------------------------------------------------------------------
*/

#content-fullsize
{ margin: 15px 30px 30px 15px; }

#content-fullsize h2,
#content-fullsize p
{ margin-top: 20px; }

#content-fullsize li
{ margin-bottom: 10px;
  list-style: none; }


#error
{ width: 750px;
  margin: auto;
  margin-top: 40px;
  color: #fff; }

.cssreboot
{ margin: 8px 0 0 -10px; }



.radiobutton input
{ margin:0;
padding:0; }

#pictlist {
	height: 57px;
	width: 217px;
}



/*

Here's a stylesheet used to format a menu and its content.
All you have to do is ensure the script has the correct CSS property name
(like 'visibility' or 'display') that changes to show/hide menus.

If you want to extend this layout, one good resource for UL/LI formatting is:
    http://www.alistapart.com/articles/taminglists/
Alternatively, you can use any other CSS dropdown layout instead. More here:
    http://www.alvit.de/css-showcase/
Consult your favourite CSS reference for customising fonts/borders/etc.

Otherwise, you can just change the #RGB border/background colours where
suitable to customise for your site -- easy :).

*/



/* HORIZONTAL FREESTYLE MENU LAYOUT */


/* All <ul> tags in the menu including the first level */
.menulist, .menulist  ul {
 margin: 0;
 padding: 0;
 list-style: none;
 line-height: 18px; 
 font-size:12px;
}

/* Submenus (<ul> tags) are hidden and absolutely positioned downwards from their parent */
.menulist ul {
 display: none;
 position: absolute;
 top: 1.0em; margin-top: 13px; /* I'm using ems and px to allow people to zoom their font */
 left: -1px;
 width: 150px;
}

/* Second and third etc. level submenus - position across from parent instead */
.menulist ul ul {
 top: -1px; margin-top: 0;
 left: 148px;
}

/*
 All menu items (<li> tags). 'float: left' lines them up horizontally, and they are
 positioned relatively to correctly offset submenus. Also, they have overlapping borders.
*/
.menulist li {
	float: left;
	display: block;
	position: relative;
	margin-right: 0px;
	background-color: #BFBFBF;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: none;
	border-left-style: none;
	border-top-color: #00449E;
	border-right-color: #00449E;
	border-bottom-color: #00449E;
	border-left-color: #00449E;
	
}

/* Items in submenus - override float/border/margin from above, restoring default vertical style */
.menulist ul li {
 float: none;
 margin: 0;
 margin-bottom: -1px;
}
.menulist ul>li:last-child {
 margin-bottom: 1px; /* Mozilla fix */
}

/* Links inside the menu */
.menulist a {
 display: block;
 padding: 3px;
 color: #404040;
 text-decoration: none;
}

/* Lit  items: 'hover' is mouseover, 'highlighted' are parent items to visible menus */
.menulist a:hover, .menulist a.highlighted:hover, .menulist a:focus {
 color: #000;
 background-color: #96E3FF;
}
.menulist a.highlighted {
 color: #000;
 background-color: #5EC1F7;
}

/*
 If you want per-item background images in your menu items, here's how to do it.
 1) Assign a unique ID tag to each link in your menu, like so: <a id="xyz" href="#">
 2) Copy and paste these next lines for each link you want to have an image:
    .menulist a#xyz {
      background-image: url(out.gif);
    }
    .menulist a#xyz:hover, .menulist a.highlighted#xyz, .menulist a:focus {
     background-image: url(over.gif);
    }
*/

/* Only style submenu indicators within submenus. */
.menulist a .subind {
 display: none;
}
.menulist ul a .subind {
 display: block;
 float: right;
}


/* 'Escaped Comment' hack for horizontal menubar width in IE5/Mac */
.menulist a {
 float: left;
}
.menulist ul a {
 float: none;
}
/* \*/
.menulist a {
 float: none;
}

.menulist a:hover
{ text-decoration: none; }
/* */


/*
 HACKS: IE/Win:
 A small height on <li> and <a> tags and floating prevents gaps in menu.
 * html affects <=IE6 and *:first-child+html affects IE7.
 You may want to move these to browser-specific style sheets.
*/
*:first-child+html .menulist ul li {
 float: left;
 width: 100%;
}

* html .menulist ul li {
 float: left;
 height: 1%;
}
* html .menulist ul a {
 height: 1%;
}
/* End Hacks */


.menulist table {
    padding: 0px;
	float: left;
	display: block;
	position: relative;
	margin-right: 0px;
	background-color: #A8ADAD;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-left-style: solid;
	border-top-color: #00449E;
	border-right-color: #00449E;
	border-bottom-color: #00449E;
	border-left-color: #00449E;
	
}
#site #content p {
}
#site #content h3 {
}


/* titles */

#banner
{
	width: 750px;
	height: 122px;
	background-image: url(images/new_images/banner4.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}


#UltraRAD_Logo
{
	width: 750px;
	height: 120px;
	background-image: url(images/UR-Web-Logo9_web.jpg);
	background-repeat: no-repeat;
	background-position: 5px 0px;
}
#isfdi
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/isfdi3.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#i_logo_about
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/i_about_us.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#i_prod_servs
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/i_prod-servs2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#i_logo_here2
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/isfdi.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#i_contact_us
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/i_contact_us2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}

#i_press_room
{
	width: 750px;
	height: 120px;
	background-image: url(images/new_images/press_room2.jpg);
	background-repeat: no-repeat;
	background-position: right bottom;
}
#site .no_column .pr_text {
	text-align: left;
}
#site .three_column dt {
	line-height: 18px;
}
#site .three_column dd {
	line-height: 18px;
}
#site .center_bot {
	top: 205px;
	clip: rect(205px,auto,auto,auto);
	width: 750px;
	float: left;
}
#site .three_column li {

	font-weight: bold;
}
#site #left li {

	font-weight: bold;
}
#site #tab_nav #tsepsearchform .SearchField {
	margin-top: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	margin-right: 0px;
	clear: none;
	float: right;
	width: 140px;
	left: -7px;
	top: 3px;
	position: relative;
	right: 0px;
}
#site #tab_nav #tsepsearchform {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 10px;
}
#site #tab_nav #tsepsearchform input {
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	margin-left: 0px;
	position: relative;
	left: -4px;
	top: 2px;
	float: right;
	right: 7px;
}
#site #right #underline_text {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
	margin-top: 40px;
}
#site #underline_text {
	border-bottom: 1px solid #ccc;
	margin-top: 4px;
}

#site #right #underline_text_top {
	font-weight: bold;
	border-bottom: 1px solid #ccc;
}
#site #tab_nav #tsepsearchform {
}
#site #footer .email_link {
	text-decoration: none;
}
#site #footer .email_link {
	color: #000000;
	font-weight: normal;
	border-right: 0px;
}
#site #footer .email_link:hover {
	text-decoration: underline;
}
/* This is for FORMS - hightlighting the active field 
textarea:focus, input:focus {
	background-color: #FFFFCC;
}
*/
#site #left div {
	margin-left: 15px;
}
#site #left #underline_text {
	margin-left: 0px;
	font-size: 14px;
	color: #00449E;
	text-decoration: none;
}
#site #right .space_under_down {
	padding-bottom: 5px;
}
#site #left .style1 {
	font-weight: normal;
}
#site .sub_title {
	font-weight: bold;
	font-size: 18px;
	padding-bottom: 0px;
	padding-top: 12px;
	margin: 0px;
	color: #000000;
}
#site #content_right .style28 {
	font-size: 14px;
}
#site #content_right .subtitle2 {
	font-weight: bold;
	padding-bottom: 0px;
	padding-top: 12px;
	margin: 0px;
}
#site #content_right .style_title {
	font-size: 18px;
	font-weight: bold;
}
#site #left .highlights {
	padding-top: 12px;
}

#site #left .product_name {
	font-size: 30px;
	color: #00449E;
}
#site #content_right .fp_header {
	text-align: center;
	padding-bottom: 12px;
}
#site #content_right .fp_content {
	padding-bottom: 12px;
	text-align: left;
}
#site #content_right .fp_header_index {
	font-size: 26px;
	text-align: center;
}
#site #content_right .fp_content {
	font-weight: normal;
}
#site #left .fp_highlights {
	color: #000000;
	font-weight: bold;
	text-decoration: none;
	padding-top: 5px;
	padding-bottom: 14px;
}
#site #left #fp_special {
	margin-left: 0px;
	padding: 3px;
	border: 3px dotted #FFFF00;
}
#site #left #fp_special2 {
	margin-left: 0px;
	border: 4px dashed #000000;
}

#site #content_right .big {
	font-size: 22px;
	font-weight: bolder;
}
#site .no_column u {
	font-size: 18px;
}
#site .no_column .careers {
	font-size: 16px;
}
#site .mid_section {
	background-color: #FFFFFF;
}
#site .mid_section #left .product_name_smaller {
	color: #00449E;
	font-size: 29px;
}
#site .mid_section #content_right span {
	color: #00449E;
	font-weight: bold;
}

#site .mid_section #content_right td a {
	font-size: 11px;
	color: #708DB9;
}
#site .mid_section #left .highlights .highlighted_term {
	font-weight: bold;
	color: #00449E;
}
#site .mid_section #content_right .big {
	font-size: 22px;
	color: #00449E;
}
#site .mid_section .no_column font {
	font-family: "Times New Roman", Times, serif;
	font-size: 36px;
	font-weight: bold;
}
#site .mid_section .no_column .title {
	font-size: 26px;
	font-weight: bold;
	color: #00449E;
}
#site .mid_section .backto {
	font-size: 11px;
	color: #708DB9;
}
#site .mid_section #left .fp_highlights .link_fp {
	color: #000000;
	font-weight: bold;
}
#site .mid_section #left .fp_highlights .link_fp .class {
	font-weight: bolder;
}
#site .mid_section #left .fp_highlights .link_fp .bolder {
	font-weight: bolder;
}
#site .mid_section #left .fp_highlights .link_fp .blue {
	color: #00449E;
}
#site .mid_section #left .fp_highlights .link_fp_n {
	font-weight: normal;
	color: #000000;
}
#site .mid_section #left .fp_highlights .link_fp_n .bolder {
	font-weight: bold;
}
#site .mid_section #left #left_small {
	margin-left: 0px;
}
#site .mid_section .no_column .title_prod {
	font-size: 18px;
	font-weight: bold;
}
#site .mid_section #content_right #Existing Customer {
	margin-top: 0px;
	margin-bottom: 0px;
}
#site .mid_section #content_right #Existing Customer {
	margin-top: 0px;
	margin-bottom: 0px;
}
#clean_margin {
	margin-top: 0px;
	margin-bottom: 0px;
}