/* @group GLOBAL RESET */

* html body * { overflow:visible }
* html iframe, * html frame { overflow:auto }
* html frameset { overflow:hidden }

/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.       */
/*   http://creativecommons.org/licenses/by/2.0   */
/* This style sheet is licensed under a Creative Commons License. */
/* Purpose: undo some of the default styling of common (X)HTML browsers */
/* link underlines tend to make hypertext less readable,
   because underlines obscure the shapes of the lower halves of words */
:link,:visited,:active { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ul,ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; font-weight: normal; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,a:link img,a:visited img { border: none; border-width: 0px; cursor: pointer;}

/* de-italicize address */
address { font-style:normal }

/* @end */

/* @group ALLGEMEIN */

html { height: 100.01%; margin-bottom: 1px; } /* Scollbalken immer anzeigen */

body {
	font: 11px/20px "Lucida Grande", Lucida, Verdana, sans-serif;
	background-color: #e6e6e6;
	color: #333333;
	width: 100%;
	text-align: center; /*for IE 5.5 mittige ausrichtung*/
}

p, pre, table {
	margin-bottom: 20px;
}

h1 { font-size: 20px; line-height: 30px; margin-bottom: 20px; }
h2 { font-size: 11px; line-height: 15px;
	margin-bottom: 10px;
	font-weight: bold;
	text-transform: uppercase;
	letter-spacing: 1px;
	border-bottom-style: dotted;
	border-bottom-width: 1px;
	padding-bottom: 5px;
}
h3 { font-size: 13px; line-height: 18px; margin-bottom: 16px; }

/* @end */

/* @group LINK Allgemein */

a:link, a:visited, a:active {
	color: rgb(92,0,43);
}

a:hover {
	color: rgb(148,150,0);
	}

/* @end */

/* @group STRUKTUR */

#page-container {
	margin-right: auto;
	margin-left: auto;
	width: 950px;
	text-align: left; /*for IE 5.5 mittige ausrichtung*/
}

#nav {
	float: left;
	margin: 0 15px 0 0;
	width: 145px;
	padding-top: 200px;
}

#sidebar {
	width: 145px;
	float: left;
	margin: 200px 0 0 15px;
}

#content {
	background-color: #fff;
	width: 630px;
	float: left;
	margin: 0;
}

#header {
	width: 600px; /*Breite des Logobildes*/
	margin-right: 15px;
	margin-left: 15px;
	height: 200px; /*Hoehe des Logobildes*/
	margin-top: 0;
	background: #fff url(img/claim-logo.gif) no-repeat 0 0;
}
#header_start {
	width: 600px; /*Breite des Logobildes*/
	margin-right: 15px;
	margin-left: 15px;
	height: 59px; /*Hoehe des Logobildes*/
	margin-top: 0;
	background: #fff none ; /*url(img/nwstart-claim.png) no-repeat 0 0*/
}
.col3 {
	width: 600px;
	margin-right: 15px;
	margin-left: 15px;
	float: left;
	display: inline;
	margin-bottom: 15px;
}

.col2 {
	width: 395px;
	float: left;
	margin-left: 15px;
	display: inline;
	margin-bottom: 15px;
}

.col1 {
	width: 190px;
	float: left;
	margin-left: 15px;
	display: inline;
	margin-bottom: 15px;
}

.colpz {
	width: 85px;
}

.colps {
	width: 245px;
}

.colps2 {
	width: 500px;
}

#footer {
	width: 630px;
	height: 50px;
	background: #e6e6e6 url(img/bg-footer.gif) no-repeat 0 0;
}

.clearfloat {
	clear: both;
}

.hidden {
	display: none;
}

.nomarginbottom { /* Absätze ohne Abstand */
	margin-bottom: 0;
	}

.noborder a:hover { /* keine link unterstreichungen */
	border: 0;
	}

/* @end */

/* @group header */

/* @end */

/* @group content */

#content h1 {
}

#content h2 {
	color: rgb(148,150,0);
	border-bottom-color: #999999;
}

#content h1.bg-col3 {
	background: url(img/bg_headline_600px_v3.gif) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
}

#content h1.bg2-col3 {
	background: url(img/bg_headline_600px_v2.gif) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 0px;
}

#content h1.ideenplattform-col3 {
	background: url(img/ideenplattform_kopf.jpg) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}

#content h1.vision-col3 {
	background: url(img/vision_kopf.jpg) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}

#content h1.publikation-col3 {
	background: url(img/publikation_kopf.jpg) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}

#content h1.kongress-col3 {
	background: url(img/kongress_kopf.jpg) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}

#content h1.bestpractice-col3 {
	background: url(img/bestpractice_kopf.gif) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}


#content h1.fmb2009-col3 {
	background: url(img/nwstart2009_bg.png) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 150px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}


