/* $Id: screen.css 335 2011-09-08 08:06:54Z hweber $ */

/*----------------------------------------------------------*/
/*                 Standard-Definitionen                    */
/*----------------------------------------------------------*/

/* Allgemeine und Dokument-Definitionen */
html {
	color: #333;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	height: 100%;
	width: 100%;
}
body, body * {
	font-family: inherit;
	font-size: 1em;
	line-height: inherit;
	margin: 0;
	padding: 0;
}
body {
	background-color: #FFF;
}

section, article, header, nav, footer, address, aside {
	display: block;
}

/* Typografie */
p, li {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
	text-align: left;
}
h1, h2, h3, h4, h5, h6 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h1 {
	color: #E2001A;
	font-size: 25px;
}
h2 {
	font-size: 16px;
}
h3 {
	font-size: 14px;
	margin: 10px 0 5px 0;
}
p {
	font-size: 12px;
	line-height: 16px;
	margin: 0 0 5px 0;
}
ul, ol, dl {
	margin-left: 12px;
}
li {
	font-size: 12px;
	line-height: 15px;
}
dt {
	font-weight: bold;
}
dd {
	margin: 0 0 5px 12px;
}
dfn {
	color: #E2001A;
	cursor: help;
}
code {
	font-family: Courier, monospace;
	font-size: 13px;
	white-space: nowrap;
}

/* Block-Elemente */
address {
	margin: -10px 0 10px 0;
	text-align: right;
}

/* Formulare */
form {
	margin-top: 25px;	
}
label {
	float: left;
}
input {
	color: #000; 
	font-size: 12px; 
	font-weight: normal;
	vertical-align: middle;
}

/* Tabellen */
table {
	border-collapse: collapse;
	border-spacing: 0;
	empty-cells: show;
}
td, th {
	text-align: left;
	vertical-align: top;
}

/* Hyperlinks */
a,
a:link,
a:active,
a:visited {
	color: #E2001A;
	cursor: pointer;
	outline: none;
	text-decoration: underline;
}
a:hover {
	text-decoration: none;
}

/* Weitere HTML-ELemente */
img {
	border: none;
}

/*----------------------------------------------------------*/
/*      Allgemeingültige Definitionen für die Website       */
/*----------------------------------------------------------*/	

/* Hyperlinks */
a.link_email {
	background: url('../images/link_email.png') center left no-repeat;
	padding-left: 16px;
	text-decoration: underline;
}
a.link_pdf {
	background: url('/images/link_pdf.png') 0 50% no-repeat;
	padding-left:20px;
	padding-bottom:2px;
}
a.unmarked {
	text-decoration: none;
}

/* System-Meldungen */
div.message_box {
	background-color: #FFF;
	border:10px solid #004C94;
	display: none;
	height: 180px;
	left: 50%;
	margin-left: -200px;
	margin-top: -90px;
	padding: 10px;
	position: fixed;
	top: 50%;
	width: 400px;
	z-index: 9999;
}
div.message_box h1 {
	text-align: center;
}
div.message_box p {
	color: #000;
	font-size: 14px;
	margin-top: 10px;
	text-align: center;
}

/* Beschriftung für Formularfelder im Kontaktformular */
label.adress {
	width: 60px;
}
label.formular {
	color: #000;
	width: 3.0em;
}
label.manager {
	width: 8.0em;
}
label.anfrage {
	margin-right: 10px; 
	width: 90px; 
}

/* Formularfelder */
input.text,
textarea.text,
select.text {
	background-color: #FFF;
	border: 1px solid #393939;
	margin-bottom: 5px;
	padding: 2px 0;
	width: 300px;
}
textarea.text {
	width: 300px;
}
input.focus,
textarea.focus,
select.focus {
	background-color: #EEE;
}
input.error,
textarea.error,
select.error {
	background-color: #FFC;
	border: 1px solid #900;
}
div.error-message {
	color: #FD0026;
	display: none;
 }
div.error-message p {
	color: #F49A00;
}
p.hinweis {
	margin-top:10px;
}

/* Textfluss */
.left {
	float: left;
}
.right {
	float: right; 
}
.clear {
	clear: both;
}

/* Textfluss für Bilder */
img.left {
	float: left;
	margin-right: 10px;
}
img.center {
	margin-left: auto;
	margin-right: auto;
}
img.right {
	float: right; 
	margin-left: 10px;
}

/* Separator */
span.separator {
	padding: 0 5px;
}

/* Fehlermeldungen */
p.error {
	color: #CD007B;
}
#error {
	color: #990000;
	display: none;
}
#error.enabled {
	background: #FFFFCC url('/images/error.png') 2px 5px no-repeat;
	border: 1px solid #990000;
	display: block;
	margin-top: 15px;
	padding: 5px 0 0 22px;
}

