/* 
* 
* Stylesheet fuer SES CMMA2010 * (c) 2009 NGN new generation network gmbh 
* erstellt: 18.04.2005, vincent hildebrandt <hildebrandt@maguro.de> 
* letzte Aenderung: 10.02.2010, anderas pfeiffer
* 
*/

body {
	margin: auto;
	padding: 18px 0px;
	background-image: url(../images/background_site.png);
	background-repeat: repeat-x;
	text-align: center;
	font-size: 95%;
	color: #000;
	font-family: verdana, arial, helvetica;
	width: 771px;
	background-color:#777;
}

p, div, td, th, li, a, span, form {
	font-size: 1em;
	color: #000;
	font-family: verdana, arial, helvetica;
}
ul, p, ol, li, h1, h2, h3, h4, h5, form {
	margin: 0;
	padding: 0;
}
img {
	border: none;
}
li, p, form, td, th, h2 {
	font-size: 0.7em;
}
div.rightcol h2 {
	margin-bottom: 1em;
	margin-top: 2em;
}

div.leftcol h4, 
div.rightcol h4{
	font-size: 0.7em;
	margin-bottom: 1em;
}

#rightcol_save_search_h4,
#leftcol_save_search_h4{
	font-size: 1em;
	margin-bottom: 1em;
}

td p, p td, form td, td form, form p, form li, form h1, form h2, form h3, form th, td td {
	font-size: 1.0em;
}
div#structure {
	position: relative;
	margin: auto;
	text-align: left;
}

.showCompanies .heading,
.showProducts .heading{
	border-bottom: 1px solid #CDCDCD;
}

div#content{}

div#bgleft {}
div#bgright {
	/* aufgrund von browser-rundungs-fehlern bei prozentualen breiten */
}

/* Navigation mit Shortcuts am Kopf der Seite */
div#topnav {
	padding-right: 40px;
	margin: auto;
	line-height: 200%;
}
div#topnav h1 {
	display: none;
}
div#topnav ul {
	list-style-type: none;
}
/* damit die liste in IE 5 am Mac nicht zerschossen ist, brauch ich eine breite */
div#topnav li{
	display: block;
	float: left;
	font-size: 0.7em;
	padding-right: 13px;
	color: #c3291e;
}

div#topnav li a{
	color: #c3291e;
	text-decoration: none;
}

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

/* /Navigation mit Shortcuts am Kopf der Seite */
div#maennekintop {
	position: absolute;
	top: 0;
	right: 35px;
	background-image: url(../images/icons/maennekin_top.gif);
	background-repeat: no-repeat;
	height: 47px;
	width: 40px;
}
div#topspacer{
}

div.logoholder{
	padding-bottom: 18px;
}

/* textausrichtung der logos */
div.logoholder.center {
	text-align: center;
}
div.logoholder.left {
	text-align: left;
	background-color: #fff;
}

div.logoholder.long {
}
/* /textausrichtung der logos */
div.logoholder.right img {
	margin-right: -1px;
}
div#welcome{}
	div#welcome p {}
	div#welcome p.date {}
		div#welcome p span{}

div#navigation{
	margin-bottom: 18px;
	text-align: center;
}

div#navigation h1{
	display: none;
}

div#navigation ul{
	list-style-type: none;
}

div#navigation li{
	border-left: 1px solid #FFFFFF;
	display: inline;
	min-width: 80px;
	font-size: 0.7em;
	float: left;
}

div#navigation li.last{
	border-right: 1px solid #FFFFFF;	
}

div#navigation li a {
	color: #FFFFFF;
	display: block;
	min-width: 60px;
	height: 23px;
	line-height: 23px;
	padding-left: 10px;
	padding-right: 10px;
	text-decoration: none;
	background-image: url(../images/static/blank.gif);
}

div#navigation li a:hover, 
div#navigation li a.active{
	background-image: url(../images/navigation/verlauf_hover.gif);
}
			
div#logbottom{
	font-weight: normal;
	margin-bottom: 5px;
}

div#logbottom p strong,
div#logbottom img{
	display: none;	
}

div#logbottom p{
	font-size: 0.6em;
	margin: 15px 0;	
	color:#fff;
}
	
