@charset "UTF-8";

/* Helfer */
.clear {
clear: both;
margin: -1px 0px 0px 0px;  /* laesst 1px clear nach oben verschwinden */
height: 0px;  /* laesst   auf 1px schrumpfen fuer IE */
font-size: 0px;
line-height: 0px;
width: 100%;
}

/* entspricht im wesentlichen display:none;, ist aber screenreaderfreundlich */
.ahem {  
position: absolute;
overflow: hidden;
height: 0px;
width: 0px;
left: -1000px;
top: -1000px;
}

.dn {
display: none;
}

.fl {
float: left;
}

.fr {
float: right;
}

/* clearfix */
.clearfix:after {
clear: both;
content: ".";
display: block;
height: 0;
visibility: hidden;
}

.clearfix {
display: inline-block;
}

* html .clearfix {
height:1%;
}

.clearfix {
display:block;
}

.nav,
.nav ul,
.nav li {
list-style: none;
margin: 0;
padding: 0;	
}

.rounded {
position: relative;
display: inline-block;
}

#context .rounded {
display: block;
}

.corner-tl,
.corner-tr,
.corner-bl,
.corner-br {
position: absolute;
display: block;
width: 4px;
height: 4px;
background-image: url(../images/bg_rounded-corners.gif);
overflow: hidden;
z-index: 99999;
}

#main .rounded .corner-tl,
#main .rounded .corner-tr,
#main .rounded .corner-bl,
#main .rounded .corner-br {
background-image: url(../images/bg_rounded-corners-white.gif);
}

.corner-tl,
.corner-tr {
top: 0;
}

.corner-tr,
.corner-br {
right: 0;
}

.corner-bl,
.corner-br {
bottom: 0;
}

.corner-tl,
.corner-bl {
left: 0;
}

.corner-tr {
background-position: -4px 0;
}

.corner-bl {
background-position: 0 -4px;
}

.corner-br {
background-position: -4px -4px;
}


/* Abgerundete Ecken mir Kontur */
#main .rounded-border .corner-tl,
#main .rounded-border .corner-tr,
#main .rounded-border .corner-bl,
#main .rounded-border .corner-br,
#main .csc-textpic-border .corner-tl,
#main .csc-textpic-border .corner-tr,
#main .csc-textpic-border .corner-bl,
#main .csc-textpic-border .corner-br {
width: 7px;
height: 7px;
background-image: url(../images/bg_rounded-corners-white-with-border.gif);
}

#main .rounded-border .corner-tr,
#main .csc-textpic-border .corner-tr {
background-position: 7px 0;
}

#main .rounded-border .corner-br,
#main .csc-textpic-border .corner-br {
background-position: 7px 7px;
}

#main .rounded-border .corner-bl,
#main .csc-textpic-border .corner-bl {
background-position: 0 -7px;
}

#main .rounded-border img,
#main .csc-textpic-border img {
border: 1px solid #f6efe5;
}

/* ENDE Helfer */

/* Design */

body {	
text-align: center;
font: 12px Arial, Helvetica, Verdana, Geneva, sans-serif;
background: #f6efe5 url(../images/bg_body.gif) fixed repeat-x 0 bottom;
color: #3c3c3c;
}

#wrapper {
margin: 0 auto;
text-align: left;
width: 960px;
}

#main {
background: #fff;
padding: 20px;
color: #555;
display: block;
position: relative;
z-index: 1;
}

#header {
margin-bottom: 10px;
}

#logo {
display: block;
float: left;
margin: 18px 8px 0 18px;
}

#nav-meta {
margin: 7px 10px;
font-size: 11px;
float: right;
}

#nav-meta li {
float: left;
padding: 0 8px;
}

#nav-meta li a {
color: #888;
text-decoration: none;
}

#nav-meta li a.active,
#nav-meta li a:hover {
color: #507dff;
} 

#nav-main {
margin-left: 255px;
margin-top: -30px;
}

#nav-main li {
float: left;
position: relative;
border-right: 1px solid #dcd8d2;
z-index: 10;
}

#nav-main li:hover,
#nav-main li.over,
#nav-main li.active {
border-right: none;
}

#nav-main li a {
display: block;
color: #507dff;
font-size: 13px;
text-decoration: none;
text-transform: uppercase;
position: relative;
z-index: 10001;
font-weight: bold;
}

#nav-main li:hover a,
#nav-main li.over a,
#nav-main li a:hover,
#nav-main li.active a {
right: 1px;
left: -1px;
padding-left: 1px;
background: #fff url(../images/corner-tl.gif) no-repeat 0 0;
}

#nav-main li.sub:hover a,
#nav-main li.sub.over a,
#nav-main li.sub a:hover {
background: url(../images/bg_nav-main-hover-left.gif) no-repeat 0 0;
}

