/* ################################################################# */
/* general elements */ * {
    padding: 0;
    margin: 0;
}

body {
    font-family: Arial, Helvetica, Tahoma;
    font-size: 12px;
    line-height: 18px;
    background-color: #485881;
    background-image: url(/interface/img/site/background.png);
    background-repeat: repeat-x;
    padding: 20px;
}

#matrix {
    width: 983px;
    text-align: left;
    background-color: #fff;
    padding: 26px 7px 0;
}

#container {
    margin: 0pt auto;
    position: relative;
    width: 997px;
}

#container #header-links {
    position: absolute;
    right: 0;
    top: -20px;
	color:#fff;
}

#container #top-rounded {
    position: relative;
    height: 9px;
}

#container #top-rounded #link-ontour, #container #top-rounded #link-wot {
    height: 34px;
    left: 152px;
    position: absolute;
    width: 141px;
}

#container #top-rounded #link-ontour {
    left: 20px;
}

#container #top-rounded #link-ontour a, #container #top-rounded #link-ontour a:hover, #container #top-rounded #link-wot a, #container #top-rounded #link-wot a:hover {
    display: block;
    font-size:14px;
	font-weight:bold;
	height:27px;
	line-height:13px;
    text-align: center;
    text-decoration: none;
    padding-top: 2px;
}

#container #top-rounded #link-wot a, #container #top-rounded #link-wot a:hover {
    
}



.spiffy {
    bottom: 0;
    display: block;
    position: absolute;
    width: 100%;
}

.spiffy * {
    background-color: #F49636;
    display: block;
    font-size: 0.01em;
    height: 1px;
    overflow: hidden;
}

#link-ontour .spiffy * {
    background: #fff none repeat scroll 0 0;
    border-left: 1px solid #fff;
    border-right: 1px solid #fff;
}

#link-wot .spiffy * {
    background: #485881;
    border-left: 1px solid #485881;
    border-right: 1px solid #485881;
}

#link-wot .spiffy b {
    background-color: #4C5B88;
    border-left: 1px solid #4C5B88;
    border-right: 1px solid #4C5B88;
}

#link-ontour .spiffy b {
    background-color: #faca9f;
    border-left: 1px solid #faca9f;
    border-right: 1px solid #faca9f;

}

.spiffy1 {
    margin-left: 3px;
    margin-right: 3px;
    padding-left: 1px;
    padding-right: 1px;
}

.spiffy2 {
    margin-left: 1px;
    margin-right: 1px;
    padding-left: 1px;
    padding-right: 1px;
}

.spiffy3 {
    margin-left: 1px;
    margin-right: 1px;
}

.spiffy4 {
}

.spiffy5 {
}

.spiffyfg {
    background: #B20000 none repeat scroll 0 0;
}

#container #top-rounded img {
    position: absolute;
    top: 0;
    left: 0;
}

#container #header-links a {
    color: #FFf;
}

h1, h2, h3, h4, h5, legend {
    color: #000;
    padding-bottom: 10px;
    font-weight: normal;
}

h1 {
    font-size: 22px;
}

h2, legend {
    font-size: 20px;
}

h3 {
    font-size: 18px;
}

h4 {
    font-size: 16px;
}

h5 {
    font-size: 14px;
}

#content h3.kombi {
    text-decoration: none;
}

#content h3.tick {
    border: 1px solid #00C70E;
    line-height: 48px;
    margin-bottom: 30px;
    padding-bottom: 0;
    text-decoration: none;
    margin-top: 0;
}

#content h3.error {
    border: 1px solid #E6620D;
    line-height: 48px;
    margin-bottom: 30px;
    padding-bottom: 0;
    text-decoration: none;
    margin-top: 30px;
}

#content h3 img {
    vertical-align: middle;
    margin-right: 5px;
}

p {
    padding-bottom: 20px;
}

a {
    color: #F80;
}

.left_side {
    float: left;
}

.right_side {
    float: right;
}

a img {
    border: 0;
}

.img {
    border: 1px solid #ccc;
    padding: 2px;
}

td {
    text-align: left;
    vertical-align: top;
}

.form_error {
    color: #f00;
    padding-left: 10px;
}

.icon {
    float: left;
    padding-right: 5px;
}

/* ################################################################# */
/* navigation */
#navigation_main {
    margin-top: 4px;
    background-color: #808080;
    height: 24px;
    padding: 5px 20px;
}

