/* [Pago] - [10.06.09] - [Online Consulting AG] - [format.css] */

/************************************************
*			Fixes, Workarounds, etc.			*
************************************************/
* {
	margin: 0;
	padding: 0;
	}

/* Clearfix fuer das Float-clearing */
.clearfix:after {
    content: '.';
    display: block;
    height: 0;
    clear: both;
    visibility: hidden;
	}
.clearfix {display: inline-block;}  /* IE 7 */

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */

/************************************************
*				Grundlayout						*
************************************************/
html {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 100.1%;
	}
body {
	text-align: center;
	font-size: 0.69em;
	line-height: 1.5em;
	height: 100%;
	background-color: #bebebe;
	}
#wrapper {
	text-align: left;
	margin: 0 auto;
	width: 980px;
	color: #6b6b6b;
	}
#header {
	width: 980px;
	height: 126px;
	background-color: #ffe264;
	}
#header #logo {
	float: left;
	width: 161px;
	height: 126px;
	background-color: #fff;
	}
#header #logo img {
	margin: 30px 8px;
	}
#emotion {
	float: left;
	width: 637px;
	border-right: solid 1px #646464;
	border-left: solid 1px #646464;
	display: block;
	vertical-align: bottom;
	margin: 0;
	}
.startsite #emotion {
	width: 50%;
	border-right: none;
	display: block;
	float: left;
	vertical-align: bottom;
	margin: 0;
	}
.flash-map {
	width: 50%;
	border-right: none;
	display: block;
	float: left;
	vertical-align: bottom;
	margin: 0;
	}
.startsite #emotion img {
	margin-right: 1px;
	}
.startsite .greybox {
    z-index: 3000;
    color: #6B6B6B;
    font-size: 13px;
    font-weight: bold;
    padding: 8px;
    /*background: #FFE066;*/ 
    }
#emotion img{
	border: none;
	float: left;
	}
#header #header-right {
	float: left;
	width: 178px;
	height: 126px;
	background-color: #ffe264;
	border: none;
	display: block;
	vertical-align: bottom;
	margin: 0;
	}
.startsite #header #header-right {
	width: 178px;
	}
#main {
	width: 980px;
	background: #fff url(../images/main-bg.gif) 161px 0 repeat-y;
	}
.startsite #main {
	background:  #fff;
	}
#left {
	float: left;
	width: 161px;
	}
#location {
	background-color: #929292;
	height: 50px;
	padding: 8px 0 0 8px;
	color: #fff;
	font-weight: bold;
	border-top: solid 1px #646464;
	border-bottom: solid 1px #646464;
	}
.multinational {
	padding: 1px 0 0 8px;
	height: 20px;
	background: #929292;
	color: #fff;
	font-weight: bold;
	border-bottom: solid 1px #646464;
	}
.multinational span.country{
	padding-top: 1px;
	display: block;
	width: 110px;
	float: left;
	}
.multinational img{
	padding-top: 4px;
	float: left;
	}
.startsite .topborder {
	background: #ffe066;
	height: 18px;
	border-top: solid 1px #646464;
	border-bottom: solid 1px #646464;
	}
#content-center {
	float: left;
	width: 639px;
	border-top: solid 1px #646464;
	/*border-right: solid 1px #646464;
	border-left: solid 1px #646464;*/
	}
#content {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	float: left;
	width: 597px;
	padding: 20px;
	}
.spez-content {
    min-height: 300px;
	height: auto !important;
	height: 300px;
	float: left;
	width: 597px;
	padding: 20px;
    }
.content-contact {
	min-height: 300px;
	height: auto !important;
	height: 300px;
	float: left;
	width: 597px;
	padding: 20px;
	}
	

	
.startsite #content {
	min-height: 403px;
	height: auto !important;
	height: 403px;
	float: left;
	width: 297px;
	padding: 20px 20px 20px 15px;
	border-right: solid 1px #646464;
	}
#right {
	float: left;
	width: 180px;
	}