#content h1.pne-col3 {
	background: url(img/pne_kopf.gif) no-repeat 0 0;
	padding-right: 10px;
	padding-top: 2px;
	padding-left: 10px;
	height: 120px;   /*höhe des bg-bildes*/
	color: #fff;  /*farbe des überschrift*/
}

#content h1.bg-col2 {
	background: url(img/bg_headline_395px.gif) no-repeat 0 0;
	padding-right: 10px;
	padding-left: 10px;
	padding-top: 2px;
}

#content h1.bg-col1 {
	background: url(img/bg_headline_190px.gif) no-repeat 0 0;
	padding-right: 5px;
	padding-left: 5px;
	padding-top: 2px;
}

#content .col1.news {
	font-size: 10px;
	/*line-height: 18px;*/
}

#content .extramargintop {
	margin-top: 20px;
}

#content a.pdf-link, #content a.word-link, #content a.doc-link {
background: transparent url(img/icon-pdf.gif) no-repeat scroll top left;
padding-left: 21px;
}

#content a.word-link {
background:transparent url(img/icon-word.gif) no-repeat scroll;
}

#content a.doc-link {
background:transparent url(img/icon-document.gif) no-repeat scroll;
}

#content a:link, #content a:visited, #content a:active {
	border-bottom: 1px dotted #999999;
}

#content a.simpel, #content a.simpel:link, #content a.simpel:visited, #content a.simpel:active {
	border: 0;
}

#content a:hover {
	border: 0;
}

#content ul { list-style: disc; padding-left: 4px; }
#content li { margin-left: 12px; }

#content h1 .klein {
	font-size: 12px;
}

#content h2 .kleiner {
	font-size: 10px;
	text-transform: none;
}
#content td.tdtop , #content td.tdtop {
	vertical-align: top;
}

/* @end */

/* @group nav */

#nav dl{
	color: #000;
	text-align: right;
	margin-top: 200px;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	overflow: visible;
}
#nav dd, #nav ul li {
	position: relative;
	padding-top: 5px;
	padding-bottom: 5px;
	display: block;
	float: none;
	text-indent: 0;
	font: 11px "Lucida Grande", Lucida, Verdana, sans-serif;
	border-top: 1px solid #ffffff;
}

#nav dt,
#nav ul,
#nav ul li.dt {
	color: #000;
	text-align: right;
	font: bold 12px "Lucida Grande", Lucida, Verdana, sans-serif;
	padding-top: 9px;
	padding-bottom: 9px;
	display: block;
	float: none;
	overflow: visible; 
}

#nav ul li, #nav ul > li.dt {
	border-top: 0px none #ffffff;
}

#nav ul li.dt {
	border-top: 1px solid #ffffff;
}


#nav .extramarginbottom {
	margin-bottom: 15px;
}


#nav a:link, #nav a:visited, #nav a:active {
	color: #5c5c5c;
}

#nav a:hover {
	color: rgb(92,0,43);
}

#nav dd a:hover, #nav ul li a:hover  {
	background: transparent url(img/arrow-navi.gif) no-repeat scroll 0 center;
	padding-left: 8px;
}

#nav dd a.link-on, #nav ul li a.link-on {
	color: rgb(92,0,43);
	background: transparent url(img/arrow-navi.gif) no-repeat scroll 0 center;
	padding-left: 8px;
}

#nav ul li ul {
	position: absolute;
	left: 145px;
	width: 200px;
	top: 0px;
	display: block;
	float: none;
	z-index: 100;
	visibility: hidden;
	display: none;
	text-align: left;
	background-color: transparent;
	background-image: url(img/durchsichtig.gif);
	border-top: 1px solid #fff;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 15px;
}

#nav ul li:hover ul {
	visibility: visible;
	display: block;
}


#nav ul li ul li {
	padding: 5px;
}

#nav ul li ul li a,
#nav ul li ul li a:hover,
#nav ul li ul li a:active,
#nav ul li ul li a:link,
#nav ul li ul li a:visited,
ul#submenu li a {
	padding: 2px 2px 2px 8px;
	color: #fff;
	text-decoration: none;
	display: block;
	background: transparent;
}

#nav ul li ul li a:hover,
ul#submenu li a:hover {
	background: transparent url(img/arrow-navi-white.gif) no-repeat scroll 0 center;
}

#nav .farbe1-bg, ul#submenu .farbe1-bg  { /* Farbe Kongress */
	background-color: rgb(0,134,137);
}
#nav .farbe2-bg, ul#submenu .farbe2-bg  { /* Farbe Kongress */
	background-color: rgb(194,43,36);
}
#nav .farbe3-bg, ul#submenu .farbe3-bg  { /* Farbe Kongress */
	background-color: rgb(207,125,25);
}


/* @end */

/* @group sidebar */

#sidebar {
	line-height: 17px;
	text-align: left;
	color: #333333;
	font-size: 11px;
}