/* Zebra-Liste */
.odd {
	background-color: #FFF;
	border-bottom: 1px solid #5D4832;
	border-top: 1px solid #5D4832;
}
.even {
	background: #f1f1f1;
}

/*----------------------------------------------------------*/
/*               Wrapper für die gesamte Seite              */
/*----------------------------------------------------------*/
div.site-wrapper {
	margin: 20px auto 0 auto;
	width: 960px;
}

/*----------------------------------------------------------*/
/*                Kopf-Bereich der Website                  */
/*----------------------------------------------------------*/
header {
	overflow: hidden;
	padding-bottom: 8px;
	width: 960px;
}
img.logo {
	border-right: 1px solid #333;
	float: left;
	padding-right: 10px;
}
header p {
	float: left;
	margin: 2px 0 0 10px;
}

/*----------------------------------------------------------*/
/*               Hauptnavigation der Website                */
/*----------------------------------------------------------*/
nav.main {
	background: #373737 url('/images/nav_bg.png') 0 0 repeat-x;
	border-radius: 5px;
	height: 66px;
	position: relative;
	-moz-border-radius: 5px;
	-khtml-border-radius: 5px;
	-webkit-border-radius: 5px;
}
nav.main ul {
	list-style: none;
	margin-left: 0;
	padding-top: 4px;
}
nav.main ul li {
	border-left: 1px solid #757575;
	border-right: 1px solid #010102;
	float: left;
	height: 30px;
}
nav.main ul li.first {
	border-left: none;
}
nav.main ul li.last {
	border-right: none;
}
nav.main ul li a,
nav.main ul li a:link,
nav.main ul li a:active,
nav.main ul li a:visited,
nav.main ul li a:hover {
	color: #FFF;
	display: block;
	font-size: 13px; 
	line-height: 30px;
	padding: 0 13px;
	text-align: center;
	text-decoration: none;
	margin: 0 3px 0 3px;
}
nav.main ul li:hover a,
nav.main ul li.active a   {
	background: url('/images/nav_bg_active.png') 0 0 repeat-x;
	border: 1px solid #82000F;
	display: block; 
	height: 36px;
	margin: -5px 2px 0 2px;
	padding-top: 4px;
}
nav.main ul li:hover a span,
nav.main ul li.active a span {
	background: url('/images/subnav_pfeil.png') 50% 105% no-repeat;
	display: block;
	height: 40px;
}

/* Unternavigation */
nav.main ul li ul {
	left: -999em;
	margin: 0 10px 0 0;
	position: absolute;
	top: 31px;
	width: 960px;
}
nav.main ul li:hover ul {
	left: 0;
}
nav.main ul li ul li {
	margin: 0;
	float: left;
	display: block;
}
nav.main ul li ul li a,
nav.main ul li ul li a:link,
nav.main ul li ul li a:active,
nav.main ul li ul li a:visited,
nav.main ul li ul li a:hover {
	background none;
	display: inline;
	height: 25px;
	padding: 1px 10px 4px 4px;
	text-align: left;
}
nav.main ul li:hover ul li,
nav.main ul li.active ul li,
nav.main ul li:hover ul li a,
nav.main ul li.active ul li a {
	background-image: none;
	border: none
}
nav.main ul li ul li:hover,
nav.main ul li ul li.active {
	font-weight: bold;
}

