* { margin: 0; padding: 0; }
body { padding: 30px 0 20px; }

.print { display: none; }


/* Standard styles ------------------------------------------------ */

body, td, input, textarea { font: normal 14px/1.6 Calibri, Tahoma, Arial, sans-serif; color: #4e4e4e; }

h1 { color: #ffffff; font-size: 26px; margin: 0 0 24px; padding: 0 20px; font-weight: normal;
	background: url(bg_h1-u21-ines.png) no-repeat left center; }
h2 { color: #245ebe; font-size: 18px; margin: 1.6em 0 .6em; font-weight: normal; }
h3 { color: #245ebe; font-size: 16px; margin: 1.6em 0 .6em; font-weight: normal;}
h5 { font-size: 14px; font-weight: bold; }

p { margin-bottom: .6em; }
p.option { margin-left: 1.5em; }
p.pre { margin-bottom: .6em; white-space: pre; }
ul { font-size: 14px; font-weight: normal; margin-bottom: .6em; }
ul li { margin-left: 1.5em; }

strong { font-weight: bold; }
em { font-weight: bold; color: #245ebe; }

hr { display: block; height: 1px; border: 0; border-top: 1px solid #ccc; margin: 1em 0; padding: 0; }

.w350 { width: 350px; }

a { color: #333; text-decoration: none; }
a:hover { color: #254b98; text-decoration: underline }

.box a { background: url(icon_link_bold-u21-ines.png) no-repeat left center; padding-left: 8px; font-weight: bold; }
a.image { background: none; padding: 0px; }
a.pdf { background: transparent url(icon_pdf-u21-ines.png) no-repeat left top; padding: 2px 0 2px 22px; }
a.page { background: transparent url(icon_page-u21-ines.png) no-repeat left top; padding-left: 22px; padding: 2px 0 2px 22px;}
a.page-blue { background: transparent url(icon_page_blue-u21-ines.png) no-repeat left top; padding-left: 22px; padding: 2px 0 2px 22px;}
a.countrylink { font-weight:normal }

img { border: none; }
a img { border: none; background-image: none !important; padding-left: 0px; }


dl { padding: 10px 0; }
dt { float: left; clear: left; width: 120px; text-align: right; font-weight: bold; color: #245ebe; }
dd { margin: 0 0 0 140px; padding: 0 0 5px 0; }


form { }
fieldset { margin-bottom:26px;border: 1px solid #245ebe; background-color: #e5e5e5; }
fieldset.hidden { border: 0px; }
legend { background-color: #e5e5e5; padding: 5px 10px; color: #245ebe; }
label { float: left; width: 180px; margin-right: 20px; text-align: right; }
.fieldwrap { overflow: hidden; }
input.text,
textarea.text { width: 420px; border:1px solid #245ebe; padding: 2px 5px;
	margin: 0 10px 10px 0; }
input.text { height: 20px; }
textarea.text { height: 80px; }
input.text-half { width: 210px; }
input.text-small { width: 40px; }
select { width: 280px; height: 24px; margin: 0 10px 10px 0; }
select.select-half { width: 190px; }
input[type=submit] { background-color: #245ebe; color: #fff; }

form table td { vertical-align: top; }
form table th { font-weight: normal; padding-bottom: 5px; text-align: left; }

button { margin: 20px 0; padding: 10px 20px; cursor: pointer; display: inline-block; line-height: normal; text-align: center; vertical-align: baseline; white-space: nowrap; background-color: #7399c9; border: none; border-radius: 6px; color: #ffffff; font-size: 110%; text-decoration: none; }

/* layout ----------------------------------------------------- */
#wrapper { width: 1010px; margin: 0 auto; }
#header { position: relative; height: 100px; background: url(bg_header-u21-ines.png) no-repeat left top; }
#topnav { position: absolute; right: 15px; top: 30px; -moz-border-radius:3px; background-color: #fff; font-size: 12px; padding: 0 10px; }
#topnav a.english { background: transparent url(icon_english-u21-ines.png) no-repeat left center; padding-left: 22px; padding-bottom: 2px; }
#topnav a.deutsch { background: transparent url(icon_deutsch-u21-ines.png) no-repeat left center; padding-left: 22px; padding-bottom: 2px; }

#main { position: relative; }
#main #left { float: left; width: 170px; margin-left: 10px; }
#main #right { margin-left: 200px; width: 800px; }

/* #left */
ul#menu { margin: 0 0 40px; list-style: none; list-style-type: none; font-size: 12px; line-height: 14px; background: #cfd3d6 url(bg_menu-end-u21-ines.png) no-repeat left bottom; padding-bottom: 6px; }
ul#menu li { margin: 0; padding: 0; border-bottom: 1px solid #fff; }
ul#menu li.last { margin: 0; padding: 0; border-bottom: 0px solid #fff; }
ul#menu li a { display: block; text-decoration: none; background-color: #cfd3d6; padding: 4px 5px 4px 10px; }
ul#menu li a:hover { text-decoration: none; background-color: #ccd9eb; }
ul#menu li.first a { background: #fff url(bg_menu-first-u21-ines.png) no-repeat left top; color: #fff; font-weight: bold; }
ul#menu li.last a {  }
ul#menu li a.active { background: #ccd9eb url(menu_level1_active-u21-ines.png) no-repeat right center; padding-bottom: 6px; font-weight: bold;}
ul#menu li a.passive { background: #ccd9eb; }
ul#menu ul { margin: 0; padding: 0; list-style: none; list-style-type: none; font-size: 12px; line-height: 14px; }
ul#menu ul li a { background-color: #ccd9eb; padding: 4px 5px 4px 20px; }
ul#menu ul li a:hover { background-color: #97b6e2; }
ul#menu ul li a.active { background: #97b6e2 url(menu_level2_active-u21-ines.png) no-repeat right center; color: #fff; }


#left .box { margin-top: 20px; padding-top: 15px; }
#angebot { background: #b5cce9 url(bg_box_angebot-u21-ines.png) no-repeat left top; }
#fragen { background: #e5e5e5 url(bg_box_fragen-u21-ines.png) no-repeat left top; }
.landing { margin-top: -6px !important; }
#left .box h3 { padding: 0 5px 0 10px; font-size: 11px; font-size-adjust: none; color: #fff; line-height: 11px; height: 30px; font-weight: normal; margin: 0; }
#left .box p { margin: 0 0 6px; padding: 0 5px 0 10px; font-size: 11px; font-size-adjust: none; line-height: 17px; color: #333; }
#left .box-end { background: transparent url(bg_menu-end-u21-ines.png) no-repeat left bottom; height: 5px; }


/* #right */
#rootline a { color: #fff; text-decoration: none; background: transparent url(bg_rootline-arrows-u21-ines.png) no-repeat right center; padding-right: 12px; font-weight: normal; }
#rootline a:hover { text-decoration: underline; }
#rootline span { margin-left: 5px; font-weight:bold; }

.content {
	overflow: hidden;
}

#right .box { margin-top: 20px; background-color: #e5e5e5; }
#right .box .boxheader { background: #818385 url(bg_box_header-u21-ines.png) no-repeat left top; padding: 0 5px 0 10px; font-size: 12px; font-size-adjust: none; color: #fff; line-height: 25px; height: 25px; font-weight: normal; margin: 0; border-bottom: 1px solid #fff; overflow: hidden; }
#right .box .content { background: url(bg_content-u21-ines.png) no-repeat left top; padding: 24px 20px 0; position: relative; }

#right .box p { color: #333; }
#right .box-end { background: transparent url(bg_content-end-u21-ines.png) no-repeat left bottom; height: 5px; }

.products { background-image: url(bg_content-u21-ines.png) !important; padding: 30px 0 20px 20px; position: relative; }

.category { background-color: #efefef; padding: 10px; overflow: hidden;}
.category h3 { margin-top:0; }
.category h3 img { vertical-align: middle; margin-right: 10px;  }

.full { width: 740px; min-height:400px; }
.left460,
.twothirds { float: left; width: 460px; position: relative; margin-bottom: 0px;}

.left300,
.onethird { float: left; width: 280px; position: relative; margin-left: 20px; margin-bottom: 30px; }

.half { float: left; width: 365px; position: relative; margin-bottom: 30px; }
.half.last { margin-left: 20px; margin-bottom: 30px; }
.third { float: left; position: relative; margin-right: 10px; margin-bottom: 20px; }
.third.last { margin-right: 0; }
.category.half { width: 345px; }
.category .half { width: 345px; }
.category.third { width: 226px; min-height: 275px; }
.category .third { width: 226px; min-height: 275px; }

.country-image img { margin-left: 70px; }
.country-list { margin-top: 60px; }

.mapimg { margin:0 0 0 95px; }
.map.third { width: 226px; min-height: 275px; padding: 10px; }
.map .third { width: 226px; min-height: 275px; padding: 10px; }
.map p { margin-bottom: 0; }

.subcategory { overflow: hidden; }
.subcategory img { float: left; }
.subcategory p { padding-left: 10px; height: 80px; vertical-align: middle;
	display: table-cell;
}

.clearleft { clear: left; }

.buttons { padding-top: 10px; margin-bottom: 30px }
.buttons a { background-image: none; }

.productimage { width: 300px !important; height: 200px; text-align: right; margin-left: 0px; margin-top: 20px; }
.productimage a { background-image: none; }
.productimage .zoom { position: absolute; background: transparent url(button_lupe-u21-ines.png) no-repeat left center; width: 17px; height: 17px; right: 0; bottom: 0; }

.tab-content { padding-top: 20px; }
.tab-content strong { color: #245ebe; font-weight: normal;  }

.more .tab { border-bottom: 1px solid #779bca; font-weight: bold; font-size: 12px; }
.more-content { padding-top: 20px; }


#footer { clear: both; background: #fff url(bg_footer-u21-ines.png) no-repeat left top; border-top: 1px solid #fff; padding-top: 4px; padding-bottom: 4px; margin-left: 200px; margin-top: 20px; }
#footer div { padding-left: 10px; padding-right: 10px; color:  #fff; font-size: 12px; line-height: 14px; font-size-adjust: none; }
#footer a { color: #fff;  }


/*spezielle boxen */
.welcome { background: #cfd3d6  !important; }
.welcome .content { background-image: url(bg_box_content_welcome-u21-ines.png) !important; }
.welcome .content h1 { margin-bottom: 12px; }
.welcome .content p { font-size:16px; }

.gpib .boxheader { background-image: url(bg_box_header_blue-u21-ines.png) !important; }
.gpib h1 { background-image: url(bg_h1_blue-u21-ines.png) !important; color: #245ebe !important; }


.weitere .boxheader { background-image: url(bg_box_header_seagreen-u21-ines.png) !important; }
.weitere h1 { background-image: url(bg_h1_seagreen-u21-ines.png) !important; color: #4b9ead !important; }

.weitere ul.tabbernav { border-bottom: 1px solid #4b9ead; }
.weitere ul.tabbernav li a:hover { background: #4b9ead; }
.weitere ul.tabbernav li.tabberactive a { background-color: #4b9ead; }


/* layout body id=home ---------------------------------------- */
body#home #header { height: 159px; background: url(bg_home_header-u21-ines.png) no-repeat left top; }
body#home #header #topnav { top: 68px; }
body#home #main #right { background: #fff; }

body#home .gpib .content { background-image: url(bg_box_content_gpib-u21-ines.jpeg) !important;  }
body#home .weitere .content { background-image: url(bg_box_content_weitere-u21-ines.jpeg) !important; }



/*--------------------------------------------------
  REQUIRED to hide the non-active tab content.
  But do not hide them in the print stylesheet!
  --------------------------------------------------*/
.tabberlive .tabbertabhide { display:none; }
.tabber {display:none;} 

ul.tabbernav { margin:0; padding: 0; border-bottom: 1px solid #779bca; font-weight: bold; font-size: 12px; }
ul.tabbernav li { list-style: none; margin: 0; display: inline; }
ul.tabbernav li a { margin-right: 10px; text-decoration: none;
	padding: 3px 8px;
}
ul.tabbernav li a:hover { color: #fff; background: #779bca; }
ul.tabbernav li.tabberactive a { background-color: #779bca; color: #fff;
	background-image: none;
}
ul.tabbernav li.tabberactive a:hover { background-image: none; }

/* avoid tab size change + scrollbar*/
/* .tabberlive .tabbertab { height:300px; overflow:auto; } */

/* hide the heading since a heading is provided by the tab */
.tabberlive .tabbertab h2 { display:none; }