#nav-main li:hover a span,
#nav-main li.over a span,
#nav-main li a:hover span,
#nav-main li.active a span {
background: url(../images/corner-tr.gif) no-repeat 100% 0;
}

#nav-main li.sub:hover a span,
#nav-main li.sub.over a span,
#nav-main li.sub a:hover span {
background: url(../images/bg_nav-main-hover-right.gif) no-repeat 100% 0;
border-right: none;
padding-bottom: 15px;
margin-bottom: -15px;
}

#nav-main li.first {
border-left: 1px solid #dcd8d2;
}

#nav-main li a span {
display: block;
padding: 8px 8px 8px 0;
margin-left: 8px;
}

#nav-main li div {
display: none;
position: absolute;
top: 37px;
left: -1px;
width: 235px;
z-index: 999;
background: url(../images/bg_nav-main-sub-top.gif) no-repeat 0 0;
}

#nav-main li ul {
margin-top: 5px;
padding: 5px 10px 10px;
background: url(../images/bg_nav-main-sub-bottom.gif) no-repeat 0 100%;
}

#nav-main li:hover div,
#nav-main li.over div {
display: block;
}

#nav-main li.over ul li,
#nav-main li.sub:hover ul li {
float: none;
border-right: 0;
position: static;
}

#nav-main li ul li.first {
border-left: none;
}

#nav-main li ul li.first a {
border-top: 1px solid #dcdbd8;
}

#nav-main li ul li.first a:hover {
margin-bottom: 1px;
}

#nav-main li.sub.over ul li a,
#nav-main li.sub:hover ul li a {
position: relative;
background: none;
padding: 0;
padding-top: 5px;
text-transform: none;
font-weight: normal;
border-bottom: 1px solid #dcdbd8;
}

#nav-main li.sub.over ul li a:hover,
#nav-main li.sub:hover ul li a:hover {
border-bottom: none;
background: url(../images/bg_nav-main-sub-hover-top.gif) no-repeat 0 0;
top: -1px;
border-top: 1px solid #fff;
color: #fff;
}

#nav-main li.sub.over ul li a span,
#nav-main li.sub:hover ul li a span {
background: none;
margin: 0;
padding: 5px 8px;
padding-top: 0;
}

#nav-main li.sub.over ul li a:hover span,
#nav-main li.sub:hover ul li a:hover span {
background: url(../images/bg_nav-main-sub-hover-bottom.gif) no-repeat 0 100%;
}

/* Subnavigation */
#nav-sub {
width: 215px;
margin: 0 0 0 0;
float: left;
}

#nav-sub ul {
border-bottom: 1px solid #eae8e4;
margin: 0 0 55px 0;
}

#nav-sub li a {
color: #507dff;
display: block;
font-size: 13px;
padding: 7px 0 0 0;
text-decoration: none;
border-top: 1px solid #eae8e4;
}

#nav-sub li a:hover,
#nav-sub li.active a:hover {
color: #fff;
border-color: #fff;
position: relative;
bottom: -1px;
background: #fff url(../images/bg_nav-main-sub-hover-top.gif) 0 0 no-repeat;
}


#nav-sub li.active ul li a:hover {
padding: 5px 0 0 0;
}

#nav-sub li a span {
padding: 0 10px 5px 10px; 
display: block;
}

#nav-sub li a:hover span,
#nav-sub li.active a:hover span,
#nav-sub li.active ul li a:hover span {
background: url(../images/bg_nav-main-sub-hover-bottom.gif) 0 100% no-repeat;
}

#nav-sub li.active a,
#nav-sub li.active ul li.active a {
color: #fff;
position: relative;
bottom: -1px;
padding-top: 6px;
background: url(../images/bg_nav-main-sub-hover-top.gif) -215px top no-repeat;
border-top: 1px solid #fff;
}

#nav-sub li.active ul li.active a,
#nav-sub li.active ul li a:hover {
border-top: 1px solid #fff;
}

#nav-sub li.active ul li.active a:hover {
padding-top: 6px;
}

#nav-sub li.active ul li a span,
#nav-sub li.active a span,
#nav-sub li.active ul li.active a span {
background: url(../images/bg_nav-main-sub-hover-bottom.gif) -215px bottom no-repeat;
}

#nav-sub li.active ul li a:hover span {
padding-bottom: 5px;
}

#nav-sub li ul {
margin: 0;
border: none;
}

#nav-sub li.active ul li a {
border: none;
font-size: 12px;
background: none;
color: #507dff;
}

#nav-sub li.active ul li a span {
padding-left: 20px;
background: none;
}

/* Teaserspalte */
.sub-nav-sub p {
margin: 0 0 8px 0;
line-height: 13px;
}

.sub-nav-sub p, .sub-nav-sub p a {
color: #444;
}

