/*  ------------------------------------------------------

Stylesheet zu www.strunz.com
2009
*  *  *  *
Design: www.owmedia.de //

DIE CSS-DEFINITIONEN SIND NACH CSS2 VALIDIERT UND FUER AKTUELLE
BROWSERVERSIONEN OPTIMIERT UND GETESTET.

--------------------------------------------------------*/

/*  ------------------------------------------------------
BASICS
--------------------------------------------------------*/
* {margin: 0; padding: 0;}

body {
color: #000;
font: 100.1% "Trebuchet MS", "Verdana", "Arial", sans-serif;
background: #fff !important;
}

table, tr, th, td, img, fieldset {border: 0 none;}

img {
vertical-align: middle;
}

table {
border-collapse: collapse;
border-spacing: 0;
}

q:before, q:after,
blockquote:before, blockquote:after {
content: "";
}

ul, ol {
list-style-type: none;
}

hr, 
.printLogo {display: none;}

/*  ------------------------------------------------------
COMMON CLASSES
--------------------------------------------------------*/
.hidden {
position: absolute;
left: -3000px;
top: -1000px;
}

.floatleft {
float: left;
}

.floatright {
float: right;
}

.right, 
.rechts {text-align: right !important;}
.center {text-align: center !important;}

.clear {
clear: both;
height: 0;
font-size: 0;
overflow: hidden;
}

/*  ------------------------------------------------------
SPACES
--------------------------------------------------------*/
.mSpace {margin: 12px 0;}
.mSpaceBot {margin: 0 0 12px 0;}
.mSpaceTop {margin: 12px 0 0 0;}

/*  ------------------------------------------------------
HEADER
--------------------------------------------------------*/
div#header, 
div#headerShop {background: url(/basics/images09/header_bg.gif) repeat-x 0 0;}

div#header {height: 200px;}
div#headerShop {height: 140px;}

div#headerCont {
width: 960px;
margin: 0 auto;
}

/*  ------------------------------------------------------
MAINNAV
--------------------------------------------------------*/
div#mainNavWrapper {
background: url(/basics/images09/nav_bg.gif) repeat-x 0 0;
}

table#mainNav {
width: 960px;
margin: 0 auto;
}

table#mainNav td a {
white-space: nowrap;
display: block;
font-size: 18px;
color: #fff;
text-decoration: none;
padding: 10px 32px 0 32px;
height: 30px;
}

table#mainNav td a.shop {
background: url(/basics/images09/sp_icon.gif) no-repeat 0 0;
padding: 10px 20px 0 58px;
}

table#mainNav td a.shopch {
background: url(/basics/images09/sp_icon_ch.gif) no-repeat 0 0;
padding: 10px 20px 0 58px;
}

table#mainNav td a:hover, 
table#mainNav td#current a {
background: url(/basics/images09/nav_h.gif) repeat-x 0 0;
}

table#mainNav td a.shop:hover, 
table#mainNav td#current a.shop {
background: url(/basics/images09/sp_icon_h.gif) no-repeat 0 0;
}
table#mainNav td a.shopch:hover, 
table#mainNav td#current a.shopch {
background: url(/basics/images09/sp_icon_h_ch.gif) no-repeat 0 0;
}

table#mainNav td a span {
font-size: 10px;
}

/*  ------------------------------------------------------
CONTENT
--------------------------------------------------------*/
div#content {
width: 960px;
margin: 0 auto;
}

/*  ------------------------------------------------------
LEFTBAR + RIGHTBAR
--------------------------------------------------------*/
div#leftBar, 
div#rightBar {
width: 200px;
padding: 0 0 20px 0;
height: 1%;
}

div.box, 
div.box2 {
margin: 20px 0 0 0;
height: 1%;
}

div.boxCont h2, 
div.boxCont h1 {
font-size: 18px;
padding: 12px 0 12px 12px;
}

.h1news {
color: #e1011b;
font-size: 24px;
}

div.boxCont h3, 
div.boxCont h3 a {
font-size: 11px;
color: #222;
text-decoration: none;
}

div.boxCont h3 {
padding: 0 12px 6px 12px !important;
margin: 0 !important;
}

div.boxCont h3 a:hover {
color: #7AB51D;
}

/*archiv*/
div.boxCont div.archiv {
padding: 0 12px !important;
color: #999;
font-size: 11px;
line-height: 170%;
}

div.boxCont div.archiv a {
color: #222;
}

div.boxCont div.archiv a:hover {
color: #7AB51D;
}

/*archivSearch*/
div.archivSearch {
padding: 12px 0;
}