#navigation_main ul {
    list-style-type: none;
}

#navigation_main li {
    float: left;
    padding: 2px 10px;
}

#navigation_main ul #current {
    background-color: #F5953F;
}

#navigation_main li a {
    font-size: 16px;
    color: #fff;
    text-decoration: none;
}

.navigation_sub {
    margin-top: 2px;
    background-color: #ccc;
    height: 22px;
    padding: 2px 20px;
}

.navigation_sub ul {
    list-style-type: none;
}

.navigation_sub li {
    float: left;
    padding: 2px 10px;
}

.navigation_sub ul a.current {
    color: #000;
    text-decoration: none;
}

.navigation_sub li a {
    font-size: 12px;
    color: #666;
    text-decoration: none;
}

/* ################################################################# */
/* sub_headline */
#sub_headline {
    position: absolute;
    margin-top: 145px;
    margin-left: 710px;
    font-size: 18px;
    color: #000;
    line-height: 22px;
}

/* ################################################################# */
/* content */
#content {
    padding: 20px 30px 50px;
    width: 660px;
    color: #444;
    margin: 0 auto;
}

#content h3 {
    margin-top: 20px;
    color: #4d5169;
    text-decoration: underline;
}

#content ol {
    padding-left: 20px;
    padding-bottom: 20px;
}

#content ul {
    padding-left: 15px;
    list-style-type: square;
    padding-bottom: 20px;
}

#content table {
    margin-bottom: 10px;
}

#content table td table {
    margin: 0;
}

#content table.form_table td {
    padding-bottom: 10px;
    padding-right: 10px;
}

#content table.liste td {
    padding-bottom: 20px;
}

#content table.liste .name {
    width: 100px;
    padding-right: 20px;
    color: #5d648d;
    text-align: right;
}

#content .seminar_details h1 {
    margin-bottom: 20px;
    line-height: 26px;
}

#content .seminar_details .link {
    padding-left: 25px;
}

#content .seminar_details .link img {
    float: left;
    padding-right: 10px;
}

#content table.liste .referent div {
    padding-bottom: 20px;
    margin-bottom: 20px;
    border-bottom: 1px dashed #ccc;
}

#content table.liste .referent div p {
    clear: left;
    padding: 0;
}

#content table.liste .referent img {
    float: left;
    margin-right: 10px;
    margin-bottom: 5px;
    border: 1px solid #ccc;
    padding: 2px;
}

#content table.aussteller {
    width: 100%;
}

#content table.aussteller tr {
}

#content table.aussteller tr td {
    width: 33%;
    padding-top: 10px;
    height: 170px;
}

#content table.aussteller tr td a {
    display: block;
    text-align: center;
    line-height: 12px;
}

input {
    padding: 2px;
}

#content input.text_field {
    width: 550px;
}

#content .textarea_field {
    width: 550px;
    height: 80px;
}

#content .seminar_plan {
    width: 100%;
}

#content .seminar_plan th {
    padding: 5px 10px;
    background-color: #5d648d;
    color: #fff;
    text-align: center;
}

#content .seminar_plan td {
    border-bottom: 1px dashed #ccc;
    padding: 2px;
}

#content .seminar_plan td div {
    background-color: #eee;
    padding: 3px;
    margin-bottom: 2px;
    font-size: 11px;
}

#content .seminar_plan .fullhour {
    color: #000;
    text-align: center;
}

#content .seminar_plan .hour_minute {
    font-size: 11px;
    text-align: center;
    color: #777;
}

#content .booking_status_legende {
    float: left;
    padding: 5px 20px;
    margin: 30px 2px 0 10px;
    border: 1px dashed #ccc;
}

#content .booking_status_legende div {
    background-color: #eee;
    padding: 1px 5px;
}

#content .occupied {
    background-color: #eee;
}

#content .occupied.rot {
    border-left: 10px solid #FF0000;
}

#content .occupied.gruen {
    border-left: 10px solid #00c70e;
}

#content .occupied.gelb {
    border-left: 10px solid #FFea00;
}

#content .seminar_filter {
    margin-bottom: 25px;
}

#content .seminar_list_details {
    padding: 30px 0;
    border-top: 1px dashed #ccc;
}

#content .seminar_list_details h4 a {
    color: #000;
    text-decoration: none;
}

#content .seminar_list_details h4 span {
    font-size: 11px;
    font-weight: normal;
    color: #666;
    padding-left: 5px;
}