.sub-nav-sub p a:hover {
text-decoration: none;
}

.sub-nav-sub h3 {
font-size: 12px;
}

.teaser {
padding: 10px;
margin: 0 0 10px 0;
}

.sub-nav-sub .highlight {
display: block;
left: 0;
}


.sub-nav-sub .highlight p {
margin-bottom: 0;
}

.sub-nav-sub .highlight p.bigfont {
font-size: 18px;
margin: 5px 0 8px 0;
}

.sub-nav-sub .highlight p.small, 
.teaser p.small {
font-size: 11px;
line-height: 13px;
color: #777;
}

/* Content */

.big-header {
height: 200px;
margin-bottom: 20px;
overflow: hidden;
}

.home .big-header {
margin-bottom: 25px;
height: 270px;
}

.more-link,
.more-link:hover,
.more-link-alt,
.more-link-alt:hover,
a.more-link-text,
a.more-link-text:hover,
.more-link-text a,
.more-link-text a:hover,
.prev-link,
.prev-link:hover,
.glossar-teaser p a,
.glossar-teaser p a:hover {
background: url(../images/icn_more-link.gif) no-repeat 0 0;
position: relative;
top: 2px;
display: inline-block;
width: 16px;
height: 16px;
overflow: hidden;
text-indent: 16px;
margin: 0 5px;
margin-top: -3px;
}

.more-link:hover,
.more-link-alt,
.glossar-teaser p a:hover {
background-position: 0 -16px;
}

a.more-link-text,
a.more-link-text:hover,
.more-link-text a,
.more-link-text a:hover {
background-position: 0 -16px;
width: auto;
text-indent: 20px;
overflow: visible;
}

.more-link-text a,
.more-link-text a:hover {
margin: 0;
}

a.more-link-text:hover,
.more-link-text a:hover {
background-position: 0 0;
}

#content p a.link-teaser-text {
text-decoration: none;
color: #555555;
}


.prev-link,
.prev-link:hover {
background: url(../images/icn_prev-link.gif) no-repeat 0 0;
}

.prev-link:hover {
background-position: 0 -16px;
}

p {
line-height: 18px;
}

#contentwrapper {
float: left;
width: 675px;
margin-left: 30px;
}

#contentwrapper h1,
#contentwrapper h2,
#contentwrapper h3,
#contentwrapper h5,
#contentwrapper h6 {
color: #507dff;
font-weight: normal;
}

#contentwrapper h1, 
#contentwrapper.home h2 {
font-size: 18px;
margin-bottom: 20px;
}

#contentwrapper h2 {
font-size: 14px;
margin-bottom: 10px;
}

#contentwrapper h3 {
color: #666;
font-size: 14px;
margin-bottom: 7px;
}

#contentwrapper h4,
#contentwrapper h5,
#contentwrapper h6 {
font-size: 12px;
margin-bottom: 7px;
}

#contentwrapper p {
margin-bottom: 16px;
}

#contentwrapper ul {
margin: 0 0 20px;
}

#contentwrapper p.align-left {
text-align: left;
}

#contentwrapper p.align-right {
text-align: right;
}

#contentwrapper p.align-center {
text-align: center;
}

#contentwrapper p.align-justify {
text-align: justify;
}

#content-wide {
clear: left;
}

#content-wide h3 {
margin-bottom: 10px;
}

#content {
float: left;
width: 440px; 
margin:  0 0 20px 0;
}

#contentwrapper p a,
#content-wide p a,
#contentwrapper dd a {
color: #507dff;
}

#contentwrapper p a:hover {
text-decoration: none;
}

/* Text mit Bild */
.image-left,
.csc-textpic-intext-left .csc-textpic-image,
.csc-textpic-left .csc-textpic-image {
float: left;
margin: 3px 13px 0 0;
}

.image-right,
.csc-textpic-intext-right .csc-textpic-image,
.csc-textpic-right .csc-textpic-image  {
float: right;
margin: 3px 0 0 13px;
}

.image-top .image,
.csc-textpic-above .csc-textpic-image {
margin-bottom: 13px;
}

.image {
margin: 0 0 5px 0 ;
}

.subtitle {
width: 195px;
}

#content .subtitle p {
font-size: 11px;
line-height: 15px;
margin-bottom: 5px;
overflow: hidden;
}

.zoom {
float: left;
margin: 2px 7px 0 0 ;
}

/* Hightlight */

span.highlight {
color: #507dff;
}

div.highlight {
padding: 10px;
position: relative;
background: #f8f2ea;
margin: 0 0 16px 0;
left: -10px; 
}

#content div.highlight p {
margin: 0;
}

/* Tabelle im Contentbereich */
#contentwrapper table {
margin: 0 0 16px 0;
display: block;
border: none;
border-spacing: 0;
background: #fff;
}

