html, body{margin:0; padding:0; font-family:"Trebuchet MS";}
* html body { /* speed fix */
  background: url(../../N_fixed.png/$FILE/fixed.png) fixed;
  }

/*li {white-space:nowrap;}*/
a {color: #009a9c; text-decoration: none;}
img {border:none;}
ul ul a {background: #fff;}
a.inpath {color:#000000 !important; font-weight:bold !important;}

#top{padding: 15px 0 15px 0; width: 1100px; background: url(../../N_topNavbg.png/$FILE/topNavbg.png) 0px 49px repeat-x; }
#top img{float: left; background:white; padding-left:20px;border:0;}



#topNav {
	float: left;
	height:15px;
	padding-top:9px; 
	margin-top:30px;
}
#topNav ul, #leftNav ul  {
	padding:0px;
	margin:0px;
	list-style-type:none;
}
* html #topNav ul ul{
	margin-top:-4px;
}
#topNav li.menu-1{ float: left; margin: 0 5px;}
#topNav li, #leftNav li {
	position:relative;
}

#leftNav li {
	padding-bottom:5px;
}
#leftNav li ul li{
	padding-bottom:0px;
}
*+html #leftNav li {
	padding-bottom:0px !important;
}
/* top level links style */
#topNav a, #topNav a:visited, #leftNav a, #leftNav a:visited {
	border-left:1px solid #fff; 
	border-right:1px solid #fff;
	padding: 0 5px;
	display:block;
	font-size:11px;
	text-decoration:none; 
	color:#009a9c; 
	height:15px;  
	background:#fff no-repeat;
}

* html #topNav a, * html #topNav a:visited {
	w\idth:0px;
}

/* hide the sub levels and give them a positon absolute so that they take up no room */
#topNav ul ul {
	visibility:hidden;
	position:absolute;
	top:15px;
	left:0; 
	width:200px;
	border: 1px solid #ffffff;
	background: #ffffff;
}

#leftNav ul ul {
	visibility:hidden;
	position:absolute;
	top:0px;
	margin:0;
	left:157px; 
	width:200px;
	border: 1px solid #ffffff;
	background: #ffffff;
}

* html #topNav ul ul {
	t\op:20px;
}
/* 3rd level menu */
#topNav ul ul ul, #leftNav ul ul ul{
	left:200px; 
	top:-1px;
	width:200px;
	margin-top:0px;
}
#leftNav ul ul {
	top:-3px;
}
/* style the table so that it takes no part in the layout - required for IE to work */
#topNav table, #leftNav table {position:absolute; top:0; left:0;}

/* second level links */
#topNav ul ul a, #topNav ul ul a:visited, #leftNav ul ul a, #leftNav ul ul a:visited {
	background:#ffffff; 
	color:#009a9c; 
	height:auto; 
	line-height:1em; 
	width:188px;
	border-color: #ffffff !important;
	padding-top:5px;
	padding-bottom:5px;
}
*+html #topNav ul ul a, *+html #topNav ul ul a:visited, *+html #leftNav ul ul a, *+html #leftNav ul ul a:visited {
	padding-bottom:0px;
	line-height:1.2em;
}
/* style the top level hover */
#topNav a:hover, #topNav ul ul a:hover, #leftNav a:hover, #leftNav ul ul a:hover{
	color:#009a9c; 
	background-color:#eeeeee;
	text-decoration: underline !important;
}
#topNav :hover > a, #topNav ul ul :hover > a, #leftNav :hover > a, #leftNav ul ul :hover > a {
	color:#009a9c;
	background-color:#eeeeee transparent;
	text-decoration: underline !important;
}
a.subbg{ 
	background-image: url(../../N_subnavbg.gif/$FILE/subnavbg.gif) !important;
	background-position: right center !important;
	background-repeat: no-repeat !important;
}
:hover > a.subbg {background-color:#eee;}

#topNav :hover > a{
	border-left: 1px solid #009a9c;
	border-right: 1px solid #009a9c;
}