div#navbottom, 
div#copybottom{
	font-size: 1em;
	line-height: 1.4em;
}

	div#copybottom p{
		font-size: .8em;	
	}
	
	div#navbottom a,
	div#copybottom a{
		text-decoration: none;	
	}
	
	div#navbottom a:hover,
	div#copybottom a:hover{
		text-decoration: underline;	
	}

div#navbottom h1 {
	display: none;
}

div#navbottom li{
	display: inline;
	font-size: .8em;
}

span.none {
	display: none;
}
div.teaserholder {
	padding-left: 20px;
	padding-right: 20px;
}
div.teaserholder2 {
	padding-left: 20px;
	width: 720px;
	margin: auto;
}
/* container f�r startseiten inhalte */
div.homeplace {
	width: 685px;
	margin: auto;
	background-image: url(../images/homeplace_footer.gif);
	background-position: center bottom;
	background-repeat: no-repeat;
	padding-bottom: 42px;
	margin-bottom: 24px;
}

div.searchheading{
	width: 100%;
}

div.searchborder {
}

div.homeplace h2, div.searchheading h2 {
	width: 675px;
	height: 25px;
	line-height: 25px;
	font-weight: bold;
	padding-left: 10px;	
	margin-bottom: -2px;
}
h2#tableft, h2#tabright {
	float: left;
	height: 24px;
	background-repeat: no-repeat;
	padding: 0;
	text-align: center;
}
h2#tableft {
	color: #c3291e;
	font-size: 0.8em;
	width: 144px;
}
h2#tabright {
	background-image: url(../images/home_search_reiter_rechts.gif);
	width: 171px;
}
h2#tabright a {
	font-weight: normal;
}
div.homeplace p {
	width: 683px;
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}
div.homeplace p.center {
	text-align: center;
}

div.hometeaser {
	display: inline;
	float: left;
	margin-left: 15px;
	margin-right: 15px;
	margin-bottom: 24px;
}
div.hometeaser h2 {
	width: 203px;
	height: 27px;
	line-height: 27px;
	font-weight: bold;
	background-image: url(../images/home_teaser_heading.gif);
	background-repeat: no-repeat;
	background-position: right bottom;
	background-color: #F7F7F7;
	text-align: center;
	font-size: 0.65em;
	border: 1px solid #e1e1e1;
}
div.hometeaser h2 a {
	text-decoration: none;
}
input, select, textarea {
	font: normal 1em verdana, arial;
}
select, input {
	vertical-align: middle;
}
select.small {
	border: 1px solid #999;
	width: 50px;
}
select.short {
	width: 80px;
}
select.normal, input.normal {
	width: 150px;
}
select.long, input.long, textarea.long {
	width: 304px;
}
select.small.mini {
	font-size: 10px;
}
select.salutation {
	width: 50px;
}
input.day, input.month {
	width: 20px;
}
input.year, input.zip {
	width: 40px;
}
input.date {
	width: 100px;
}
input.currency {
	width: 40px;
}
input.long {
	width: 300px;
}
textarea.extralong, input.extralong {
	width: 475px;
}
textarea.extrasublong {
	width: 430px;
}
textarea.messaging, input.messaging {
	width: 350px;
}
select.messaging {
	width: 315px;
}
textarea.high {
	height: 120px;
}
textarea.subhigh {
	height: 80px;
}
table.messaging td {
	vertical-align: top;
}
table.messaging td.left {
	width: 100px;
}
td.profile {
	width: 150px;
}
img.calendar {
	vertical-align: middle;
}
input.grafbutton {
	background-color: transparent;
	background-image: url(../images/button_bg.png);
	background-repeat: no-repeat;
	padding: 0 5px 3px 15px;
	margin: 0;
	border: none 0;
	height: 16px;
	font-size: 0.9em;
	vertical-align: middle;
	cursor: pointer;
}

table.advsearch p input#search_adv_companies_searchbutton {
	margin-top:-15px;
	float:right;
}

table.advsearch p input#search_adv_products_searchbutton {
	float:right;
}

input.grafbutton.special {
	background-repeat: no-repeat;
	font-weight: bold;
	padding-bottom: 1px;
	margin: 0;
	border: none 0;
	height: 16px;
	color: #c3291e;
	vertical-align: middle;
	cursor: pointer;
}