#contentwrapper .highlight table {
margin: -10px;
}

#contentwrapper table thead,
#contentwrapper table tfoot {
background: #F8F2EA;
}

#contentwrapper table tbody {
}

#contentwrapper table tbody td {
padding-left: 10px;
background: url(../images/bg_table_border.gif) 0 bottom repeat-x;
}

#contentwrapper table thead th,
#contentwrapper table tfoot td, 
#contentwrapper table td {
vertical-align: top;
padding: 10px 0;
width: 215px;
}

#contentwrapper table thead th,
#contentwrapper table tfoot td {
padding: 10px;
padding-right: 0;
border: none;
color: #444;
font-weight: bold;
}

#contentwrapper table tfoot td {
border-top: 1px solid #ECE9E6;
}

/* Mehrere Spalten */
.two-cols {
width: 450px;	
}

.three-cols {
width: 675px;
}

.four-cols {
width: 910px;
margin-left: 10px;
}

.multi-cols .col {
float: left;
width: 197px;
margin-right: 40px;
}

.multi-cols .last-col {
margin-right: 0;
}

#content-wide .four-cols p {
font-size: 11px;
}

/* Buttons */
button {
background: none;
border: none;
padding: 0;
margin: 0;
}

.button,
button span {
padding: 0 0 3px 10px;
background: #507dff url(../images/bg_button_left.gif) left 0 no-repeat;
cursor: pointer;
display: inline-block;
height: 17px;
overflow: hidden;
}

.button span,
#content p.button a,
#context p.button a,
#content p.button input,
button span span {
border: none;
color: #fff;
display: inline-block;
padding: 3px 10px 3px 0;  
background: #507dff url(../images/bg_button_right.gif) right 0 no-repeat;
}

#content p.button a,
#context p.button a,
#content p.button input {
padding-top: 2px;
padding-bottom: 4px;
text-decoration: none;
}

/* Context */
#context {
float: right;
overflow: hidden;
width: 215px;
padding-top: 20px;
}

.sitefunctions {
padding: 10px;
margin: 0 0 10px 0;
list-style: none;
font-size: 11px;
}

.sitefunctions li {
padding: 2px 0 5px 30px;	
}

.sitefunctions li.print {
background: url(../images/icn_print.gif) 5px 0 no-repeat;
}

.sitefunctions li.bookmark {
background: url(../images/icn_bookmark.gif) 5px 0 no-repeat;
}

.sitefunctions a {
color: #666;
text-decoration: none;
}

#context .teaser {
margin: 0;
padding: 15px 8px;
border-top: 1px solid #ece9e6;
}

#context p {
line-height: 16px;
font-size: 11px;
}

#context .teaser p {
margin-bottom: 5px;
}

#context .teaser .image-top .image,
#context .teaser .csc-textpic-above .csc-textpic-image {
margin-bottom: 0;
}

#context .teaser p small {
color: #555;
}

/* Footer */
#footer {
margin: 25px 0 50px 20px;
color: #666;
}

#footer a {
color: #666;
}

#footer dl {
float: left;
width: 215px;
margin-right: 20px;
}

#footer dl.event-teaser {
width: 450px;
}

#footer dl dt {
padding: 10px;
font-size: 14px;
}

#nav-footer {
border-top: 1px solid #d9d4cd;	
}

#nav-footer a {
text-decoration: none;
}

#footer a:hover,
#footer a.active,
#copyright a:hover {
color: #507dff;
text-decoration: none;
}

#nav-footer li a {
display: block;
padding: 5px 10px;
border-bottom: 1px solid #d9d4cd;
}

#nav-social {
padding: 5px 10px;
}

#nav-social li {
float: left;
width: 16px;
height: 16px;
margin-right: 10px;
overflow: hidden;
}

#nav-social li a {
display: block;
width: 16px;
height: 16px;
background-image: url(../images/icn_social-bookmarks.gif);
background-repeat: no-repeat;
text-indent: 16px;
}

#nav-social li a:hover {
background-position: 0 -16px;
}

#nav-social li a.mr-wong {
background-position: -16px 0;
}

#nav-social li a.mr-wong:hover {
background-position: -16px -16px;
}

#nav-social li a.delicious {
background-position: -32px 0;
}

#nav-social li a.delicious:hover {
background-position: -32px -16px;
}

#nav-social li a.digg {
background-position: -48px 0;
}

#nav-social li a.digg:hover {
background-position: -48px -16px;
}

#nav-social li a.google {
background-position: -64px 0;
}

#nav-social li a.google:hover {
background-position: -64px -16px;
}

#nav-social li a.facebook {
background-position: -80px 0;
}

#nav-social li a.facebook:hover {
background-position: -80px -16px;
}

.glossar-teaser dd {
padding: 0 0 0 10px;
}