#content .seminar_list_details .seminar_attribs td {
    padding: 0 15px;
    border-right: 1px solid #ccc;
}

#content .seminar_time {
    color: #c00;
}

#content .seminar_preis {
    color: #090;
}

#content .seminar_preis strong {
    color: #555;
}

#content .seminar_list_details .seminar_attribs img {
    float: left;
    margin-right: 5px;
}

#content .seminar_list_details .teaser {
    padding-right: 20px;
}

#content .booked_seminars {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

#content .booked_seminars .status {
    float: right;
    color: #999;
    font-size: 11px;
}

#content .booked_seminars strong {
    color: #4d5169;
    font-weight: normal;
}

#content .open_seminars {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

#content .open_seminars span {
    float: right;
    color: #999;
    font-size: 11px;
}

#content .open_seminars div {
    display: inline-block;
}

#content .open_seminars div img {
    vertical-align: middle;
    margin-right: 3px;
}

#content .delete_open_seminar {
    color: #999;
    font-size: 11px;
}

#content .shop_submit input {
    font-size: 18px;
}

#content .shop_table {
    width: 100%;
    margin: 10px 0 20px;
}

#content .shop_table td {
    padding: 10px 0;
    border-bottom: 1px dashed #ccc;
}

#content .final_booking_button {
    padding: 2px;
    background-color: #999;
    color: #000;
    font-size: 18px;
    text-align: center;
    border: 2px solid #000;
    border-top-color: #ccc;
    border-left-color: #ccc;
    line-height: 24px;
}

#content .final_booking_button p {
    background-color: #fff;
    padding: 10px;
}

/* ################################################################# */
/* sidebar */
#sidebar {
    padding: 20px 0;
    background-color: #fff;
    margin-left: 733px;
}

#sidebar .sub_content {
    width: 250px;
    background-color: #e6e6e6;
    margin-bottom: 50px;
}

#sidebar h3 {
    color: #fff;
    background-color: #999;
    margin: 0;
    padding: 8px 15px;
}

#sidebar .sub_content_body {
    padding: 15px;
}

#sidebar ul {
    padding-left: 15px;
    list-style-type: square;
}

#sidebar input.text_field {
    width: 155px;
}

#sidebar .seminar_counter {
    display: inline;
    font-size: 14px;
    margin-bottom: 5px;
    padding: 2px 5px;
    width: 20px;
}

#sidebar .booked {
    background-color: #ff5;
    color: #000;
}

#sidebar .open {
    background-color: #0c0;
    color: #fff;
}

#sidebar .seminar_counter_label {
    display: inline;
    font-size: 14px;
    padding: 2px 0;
    width: 130px;
}

#sidebar .seminar_counter_link {
    font-size: 14px;
    padding: 2px 5px;
    color: #000;
}

#sidebar .logout {
    color: #666;
}

/* ################################################################# */
/* referenten */
.referenten {
    width: 100%;
}

.referenten td {
    padding-bottom: 30px;
    text-align: center;
}

.referenten td p {
    padding-bottom: 5px;
}

.referenten_info {
    padding: 20px;
    width: 500px;
}

.referenten_info img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    padding: 2px;
}

/* ################################################################# */
/* aussteller */
div.platin {
    width: 88%;
    margin-left: 29px;
    background: url(../img/site/sp_platin.jpg) top left no-repeat;
    padding: 7px 0 0 7px;
    position: relative;
}

div.platin > a {
    position: absolute;
    left: 98px;
    top: 1px;
    background-color: #fff;
    padding: 0 12px 0 12px;
    font-size: 110%;
    font-weight: bold;
    text-decoration: none;
}

div.sponsoren {
    float: left;
    height: 245px;
    margin: 10px 0 0 28px;
    width: 26%;
}

div.sponsoren.gold {
    background: url(../img/site/sp_gold.jpg) top left no-repeat;
    padding-left: 12px;
    margin-top: 35px;
}

div.sponsoren.silber {
    background: url(../img/site/sp_silber.jpg) top left no-repeat;
    padding-left: 12px;
	margin-top:35px;
}
* html div.aussteller {
    width: 41%
}

div.sponsoren > div.desc, div.platin > div.desc {
    text-align: left;
    margin-top: 10px;
}

div.sponsoren div.image, div.platin div.image {
    position: relative;
    margin-top: 39px;
}

div.sponsoren div.image a, div.platin div.image a {
    display: inline-block;
    position: relative;
    text-align: center;
    width: 100%;
}