#sidebar h3 {
	border-bottom: 1px solid #fff;
	font: bold 10px/15px "Lucida Grande", Lucida, Verdana, sans-serif;
	color: #666666;
	letter-spacing: 1px;
	text-transform: uppercase;
	margin-bottom: 10px;
	padding-bottom: 5px;
}

#sidebar ul {
	margin-bottom: 30px;
}

#sidebar li {
	margin-bottom: 10px;
}

#sidebar .extramargintop {
	margin-top: 8px;
}

#sidebar a:link, #sidebar a:visited, #sidebar a:active {
	color: #333333;
}

#sidebar a:hover {
	color: rgb(92,0,43);
}

/* @end */

/* @group footer */

#footer p {
	font-size: 9px;
	padding-top: 15px;
}

/* @end */

/* @group TABELLEN */

table, tr, td, th {
	font-size: 10px;
	line-height: 18px;
	vertical-align: top;
	text-align: left;
}

th {
	vertical-align: bottom;
	/*color: rgb(0,134,137);*/

}

tbody.programm td {
	border-top:1px solid #999999;
	padding-top: 5px;
	padding-bottom: 5px;
}

tbody.programm td.ohnerahmen {
	border-top:0px solid #999999;
	padding-top: 5px;
	padding-bottom: 5px;
	vertical-align: top;
}
tbody.rueckblick td {
	border-top: 1px solid #e6e6e6;
	padding-top: 2px;
	padding-bottom: 10px;
}


tbody.preisepne td {
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
	padding-bottom: 5px;
}

tbody.preise td {
	border-top: 1px solid #e6e6e6;
	padding-top: 5px;
	padding-bottom: 5px;
}
.rechts, .rechts {
	text-align: right;
}
/* @end */

/* @group TYPOGRAFIE DETAILS */

.initial {
	display: block;
	float: left;
	color: #fff;
	font-size: 1em;
	padding: 0.4em 1em 0.4em 1em;
	margin: 0.5em 1em 0 0;
	background-color: #ccc;
}

.news-datum {
	display: inline;
	background-image: none;
	margin-right: 8px;
	color: #fff;
	background-color: #ccc;
	padding: 0 2px;
}

.auszeichnung20px {
	font-size: 20px;
	}

/* @end */

/* @group BILDFORMATIERUNGEN */

.image-left {
	float: left;
	margin-right: 15px;
	margin-top: 5px;
}

.image-right {
	float: right;
	margin-left: 15px;
	margin-top: 5px;
}

.bildabstand-mitte { margin-bottom: 10px; margin-top: 10px; }

.bildabstand-unten { margin-bottom: 10px; }

.bildabstand-oben { margin-top: 10px; }

.nomargin {
	margin: 0;
}

/* @end */

/* @group TEXTFARBEN */

.farbe1 { /* Farbe Kongress */
	color: rgb(0,134,137);
	}
#content a.farbe1-bg  { /* Farbe Kongress */
	color: #FFFFFF;
	background-color: rgb(0,134,137);
	text-decoration: none;
	padding: 0 2px;
	}

.farbe2 { /* Farbe Best-Practice */
	color: rgb(194,43,36);
	}
#content a.farbe2-bg{ /* Farbe Best-Practice */
	color: #FFFFFF;
	background-color: rgb(194,43,36);
	text-decoration: none;
	padding: 0 2px;
	}

.farbe3 { /* Farbe PNE */
	color: rgb(207,125,25);
	}

#content a.farbe3-bg {
	color: #FFFFFF;
	background-color: rgb(207,125,25);
	text-decoration: none;
	padding: 0 2px;
}

.schwarz { /* Farbe Schwarz */
	color: rgb(0,0,0);
	}

.grau { /* Farbe Grau */
	color: #999;
	}

.weiss { /* Farbe Weiss */
	color: rgb(255,255,255);
	}

.gruen { /*Gruen*/
	color: rgb(148,150,0);
}

.rot {
	color: rgb(92,0,43);
}

/* @end */
#content table.preise {
	width: 583px;
	margin-left: 15px;
}

#content .aussteller th {
	vertical-align:top;
}

ul#submenu {
	color: #fff;
	border: 0px solid #fff;
	padding: 0px;
	display: block;
	float: none;
	margin: 0 0 0 5px;
	position: absolute;
	top: 285px;
}
ul#submenu li {
	float: left;
	display: inline;
	padding: 2px;
	margin: 0px;
}
ul#submenu li a ,
ul#submenu li a:hover ,
ul#submenu li a:active ,
ul#submenu li a:visited {
	text-decoration: none;
	border: 0;
}
#page-container #content .galley a img{
	float: left;
	width: 110px; 
	margin: 0 8px 5px 0;
	vertical-align:middle;
}

#page-container #content .galley a {
	display: inline;
	text-align: center;
	vertical-align:middle;
}

#page-container #content .galbox {
	width: 120px;
	height: 120px;
	text-align: center;
	vertical-align: middle;
	float:left;
}



#page-container #content .galley {
	display: block;
	float: none;
	clear: both;	
}