.glossar-teaser h4 a {
text-decoration: none;
}

.event-date {
float: left;
width: 44px;
height: 43px;
margin-right: 10px;
background: url(../images/bg_event-date.gif) no-repeat 0 0;
}

.event-date * {
display: block;
text-align: center;
}

.event-date .event-date-day {
font-size: 18px;
margin-bottom: -3px;
}

.event-date .event-date-month {
font-size: 11px;
height: 11px;
text-transform: uppercase;
}

.event-date .event-date-year {
font-size: 10px;
}

.event-teaser .event-date {
background: url(../images/bg_event-date-small.gif) no-repeat 0 0;
width: 37px;
height: 33px;
}

.event-teaser .event-text {
overflow: hidden;
}

.event-teaser ul {
margin: 0 0 0 10px;
padding: 0;
}

.event-teaser li {
margin-bottom: 10px;
}

.event-teaser h4 {
font-size: 12px;
font-weight: normal;
}

.event-main {
float: left;
width: 300px;
} 

.event .rounded {
float: right;
}

.event-list .event {
border-bottom: 1px solid #ece9e6;
padding-bottom: 4px;
margin-bottom: 20px;
}

#contentwrapper p.event-subtitle {
font-size: 11px;
color: #999;
margin-bottom: 4px;
}

#contentwrapper .event-list h2 {
margin-bottom: 0;
}

#wrapper .tx-attacalendar-pi1 .no-sessions {
padding-top: 11px;
}


/* Pagebrowser */

#main .pager {
display: block;
margin-bottom: 20px;
padding: 10px;
background: #f8f2ea;
color: #444;
}

.pager .entry-indicator,
.pager .page-indicator {
float: left;
}

.pager .tx-pagebrowse-pi1 {
float: right;
}

.pager ul,
.pager ol {
padding: 0;
margin: 0;
list-style: none;	
display: inline;
}

.pager li {
display: inline;
}

.pager ol li {
position: relative;
top: -1px;
padding: 5px;
font-size: 14px;
font-weight: bold;
color: #666;
}

.pager ol li a {
color: #507dff;
}

/* Formulare */

#content form legend {
display: none;
}

#content form label,
#content form .multi-fields b,
#content form .tx_powermail_pi1_fieldwrap_html_radio b {
display: block;
float: left;
width: 100px;
font-weight: normal;
margin-top: 3px;
}


#content form b label {
display: inline;
float: none;
width: auto;
}

#content form .tx_powermail_pi1_fieldwrap_html .checkbox {
width: auto;
border: none;
margin: 0 8px 0 0;
}

#content form textarea {
height: 100px;
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
}

#content form .powermail_mandatory {
color: #507dff;
padding-left: 3px;
}

#content form .tx_powermail_pi1_fieldwrap_html {
margin-bottom: 10px;
clear: left;
}

#content form .tx_powermail_pi1_fieldwrap_html_text input,
#content form textarea,
#content form select,
#context .teaser form input {
width: 330px;
float: left;
padding: 3px;
border: 1px solid #ccc;
}

#content form select {
width: 338px;
border: 1px solid #ccc;
}

#content form .tx_powermail_pi1_fieldwrap_html_html label {
display: none;
}

#content form .tx_powermail_pi1_fieldwrap_html_html .tx_powermail_pi1_fieldwrap_html {
margin-bottom: 0;
}

#content form .tx_powermail_pi1_fieldwrap_html_html .tx_powermail_pi1_fieldwrap_html_text {
float: left;
clear: none;
}

#content form .tx_powermail_pi1_fieldwrap_html_html .tx_powermail_pi1_fieldwrap_html_text input {
width: 100px;
}

#content form .tx_powermail_pi1_fieldwrap_html_html .tx_powermail_pi1_fieldwrap_html_text input.text-70 {
width: 212px;
margin-left: 10px;
}

#content form .tx_powermail_pi1_fieldwrap_html_html .multi-fields label {
display: inline;
}

#content form .powermail_radio_inner {
float: left;
}

#content form .powermail_radio_inner input {
float: left;
position: relative;

left: -3px;
}

#content form .powermail_radio_inner label {
width: 70px;
}

#content form button {
float: right;
}

.tx-powermail-pi1_mandatory {
display: block;
}

.tx-powermail-pi1_mandatory ul {
list-style: none;
color: red;
margin: 0;
padding: 0;
}


/* Sitemap */
.csc-sitemap ul {
list-style: none;
margin: 0;
padding: 0;
}

.csc-sitemap ul ul ul {
margin: 0 0 0 20px;
font-size: 11px;
}

.csc-sitemap ul ul {
margin-top: 0;
}

.csc-sitemap ul {
margin-bottom: 20px;
}

.csc-sitemap ul li {
margin: 20px 0;
}