/************************************************
*				Style-Elemente					*
************************************************/
img {border: none;}
hr {
	clear: both;
	color: #000;
	height: 1px;
	margin: 5px 0;
	background: #000;
	}
a, a:link, a:visited {
	text-decoration: none;
	color: #6b6b6b;
	}
#content a, #content a:link, #content a:visited {
	color: #6b6b6b;
	text-decoration: underline;
	}
a:focus {color: #000;}
address {font-style: normal;}

/************************************************
*					Suche						*
************************************************/
.search {
	padding: 16px 0 15px 0;
	}
.search .go {
	float: left;
	padding-left: 8px;
	}
.search label {
	width: 57px;
	height: 16px;
	margin-left: 3px;
	background: #ffcc00;
	margin-bottom: 0;
	}
.search .searchfield {
	float: left;
	background: #fff;
	margin-left: 5px;
	padding-left: 4px;
	width: 109px;
	border: 1px solid #000;
	}
/************************************************
*					Navigation					*
************************************************/
/* Stufe 1 */
#hnav {
	background-color: #646464;
	width: 619px;
	height: 18px;
	padding-left: 20px;
	border-bottom: solid 1px #646464;
	}
#hnav li {
	float: left;
	padding-right: 15px;
	}
#hnav li a, #hnav li a:link, #hnav li a:visited {
	color: #fff;
	font-weight: bold;
	}
#hnav li a:hover, #hnav li a:active, #hnav li a:focus,
#hnav li a.active, #hnav li a.active:link, #hnav li a.active:visited {
	color: #ffcc00;
	}
/* Sekundaere Navigation */
/* Stufe 1 */
#snav {
	background: #fff;
	margin-top: 20px;
	margin-bottom: 20px;
	border-bottom: solid 1px #646464;
	}
#snav li {
	height: 1%;
	}
#snav li a, #snav li a:link, #snav li a:visited {
	display: block;
	padding-left: 8px;
	width: 153px;
	color: #6b6b6b;
	border-top: solid 1px #646464;
	}
#snav li a:hover, #snav li a:active, #snav li a:focus {
	background: #ffcc00;
	}
#snav li a.active, #snav li a.active:link, #snav li a.active:visited {
	font-weight: bold;
	background: #ffcc00;
	}	
/* Stufe 2 */
#snav ul {
	background: #fff4c7;
	}
#snav ul li {
	border-top: solid 1px #fff;
	margin-left: 8px;
	}
#snav ul li a, #snav ul li a:link, #snav ul li a:visited {
	border-top: none;
	width: 145px;
	}
#snav ul li a:hover, #snav ul li a:active, #snav ul li a:focus {
	background: #ffdd57;
	}
#snav ul li a.active, #snav ul li a.active:link, #snav ul li a.active:visited {
	background: #ffdd57;
	}
/* Stufe 3 */
#snav ul ul li {
	border-top: solid 1px #fff;
	background: #ffe993;
	margin-left: 0;
	padding-left: 8px;
	}
#snav ul ul li a, #snav ul ul li a:link, #snav ul ul li a:visited {
	border-top: none;
	display: block;
	width: 137px;
	}
#snav ul ul li a:hover, #snav ul ul li a:active, #snav ul ul li a:focus {
	background: #ffdd57;
	}
#snav ul ul li a.active, #snav ul ul li a.active:link, #snav ul ul li a.active:visited {
	font-weight:bold;
	background: none;
	}
/* generische Navigation */
#gnav {
	padding-top: 5px;
	font-weight: bold;
	width: 155px;
	margin-left: 8px;
	}
#gnav li {
	float: left;
	margin-bottom: 4px;
	background: #fff4c7;
	}
	

#gnav li.gnav_gross  {
	width: 157px;
	}
#gnav li.gnav_klein_links {
	width: 70px;
	margin-right: 13px;
	}
#gnav li.gnav_klein_rechts {
	width: 70px;
	}