div.sponsoren div.image a img, div.platin div.image a img {
    vertical-align: bottom;
}

div.aussteller ul {
}

div.aussteller ul, div.aussteller ul li {
    list-style: none;
    padding: 0;
    margin: 0;
    display: inline;
}

div.aussteller li {
    margin-right: 10px;
    overflow: hidden;
}

div.aussteller .img, div.aussteller .postamble {
    vertical-align: text-bottom;
    /* the following yanked from Hedger Wang to give inline-block to natively block elements. */
    display: -moz-inline-stack; /*Firefox need this to simulate display:inline-block*/
    display: inline-block; /*IE does not apply this to Block Element, and Firefox does not render this, too*/
    zoom: 1; /*trigger hasLayout*/
    width: 183px;
}* + html div.aussteller .img, * + html div.aussteller .postamble {
    /*once hasLayout is true, set display:inline to block element will make display:inline behave like display:inline-block*/
    display: inline;
}

div.aussteller .img {
    text-align: center;
    border: 0;
}

div.aussteller .postamble {
    vertical-align: text-top;
    margin-top: 15px; /* to account for the text-height overlap. */
    margin-left: -173px;
    margin-bottom: 35px;
}* + html div.aussteller .postamble {
    margin-left: -170px;
}

div.aussteller .preamble, div.aussteller .caption {
    position: relative;
}

fieldset {
    border: 18px solid #999999;
    padding-top: 15px;
}

fieldset legend {
    padding: 0 20px;
    margin-left: 10%;
}* html fieldset.aussteller legend {
    border: 0;
}* + html fieldset.aussteller legend {
    border: 0;
}

.aussteller_info {
    padding: 20px;
    width: 520px;
}

.aussteller_info img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 0;
}

/* ################################################################# */
/* sponsoren */
.sponsoren {
    width: 100%;
}

.sponsoren td {
    padding-bottom: 30px;
    text-align: center;
}

.sponsoren td p {
    padding-bottom: 5px;
}

.sponsoren_info {
    padding: 20px;
    width: 500px;
}

.sponsoren_info img {
    float: right;
    margin-left: 10px;
    margin-bottom: 10px;
    border: 0;
}

#sponsors-pane {
    padding-left: 45px;
    padding-top: 25px;
    background-color: #fff;
}

/* ################################################################# */
/* panels & facebox & special links */
.rahmenprogramm td {
    text-align: left;
    vertical-align: top;
    padding-right: 10px;
    padding-bottom: 20px;
}

.rahmenprogramm .zeit {
    width: 100px;
    color: #369;
}

.buchen {
    color: #c00;
    font-size: 14px;
}

.news {
    width: 500px;
    padding: 20px;
}

.news small {
    color: #999;
}

.news h1 {
    margin-top: 10px;
}

.news .article {
    font-size: 14px;
    color: #444;
}

.panel_failed {
    color: #f00;
    padding: 0;
    margin-bottom: 10px;
}

.panel_note {
    width: 535px;
    background-color: #ffc;
    border: 1px solid #ff5;
    padding: 5px 10px;
    margin-bottom: 20px;
}

.seminar_rotation {
    background-color: #2d3f52;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}

#content .seminar_rotation ul {
    padding: 0;
    margin: 0;
    list-style: none;
}

#content .seminar_rotation img {
    display: block;
    height: 60px;
}

.register_note {
    background-color: #2d3f52;
    color: #fff;
    padding: 15px;
    margin-bottom: 30px;
}

.register_note img {
    float: left;
    margin-right: 15px;
    margin-top: 2px;
}

div.kombi {
    border-bottom: 1px dotted;
    margin-bottom: 15px;
    margin-left: 120px;
}

div.kombi span a {
    margin-bottom: 5px;
}

div.kombi a {
    display: block;
    width: 100%;
}

div.kombi span img {
    float: left;
    margin-right: 5px;
}

/**
 * New by Alexander Keil, NEXUS Netsoft
 */
.ordering span a img {
    vertical-align: middle;
}

.ordering span {
    margin-left: 25px
}

.ordering {
    margin-bottom: 7px;
}

/* Seminarplan */
div.plan-raum {
    min-height: 100px;
    height: auto !important;
    height: 100px;
    clear: left;
}* + html div.plan-raum > div.raum img {
    padding-bottom: 11px;
}