.csc-sitemap ul a {
display: block;
font-size: 14px;
color: #507dff;
text-transform: uppercase;
font-weight: bold;
margin: 5px 0;
text-decoration: none;
}

.csc-sitemap ul ul li {
margin: 3px;
} 

.csc-sitemap ul ul a {
font-size: 12px;
margin: 0;
color: #666;
text-transform: none;
font-weight: normal;
}

.csc-sitemap ul ul ul a {
font-size: 11px;
}

/* Glossar */

#nav-glossar {
position: relative;
left: -7px;
width: 229px;
margin-bottom: 20px;
}

#nav-glossar div {
float: left;
width: 30px;
height: 30px;
overflow: hidden;
margin: 0 0 7px 7px;
background: url(../images/bg_nav-glossar.gif) no-repeat top left;
font-size: 18px;
font-weight: bold;
color: #fff;
text-align: center;
line-height: 30px;
}

#nav-glossar div a {
text-decoration: none;
color: #1184d4;
display: block;
}

#nav-glossar div a:hover,
#nav-glossar div strong a {
color: #fff;
background: url(../images/bg_nav-glossar-hover.gif) no-repeat top left;
}

dl.glossary {
position: relative;
left: -10px;
border-top: 1px solid #f8f2ea;
}

.glossary dt {
padding-top: 10px;
padding-left: 5px;
margin-bottom: 5px;
}

#content .glossary dt a {
color: #507DFF;
font-weight: bold;
text-decoration: none;
padding-left: 20px;
text-indent: 0;
}

.glossary dd {
padding-left: 25px;
padding-bottom: 10px;
border-bottom: 1px solid #f8f2ea;
}

.tx-sgglossary-pi1 p.clearfix {
position: relative;
}

.tx-sgglossary-pi1 p.clearfix .fl,
.tx-sgglossary-pi1 p.clearfix .fr {
position: absolute;
top: 0;
left: 0;
width: 48%;
}

.tx-sgglossary-pi1 p.clearfix .fr {
right: 0;
left: auto;
text-align: right;
}

.glossary-reference {
margin-bottom: 20px;
}

.glossary-reference dt {
font-weight: bold;
}

.glossary-reference ul {
list-style: none;
margin: 0;
padding: 0;
}

.glossary-reference ul li {
margin-bottom: 3px;
}

.glossary-reference ul li a {
color: #507DFF;
text-decoration: none;
}

.tx-sgglossary-pi1 .rounded {
float: left;
margin: 0 10px 10px 0;
}


/* Copyright */

#copyright {
color: #666;
padding: 0 20px 20px;
font-size: 11px;
}

#copyright a {
color: #666;
}

/* Lightbox */
body #lightbox-overlay {
background-color: #f0f0f0;
}

body #lightbox-imageBox {
border: none;
}

body #lightbox-overlay-text p {
display: none;
}

body #lightbox-caption {
text-align: left;
}

body #lightbox-caption a {
font-weight: normal;
text-decoration: none;
}

body #lightbox-infoHeader {
text-align: left;
}

/* Shop */

#shop #context {
padding-top: 0;
}

#shop #content {
margin-bottom: 0;
}

.com-category-intro {
padding-top: 20px;
margin-top: 20px;
border-top: 1px solid #ECE9E6; 
}

.category-special {
color: #555;
font-size: 14px;
cursor: pointer;
margin-bottom: 10px;
}

.category-special a {
position: relative;
z-index: 10;
left: -70px;
padding: 0 135px 0 75px;
display: inline-block;
margin-right: -200px;
text-decoration: none;
background: url(/clear.gif);
color: #555;
}

.category-special span {
display: inline-block;
color: #507DFF;
text-decoration: underline;
font-size: 11px;
vertical-align: middle;
}

.teaser-products {
position: relative;
left: -10px;
margin-bottom: 20px;
background: url(../images/bg_shop-row.gif) repeat 0 0;
}

.product {
float: left;
height: 220px;
margin-top: 10px;
overflow: hidden;
width: 135px;
margin-left: 10px;
}

.product .com-category-teaser-img {
display: block;
height: 120px;
text-align: center;
padding: 10px 0;
}

.product .product-title a {
display: block;
height: 30px;
margin-bottom: 5px;
color: #507DFF;
font-weight: bold;
text-decoration: none;
overflow: hidden;
}

.product .com-list-action-entry {
color: #666;
font-weight: bold;
font-size: 16px;
margin-top: 10px;
}

.product .com-list-action-entry a {
width: 45px;
height: 20px;
text-indent: 10000px;
display: block;
float: left;
overflow: hidden;
background: url(../images/icn_basket.gif) no-repeat 0 0;
}

/* Shop Detailansicht */

.com-single .product-intro .left {
float: left;
margin-right: 20px;
}

.com-single .product-intro .right {
overflow: hidden;
}