/*	
	
#gnav li.pagogruppe, #gnav li.ueberuns, #gnav li.news  {
	width: 153px;
	}
#gnav li.messen {
	width: 70px;
	margin-right: 11px;
	}
#gnav li.presse {
	width: 70px;
	}
*/
#gnav li a, #gnav li a:link, #gnav li a:visited {
	color: #000;
	padding: 0 5px;
	display: block;	
	}
#gnav li a:hover, #gnav li a:active, #gnav li a:focus,
#gnav li a.active, #gnav li a.active:link, #gnav li a.active:visited {
	background: #646464;
	color: #ffe264;
	padding: 0 5px;
	display: block;	
	}
/* Gnav Sek. Nav */
.invisible {
	display:none;
	}
/* Service Navigation */
#service {
	margin: 6px 0 0 6px;
	width: 160px;
	}
#service li{
	float: left;
	margin-right: 30px;
	}
#service li.last {
	margin-right: 0;
	}
/* language Navigation */
#language {
	padding: 0 0 0 3px;
	height: 18px;
	background-color: #929292;
	border-top: solid 1px #646464;
	}
.startsite #language {
	float: left;
	width: 158px;
	background-color: #929292;
	border-top: solid 1px #646464;
	border-right: solid 1px #646464;
	border-bottom: solid 1px #646464;
	}
#language li {
	float: left;
	padding: 0 6px;
	height: 18px;
	background: url('../images/seperator.gif') 0 5px no-repeat;
	}
#language li:first-child {
	background: none;
	}
#language li a, #language li a:link, #language li a:visited {
	font-weight: bold;
	color: #fff;
	}
.dd-location {
	width: 140px;
	background-color: #fff;
	}
/************************************************
*			Content-Absatzformate				*
************************************************/
/* Ueberschriften */
h1, h2, h3, h4, h5 {
	font-weight: bold;
	padding: 4px 0;
	}
h1 {font-size: 1.32em;}
h2 {font-size: 1.1em;}
h3 {font-size: 1em;}
	
.startsite h1 {
    font-size: 25px;
    line-height: 34px;
    margin-bottom: 30px;
    }
.startsite h2 {
    font-size: 18px;
    line-height: 24px;
    margin-bottom: 40px;
    }
/* Paragraph */
p {
	line-height: 1.5em;
	padding: 5px 0;
	}
/* Listen */
#content ul {
	list-style-type: none;
	margin: 5px 0 5px 0;
	}
#content ul li {
	padding: 2px 0 2px 10px;
	background: url('../images/list_item.gif') 1px 7px no-repeat;
	line-height: 1.2em;
	}
#content ol {
	list-style-type: decimal;
	margin: 5px 0 5px 20px;
	}
#content ol li {
	padding: 2px 0 2px 0;
	margin-left: 10px;
	line-height: 1.2em;
	}
/* Sitemap */
.sitemap {
	padding: 5px 0 20px 0;
	}
.sitemap a:hover{
	color: #ffcc00;
	}
.sitemap li {
	background: none !important;
	padding: 0 !important;
	}
.sitemap ul li{
	margin-left: 10px;
	}
.sitemap ul ul li{
	margin-left: 20px;
	}
.sitemap ul ul ul li{
	margin-left: 30px;
	}
.sitemap ul ul ul ul li{
	margin-left: 40px;
	}
/* Contentpane       */
.content1 {
	float: left;
	width: 48%;
	margin-right: 22px;
	}
.content2 {
	float: left;
	width: 48%;
	}
.content3 {
	clear:both;
	}
.content4 {
	float: left;
	width: 48%;
	margin-right: 22px;
	}
.content5 {
	float: left;
	width: 48%;
	}
/* Tabellen */
table {
	}
table td,
table th {
	text-align: left;
	padding: 3px 10px 3px 3px;
	vertical-align: top;
	}
table th {
	font-weight: bold;
	}
table td {
	}	
/* Rechte und Linke Spalte */
#right h1 {
	}
#right h2,
#left h2 {
	color: #fff;
	height: 18px;
	padding: 0 0 0 8px;
	background: #929292;
	border-bottom: solid 1px #646464;
	}