div.boxCont p {
color: #4B4B4D;
font-size: 11px;
padding: 0 12px;
line-height: 140%;
}

div.boxCont p strong {
color: #222;
}

/*boxLink*/
div.boxCont p.boxLink {
float: right;
padding: 0;
margin: 10px 0 0 0;
font-size: 11px;
}

div.boxCont p.boxLink a, 
div.boxCont p.boxLink input {
float: right;
padding: 2px 10px;
color: #fff !important;
text-decoration: none;
font-size: 11px !important;
}

/*input*/
div.boxCont input {
background: #fff;
color: #333;
padding: 2px;
margin: 3px 0 0 0;
width: 170px;
}

div.boxCont p.boxLink input {
margin: 0 !important;
padding: 3px 10px !important;
color: #fff !important;
border: 0 none  !important;
cursor: pointer;
width: auto !important;
font-size: 11px !important;
}

/*select*/
div.boxCont select {
width: 170px;
}

/*textLink*/
div.boxCont a.textLink {
color: #4B4B4D;
text-decoration: underline;
}

/*  ------------------------------------------------------
LEFTBAR
--------------------------------------------------------*/
div#leftBar {
float: left;
}

div#leftBar div.box, 
div#leftBar div.box2 {
border: #C9E9F8 1px solid;
}

div#leftBar div.box div.boxCont, 
div#leftBar div.box2 div.boxCont {
border-top: #fff 3px solid;
background: #F3FAFD;
}

div#leftBar div.box2 {border-top: 0 none;}
div#leftBar div.box2 div.boxCont {border-top: 0 none !important;}

/*boxTypes*/
div#leftBar div.cart {background: #F3FAFD url(/basics/images09/cart_bg.gif) no-repeat 100% 0 !important;}
div#leftBar div.cartActive {background: #F3FAFD url(/basics/images09/cart_active_bg.gif) no-repeat 100% 0 !important;}
div#leftBar div.login {background: #F3FAFD url(/basics/images09/login_bg.gif) no-repeat 100% 0 !important;}
div#leftBar div.logout {background: #F3FAFD url(/basics/images09/logout_bg.gif) no-repeat 100% 0 !important;}
div#leftBar div.news {background: #F3FAFD url(/basics/images09/news_bg.gif) no-repeat 100% 0 !important;}

div#leftBar div.boxCont h2 {
color: #003E90;
}

/*boxLink*/
div.boxCont p.boxLink {background: url(/basics/images09/bg_bl-l.gif) 0 0;}

div.boxCont p.boxLink a, 
div.boxCont p.boxLink input {background: url(/basics/images09/bg_blc-l.gif) no-repeat 0 0;}
div.boxCont p.boxLink a:hover, 
div.boxCont p.boxLink input:hover {text-decoration: underline;}

/*boxList*/
ul.boxList {
background: url(/basics/images09/navdiv.gif) repeat-x 0 0;
padding: 12px 0;
}

ul.boxList li a  {
font-size: 14px;
color: #003E90;
text-decoration: none;
padding: 2px 0 2px 36px;
background: url(/basics/images09/bl_icon.gif) no-repeat 0 50%;
display: block; 
}

ul.boxList li a:hover {
text-decoration: underline;
}

ul.boxList li a.listactive {
background: url(/basics/images09/bl_icon_active.gif) no-repeat 0 0;
color: #fff;
}

ul.boxList li ul li a {
color: #58585A;
background: transparent;
padding: 2px 0 2px 46px;
}

ul.boxList li ul li a.listactive{
background: transparent;
color: #444;
font-weight: bold;
}

/*simpleList*/
ul.simpleList {
padding: 6px 0 0 12px;
}

ul.simpleList li a {
font-size: 11px;
color: #003E90;
text-decoration: none;
/*font-style: italic;*/
}

ul.simpleList li a:hover {
text-decoration: underline;
}

/*input*/
div#leftBar div.boxCont input {
border: #C9E9F8 1px solid;
}

/*formList*/
div#leftBar dl.formList {
padding: 0 12px;
}

div#leftBar dl.formList dt {
color: #4B4B4D;
font-size: 11px;
line-height: 140%;
}

div#leftBar dl.formList dd {
margin: 0 0 6px 0;
}

/*  ------------------------------------------------------
RIGHTBAR
--------------------------------------------------------*/
div#rightBar {
width: 200px;
float: left;
}

div#rightBar div.box {
border: #D9DADB 1px solid;
}

/*input*/
div#rightBar div.boxCont input {
border: #D9DADB 1px solid;
}

div#rightBar div.boxCont {
border-top: #fff 3px solid;
background: #f4f4f4;
}