.com-single .product-intro .price {
display: block;
font-size: 28px;
color: #507DFF;
}

.com-single .product-intro .right form {
background: url(../images/bg_basketform.gif) no-repeat 0 0;
width: 195px;
height: 30px;
position: relative;
padding: 0;
margin: 0 0 20px 0;
}

.com-single .product-intro .right form input {
background: transparent;
border: none;
position: absolute;
padding: 0;
margin: 0;
}

.com-single .product-intro .right form .com-input-qty {
top: 4px;
left: 5px;
padding: 5px;
width: 25px;
text-align: center;
color: #555;
font-family: Arial, Helvetica, Geneva, sans-serif;
}

table td input.com-input-qty {
text-align: center;
}


.com-single .product-intro .right form .com-input-submit {
top: 0;
left: 40px;
padding: 7px 20px;
cursor: pointer;
color: #fff;
font-weight: bold;
}

.price-information {
display: block;
margin: 5px 0;
color: #888888;
font-size: 11px;
}

.com-basket-even .mini-basket-product {
position: relative;
}

.mini-basket-qty {
position: absolute;
top: 0;
left: 0;
}

.mini-basket-price {
float: right;
text-align: right;
white-space: nowrap;
}

.com-text-right {
text-align: right;
}
.mini-basket-product .product-title {
float: left;
margin-left: 20px;
width: 120px;
}

#context div.highlight {
left: 0;
padding: 0;
}

#context .highlight dt {
padding: 10px;
font-size: 14px;
color: #666;
}

#context .highlight dt span {
float: left;
}

#context .highlight dt a {
float: right;
font-size: 11px;
color: #666;
margin-top: 3px;
}

#context .teaser form {
margin: 15px 0;
padding: 10px 10px 10px;
}

#context .teaser form input {
width: 170px;
}

#context .teaser form label {
display: block;
padding: 5px 0 5px 0;
}

#context .teaser form div {
display: block;
margin: 0 0 10px 0;
}

#context .teaser form button {
float: right;
}


#contentwrapper #context .com-basket-box table {
background: none;
margin: 0 10px 10px 10px;
border-top: 1px solid #EAE8E4;
font-size: 11px;
color: #444;
}

#contentwrapper #context .com-basket-box table td {
padding-left: 0;
}

#contentwrapper #context .com-basket-box table td a {
color: #444;
text-decoration: none;
}

#contentwrapper #context .highlight .button {
margin-right: 10px;
margin-bottom: 10px;
}

#content .com-basket-list th {
border-bottom: 1px solid #ece9e6;
white-space: nowrap;
font-size: 11px;
}

#contentwrapper table tbody tr.noborder td {
background: none;
font-size: 11px;
padding: 2px 0 2px 10px;
}

#content table tbody tr.zwischensumme td {
border-bottom: 8px solid #fff;
}

#content table.com-basket-list {
margin-bottom: 0;
}

#content table.com-basket-list tfoot td {
border-top: 8px solid #fff;
background: url(../images/bg_table_border.gif) repeat-x 0 0; 
}

#content table.com-basket-list thead th, 
#content table.com-basket-list tfoot td, 
#content table.com-basket-list td {
width: 100%;
}

#content table.com-basket-list .com-basket-title {
width: 150px;
}

#content table.com-basket-list a {
color: #507DFF;
text-decoration: none;
font-weight: bold;
}

#content table.com-basket-list .product-image {
float: left;
margin-right: 10px;
}

#content .com-basket-box {
margin-bottom: 10px;
display: block;
}

#content .com-basket-box .last {
padding-right: 10px;
}

#content .remove-article a {
display: block;
width: 15px;
height: 14px;
background: url(../images/icn_remove.gif) no-repeat 0 0;
text-indent: 1000px;
overflow: hidden;
}

.com-basket-submit p {
float: right;
}

.com-basket-next {
padding: 6px 10px;
background: #507DFF;
position: relative;
top: 1px;
margin-left: 10px;
}

#contentwrapper .com-basket-next a {
color: #fff;
font-weight: bold;
font-size: 14px;
text-decoration: none;
padding-left: 10px;
background: url(../images/icn_arrow.gif) no-repeat 0 3px;
}

.com-basket-submit button span {
background: url(../images/bg_grey_button_left.gif) no-repeat 0 0;
height: 27px;
}

.com-basket-submit button span span {
background: url(../images/bg_grey_button_right.gif) no-repeat right 0;
font-size: 14px;
font-weight: bold;
padding: 6px 10px 0 0;
cursor: pointer;
}

#context #nav-shop {
margin-left: 10px;
padding-bottom: 10px;
line-height: 16px;
}

#context #nav-shop a {
color: #444444;
}

#context .basket-empty {
padding: 10px;
padding-top: 0;
font-size: 12px;
}