#right p,
#left p {
	padding: 5px 8px 5px 8px;
	}
#right .box a, #right .box a:link, #right .box a:visited,
#left .box a, #left .box a:link, #left .box a:visited {
	text-decoration: underline;
	}
#right .box,
#left .box {
	border-top: solid 1px #646464;
	border-bottom: solid 1px #646464;
	background: #ffe264;
	margin-bottom: 20px;
	width: 180px;
	}
#left .box {
	width: 161px;
	background: #ffffff;
	}
#right .solutionfinder {
	border-top: solid 1px #646464;
	border-bottom: solid 1px #646464;
	background: #ffe264;
	margin-bottom: 20px;
	}
/************************************************
*					Formular					*
************************************************/
.formular {
	width: 500px;
	}
label {
	float: left;
	width: 150px;
	}
input, textarea, select {
	font-family: Arial, Helvetica, sans-serif;
	float: left;
	font-size: 1em;
	}
textarea {
	height: 130px;
	width: 300px;
	}
select {
	height: 20px;
	width: 310px;
	margin-bottom: 6px;
	}
select.short {
	float: none;
	width: 90px;
	}
select option {
	padding: 3px;
	}
input.txtfield {
	width: 300px;
	}	
input.short {
	float: none;
	width: 30px;
	}	
input.txtvorname {
	margin-left: 10px;
	width: 168px;
	}
input.txtplz {
	width: 50px;
	}
input.txtort{
	margin-left: 10px;
	width: 242px;
	}
label, input.txtfield, textarea {
	margin-bottom: 6px;
	}
input.txtfield, textarea, select {
	padding: 2px 2px 2px 4px;
	}
/*input.txtfield:hover, input.txtfield:active, input.txtfield:focus,
textarea:hover, textarea:active, textarea:focus,
select:hover, select:active, select:focus {
	border: 1px solid #000;
	background: #fff;
	}*/
.submit {
	clear: both;
	margin-left: 150px;
	display: block;
	width: 60px;
	border: solid 1px #646464;
	text-align: center;
	text-decoration: none !important;
	}	
	
/*.cb-themen1 {
	margin-top: 4px;
	float: left;
	}
.cb-themen2 {
	margin-top: 49px;
	}
.cb-themen1 label, .cb-themen2 label {
	padding: 0;
	margin-left: 10px;
	width: 150px;
	}*/
/*	Captcha		*/
.formular div.captcha {
	padding: 10px 0 0 150px;
	height: auto;
	}
.formular .captcha .zeichen {
	text-align: left;
	margin-top: 5px;
	width: 50px;
	}
/************************************************
*					Footer						*
************************************************/
#footer {
	 width: 980px;
	 background-color: #fff;
	}
.startsite #footer {
	background: #ffe066;
	border-top: solid 1px #646464;
	}
#footer p {
	float: left;
	padding: 0 0 0 8px;
	}
#footer #fnav {
	float: left;
	}
#footer .footer-left {
	height: 20px;
	width: 161px;
	border-top: solid 1px #646464;
	border-right: solid 1px #646464;
	float: left;
	}
#footer .footer-center {
	height: 20px;
	width: 637px;
	float: left;
	}
#footer .footer-right {
	height: 20px;
	width: 180px;
	position: relative;
	float: left;
	border-top: solid 1px #646464;
	border-left: solid 1px #646464;
	}
#footer a, #footer a:link, #footer a:visited {
	text-decoration: underline;
	}
#footer .fnav li {
	float: left;
	padding-left: 20px;
	}

/************************************************
*					Module						*
************************************************/
/* News */
.news-liste {
	padding-bottom: 10px;
	border-bottom: solid 1px #ebebeb;
	width: 100%;
	}
.news-liste .bild{
	float: left;
	padding-right: 20px;
	width: 150px;
	}
.news-liste .right{
	width: 420px;
	float: left;
	}
.news-liste .bild img{
	width: 150px;
	}
.news-detail {}
.artikel-liste {
	width: 100%;
	}
	