/*----------------------------------------------------------*/
/*                  Info-Bereich der Website                */
/*----------------------------------------------------------*/
#teaser { 
	height: 270px; 
	margin-top: 15px;
	overflow: hidden;
	position: relative;
	width: 960px; 
}
#teaser ul.ui-tabs-nav{ 
	list-style: none; 
	margin: 0; 
	overflow: auto;
	overflow-x: hidden;
	padding: 0;
	position: absolute; 
	right: 0;
	top: 0;  
	width: 335px;
	z-index: 999;
}
#teaser ul.ui-tabs-nav li {
	color: #666; 
	font-size:12px;
	height: 90px;
	padding: 1px 0; 
	padding-left: 13px;
}
#teaser ul.ui-tabs-nav li:hover,
#teaser ul.ui-tabs-nav li.ui-tabs-selected {
	background: url('/images/teaser_item_pfeil.png') 0 45% no-repeat;
	z-index:999;
}
#teaser ul.ui-tabs-nav li span.headline {
	color: #707070;
	display: block;
	font-size: 16px;
	margin-bottom: 5px;
}
#teaser ul.ui-tabs-nav li span {
	margin-top: 5px;
}
#teaser li.ui-tabs-nav-item a {
	background: url('/images/teaser_item_bg.png') 0 0 repeat-x;
	border-color: #F2F2F2 #B9B9BA #9B9B9B #F4F4F4;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	color: #707070;
	display: block;
	float: right;
	height: 60px;
	margin-bottom: 10px;
	padding: 10px;
	position: relative;
	text-decoration: none;
	width: 298px; 
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
* + html #teaser li.ui-tabs-nav-item a {
	padding: 8px;
}
#teaser li.ui-tabs-nav-item a:hover,
#teaser ul.ui-tabs-nav li.ui-tabs-selected a { 
	background: url('/images/teaser_item_active.png') 0 0 repeat-x;
	border-left: none;
}
#teaser li.ui-tabs-nav-item a:hover span,
#teaser li.ui-tabs-nav-item a:hover span.headline,
#teaser ul.ui-tabs-nav li.ui-tabs-selected a span,
#teaser ul.ui-tabs-nav li.ui-tabs-selected a span.headline {
	color: #FFF;
	text-shadow: 2px 2px 2px #000;
}
#teaser .wrapper-panel {
	background: url('/images/teaser_bg.png') 0 0 repeat-x;
	border-radius: 10px;
	border-top: 1px solid #F2F2F2;
	border-right: 1px #F4F4F4;
	border-bottom: 1px solid #9B9B9B;
	border-left: 1px solid #B9B9BA;
	height: 265px;
	position: absolute;
	top: 0;
	width: 628px;  
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px; 
}
#teaser .ui-tabs-panel {
height: 205px;
	padding: 34px 0 0 25px;
	position: relative;
	width: 598px;
}
#teaser .ui-tabs-panel img {
	border: 2px solid #363636;
}
#teaser .ui-tabs-panel .info {
	padding: 10px;
	position: absolute;
	right: 25px;
	top: 15px;
	width: 272px;
}
#teaser .ui-tabs-panel .info a.hideshow {
	color: #707070;
	font-size: 12px;
	line-height: 20px;
	margin: 0;
	outline: none;
	position: absolute;
	right: 10px;
	top: -20px;
}
#teaser .info h1 { 
	color: #E2001A;
	font-size: 18px;
	font-weight: normal;
	margin: 0;
	overflow: hidden;
	padding: 5px;   
}
#teaser .info p {
	color: #707070;
	font-size: 12px;
	line-height: 16px;
	margin: 0 5px;
}
#teaser .info a {
	color: #E2001A; 
	display: block;
	margin-top: 5px;
	text-decoration: none;
}
#teaser .info a:hover { 
	text-decoration: underline; 
}
#teaser .ui-tabs-hide { 
	display: none; 
}

/*----------------------------------------------------------*/
/*                     Inhalts - Bereich                    */
/*----------------------------------------------------------*/
section.content-wrapper {
	margin-top: 15px;
	overflow: hidden;
}
section.content {
	border-left: 1px solid #333;
	float: left;
	padding: 0 10px 10px 10px;
 	width: 608px;
}
section.content h1 {
	border-left: 6px solid #E2001A;
	font-size: 15px;
	line-height: 15px;
	margin-left: -11px;
	padding-left: 4px;
}
section.content h2 {
	border-left: 6px solid #E2001A;
	font-size: 13px;
	line-height: 15px;
	margin: 0 0 10px -11px;
	padding-left: 4px;
}
section.content ul {
	margin: 0 0 10px 0;
}
section.content ul li {
	background: url('/images/list_point.png')  0 1px no-repeat;
	list-style: none;
	margin-bottom: 3px;
	padding-left: 18px;
}
section.content img {
	border: 2px solid #333;
}

/* Artikel Messebausysteme */
section.messebau article {
	margin: 35px 0 0 -11px;
	overflow: hidden;
}
section.messebau article.first {
	margin-top: 0;
}
section.messebau article h1,
section.messebau article h2 {
	margin-left: 0;
}
section.messebau article p {
	padding-left:11px;
}
section.messebau article img,
section.messebau article.first h3 {
	margin-left: 11px;
}

/* Boxen für die Messeplätze */
section.messeplaetze article {
	background: #E1E1E1 url('/images/box_bg.png') 0 0 repeat-x;
	border-color: #F2F2F2 #B9B9BA #9B9B9B #F4F4F4;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	border-radius: 10px;
	padding: 10px;
	width: 273px;
	-moz-border-radius: 10px;
	-khtml-border-radius: 10px;
	-webkit-border-radius: 10px;
}
section.messeplaetze article.box-left {
	float:left;
	margin: 20px 18px 0 0;
}
section.messeplaetze article.box-right {
	float: right;
	margin-top: 20px;
}
section.messeplaetze article.box-left h1,
section.messeplaetze article.box-right h1 {
	border: none;
	border-bottom: 1px solid #C00000;
	font-size: 14px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}
section.messebau article a,
section.messeplaetze article.box-left a,
section.messeplaetze article.box-right a {
	display: block;
	margin-top: 10px;
	padding-left: 15px;
}