div#rightBar div.shopBox {
border-top: #f4f4f4 3px solid;
background: #fff !important;
}

div#rightBar div.boxCont h2, 
div#rightBar div.boxCont h1, 
div#rightBar div.boxCont h2 a, 
div#rightBar div.boxCont h1 a {
text-decoration: none;
color: #7AB51D;
}

div#rightBar h3 {
margin: 24px 0 0 0;
font-size: 12px;
color: #333;
}

div#rightBar div.shopBox h1,
div#rightBar div.shopBox h2 {
font-size: 14px;
}

div#rightBar div.boxCont h2 a:hover, 
div#rightBar div.boxCont h1 a:hover {
text-decoration: underline;
}

/*textLink*/
div#rightBar p a {
color: #7AB51D;
text-decoration: none;
}

div#rightBar  p a:hover {
text-decoration: underline;
}

/*boxLink*/
div#rightBar div.boxCont p.boxLink {background: url(/basics/images09/bg_bl-r.gif) 0 0;}
div#rightBar div.boxCont p.boxLink a, 
div#rightBar div.boxCont p.boxLink input {background: url(/basics/images09/bg_blc-r.gif) no-repeat 0 0;}

/*boxTypes*/
div#rightBar div.search {background: #F4F4F4 url(/basics/images09/search_bg.gif) no-repeat 100% 0;}


/*shop*/
p.shopImg {
text-align: center;
}

dl.shopDesc {
font-size: 11px;
color: #4B4B4D;
padding: 6px 0 0 12px;
line-height: 140%;
}

/*  ------------------------------------------------------
MAIN
--------------------------------------------------------*/
div#main {
width: 560px;
float: left;
}

div#main2 {
float: left;
width: 760px;
}

div#main3 {
width: 560px;
float: left;
}

div#main4 {
float: left;
width: 760px;
}

/*  ------------------------------------------------------
MAINCONT
--------------------------------------------------------*/
div#main div.mainCont { padding: 20px 40px; }
div#main2 div.mainCont { padding: 20px 0 20px 40px; }
div#main3 div.mainCont { padding: 20px 40px 0 40px; }
div#main4 div.mainCont { padding: 0 0 20px 40px;}


/*headlines*/
div.mainCont h1 {
color: #003E90;
font-size: 18px;
padding: 0 0 6px 0;
}
 
div.mainCont h2, 
div.mainCont h2 a {
color: #003E90;
font-size: 18px;
padding: 0 0 6px 0;
text-decoration: none;
}

div.mainCont h2 a:hover {
text-decoration: underline;
}

div.mainCont h3 {
color: #000;
font-size: 14px;
padding: 6px 0;
}

/*listen*/
div.mainCont ul  {
margin: 0 0 12px 29px;
}

div.mainCont ul li {
font-size: 12px;
line-height: 140%;
color: #333;
list-style: disc;
}

div.mainCont ol {
margin: 0 0 12px 29px;
}

div.mainCont ol li {
font-size: 12px;
line-height: 140%;
color: #333;
list-style: decimal;
padding: 3px 0;
}

/*absätze*/
div.mainCont p {
font-size: 12px;
padding: 6px 0 10px 0;
line-height: 150%;
color: #333;
}

div.mainCont p em {
font-style: italic;
}

div.mainCont p strong {
color: #000;
}

/*links*/
.link_classic, 
div.mainCont a {
text-decoration: underline;
color: #000;
}

.link_classic:hover, 
div.mainCont a:hover {
color:#003E90;
}

/*floatstuff*/
div.mainCont .floatleft {
margin: 0 20px 8px 0;
}

div.mainCont .floatright {
margin: 0 0 8px 20px;
}

/*  ------------------------------------------------------
TEASER
--------------------------------------------------------*/
/*teaser*/
div.teaser {
background: url(/basics/images09/teaser_bg.gif) repeat-x 0 100%;
margin: 0 0 22px 0;
}

/*h1*/
div.teaser h1 {
color: #003E90;
font-size: 18px;
padding: 0 0 3px 0 !important;
margin: 0 !important;
}

/*h2*/
h2.tHead1 {
color: #7AB51D;
font-size: 18px;
padding: 0 0 3px 0 !important;
margin: 0 !important;
}

/*h3*/
div.teaser h3 {
color: #9C9E9F;
font-size: 11px;
font-style: italic;
font-weight: normal;
padding: 0 0 3px 0;
margin: 0 !important;
}

/*p*/
div.teaser p {
color: #4B4B4D;
font-size: 14px;
line-height: 130%;
padding: 0 0 6px 0;
}

div.teaser .floatleft {
margin: 0 20px 0 0;
}