input.grafbutton.small{
	height: 17px;
}

input.searchphrase {
	width: 300px;
}

.staticpage,
div.longbox {
	position: relative;
	margin-bottom: 10px;
	padding-bottom: 10px;
	border: 1px solid #999;
	background: url(../images/bgs/boxes_high.jpg) repeat-x bottom left #FFFFFF;
}

div.longbox div.lc {
	position: absolute;
	bottom: 10;
	left: 10;
/* muss eigentlich 0 und 0 sein. dann zeigt es der IE 6 aber nicht an... 10 wird ohne einheit einfach ignoriert. */
	width: 11px;
	height: 39px;
}
div.shortbox {
	position: relative;
	margin-left: 33px;
	margin-right: 33px;
	margin-bottom: 10px;
	background: url(../images/bgs/boxes_high.jpg) repeat-x bottom left #FFFFFF;
	border: 1px solid #999;
}
div.shortbox div.sc {
	position: absolute;
	bottom: 10;
	left: 0;
/* muss eigentlich 0 und 0 sein. dann zeigt es der IE 6 aber nicht an... 10 wird ohne einheit einfach ignoriert. */
	background-image: url(../images/bgs/longbox_left_border.gif);
	background-position: top left;
	background-repeat: no-repeat;
	width: 11px;
	height: 39px;
}
div.rightcol div.shortbox h2 {
	margin-top: 0;
	margin-bottom: 0;
}

div.heading, th.heading{
	position: relative;
	min-height: 24px;
	padding-left: 15px;
}

/* ueberschrift fuer die shortbox im myfair bereich */
div.heading2{
	position: relative;
	min-height: 24px;
	padding-left: 15px;
}

div.heading2 p{
	font-size: 0.8em;
	color: #c3291e;
}

div.heading.calendar {
	background-color: #fff;
	background-image: url(../images/bgs/long_tab_calendar.gif);
}
th.heading {
	text-align: left;
	padding-top: 5px;
	padding-bottom: 5px;
	padding-left: 5px;
}
div.heading p {
	color: #c3291e;
	font-size: 0.8em;
	line-height: 2.0em;
}

div.showSaveSearch div.heading p {
	font-size:1em;
}

div.rightcol div.heading2 p {
	padding-top: 4px;
	padding-bottom: 0;
	min-height: 14px;
}
div.heading div.lb, th.heading div.lb {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 24px;
}
div.heading2 div.lb {
	position: absolute;
	top: 0;
	left: 0;
	width: 3px;
	height: 24px;
}
div.longbox div.content {
	/*border-left: 1px solid #ececec;
	border-right: 1px solid #ececec;*/
}
form.absright {
	position: absolute;
	right: 10px;
	top: 0;
	line-height: 2.0em;
}
div.content {
	position: relative;
	/*background-image: url(../images/1px_grau.gif);
	background-repeat: repeat-y;
	background-position: 26% 0;*/
}
div.content.half {
	background-position: 50% 0;
}
div.content.wide {
	background-image: none;
}
div.content.nobg {
	position: relative;
	background: none;
}
div.content.lstat {
	background-position: 180px 0;
}
div.doublecol {
	padding-top: 10px;
	padding-left: 15px;
	padding-right: 10px;
}
div.doublecol p, div.doublecol h2 {
	padding-bottom: 1em;
}

div.leftcol {
	float: left;
	padding-top: 15px;
	width: 24%;
}

/* Halbe breite */
div.content.half div.leftcol {
	width: 49%;
}
div.leftcol.static {
	width: 180px;
}
div.leftcol div.pl, div.rightcol div.pl {
	padding-left: 15px;
}
div.leftcol div.pr, div.rightcol div.pr {
	padding-right: 10px;
}
div.rightcol{
	/*border-left: 1px solid #CECECE;*/
	float: left;
	padding-top: 15px;
	width: 75%;
}

.showMyfair div.rightcol{
	padding-top: 0px;
}

div.content.half div.rightcol {
	width: 49%;
}
div.rightcol.dynamic {
	width: 73%;
	margin-left: 180px;
}
div.leftcol p, div.rightcol p {
	line-height: 1.5em;
}
div.leftcol ul, div.rightcol ul {
	margin-left: 20px;
	margin-bottom: 10px;
}