#topNav :hover > a.nosub {
	border-left: 1px solid #ffffff;
	border-right: 1px solid #ffffff;
}
/* make the second level visible when hover on first level list OR link */
#topNav ul li:hover ul, #topNav ul a:hover ul,
#leftNav ul li:hover ul, #leftNav ul a:hover ul{
border:1px solid #009a9c; 
visibility:visible; 
}
/* keep the third level hidden when you hover on first level list OR link */
#topNav ul :hover ul ul, #leftNav ul :hover ul ul{
visibility:hidden;
}
/* keep the fourth level hidden when you hover on second level list OR link */
#topNav ul :hover ul :hover ul ul, #leftNav ul :hover ul :hover ul ul{
visibility:hidden;
}
/* make the third level visible when you hover over second level list OR link */
#topNav ul :hover ul :hover ul, #leftNav ul :hover ul :hover ul { 
visibility:visible;
}
/* make the fourth level visible when you hover over third level list OR link */
#topNav ul :hover ul :hover ul :hover ul, #leftNav ul :hover ul :hover ul :hover ul { 
visibility:visible;
}

#bottom {position:fixed; left:0px; bottom:0px; height:16px; background-color:#009a9c; font-size:12px; width:100%; color:#ffffff;}
#bottom li {display:block; float:left; list-style-type:none;}
#bottom ul {padding:0px; margin:0px; margin-left:36px;}
#bottom a {color:#ffffff;}
#bottom .copyright {position:relative; left:60%;}
* html #bottom {
  position:absolute;
  top:150%;
  top:expression(eval(document.compatMode && document.compatMode=='CSS1Compat') ? documentElement.scrollTop +(documentElement.clientHeight-this.clientHeight) : document.body.scrollTop +(document.body.clientHeight-this.clientHeight)) !important;
}

#content{width:1000px;}
*+html{margin-top:-12px;}
* html {margin-top:-12px;}
	
#leftNav{float:left; width: 185px; background: white;}
#leftNav h1{padding-left: 28px; margin:0 0 2px 0; font-size: 14px; font-weight: bold; color: #999; border-bottom: 1px dotted #009a9c;}
#leftNavLink{font-size: 14px !important; font-weight: bold; color: #999 !important; padding-bottom:2px !important;}
#leftNav ul {margin: 0 0 0 28px; padding: 0; font-size: 12px; list-style-type: none;}

#search {margin-top:20px; padding: 3px 0 6px 28px; border-top:1px solid #dedede; background: url(../../N_searchbg.jpg/$FILE/searchbg.jpg) no-repeat; font-size:12px; color:#009a9c;}
#search form {margin:0; padding:0; background:none; border:none;}
#search #searchField {width:100px; font-size:11px; height:11px; border: 1px solid #009a9c;}
#search .submitbutton {width:23px; height:15px; border: 1px solid #009a9c; background-repeat:no-repeat; background-color:#fff; text-align:center; background-position:center center; margin-left:3px;}
#search table {position:relative;}

#contact { margin-left: 28px; font-size:10px; color: #999; margin-top:40px;}
#contact h1 { font-size: 10px; color: #009a9c; margin:0; padding:0; border:0; }
#contact p { margin-top:0;}


#main {float:left; margin-left: 10px; overflow:hidden; width:780px;}

div.paratextright {float:left;}
div.paraimageleft {overflow:hidden; float:left;}
#col1 {float: left; width:445px;}
#col1 h1 {font-size:14px; margin:0; padding:0;}
#col1 div.parablock {padding-bottom: 10px; margin-bottom: 10px; font-size:12px; width:440px;}
#col1 .news {border-bottom: 1px dotted #009a9c; }
#col1 div.paraimage {width:440px; overflow:hidden;}
#col1 div.paratextright {float:left; width:275px; overflow:hidden; margin-left:5px;}
#col1 div.paraimageleft {max-width:160px; overflow:hidden; float:left;}
* html #col1 div.paraimageleft {width:160px;}