#content .shopout {
display: block;
list-style: none;
margin: 0 0 30px 0;
padding: 0;
position: relative;
left: -12px;
width: 450px;
background: url(../images/bg_shop_li.gif) 55px 8px no-repeat;
}

#content .shopout li {
text-align: center;
float: left;
padding: 0 12px;
}

#content .shopout li span.step {
color: #666;
height: 20px;
width: auto;
font-size: 14px;
font-weight: bold;
text-decoration: none;
vertical-align: middle;
padding: 2px 6px 2px 6px;
background: url(../images/bg_shop-out.gif) 0 -20px no-repeat;
}

#content .shopout li span.title {
display: block;
margin: 10px 0 0;
color: #999;
font-style: normal;
}

#content .shopout li a:hover span.step,
#content .shopout li.actual span.step {
color: #fff;
background: url(../images/bg_shop-out.gif) 0 0 no-repeat;
}

#content .shopout li.actual span.title,
#content .shopout li a:hover span.title {
color: #3199e1;
}

.com-chkout-address-fields dl dd input,
.com-chkout-address-fields dl dd select {
border: 1px solid #CCCCCC;
padding: 3px;
width: 330px;
margin-bottom: 5px;
}

#content form .checkout-address {
margin: 5px 0;
}

#content form .checkout-address label {
width: auto;
float: none;
}

.checkout-address input {
width: auto;
float: left;
position: relative;
top: -3px;
left: -3px;
}

.com-chkout-address-fields ol {
list-style: none;
margin: 0;
padding: 0;
}

.com-chkout-address-fields ol li .address_item,
.com-chkout-address-fields ol li p  {
margin-left: 25px;
}

.com-chkout-address-fields ol li p.button {
margin-top: 5px;
}

.com-chkout-address-fields .address_item_name {
position: relative;
}

.com-chkout-address-fields .address_item_name input {
width: auto;
padding: 0;
border: none;
}

.com-chkout-address-fields .address_item_name strong {
position: absolute;
left: 25px;
top: 3px;
}

#content .tx_powermail_pi1_form .error,
.com-chkout-address-label {
position: relative;
}

#content .tx_powermail_pi1_form .error label,
#content .tx_powermail_pi1_form .error .powermail_mandatory,
#content .tx_powermail_pi1_form .error .text-error {
color: red;
}

#content .tx_powermail_pi1_form .error .text-error,
.com-chkout-address-label span.error {
font-size: 11px;
left: 445px;
width: 225px;
padding: 5px;
background: #fff;
z-index: 9999;
position: absolute;
color: #ff0000;
}

#content .anmelden fieldset {
padding: 15px 0 0 0;
margin:0 ;
border-top: 1px solid #ece9e6;
}

#content .small a,
#context .small a {
font-size: 11px;
color: #666;
}

#context .loginbox dd {
padding: 0 10px 10px;
}

#context .loginbox dd div {
margin-bottom: 5px;
}

#context .loginbox dd label {
padding: 3px 0;
float: left;
color: #444;
}

#context .loginbox dd input {
width: 120px;
float: right;
padding: 3px;
border: 1px solid #ccc;
}

#context .loginbox dd button {
margin-left: 65px;
}

#context .loginbox dd .pw-forgotten,
#context p.loginCheckoutLink {
margin-left: 68px;
margin-bottom: 0;
}

#context .loginbox dd .pw-forgotten p {
margin: 0;
}

#context .loginbox dd .pw-forgotten p a,
#context p.loginCheckoutLink a {
color: #666;
font-size: 11px;
}

#context .userbox ul {
margin: 0 0 0 10px;
padding-bottom: 10px;
line-height: 16px;
}

#context .userbox ul li a {
color: #444;
}

.com-address-list-detail dl,
.com-chkout-listing-billing-address dl,
.com-chkout-listing-delivery-address dl {
margin-bottom: 20px;
clear: both;
}

.com-address-list-detail dl dt,
.com-chkout-listing-billing-address dl dt,
.com-chkout-listing-delivery-address dl dt {
clear: left;
padding: 2px 0;
}

.com-address-list-detail dl dt label,
.com-chkout-listing-billing-address dl dt label {
width: 100px;
float: left;
margin-top: 0;
}

.com-address-list-detail p.button {
margin-top: 5px;
}

#content form .com-chkout-listing-comment textarea {
width: 100%;
}

.category-intro .rounded {
margin-bottom: 18px;
}

#content .category-intro p {
margin-bottom: 0;
}

#content #commerce_procedure_login,
#content #commerce_procedure_new {
float: left;
}

#content .commerce_login_sub {
float: left;
width: 400px;
margin-left: 10px;
}

#content .commerce_login_sub .tx_powermail_pi1_fieldwrap_html_text input {
width: 280px;
}