/*teaserLink*/
p.teaserLink {
float: right;
clear: both;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_tl.gif) 0 0;
margin: 0 !important;
}

p.teaserLink a {
float: right;
padding: 2px 10px;
color: #fff;
/*font-style: italic;*/
text-decoration: none;
background: url(/basics/images09/bg_tlc.gif) no-repeat 0 0;
}

p.teaserLink a:hover {
text-decoration: underline;
color: #fff;
}

/*  ------------------------------------------------------
SYSTEMALERTS
--------------------------------------------------------*/
div.errorBox,
div.noteBox, 
div.confirmBox {
margin: 0 0 24px 0;
}

div.errorBox {
border: #F399A3 1px solid;
background: #FBD9E0;
}

div.noteBox {
border: #F6BF7F 1px solid;
background: #FFF6BF;
}

div.confirmBox {
border: #B4D792 1px solid;
background: #EBF4DD;
}

div.errorBoxCont, 
div.noteBoxCont, 
div.confirmBoxCont {
padding: 12px 12px 0 160px;
min-height: 60px;
}

div.errorBoxCont {
border-top: #FDE8EC 3px solid;
background: url(/basics/images09/error.gif) no-repeat 46px 50%;
}

div.noteBoxCont {
border-top: #fff 3px solid;
background: url(/basics/images09/note.gif) no-repeat 46px 50%;
}

div.confirmBoxCont {
border-top: #fff 3px solid;
background: url(/basics/images09/confirm.gif) no-repeat 46px 50%;
}

div.errorBoxCont p, 
div.noteBoxCont p, 
div.confirmBoxCont p {
color: #000;
padding: 0 0 12px 0;
}

div.errorBoxCont p a, 
div.noteBoxCont p a, 
div.confirmBoxCont p a {
color: #000;
text-decoration: underline;
font-size: 11px;
}

/*  ------------------------------------------------------
CONTACTFORM
--------------------------------------------------------*/
div.contactForm {
margin: 0 0 24px 0;
border: #C9E9F8 1px solid;
}

div.contactFormCont {
border-top: #fff 3px solid;
background: #F3FAFD;
padding: 12px 0 0 12px;
}

div.contactFormCont h2 {
color: #003E90;
font-size: 18px;
padding: 0 12px 12px 0;
}

div.contactFormCont p {
padding: 3px 0 !important;
}

div.contactFormCont label {
float: left;
clear: left;
width: 110px;
text-align: right;
padding: 0 12px 3px 0;
}

div.contactFormCont label.smallLabel {
float: left;
clear: left;
width: 20px;
text-align: left;
padding: 0 0 6px 0;
}

div.contactFormCont input, 
div.contactFormCont textarea, 
div.contactFormCont select {
background: #fff;
color: #333;
padding: 2px;
margin: 3px 0 0 0;
border: #C9E9F8 1px solid;
}

div.contactFormCont input {width: 270px;}
div.contactFormCont input.ort {width: 200px;}
div.contactFormCont input.plz {width: 60px;}
div.contactFormCont input.cardNr {width: 60px;}

div.contactFormCont textarea {height: 70px; width: 270px;}
div.contactFormCont textarea.userInput {height: 120px; width: 440px;}

div.contactFormCont select {width: 276px;}
div.contactFormCont select.valid {width: 120px;}

div.contactFormCont input.checkBox, 
div.contactFormCont input.radio {width: auto !important;}

/*boxLink*/
div.contactFormCont p.boxLink {
float: right;
padding: 0 !important;
margin: 10px 0 0 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_bl-l.gif) 0 0;
}

div.contactFormCont p.boxLink a,
div.contactFormCont p.boxLink input {
float: right;
margin: 0 !important;   
padding: 3px 10px !important;
color: #fff !important;
background: url(/basics/images09/bg_blc-l.gif) no-repeat 0 0;
border: 0 none  !important;
cursor: pointer;
width: auto !important;
font-size: 11px !important;
}

div.contactFormCont p.boxLink input:hover {
text-decoration: underline;
}

/*error*/
div.contactFormCont .error {
color: #333  !important;
border: #F399A3 1px solid !important;
background: #FBD9E0  !important;
}

div.contactFormCont label strong {
color: #E2007A;
font-weight: normal;
}

.errorNote {
font-weight: bold;
color: #E2007A;
}

/*  ------------------------------------------------------
PAGER
--------------------------------------------------------*/
table.pagerTop, 
table.pagerBot {
font-size: 12px;
margin: 6px 0;
}

table.pagerTop {background: url(/basics/images09/pagertop_bg.gif) 0 0;}
table.pagerBot {background: url(/basics/images09/pagerbot_bg.gif) 0 0;}