#col2 {float:right; width:320px; margin-left: 15px; margin-bottom:30px}
#col2 h1 {font-size:14px; margin:0; padding:0; color: #999; border-bottom: 1px dotted #009a9c;}
#col2 p {margin:0; padding:0; font-size:12px;}
#col2 div.parablock {padding-bottom: 10px; margin-bottom: 10px; font-size:12px; width:320px;}
#col2 div.paraimage {width:315px; overflow:hidden;}
#col2 div.paratextright {float:left; width:215px; overflow:hidden; margin-left:5px;}
#col2 div.paraimageleft {max-width:100px; overflow:hidden; float:left;}
* html #col2 div.paraimageleft {width:100px;}

#col3 {width:700px;}
#col3 h1 {font-size:14px; margin:0; padding:0;}
#col3 div.parablock {padding-bottom: 10px; margin-bottom: 10px; font-size:12px; width:700px;}
#col3 div.news {border-bottom: 1px dotted #009a9c; }
#col3 div.paraimage {width:700px; overflow:hidden;}
#col3 div.paratextright {float:left; width:400px; overflow:hidden;}
#col3 div.paraimageleft {max-width:280px; overflow:hidden; float:left;}
* html #col3 div.paraimageleft {width:280px;}

#rss h2{margin:5px 0 3px 0; padding:0; font-size:13px; line-height:15px;}
#rss h2 a{color:#999999;}
#rss p{padding: 0 0 0 10px; line-height:14px;margin:0 0 5px 0;}


.textfield { color: #009a9c; border: 1px solid #009a9c;}
// .formbutton {font-size:12px; border: 1px solid #009a9c; color: #000000; background-color: #ffffff; display:inline-block;}
.radio  {margin-left:0px;}
*+html .radio {margin-left:-4px;}
* html .radio {margin-left:-4px;}
.submit {background: white; border: 1px solid #009a9c; color:#009a9c;}
.clearer{clear: both;}
.paramovie { margin-bottom: 15px; }

/* ibm innovations on tour formular */

#ibm-content-main form input { border:1px solid #009A9C; color:#009A9C; }

#ibm-content-main form.ibm-column-form label {
	clear:left;
	display:block;
	float:left;
	font-weight:bold;
	width:150px;
}
#ibm-content-main form.ibm-column-form p span {
	display:block;
	margin-left:157px;
}
#ibm-content-main form.ibm-column-form p span.ibm-input-group {padding-bottom:5px !important;}
#ibm-content-main form.ibm-column-form label span {
	display:inline;
	margin:0px;
}
#ibm-content-main form.ibm-column-form .ibm-buttons-row p {
	padding-left:157px;
	float:none;
}
#ibm-content-main form.ibm-column-form .ibm-buttons-row p.ibm-first {padding-left:157px;}
#ibm-content-main form.ibm-column-form fieldset {
	border:0px;
	margin:0px;
	padding:0px;
}
#ibm-content-main form.ibm-column-form fieldset legend {
	padding:0px;
	margin:0px;
	padding-left:4px;
	display:inline;
	color:#000;
	padding-top:10px;
}
#ibm-content-main form.ibm-column-form fieldset span {
	display:block;
	margin-left:157px;
	margin-top:-18px !important;
	padding-bottom:10px !important;
}
#ibm-content-main form.ibm-column-form fieldset span label {
	float:none !important;
	clear:none;
	display:inline;
	width:auto !important;
}
#ibm-content-main form.ibm-column-form fieldset span input,
#ibm-content-main form.ibm-column-form fieldset span label {display:inline !important;}
#ibm-content-main .ibm-buttons-row p.ibm-first {
	width:140px;
	float:left !important;
}
#ibm-content-main .ibm-buttons-row p.ibm-second {margin-left:160px;}
#ibm-content-main .ibm-buttons-row span.ibm-sep {
	display:inline !important;
	clear:none;
	margin:0px !important;
	padding-right:20px;
}
#ibm-content-main form.ibm-row-form div.ibm-two-column p.ibm-first {
	float:left;
	display:inline;
	padding-right:20px;
}
#ibm-content-main form.ibm-row-form div.ibm-two-column p.ibm-second{display:block;}
#ibm-content-main form.ibm-row-form label span.ibm-additional-info {
	font-weight:normal;
	display:block;
}
#ibm-content-main form.ibm-row-form label {
	display:block;
	font-weight:bold;
}
#ibm-content-main form.ibm-row-form label span {
	display:inline;
	margin:0px;
}
#ibm-content-main form.ibm-column-form fieldset span.ibm-required {
	display:inline;
	margin-left:0px;
}
#ibm-content-main form .ibm-checkbox-layout {clear:both;}
#ibm-content-main form .ibm-checkbox-layout input {float:left;}
#ibm-content-main form .ibm-checkbox-layout label {
	clear:right;
	display:block;
	float:none;
	font-weight:normal;
	margin-left:1.8em;
	width:auto;
}
#ibm-content-main form p.ibm-radio-layout strong {
	float:left;
	clear:left;
	display:block;
	width:150px;
}
#ibm-content-main form p.ibm-radio-layout strong span.ibm-required {
	display:inline;
	margin:0px;
}
#ibm-content-main form p.ibm-radio-layout input,
#ibm-content-main form p.ibm-radio-layout label {
	clear:none;
	display:inline;
	float:none;
	font-weight:normal;
	width:auto;
}
#ibm-content-main form span.ibm-input-group label {
	clear:none;
	display:inline;
	float:none;
	font-weight:normal;
	width:auto;
}
#ibm-content-main form p.ibm-radio-layout span {height:1%;}
.ibm-footnote .ibm-container-body {
	background:none;
	margin:0px -3px;
	border-width:0px;
	color:#666 !important;
}