/* Info Bereich links */
aside {
	background-color: #F5F5F5;
	border-color: #F2F2F2 #B9B9BA #9B9B9B #F4F4F4;
	border-radius: 6px;
	border-style: solid;
	border-width: 1px;
	float: left;
	margin-left: 13px;
	padding: 10px;
	width: 294px;
	-moz-border-radius: 6px;
	-khtml-border-radius: 6px;
	-webkit-border-radius: 6px;
}
aside h1 {
	background: url('/images/aside_hint.png')  0 0 no-repeat;
	color: #666;
	font-size: 16px;
	line-height: 24px;
	padding-left: 30px;
}
aside h2 {
	color: #333;
	font-size: 12px;
	margin: 0 0 0 30px;
}
aside p {
	margin-top: 10px;
}
aside a:hover {
	text-decoration: none;
}
aside img {
	border: 2px solid #575757;
	margin-top:10px;
}

/* Darstellung der Referenz  */
section.referenzen {
	border: none;
	padding-left: 0;
	width: 619px
}
section.referenzen article.description {
	border-left: 1px solid #333;
	padding: 0 10px 10px 10px;
 	width: 608px;
}
section.referenzen-box {
	margin-top: 30px;
}
section.referenzen-box ul li {
	background-image: none;
	padding-left: 0;
}
article.info {
	background: url('/images/ref_description_bg.png') 0 0 repeat-x;
	border-radius: 10px 10px 0 0;
	border-right: 1px solid #B6B6B7;
	border-left: 1px solid #F2F2F2;
	border-top: 1px solid #F2F2F2;
	border-bottom: 1px solid #666;
	padding:10px;
}
article.info h1 {
	border: none;
	margin: 0 0 8px 0;
	padding: 0;
}
article.picture {
	background: url('/images/ref_picture_bg.png') 0 0 repeat-x;
	border-radius: 0 0 10px 10px;
	color: #FFF;
	height: 125px;
	padding: 10px;
	-moz-border-radius: 0 0 10px 10px;
	-khtml-border-radius: 0 0 10px 10px;
	-webkit-border-radius: 0 0 10px 10px;
}
article.picture img {
	border: 2px solid #B2B2B2;
}
article.picture img:hover {
	border: 2px solid #FFF;
}

/*----------------------------------------------------------*/
/*                  Fuss-Leiste der Website                 */
/*----------------------------------------------------------*/
footer {
	background-color: #F4F4F4;
	margin-top: 20px;
	padding: 30px 0 10px 0;
}
footer section {
	margin: 0 auto;
	overflow: hidden;
	width: 960px;
}
footer section article {
	color: #B1B1B1;
	float: left;
 	width: 629px;
}
footer section article p {
	font-size: 10px;
	line-height: 12px;
}
footer section nav {
	float: left;
	margin-left: 13px;
}
footer section nav ul {
	list-style: none;
	margin: 0;
}
footer section nav ul li {
	color: #E2001A;
	display: inline;
}
footer section nav ul li a:hover {
	text-decoration: none;
}

footer section nav ul li span {
	padding: 0 3px 0 6px;
}

/*----------------------------------------------------------*/
/*                           Info-Box                       */
/*----------------------------------------------------------*/
#dialog {
	background-color: #F4F4F4;
	padding: 10px;
}
.ui-dialog {
	position: absolute;
	top: 0;
	left: 0;
	outline: 0;
	border: 2px solid #9B9B9B;
	border-radius: 10px;
}
.ui-dialog .ui-dialog-titlebar {
	padding: .4em 1em;
	position: relative;
	background: url('/images/teaser_item_active.png') 0 0 repeat-x;
}
.ui-dialog .ui-dialog-titlebar:before, .ui-dialog .ui-dialog-titlebar:after {
	content: "";
	display: table;
	border-collapse: collapse;
	clear: both;
}
.ui-dialog .ui-dialog-title {
	float: left;
	padding: 4px 0px 0px 0px;
	margin: .1em 0;
	color: #FFFFFF;
	font-weight: bold;
	white-space: nowrap;
	width: 90%;
	overflow: hidden;
	text-overflow: ellipsis;
}
.ui-dialog .ui-dialog-titlebar-close {
	position: absolute;
	right: .3em;
	top: 50%;
	width: 20px;
	margin: -10px 0 0 0;
	padding: 5px 0px 0px 0px;
	height: 20px;
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
}

/*----------------------------------------------------------*/
/*                  Ausgabemedium Drucker                   */
/*----------------------------------------------------------*/

@media print {
	/* Allgemeine und Dokument-Definitionen */
	body {
		font-size: 80%;
	}

	/* Typografie */
	h1, h2, h3, h4, h5, h6, p, li {
		color: #000;
	}

	/* Hyperlinks */
	a,
	a:link,
	a:active,
	a:visited,
	a:hover {
		color: #000;
	}
}