.bluehead{
	text-transform: uppercase;
	color: #c3291e;
	font-weight: bold;
}

hr {
	border: none;
	border-top: 1px solid #999;
	color: #999;
	height: 1px;
	overflow: hidden;
	clear: both;
}
form.search select {
	font-size: 10px;
}
form.search select.medium {
	width: 200px;
}

form.search select.long, form.search input.long {
	border: 1px solid #999;
	width: 300px;
}

table.search td, table.advsearch td {
	vertical-align: top;
	text-align: left;
}
table.searchpic table {
	margin-bottom: 12px;
}
table.searchpic td {
	padding-top: 4px;
	padding-bottom: 4px;
	vertical-align: top;
	text-align: left;
}
table.searchpic tr.first td {
	border-top: 1px solid #c9c9c9;
}
table.searchpic tr td {
	border-bottom: 1px solid #c9c9c9;
}
table.searchpic td.bright {
	border-right: 1px solid #c9c9c9;
}
td.check {
	padding-right: 2px;
}
td.image {
	padding-right: 5px;
}
td.image img {
	border: 1px solid #c9c9c9;
}
/* Tabellen-einstellungen fuer die erweiterte suche-seite */
table.advsearch td {
	border-bottom: 1px solid #c9c9c9;
	padding: 5px;
}
table.advsearch td.noborder {
	border: none;
}
table.advsearch td.lbl {
	padding-left: 15px;
	border-right: 1px solid #c9c9c9;
}

div.double{
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #cdcdcd;
}

div.doublenb{
	padding: 5px 15px 5px 15px;
}

div.contenttopnav {
	padding: 5px 15px 5px 15px;
	border-bottom: 1px solid #cdcdcd;
	background-color: #fff;
}
.w100 {
	width: 150px;
}
.fl, .fleft {
	float: left;
}
.fr, .fright {
	float: right;
}
span.type {
	color: #c3291e;
}
.greenok {
	color: #009C00;
}
span.result {
	background-color: #9dd7fd;
}
img.border {
	border: 1px solid #cdcdcd;
}

h3.actions {
	color: #FFF;
	width: 146px;
	height: 23px;
	font-weight: bold;
	background-image: url(../images/navigation/verlauf_hover.gif);
	background-repeat: repeat-x;
	background-position: right bottom;
	padding-left: 5px;
	padding-top: 4px;
	font-size: 0.7em;
	line-height: 2.0em;
	margin-bottom: 10px;
}

#product_detail_leftcol a.grafbutton,
#company_detail_leftcol a.grafbutton{
	background-position: 0 1px;
	margin-bottom: 3px;
}

div.clearit {
	clear: both;
	height: 1px;
	overflow: hidden;
	font-size: 1px;
}
table.events td {
	vertical-align: top;
	padding-right: 20px;
}
a.iconassoc {
	display: block;
	padding-left: 20px;
	background-image: url(../images/demo/icon_associationtv.gif);
	background-repeat: no-repeat;
	background-position: 0 2px;
}
.w33 {
	width: 33%;
}
.w50 {
	width: 50%;
}
.w66 {
	width: 66%;
}
table.products td {
	vertical-align: top;
	padding: 5px 15px;
}
table.products td.rb {
	border-right: 1px solid #c9c9c9;
}
table.products td.bb {
	border-bottom: 1px solid #c9c9c9;
}
table.products td img {
	float: left;
	border: 1px solid #c9c9c9;
	margin-right: 5px;
	margin-bottom: 3px;
}
table.products td p {
	font-size: 0.9em;
}
p.space {
	line-height: 1.8em;
}

a.grafbutton{
	background-image: url(../images/button_bg.png);
	background-position: 0 0;
	background-repeat: no-repeat;
	border: none 0;
	display: block;
	padding: 1px 0 2px 20px;
	margin: 0;	
	height: 16px;
	line-height: 16px;
	font-size: 0.9em;
	text-decoration: none;
}

a.grafbutton.down {
	background-image: url(../images/button_bg_down.gif);
}
a.grafbutton.up {
	/*background-image: url(../images/button_bg_up.gif);*/
	background-image: url(../images/button_bg.png);
}