/* ENDE ibm innovations on tour formular */



/* --- popup dialog --- */
.dragWin {position:absolute; width:640px; left:170px; table-layout:fixed; border-collapse:collapse; z-index:2000; border:2px solid white;}
.popContent {width:480px; left:230px; margin-left:0;}
.dragWin td {margin:0px; padding:0px;}
.dragWin .wTitle {padding:1px 0px 0px 10px; font-size:12px; font-weight:bold; color:#ffffff;}
.dragWin .wBorderTopLeft {width:1px; height:1px; background:#666666; overflow:hidden;}
.dragWin .wBorderTopCenter {height:2px !important; height:1px; background:#666666;}
.dragWin .wBorderTopRight {width:1px; height:1px; background:#666666; overflow:hidden;}
.dragWin .wTitleLeft {width:1px; height:20px; background:#666666; overflow:hidden;}
.dragWin .wTitleCenter {height:20px; background:#009A9C; -moz-user-focus:ignore; -moz-user-input:disabled; -moz-user-select:none;}
.dragWin .wTitleRight {width:1px; height:20px; background:#666666; overflow:hidden;}
.dragWin .wContentLeft {width:1px; background:#666666; overflow:hidden;}
.dragWin .wContentCenter {background-color:#ffffff;}
.dragWin .wContentRight {width:1px; background:#666666; overflow:hidden;}
.dragWin .wBorderBottomLeft {width:1px; height:1px; background:#666666; overflow:hidden;}
.dragWin .wBorderBottomCenter {height:1px; background:#a1a0a5; border-bottom:1px solid #666666; line-height:12px; border-top:1px solid #666666; padding:0; font-size:10px; text-align:center; color:#ffffff;}
.dragWin .wBorderBottomRight {width:1px; height:1px; background:#666666;}
.dragWin .content {position:absolute; left:0px; top:20px; width:300px; background-color:#ffffff; border-top:1px solid #cccccc;}
.dragWin .wButtonClose {position:absolute; right:-1px; top:-1px; display:block; width:13px; height:14px; line-height:1px; font-size:1px; background: #ffffff url(../../N_popup_close.gif/$file/popup_close.gif) right top no-repeat;}
#overlay {position:absolute; background-color:#000000; -moz-opacity:.20; opacity:.20; filter:alpha(opacity=20); display:none;}


/* --- image gallery --- */
.gallIndex {position:relative; width:440px; margin-bottom: 20px;}
.margin .gallIndex {width:180px; padding-left: 23px;}
.gallIndexPage {border:0px solid red; width:500px;}
.gallIndexPic {border-collapse:collapse; float:left; margin:10px 26px 24px 1px; cursor:pointer; width:120px; height: 84px;}
.margin .gallIndexPic {margin:10px 26px 5px 0;}
td.gallIndexPicImage {padding:5px; text-align:center; vertical-align:middle; width:110px; height:74px; border:1px solid #cccccc; background: #ffffff;}
#gallery {position:relative; width:610px; height:550px; margin-top:10px; margin-left:10px;}

#gallImageFrame {position:absolute; left:0px; top:0px; width:610px; height:440px; overflow:hidden;}
.gallImage {float:left; width:610px; text-align: center;}
.gallImage img {position:relative; display:block; margin:auto;}
#gallImage {position:absolute; width:610px; background-color:#ffffff; z-index:1;}
.gallImageLabel {padding-top:5px; color:#615344; font-size:11px; font-weight:bold;}
#gallImageOverlay {position:absolute; width:610px; background-color:#ffffff; z-index:9; display:none; filter:alpha(opacity=100);-moz-opacity:1; opacity:1; text-align: center;}
#gallImageOverlay img {margin-left: auto; margin-right: auto;}
#gallImageScroller {position:absolute; width:8000px; top:0px; background-color:#ffffff; z-index:0;}
.gallImageScroll {position:absolute; z-index:10; width:200px; height:410px; cursor:pointer; filter:alpha(opacity=0);-moz-opacity:0; opacity:0;}
#gallImagePrev {left:0px; top:0px; background:url(../../N_gall_image_prev.gif/$file/gall_image_prev.gif) left center no-repeat;}
#gallImageNext {right:0px; top:0px; background:url(../../N_gall_image_next.gif/$file/gall_image_next.gif) right center no-repeat;}

#gallThumbsFrame {position:absolute; left:-2px; top:445px; width:614px; height:100px; overflow:hidden; background-color:#ffffff; border:0px solid red;}
.gallThumb {float:left; margin-right:11px; width:110px; height:74px; padding:1px; border:1px solid #ffffff; cursor:pointer; text-align:center;}
.gallThumb img {margin-left: auto; margin-right: auto;}
#gallThumbs {position:absolute; width:625px; background-color:#ffffff; z-index:1;}
#gallThumbsScroller {position:absolute; width:4000px; top:0px; background-color:#ffffff; z-index:0;}
.gallThumbsScroll {position:absolute; border:0px solid #cccccc; width:20px; height:20px; cursor:pointer; background-color:#ffffff;}
#gallThumbsPrev {left:2px; bottom:0px; width:15px; height:15px; background:url(../../N_gall_thumb_prev.gif/$file/gall_thumb_prev.gif) center center no-repeat;}
#gallThumbsNext {right:2px; bottom:0px; width:15px; height:15px; background:url(../../N_gall_thumb_next.gif/$file/gall_thumb_next.gif) center center no-repeat;}

.activeThumb {border-color:#009A9C;}
.endFloat {float:none; clear:both; line-height:0px;}
dt.hgallery { margin-top: 20px !important;}

/* --- end image gallery --- */

div.flash h1 {margin-bottom:5px !important;}