table.pagerTop td, 
table.pagerBot td {
vertical-align: middle;
padding: 4px 12px;
width: 1px;
}

table.pagerTop td p, 
table.pagerBot td p {
white-space: nowrap;
margin: 0 !important;
padding: 0 !important;
line-height: 100% !important;
color: #fff !important;
}

table.pagerTop td a,
table.pagerBot td a {
color: #fff !important;
text-decoration: none !important;
}

table.pagerTop td, 
table.pagerBot td {
width: 1px;
color: #fff;
}

table.pagerTop td a:hover, 
table.pagerBot td a:hover {
text-decoration: underline !important;
}

/*first*/
table.pagerTop tr td.first {background: url(/basics/images09/pagertop_l.gif) no-repeat 0 0;}
table.pagerBot tr td.first {background: url(/basics/images09/pagerbot_l.gif) no-repeat 0 0;}

table.pagerTop td.first p, 
table.pagerBot td.first p {
width: 70px;
}

/*left*/
table.pagerTop td.left p, 
table.pagerBot td.left p {
width: 70px;
}

/*center*/
table.pagerTop td.center, 
table.pagerBot td.center  {
width: 100%;
}

/*right*/
table.pagerTop td.right p, 
table.pagerBot td.right p {
width: 70px;
}

/*last*/
table.pagerTop tr td.last, 
table.pagerBot tr td.last{
text-align: right;
}

table.pagerTop tr td.last {background: url(/basics/images09/pagertop_r.gif) no-repeat 100% 0;}
table.pagerBot tr td.last {background: url(/basics/images09/pagerbot_r.gif) no-repeat 100% 0;}

table.pagerTop td.last p, 
table.pagerBot td.last p {
width: 70px;
}

/*  ------------------------------------------------------
THEMETABLE
--------------------------------------------------------*/
table.themeTable {
width: 100%;
}

/*thead*/
table.themeTable  thead tr th {
text-align: left;
vertical-align: top;
}

table.themeTable  thead tr th p {
color: #003E90;
font-size: 14px;
padding: 0 6px;
line-height: 130%;
}

table.themeTable thead tr th span {
font-size: 10px;
}

/*common*/
table.themeTable thead th p {white-space: nowrap;}

/*Sonderklassen thead*/
/*warenkorb*/
table.themeTable thead th.count {width: 1px;}
table.themeTable thead th.articleImg {width: 1px;}
table.themeTable thead th.article {width: 100%;}
table.themeTable thead th.price {width: 1px;}
table.themeTable thead th.fullPrice {width: 1px; text-align: right;}

/*seminare*/
table.themeTable thead th.date {width: 1px;}
table.themeTable thead th.seminar {width: 100%;}
table.themeTable thead th.place {width: 1px;}
table.themeTable thead th.info {width: 1px; text-align: center;}

/*forumthema*/
table.themeTable thead th.state {width: 1px;}
table.themeTable thead th.date {width: 1px;}
table.themeTable thead th.theme {width: 100%;}
table.themeTable thead th.from {width: 1px;}
table.themeTable thead th.aw {width: 1px;}
table.themeTable thead th.userId {width: 1px;}