a.grafbutton.inline{
	display: inline;
	font-size: 0.9em;
	text-decoration: none;
}

a.grafbutton img {
	vertical-align: middle;
}
a.grafbutton2 {
	background-image: url(../images/button_bg.gif);
	background-repeat: no-repeat;
	padding: 0;
	margin: 0;
	border: 0;
	padding-top: 4px;
	padding-bottom: 5px;
	padding-left: 20px;
	padding-right: 5px;
	border-right: 3px solid #F6F6F6;
	font-size: 0.9em;
	text-decoration: none;
	margin-top: 3px;
	margin-right: 5px;
}
div.center {
	text-align: center;
	width: 100%;
}
a.noline {
	text-decoration: none;
}
img.center {
	vertical-align: middle;
}
p.caption.w150px {
	width: 150px;
	text-align: right;
}
div.leftright p.fl {
	line-height: 26px;
}
table.attendee {
	border-left: 1px solid #c9c9c9;
	border-top: 1px solid #c9c9c9;
}
table.attendee td, table.attendee th {
	vertical-align: top;
	text-align: left;
	border-bottom: 1px solid #c9c9c9;
	border-right: 1px solid #c9c9c9;
	padding: 3px;
}
table.attendee th {
	width: 25%;
}
table.event td, table.event th {
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
table.event th {
	width: 100px;
}
table.register th, table.register td {
	vertical-align: top;
	text-align: left;
	padding: 3px;
}
table.register th.first {
	padding-top: 0;
}
table.register th {
	padding-top: 20px;
}
div.infoleft {
	float: left;
	width: 150px;
}
div.inforight {
	float: left;
	width: 50px;
}
div.loginfleft {
	float: left;
	width: 200px;
}
span.inactive, strong.inactive, .inactive {
	color: #888;
	font-weight: bold;
}
input.grafbutton.mtlogin {
	margin-top: 8px;
}
div.minicalendar {
	margin-top: 15px;
	text-align: center;
	width: 126px;
}
table.minicalendar {
	width: 126px;
	border-left: 1px solid #ddd;
}
table.minicalendar td, table.minicalendar th {
	text-align: center;
	vertical-align: top;
	padding: 2px;
	padding-left: 3px;
	background-color: #fff;
	border-right: 1px solid #ddd;
	border-bottom: 1px solid #ddd;
}
table.minicalendar th {
	background-color: #9cd4fd;
	color: #fff;
	font-weight: bold;
}
table.minicalendar td.lastmonth, table.minicalendar td.nextmonth {
	background-color: #e3e3e3;
	color: #999;
}
table.minicalendar td.actual {
	background-color: #d3fefe;
}
table.calendar th {
	vertical-align: middle;
}
table.calendar th img {
	vertical-align: middle;
}
table.calendar td {
	vertical-align: top;
	padding: 3px;
}
table.calendar td.time {
	vertical-align: middle;
	font-size: 1.6em;
}
table.calendar td.timemini {
	padding: 0;
	padding-right: 4px;
}
table.calendar td.timemini.top {
	vertical-align: bottom;
}
table.calendar td.timemini.bottom {
	vertical-align: top;
}
table.calendar td.event {
	background-color: #E3F3FF;
}
td.timemini.bottom, td.time, td.event, table.calendar td {
	border-bottom: 1px solid #e5e5e5;
}
table.calendar.weekview th {
	text-align: center;
	padding-top: 5px;
	padding-bottom: 5px;
}
table.calendar.weekview td {
	border-right: 1px solid #e5e5e5;
}
table.calendar.weekview td.time {
	border-right: none;
}
.content p.mymessages {
	padding-top: 4px;
	padding-bottom: 2px;
	padding-left: 4px;
}
.content p.mycategory.nborder {
	border: none;
}

table.myprofile td{
	border-bottom: 1px solid #999;
	padding: 3px;
	padding-left: 15px;
	font-weight: normal;
}

table.myprofile td.label {
	font-weight: bold;
}
table.top td {
	vertical-align: top;
}
table td.p4 {
	padding: 5px;
	border-right: 1px solid #ccc;
}
table.statistics td {
	border-left: 1px solid #ccc;
	border-bottom: 1px solid #ccc;
	padding: 3px;
}
table.statistics td.label {
	width: 70%;
}
table.messages td, table.messages th {
	vertical-align: top;
	text-align: left;
	padding: 3px;
	border-bottom: 1px solid #ccc;
}
table.messages td img {
	border: 1px solid #ccc;
}
tr.nborder td {
	border: none;
}
table.messages td.br {
	border-right: 1px solid #ccc;
}
.error {
	color: #c00;
}
.success {
	color: #0BA200;
}
input.error, select.error {
	border: 1px solid #c00;
}
div.register p {
	float: left;
	padding-top: 5px;
	margin-left: 5px;
	margin-right: 15px;
}
span.register {
	display: block;
	float: left;
	background-repeat: no-repeat;
	background-position: 0 0;
	height: 20px;
	width: 17px;
	padding-top: 5px;
	padding-left: 8px;
	font-size: 0.78em;
}
span.register.active {
	background-image: url(../images/icons/registration_step_active.gif);
	color: #000;
}
span.register.inactive {
	background-image: url(../images/icons/registration_step_inactive.gif);
	color: #666;
}
span.level1 {
	margin-left: 10px;
}
span.level2 {
	margin-left: 20px;
}
span.level3 {
	margin-left: 30px;
}
span.level4 {
	margin-left: 40px;
}
span.level5 {
	margin-left: 50px;
}
span.level6 {
	margin-left: 60px;
}
p.formfield {
	margin: 5px 0 0 0;
	padding: 0;
}
div.longform {
	width: 475px;
}
div.longform .extralong {
	margin: 4px 0 4px 0;
}
table.matching tr.level1 td {
	background-color: #efefef;
	font-weight: bold;
}
table.matching td {
	padding: 1px 2px;
}
table.matching tr.level2 td {
	padding-left: 10px;
}
table.matching tr.level3 td {
	padding-left: 20px;
}
table.matching tr.level4 td {
	padding-left: 30px;
}
table.matching tr.level5 td {
	padding-left: 40px;
}
table.matching tr.level6 td {
	padding-left: 50px;
}
table.matching tr.level7 td {
	padding-left: 60px;
}
table.matching tr.level8 td {
	padding-left: 70px;
}
.whalf {
	float: left;
	width: 49%;
}
div.brdr {
	border-left: 1px solid #ECECEC;
	border-right: 1px solid #ECECEC;
}
div.rbrdr {
	/*width: 91%;
	border: 1px solid #d00;
*/
	margin-bottom: 15px;
	margin-top: 10px;
	/*margin-left: 10px;
*/
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 5px;
}
div.brss {
	margin-right: 160px;
}

p.inactive{
	color: #777;
	font-weight: normal;
}

table.keywords td {
	vertical-align: top;
	padding: 3px;
}
table.keywords td.lrpad {
	padding-left: 10px;
	padding-right: 40px;
}
table.savesearch{
	background-color: #FFF;
	border: 1px solid #cdcdcd;
	width: 100%;
}
	
table.savesearch td {
   padding-top: 3px;
   padding-bottom: 3px;
   padding-left:3px;
   border: 0px;
   vertical-align: middle;
}
span.normal {
	font-size: 0.7em;
}
h2.tab {
	background-color: #FFF;
	float: left;
	height: 20px;
	/*background-repeat: no-repeat;*/
	padding: 4px 0 0;
	text-align: center;
/*	background-image: url(../images/myfair_msg_reiter_inactiv.gif);*/
	width: 140px;
	margin-right: 1px;
	font-weight: normal;
}

h2.tab.active{
	font-weight: bold;
}

h2.tab.active a{
	color: #c3291e;
}

span.category_count {
	color: #6F6F6F;
}

#company_business_card_middle_fl{
	width: 243px;
	float: left;
}

div#navbottom ul li, 
div#navbottom ul li a,
div#copybottom p,
div#copybottom p a {
	color:#fff;
}

form.search input#ifts{
	margin-bottom:3px;
}

form.search input#searchagain,
form.search input#narrowsearch{
	margin-top:-3px;
}

div.showSaveSearch form.search input.grafbutton{width:100px;}