div.plan-raum > div.raum {
    background-color: #5D648D;
    color: #FFFFFF;
    float: left;
    font-size: 20px;
    line-height: 115px;
    margin-bottom: 6px;
    text-align: center;
    width: 150px;
}

div.plan-raum > div.seminar {
    height: 115px;
    margin-left: 153px;
    margin-bottom: 6px;
}

div.plan-raum > div.seminar > div.status {
    float: left;
    height: 100%;
    margin-right: 3px;
    width: 20px;
}

.gelb {
    background-color: #ffea00
}

.rot {
    background-color: #ff0000
}

.gruen {
    background-color: #00c70e
}

div.plan-raum > div.seminar > div.inhalt {
    background-color: #EEEEEE;
    height: 100%;
    margin-left: 23px;
    padding-left: 3px;
    position: relative;
}

div.plan-raum > div.seminar > div.inhalt > a {
    display: inline-block;
    font-size: 14px;
    margin-bottom: 3px;
}

div.plan-raum > div.seminar > div.inhalt .ref {
    display: block;
}

div.plan-raum > div.seminar > div.inhalt .datum {
    display: block;
}

div.plan-raum > div.seminar > div.inhalt .preis {
    display: block;
    font-weight: bold;
}

div.legende {
    margin-bottom: 10px;
}

div.legende > span {
    display: block;
    float: right;
    margin: 0 10px;
}

div.legende div.element {
    float: right;
    width: 20px;
}

/* PDF-Document-Link */
a.doc-pdf {
    background: url(../img/icons/doc_pdf.png) top left no-repeat;
    padding-left: 20px;
}

table#warenkorb thead tr th {
    padding-bottom: 10px;
}

table#warenkorb tbody > tr td {
    border-bottom: 1px dotted #cccccc;
    padding: 5px 0;
}

table#warenkorb tbody > tr td img {
    vertical-align: middle;
}

table#bezahlart tbody tr td {
    vertical-align: middle;
}

table#bezahlart tbody tr td.radio {
    width: 36px;
}

table#bezahlart tbody tr td.image {
    width: 200px;
    height: 80px;
}

table#bezahlart tbody tr td.text {
    width: 400px;
    text-align: left;
}

table#bezahlart tbody tr td.submit input {
    width: 100px;
    vertical-align: bottom;
}

div#basket-steps {
    border: 2px solid #485881;
    height: 77px;
    padding: 3px;
    margin-bottom: 30px;
    width: 710px;
    float: left;
    margin-right: 40px;
}

div#basket-steps span {
    color: #C0BFFF;
    display: block;
    font-weight: bold;
    margin-left: 3px;
}

div#basket-steps > div {
    background: #CCCCCC none repeat scroll 0 0;
    float: left;
    font-weight: bold;
    height: 53px;
    margin: 3px;
    text-align: center;
    width: 171px;
    margin-bottom: 18px;
    line-height: 50px;
    color: #EEEEEE;
}

div#basket-steps > div.active {
    border: 1px solid #485881;
    background-color: #C0BFFF;
    height: 51px;
    width: 169px;
    color: #000;
}

div#basket-steps > a {
    background: #CCCCCC none repeat scroll 0 0;
    float: left;
    font-weight: bold;
    height: 53px;
    margin: 3px;
    text-align: center;
    width: 171px;
    margin-bottom: 18px;
    display: block;
    color: #000;
    line-height: 50px;
    background-color: #C0BFFF;
}

div#basket-steps > a.active {
    border: 1px solid #485881;
    background-color: #C0BFFF;
    height: 51px;
    width: 169px;
    color: #000;
}

div#warenkorb_step_2 {
    position: relative;
}

div.sem-zeile span {
    color: #888888;
}

div.sem-zeile {
    margin-bottom: 7px;
    border-bottom: 1px dotted #888888;
}

div.messe-box{
	border: 2px solid #999999;
	margin-bottom:15px;
}

div.messe-box div.messe-title h3{
	background-color:#999999;
	background-image:url(/interface/img/site/sub1-24.png);
	background-position:613px 6px;
	background-repeat:no-repeat;
	color:#FFFFFF;
	margin:0;
	padding:8px 15px;
}
div.messe-box div.info {
	border-bottom: 1px dotted #808080;
	padding-bottom:7px;
	margin-bottom:14px; 
	padding-left:10px
}
div.messe-box div.messe-title h3 img{
	float:left;
	margin:6px 5px 0 0
}