/* Dokumente */
.downloads {
	margin-bottom: 25px;
	}
.downloads .file {
	border-bottom: 1px solid #FFCC00;
	}
.downloads .file img {
	float: left;
	width: 16px;
	height: 16px;
	margin-right: 5px;
	}
.downloads .file a, .downloads .file a:link, .downloads .file a:visited {
	float: left;
	text-decoration: none !important;
	}
	
/* Kalender */
.calendar {
	width: 140px;
	border: 0px solid white !important;
	}
.calendar a, .calendar a:link, .calendar a:visited {
	display: block;
	padding: 3px 0;
	text-align: center;
	vertical-align: middle;
	}
.calendar a:hover, .calendar a:active, .calendar a:focus {
	}
.calendar .calendar {
	margin: 5px 0;
	width: 140px !important;
	}
.calendar .calendar td {
	font-weight: bold !important;
	text-transform: uppercase;
	text-align: center;
	width: auto;
	}
.calendar th {
	height: 20px;
	text-transform: uppercase;
	}

/* Suchresultate */
#suchresultate h2 {
	font-size: 1em;
	margin: 3px 0 3px 0;
	}
#suchresultate .head,
#suchresultate .headdoc {
	background: #F5F5F5;
	padding: 3px 5px;
	border-top: 1px solid #BDBDBD;
	}
#suchresultate .paging {
	font-weight: bold;
	text-align: center;
	margin-bottom: 10px;
	}
#suchresultate .paging a, #suchresultate .paging a:link, #suchresultate .paging a:visited {
	}
/* L�nderw�hler - Solutionfinder */

#left div#keyword-search {
	background-color: #929292;
	/*height: 50px;*/
	color: #fff;
	width: 161px;
	border-top: solid 1px #646464;
	border-bottom: solid 1px #646464;
	padding-bottom: 12px;
	}
#left div#keyword-search h3{
	margin-left: 8px;
	padding: 0;
	}
#keyword-search .moduleTitle {
	color: #6d6e71; 
	}
ul.keyword  {
	float: left;
	z-index: 1; 
	}
#left ul.keyword {
	margin: 5px 0 0 4px !important;
	}
#right ul.keyword {
	margin: 5px 0 0 4px !important;
	}
ul.keyword li {
	padding: 0 0 0 5px; 
	height: 16px; 
	line-height: 15px;
	z-index: 10;
	cursor: hand !important;
	}
ul.keyword li:first-child {
	height: 16px;
	}	
	
	select.keyword
{
    width: 160px;
    margin-left: 5px; padding: 0px 0px 0px 0px;
}

	select.countryselect  {
    width: 150px;
    margin-left: 5px; padding: 0px 0px 0px 0px;
}

	.solutionfinder-content
{
   
    padding-top: 5px;
  
}
	
#left ul.keyword {
	width: 151px;
	background: #929292 url('../images/left-dropdown-bg.gif') left center no-repeat;
	}
#right ul.keyword {
	background: #ffe163 url('../images/right-dropdown-bg.gif') left center no-repeat;
	width: 175px;
	}	
#left ul.keyword li { width: 133px; cursor: hand !important;}
#left ul.keyword li a { cursor: hand !important;}
#right ul.keyword li { width: 151px; }	
ul.keyword ul {
	position: absolute; 
	left: -999em;
	margin: 0; padding: 0;
	}
ul.keyword li:hover ul {
	position: relative;
	top:1px; left:-6px;
	height: auto;
	background-color: #fff;
	border-left: solid 1px #ccc; 
	border-bottom: solid 1px #ccc; 
	overflow-y: auto;
	/*overflow-x: hidden;*/
	z-index: 12; 
	}	
#left ul.keyword li:hover ul {width: 138px; }
#right ul.keyword li:hover ul {width: 156px; }
ul.keyword ul li {
	background: none;
	border: none; 
	display: block;
	width: auto;
	height: 16px;     
	}