/*tbody*/
table.themeTable tbody tr {background: #D5EDFA;}
table.themeTable tbody tr.colored {background: #EFF8FB;}

table.themeTable tbody td {
vertical-align: middle;
border: #fff 3px solid;
}

table.themeTable tbody td p {
white-space: nowrap;
color: #444;
font-size: 14px;
padding: 3px 6px;
}

table.themeTable tbody td a {
text-decoration: none;
color: #000;
}

table.themeTable tbody td a:hover {
color: #000;
text-decoration: underline;
}

/*Sonderklassen tbody*/
table.themeTable tbody td.count p input.count {
border: #C9E9F8 1px solid;
background: #fff;
width: 30px;
padding: 3px 6px;
text-align: center;
}

table.themeTable tbody td.count p input.changeCount {
border: 0 none;
background: transparent;
color: #003E90;
padding: 3px 6px;
cursor: pointer;
}

table.themeTable tbody td.articleImg {background: #fff;}

table.themeTable tbody td.price p {
color: #8A898A;
text-align: right;
}

table.themeTable tbody td.fullPrice {text-align: right;}

/*summary*/
table.themeTable tbody tr.summary {
background: #fff !important;
}

table.themeTable tbody tr.summary td p {
padding: 12px 6px;
}

table.themeTable tbody tr.summary td strong {
color: #003E90;
}

table.themeTable tbody tr.summary td.sum p {
text-align: right;
background: #F4F4F4;
font-weight: bold;
color: #333;
}

/*seminar*/
table.themeTable tbody td.date {width: 1px;}
table.themeTable tbody td.seminar {width: 100%;}
table.themeTable tbody td.place {width: 1px;}
table.themeTable tbody td.info {width: 1px; text-align: center;}

/*forumthema*/
table.themeTable tbody td.state {width: 1px;}
table.themeTable tbody td.date {width: 1px;}
table.themeTable tbody td.theme {width: 100%;}
table.themeTable tbody td.from {width: 1px;}
table.themeTable tbody td.aw {width: 1px;}
table.themeTable tbody td.userId {width: 1px;}

/*  ------------------------------------------------------
LINE
--------------------------------------------------------*/
div.line, 
div.line2 {
background: url(/basics/images09/line.gif) repeat-x 0 0;
height: 2px; 
overflow: hidden;
}

div.line {
margin: 6px 0;
}

p.shopBtn {
text-align: right;
margin: 0;
padding: 0;
}

/*  ------------------------------------------------------
THEMELIST
--------------------------------------------------------*/
ul.themeList {
margin: 12px 0 18px 18px !important;
}

ul.themeList li {
list-style: none !important;
padding: 3px 0;
}

ul.themeList a {
text-decoration: none !important;
background: url(/basics/images09/icon_thema.gif) no-repeat 0 0;
padding: 0 0 0 18px;
font-weight: bold;
font-size: 14px;
color:#003E90;
}

ul.themeList a:hover {
color: #000;
}

ul.themeList a span {
text-decoration: none !important;
font-weight: normal;
font-size: 12px;
color: #777;
padding: 0 0 0 6px;
}

/*  ------------------------------------------------------
THIRDNAV
--------------------------------------------------------*/
ul.thirdNav {
float: left;
margin: 12px 0 0 0 !important;
}

ul.thirdNav li {
display: inline;
}

ul.thirdNav li a {
border: #690 1px solid;
background: #88B814 url(/basics/images09/bg_third.gif) repeat-x 0 0;
color: #fff !important;
text-decoration: none;
float: left;
width: 110px;
overflow: hidden;
padding: 3px 0;
margin: 0 8px 8px 0;
text-align: center;
}

ul.thirdNav li a:hover {
text-decoration: underline;
}

ul.thirdNav li a.active {
background: #FDD422 url(/basics/images09/bg_thirda.gif) repeat-x 0 0;
border:#c90 1px solid;
color: #fff;
}

/*  ------------------------------------------------------
SHOPARTICLE
--------------------------------------------------------*/
div.shopArticle {
float: left;
width: 330px;
margin: 0 28px 28px 0;
background: url(/basics/images09/teaser_bg.gif) repeat-x 0 100%;
}

div.shopArticle h3, 
div.shopArticle h3 a {
font-size: 18px;
color: #7AB51D !important;
text-decoration: none;
}

div.shopArticle h3 a:hover {
text-decoration: underline;
}

div.shopArticle .articleImg {
float: right;
margin: 0 0 12px 12px;
}

/*shopDetailInfo*/
div.shopArticle p.shopArticleInfo, 
div.shopArticle p.shopArticleInfo a {
font-size: 12px !important;
color: #80A0CB !important;
}

div.shopArticle p.shopArticleInfo strong {
font-size: 18px !important;
color: #003E90 !important;
}

div.shopArticle p.shopArticleInfo select {
width: 100px !important;
display: block;
margin: 6px 0;
}

/*shopArticleDesc*/
div.shopArticle p.shopArticleDesc {
color: #58585A !important;
}

/*shopDetailLink*/
div.shopArticle p.shopDetailLink {
float: left;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticle p.shopDetailLink a {
float: left;
padding: 2px 10px;
color: #fff;
text-decoration: none;
background: url(/basics/images09/bg_tlc.gif) no-repeat 0 0;
border: 0 none;
}

div.shopArticle p.shopDetailLink a:hover {
text-decoration: underline;
color: #fff;
}

/*shopCard*/
div.shopArticle p.shopCard {
float: right;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticle p.shopCard input {
float: right;
padding: 3px 10px;
color: #fff;
text-decoration: none;
background: url(/basics/images09/bg_tlc.gif) no-repeat 0 0;
border: 0 none;
cursor: pointer !important;
}

div.shopArticle p.shopCard input:hover {
text-decoration: underline;
color: #fff;
}

/*notAvailable*/
div.shopArticle p.notAvailable {
float: right;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bgna_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticle p.notAvailable span {
float: right;
padding: 3px 10px;
color: #666;
text-decoration: none;
background: url(/basics/images09/bgna_tlc.gif) no-repeat 0 0;
border: 0 none;
}

div.shopArticle p.notAvailable span:hover {
text-decoration: underline;
color: #fff;
}

/*  ------------------------------------------------------
SHOPARTICLELARGE
--------------------------------------------------------*/
div.shopArticleLarge {
background: url(/basics/images09/teaser_bg.gif) repeat-x 0 100%;
margin: 0 0 28px 0;
}

div.shopArticleLarge h3, 
div.shopArticleLarge h3 a {
font-size: 18px;
color: #7AB51D !important;
text-decoration: none;
}

div.shopArticleLarge h3 a:hover {
text-decoration: underline;
}

div.shopArticleLarge .articleImg {
float: right;
margin: 0 0 12px 12px;
}

/*shopDetailInfo*/
div.shopArticleLarge p.shopArticleInfo, 
div.shopArticleLarge p.shopArticleInfo a {
font-size: 12px !important;
color: #80A0CB !important;
}

div.shopArticleLarge p.shopArticleInfo strong {
font-size: 18px !important;
color: #003E90 !important;
}

div.shopArticleLarge p.shopArticleInfo select {
width: 100px !important;
display: block;
margin: 6px 0;
}

/*shopArticleDesc*/
div.shopArticleLarge p.shopArticleDesc {
color: #58585A !important;
}

/*shopDetailLink*/
div.shopArticleLarge p.shopDetailLink {
float: left;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticleLarge p.shopDetailLink a {
float: left;
padding: 2px 10px;
color: #fff;
text-decoration: none;
background: url(/basics/images09/bg_tlc.gif) no-repeat 0 0;
border: 0 none;
}

div.shopArticleLarge p.shopDetailLink a:hover {
text-decoration: underline;
color: #fff;
}

/*shopCard*/
div.shopArticleLarge p.shopCard {
float: right;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bg_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticleLarge p.shopCard input {
float: right;
padding: 3px 10px;
color: #fff;
text-decoration: none;
background: url(/basics/images09/bg_tlc.gif) no-repeat 0 0;
border: 0 none;
}

div.shopArticleLarge p.shopCard input:hover {
text-decoration: underline;
color: #fff;
}

/*notAvailable*/
div.shopArticleLarge p.notAvailable {
float: right;
padding: 0 !important;
font-size: 11px !important;
background: url(/basics/images09/bgna_tl.gif) 0 0;
margin: 0 !important;
}

div.shopArticleLarge p.notAvailable span {
float: right;
padding: 3px 10px;
color: #666;
text-decoration: none;
background: url(/basics/images09/bgna_tlc.gif) no-repeat 0 0;
border: 0 none;
}

/*  ------------------------------------------------------
BONUSCODE
--------------------------------------------------------*/
table.bonusCode {
width: 100%;
margin: 4px 0 0 0;
}

table.bonusCode td.code {
width: 1%;
}

table.bonusCode td.code p {
white-space: nowrap;
}

table.bonusCode td.code p input.bonus {
border: #D9DADB 1px solid;
background: #fff;
width: 100px;
padding: 3px 6px;
}

table.bonusCode td.code p input.ok {
border: 0 none;
background: transparent;
color: #003E90;
padding: 3px;
cursor: pointer;
}

/*  ------------------------------------------------------
SUBINFOTABLE
--------------------------------------------------------*/
table.table_reihen {
width: 100%;
margin: 12px 0;
}

table.table_reihen tbody tr {background: #f4f4f4;}

table.table_reihen tbody tr.bright {background: #f4f4f4;}
table.table_reihen tbody tr.dark {background: #e7e7e7;}


table.table_reihen thead tr th, 
table.table_reihen tr th {
color: #333;
font-size: 12px;
text-align: left;
padding: 6px;
vertical-align: top;
}

table.table_reihen thead tr th span {
font-size: 10px;
}

table.table_reihen tbody td {
font-size: 11px;
vertical-align: top;
padding: 6px;
border: #fff 3px solid;
color: #666;
line-height: 140%;
}

table.table_reihen tbody td div {
whitespace: nowrap;
}

table.table_reihen tbody td.yearType {
background: #fff;
color: #333;
font-weight: bold;
}

/*  ------------------------------------------------------
STEP
--------------------------------------------------------*/
div.step {
margin: 20px 0;
height: 1%;
border: #D9DADB 1px solid;
}

div.stepActive {
border: #A2A3A5 2px solid;
}

div.step div.stepCont {
border-top: #fff 3px solid;
padding: 12px 12px 16px 12px;
}

div.one {background: #F4F4F4 url(/basics/images09/one.gif) no-repeat 100% 0;}
div.two {background: #F4F4F4 url(/basics/images09/two.gif) no-repeat 100%  0;}
div.three {background: #F4F4F4 url(/basics/images09/three.gif) no-repeat 100%  0;}
div.four {background: #F4F4F4 url(/basics/images09/four.gif) no-repeat 100%  0;}
div.five {background: #F4F4F4 url(/basics/images09/five.gif) no-repeat 100%  0;}


div.step div.stepCont h2 {
font-size: 18px;
margin: 0 0 12px 0;
color: #7AB51D;
}

div.step div.stepCont p {
color: #4B4B4D;
font-size: 11px;
line-height: 140%;
}

/*  ------------------------------------------------------
TRENNLINIEN
--------------------------------------------------------*/
.trennlinie1 {
background: url(/basics/images09/teaser_bg.gif) repeat-x 0 100%;
font-size: 1px;
height: 2px;
overflow: hidden;
clear: both; 
}

/*  ------------------------------------------------------
TERMINE
--------------------------------------------------------*/
div.termine ul {
margin: 12px 0 !important;
padding: 0 !important;
}

div.termine ul li {
padding: 6px;
list-style-type: none !important;
background: #EFF8FB;
}

div.termine ul li.dark {
background: #D5EDFA;
}


/*  ------------------------------------------------------
SHOPBOX IM CONTENT
--------------------------------------------------------*/
div.mainCont div.box {
border: #D9DADB 1px solid;
width: 166px;
float: left;
margin: 12px 12px 12px 0;
}

div.mainCont div.boxCont {
border-top: #fff 3px solid;
background: #f4f4f4;
}

div.mainCont div.shopBox {
border-top: #f4f4f4 3px solid;
background: #fff !important;
}

div.mainCont div.boxCont h2, 
div.mainCont div.boxCont h1 {
padding: 12px;
font-size: 14px;
}

div.mainCont div.boxCont h2, 
div.mainCont div.boxCont h2 a, 
div.mainCont div.boxCont h1, 
div.mainCont div.boxCont h1 a {
text-decoration: none;
color: #7AB51D;
}

div.mainCont div.boxCont h2 a:hover, 
div.mainCont div.boxCont h1 a:hover {
text-decoration: underline;
}

/*  ------------------------------------------------------
FORMTABLE
--------------------------------------------------------*/
table.formTable {
width: 440px;
}

/*thead*/
table.formTable  thead tr th {
text-align: left;
vertical-align: top;
}

table.formTable thead tr th p {
color: #003E90;
font-size: 14px;
padding: 0 6px !important;
line-height: 130%;
}

/*common*/
table.formTable thead th p {white-space: nowrap;}

/*Sonderklassen thead*/
/*warenkorb*/
table.formTable thead th {width: 1px;}
table.formTable thead th.article {width: 100%;}

/*tbody*/
table.formTable tbody tr {background: #D5EDFA;}
table.formTable tbody tr.colored {background: #EFF8FB;}

table.formTable tbody td {
vertical-align: middle;
border: #F3FAFD 3px solid;
}

table.formTable tbody td p {
white-space: nowrap;
color: #444;
font-size: 14px;
padding: 3px 6px !important;
}

table.formTable tbody td a {
text-decoration: none;
color: #000;
}

table.formTable tbody td a:hover {
color: #000;
text-decoration: underline;
}

/*summary*/
table.formTable tfoot  tr.summary td p {
padding: 6px !important;
}

table.formTable tfoot  tr.summary td p strong {
color: #000;
}

/*  ------------------------------------------------------
DATATABLE
--------------------------------------------------------*/
table.dataTable {
width: 440px;
}

/*thead*/
table.dataTable tbody tr td {
text-align: left;
vertical-align: top;
width: 1px;
}

table.dataTable tbody tr td.data {
width: 100%;
}

table.dataTable tbody tr td p {
color: #003E90;
color: #666;
font-size: 12px;
padding: 3px 6px !important;
line-height: 130%;
white-space: nowrap;
}

table.dataTable tbody tr td.data p {
color: #000;
font-weight: bold;
}

/*  ------------------------------------------------------
DATEHEADER
--------------------------------------------------------*/
h4.dateHeader {
background: url(/basics/images09/line.gif) repeat-x 0 0;
font-size: 11px;
color: #666;
font-weight: normal;
padding: 6px 0;
margin: 12px 0 0 0;
}
td.adventskalender {
	padding-right: 70px;
	padding-left: 70px;
	padding-bottom: 50px;
	padding-top: 50px;
	text-align: center;
	background-color: #eee;
}