ul.keyword ul li a,
ul.keyword ul li a:link,
ul.keyword ul li a:visited {
	text-decoration: none;
	display: block;
	padding: 0; 
	color: #6d6e71; 
	cursor: hand !important;
	}
ul.keyword ul li a .title {
	display: block;
	float: left;
	}
#left ul.keyword ul li a .title {
	width: 110px;
	}
#right ul.keyword ul li a .title {
	width: 130px;
	}
ul.keyword ul li a img {
	height: 10px;
	margin-top: 3px;
	}
ul.keyword ul li:hover {
	background-color: #e5e5e5;
	}
ul.keyword ul li.last a span {
    color: #FFCC00;
}
ul.keyword ul li.last {
    background-color: #929292;
    height: 46px;
    font-weight: bold;
    }
ul.keyword ul li.others a span {
    /*color: Navy;*/
}
ul.keyword ul li.last:hover {
	height: 46px;
	}
hide, .hide  {
	position: absolute; 
	left: -999em; }
/* Links */
#content .link-liste {
	float: left;
	width: 161px;
	height: 400px;
	margin: 14px 35px 0 0;
	}
.nopreview {
    height: auto !important;
    }
.link-liste img{
	border: solid 1px #646464;
	float: left;
	}
.link-liste h2{
	display: block;
	background: #646464;
	color: #ffcc00;
	padding-left: 4px;
	padding-bottom: 2px;
	}
#content .link-liste span img {
	width: 159px; 
	height: 212px; 
	/*padding: 5px 5px 0 4px;*/
	}
.link-liste-flags {
	float: left;
	width: 110px;
	margin-bottom: 20px;
	}
.link-liste-flags span img{
    width: 16px;
    }
/*	Artikel Produkt Detail mit Multimedia */

.multimedia-detail {
	width: 100%;
	margin: 10px 0;
	overflow: hidden;
	}
.multimedia-detail .left,
.multimedia-detail .right {
	width: 48%;
	float: left;
	}
.multimedia-detail .right {
	margin-left: 15px;
	}
/* Messen */
.messen-liste {
	width: 100%;
	border-bottom: solid 1px #ebebeb;
	}
.messen-liste a{
	font-weight: bold;
	}
.messen-liste .bild{
	float: left;
	padding-right: 20px;
	width: 150px;
	}
.messen-liste .right {
    width: 420px;
    }
.messen-liste .bild img{
	width: 150px;
	}
.messen-liste .date {
	float: right;
	}
.messen-detail a{
	font-weight: bold;
	}
/*		Kontakte		*/
.kontakt {
	float: left;
	margin-right: 37px;
	}
.kontakt p img{
	width: 160px;
	}
.kontakt p a{
    text-decoration: underline;
	}
/*	Kontakt Kontext		*/
.box img {
	padding: 0 7px 0 0;
	}
.box .box-content img {
	width: 180px;
	padding: 0;
	}
.box-kontakt h3{
	padding: 5px 0 0 8px;
	}
.box-kontakt a{
	text-decoration: none !important;
	padding: 3px 0 0 35px;
	margin-bottom: 3px;
	font-weight: bold;
	display: block;
	height: 18px;
	width: 145px;
	}
.box-kontakt a.link-formular {
	background: url('../images/icon_kontaktformular.gif') 8px center no-repeat;
	}
.box-kontakt a.link-kontakt {
	margin-top: 3px;
	background: url('../images/icon_ansprechpartner.gif') 8px center no-repeat;
	}
.box-kontakt a.link-kontakt:hover, .box-kontakt a.active {
	background: #646464 url('../images/icon_ansprechpartner_aktiv.gif') 8px center no-repeat;
	color: #fff;
	}

#left .box-content {
	margin-top: 10px;
	}	
	
	
/*				TEST RIE			
____________________________________*/

div#ctl03_contentpane1, div#ctl03_contentpane2, div#ctl03_contentpane4, div#ctl03_contentpane5 {width: 48%; float: left;}
div#ctl03_contentpane2, div#ctl03_contentpane5 {margin-left: 14px;}