/**********************************************************\
  /                                                            \
 /  mainstyle.css                                               \
/                                                                \
\   Das Haupt-Stylesheet                                         /
 \  mit den auf allen Seiten benötigten Styles                  /
  \                                                            /
   \**********************************************************/

body { border:0px; margin:0px; padding:0px; min-width:700px;
       background-color:#7C87A2; background-image: url('bgimage.jpg'); background-repeat: repeat; 
       color:#000000;
       font-family:Verdana, Tahoma, sans-serif; font-size:9pt; font-weight:normal; text-decoration:none; 
       line-height:1.5 }

input { font-family:Verdana, Tahoma, sans-serif; font-size:9pt; font-weight:normal; text-decoration:none }
select { font-family:Verdana, Tahoma, sans-serif; font-size:9pt; font-weight:normal; text-decoration:none }

p { display:block; padding:10px; margin:0px }

img { border:none }

.invisible { display:none !important }

.clearright { clear:right }
.clearleft { clear:left }
.clearrightend { clear:right } 

#contentw1 { background-color:#ffffff }
#contentw2 { background-image:url('bgleft.jpg'); background-repeat:repeat-y; background-position: left top }
#contentw3, #contentw3b { padding-bottom:5px }
#contentw4 { padding-left:225px }
#contentw4b { padding-left:15px }

#content { min-height:350px; margin-bottom:5px }

#bottomw1 { background-color:#7C87A2 }
#bottomw2, #bottomw2b { background-image:url('bgbott.jpg'); background-repeat:repeat-x; background-position: left top }
#bottomw3 { background-image:url('bgbottleft.jpg'); background-repeat:no-repeat; background-position: left top }
#bottomw4, #bottomw4b { padding-top:25px; margin-top:0px; color:#ffffff; line-height:20px; vertical-align:middle; text-align:center; padding-bottom:10px }
#bottomw1 a { color:#ffffff; padding:1px 2px 0px 2px; border-bottom: 1px solid #939FBB; text-decoration:none }
#bottomw1 a:hover { color:#ffffff; text-decoration:none; border: 1px solid #939FBB; padding:0px 1px }
#bottomw1 a:active { color:#ffffff; text-decoration:none }
#bottomw1 a:visited { color:#ffffff; text-decoration:none }

.rightwrap { display:block; float:right; padding:0px;
             margin-left:20px; margin-top:0px; margin-bottom:10px; clear:right }
.rightwrap { margin-top:-50px }

#prodpagephotoalb div.rightwrap { margin-top:4px } 
#prodpageinfoman div.rightwrap { margin-top:4px } 
#prodpageballon div.rightwrap { margin-top:4px } 
#prodpageinputaid div.rightwrap { margin-top:4px } 


.rightbox1 { margin-top:1px; width:205px; background-color:#e1e1e1;
             background-image:url('rightboxbg.jpg'); background-repeat:repeat-y; background-position: right top }
.rightbox2 { background-image:url('rightboxtop.jpg'); background-repeat:no-repeat; background-position: right top }
.rightbox3 { background-image:url('rightboxbott.jpg'); background-repeat:no-repeat; background-position: right bottom;
             min-height:40px; padding:15px 15px 20px 20px }
.rightwrap p { padding-left:0px; padding-right:0px; padding-top:0px; padding-bottom:5px }


#navigrouptitle { display:none }


/* Obere Leiste */
#topw1 { display:block; background-color:#264C9A; padding-left:167px;
         background-image:url('topleft.jpg'); background-repeat:no-repeat; background-position:left top }
#topw2 { padding-right:210px;
         background-image:url('topright.jpg'); background-repeat:no-repeat; background-position:right top }
#topw3 { height:53px;
         background-image:url('topbg.jpg'); background-repeat:repeat-x; background-position:left top }
#logotext { display:none }


.navititle { display:none }

/* Kategorienleiste 
 catbar1 - Nur Leiste
 catbar2 - Leiste und linkes Feld
 catbar3 - Leiste, linker Rand und subcat-Leiste
 catbar4 - Leiste, subcat-Leiste ohne linken Rand
 catbar4 - Leiste, Produktleisteeiste ohne irgendeinen linken Rand
*/
#catbar1w1, #catbar2w1, #catbar3w1, #catbar4w1, #catbar5w1
           { display:block; background-color:#264c9a;
             background-image:url('catbarbg.jpg'); background-repeat:repeat-x; background-position:left top }
#catbar1w2, #catbar2w2, #catbar3w2, #catbar4w2, #catbar5w2
           { background-image:url('catbarright.jpg'); background-repeat:no-repeat; background-position:right top }
#catbar1w3, #catbar2w3
           { height:38px }
#catbar3w3, #catbar4w3, #catbar5w3
           { height:35px } /* Wenn subcat-Leiste angezeigt wird, Schatten weglassen */
#catbar2w3, #catbar3w3, #catbar5w3
           { background-image:url('catbarleft.jpg'); background-repeat:no-repeat; background-position:left top }
#catbar1w3, #catbar4w3
           { background-image:url('catbar1left.jpg'); background-repeat:no-repeat; background-position:left top }

/* Unterkategorienleiste (bei Modus 3 oder 4) */
#subcatbarw1 { display:block; background-color:#e7e5e7;
               background-image:url('subcatbg.jpg'); background-repeat:repeat-x; background-position:left top }
/*#subcatbarw2 { background-image:url('subcatright.jpg'); background-repeat:no-repeat; background-position:right top }*/
#subcatbarw3 { height:50px; padding-left:220px; overflow:hidden }

#subcatbarw3 h4 { display:block; padding:0px; margin:0px; position:absolute; left:0px; top:88px; height:378px; width:200px;
                  background:url('aktionleft.jpg') left top no-repeat;  }
#subcatbarw3 h4 span { display:none }


/* Linke Kategorienleiste */
#catleft2w1, #catleft3w1
            { display:block; background-color:#264c9a; position:absolute; left:0px; width:210px;
              background-image:url('leftbg.jpg'); background-repeat:repeat-y; background-position:left top }
#catleft2w1 { top:91px }
#catleft3w1 { top:88px }
#catleft2w2, #catleft3w2
            { background-image:url('leftbott.jpg'); background-repeat:no-repeat; background-position:left bottom }
#catleft3w3 { background-image:url('leftcatshadow.jpg'); background-repeat:no-repeat; background-position:right top; padding-top:3px } 
#catleft2w3, #catleft3w3
            { min-height:100px; color:#ffffff; padding-bottom:20px }

/* Linke Unterkategorienleiste */
#subcatleftw1 { display:block; background-color:#e7e5e7; position:absolute; left:0px; width:211px; top:88px;
                background-image:url('subcatleft.jpg'); background-repeat:repeat-y; background-position:left top }
#subcatleftw2 { background-image:url('subcatbott.jpg'); background-repeat:no-repeat; background-position:left bottom }
#subcatleftw3 { /*background-image:url('subcattop.jpg'); background-repeat:no-repeat; background-position:left top*/
                min-height:100px; color:#ffffff; padding-bottom:20px }
#prodiconballon { background-image:url('sub_ballon.jpg'); background-repeat:no-repeat; background-position:left top; padding-top:70px }
#prodiconinfoman { background-image:url('sub_infoman.jpg'); background-repeat:no-repeat; background-position:left top; padding-top:70px }
#prodiconinputaid { background-image:url('sub_inputaid.jpg'); background-repeat:no-repeat; background-position:left top; padding-top:70px }
#prodiconphotoalb { background-image:url('sub_photoalb.jpg'); background-repeat:no-repeat; background-position:left top; padding-top:70px }
#prodiconfree { background-image:url('sub_free.jpg'); background-repeat:no-repeat; background-position:left top; padding-top:70px }


/* Inhalt der Kategorienleiste */
ul#mainnav { display: block; margin:0px; border:0px; padding:0px 0px 0px 8px; list-style:none }
ul#mainnav li { display:inline }

ul#mainnav a { display:block; float:left; 
               color: #ffffff; padding:2px 7px; margin:3px 0px; text-decoration:none;
               vertical-align:middle; height:25px; line-height:25px }
ul#mainnav a.current { font-size:20px; padding:0px 5px; height:31px; line-height:31px; margin:0px }
ul#mainnav a:hover   { text-decoration:none; color: #ffffff; padding:1px 6px; border:solid 1px #1f4da9 }
ul#mainnav a:visited { color: #ccccff }
ul#mainnav a:active  { text-decoration:none; color: #ffffff }
ul#mainnav a.current:hover { padding:0px 5px; border:none; background:none }
ul#mainnav a.current:visited { color: #ffffff }


/* Inhalt der Unterkategorienleiste */
ul#subnav { display: block; position:static; margin:0px; border:0px; padding:3px 0px 4px 0px; list-style:none }
ul#subnav .group { display: inline }
ul#subnav li { display:inline }
ul#subnav .group a { display:block; float:left; color: #000000; height:33px; line-height:33px;
              margin:2px 0px; padding:2px 7px; vertical-align:middle; text-decoration:none; white-space:nowrap }
ul#subnav .group a:hover   { text-decoration:none; color: #000000; padding:1px 6px; border:solid 1px #898989 }
ul#subnav .group a:active  { text-decoration:none; color: #000000 }
ul#subnav .group a:visited { color: #555555 }
ul#subnav .group a.current { font-weight:bold }
ul#subnav .group a.current:visited { color: #000000 }


/* Inhalt der linken Kategorienleiste */
#catnav ul { display:block;  border:0px; padding:5px 0px 5px 0px; margin:0px 10px 0px 10px; line-height:1.2em; list-style:none }
#catnav ul li { display:block; margin:0px; padding:0px; color:#ffffff }
#catnav ul p { display:block; color:#ffffff; padding:4px 5px; margin:0px }
#catnav ul a { display:block; color: #ffffff; padding:4px 5px; text-decoration:none }
#catnav ul li.witharrow span { display:block; padding-left:14px }
#catnav ul li.witharrow { background-image:url('navarrow.gif'); background-repeat:no-repeat; background-position:1px 0.4em }
#catnav ul a:hover   { text-decoration:none; color:#ffffff; padding:3px 4px; border:solid 1px #1f4da9 }
#catnav ul a:visited { color: #ccccff }
#catnav ul a:active  { text-decoration:none; color:#ffffff }
#catnav ul ul { display:block; margin:0px; border:0px; padding:0px 0px 5px 10px; line-height:1.2em; list-style:none }
#catnav ul.lineafter { border-bottom:solid 1px #1f4da9 }
#catnav ul a.current { font-weight:bold }
#catnav ul a.current:visited { color: #ffffff }


/* Inhalt der linken Unterkategorienleiste */
#prodname { display:none }
ul #subcatnav ul { display:block;  border:0px; padding:5px 0px 5px 0px; margin:0px 10px 0px 10px; line-height:1.2em; list-style:none }
ul #subcatnav ul li { display:inline; margin:0px; padding:0px; color:#000000 }
ul #subcatnav ul p { display:block; color:#000000; padding:4px 5px; margin:0px }
ul #subcatnav ul a { display:block; color:#000000; padding:4px 5px; text-decoration:none }
ul #subcatnav ul a:hover { text-decoration:none; color:#000000; padding:3px 4px; border:solid 1px #898989 }
ul #subcatnav ul a:active { text-decoration:none; color:#000000 }
ul #subcatnav ul a:visited { color: #444444 }
ul #subcatnav ul ul { display:block; margin:0px; border:0px; padding:0px 0px 5px 10px; line-height:1.2em; list-style:none }
ul #subcatnav ul.lineafter { border-bottom:solid 1px #898989 }
ul #subcatnav ul a.current { font-weight:bold }
ul #subcatnav ul a.current:visited { color: #000000 }


/* Inhalt */
h1 { display:block; text-decoration:none; font-weight:normal; font-style:normal; font-size:1.5em; color:#333333;
     margin-top:0px; margin-bottom:10px; padding-bottom:0px; padding-top:15px; padding-bottom:10px; padding-left:10px;
     border-bottom: 1px solid #7b89a5 }

h2 { display:block; text-decoration:none; font-weight:normal; font-style:normal; font-size:1.3em; color:#333333;
     margin-top:0px; margin-bottom:8px; padding-bottom:0px; padding-top:20px; padding-bottom:8px; padding-left:10px;
     border-bottom: 1px solid #7b89a5 }

h3 { display:block; text-decoration:none; font-weight:normal; font-style:normal; font-size:1.2em; color:#333333;
     margin-top:0px; margin-bottom:0px; padding-bottom:0px; padding-top:10px; padding-bottom:0px; padding-left:10px;
    }

#content p { margin-right:225px }  /* Mit >p wär's besser, aber das mag IE nicht */
#content .paragraph { margin-right:225px }  
#content div p { margin-right:0px } /* So musses für innere wieder rückgängig gemacht werden */

#content ul { margin-right:225px }
#content .databox ul { margin-right:0px }
#content.fullwidth ul { margin-right:25px }
#content ul ul { margin-right:0px }

#content.fullwidth p, #content .fullwidth { margin-right:25px }
#content h1 { margin-right:0px; padding-right:195px } 
#content h2, #content h3 { margin-right:15px; padding-right:180px } 

#content a { color:#213e7d; padding:1px 2px 0px 2px; border-bottom: 1px solid #395ca9; text-decoration:none }
#content a:hover { color:#213e7d; text-decoration:none; border: 1px solid #395ca9; padding:0px 1px }
#content a:active { text-decoration:none; color:#395ca9 }
#content a:visited { color:#616b83 } 


#content a.nontext { padding:0px; border:0px }
#content a.nontext:hover { padding:0px; border:0px }

#content a.blocklink { display: block; border-bottom:none; padding-bottom:1px }
#content a.blocklink:hover { display: block; border-bottom:1px solid #395ca9; padding-bottom:0px; text-decoration:none }

#content ul.linklist { display:block; border:0px; padding:0px 0px 5px 0px; margin:0px 10px 0px 10px; line-height:1.2em; margin-right:215px; list-style:none }
#content .rightwrap ul.linklist { margin-left:0px }
#content div ul.linklist { margin-right:0px }
#content ul.linklist li { display:inline; margin:0px; padding:0px }
#content ul.linklist a { display:block; padding:4px 5px; text-decoration:none; border:none }
#content ul.linklist a:hover { padding:3px 4px; border:solid 1px #395ca9 }
#content ul.linklist ul { display:block; margin:0px; border:0px; padding:0px 0px 5px 10px; line-height:1.2em; list-style:none }
#content ul.linklist.lineafter { border-bottom:solid 1px #000000; margin-bottom:5px }
#content ul.linklist a.current { font-weight:bold }

#content .lineafter { border-bottom: 1px solid #5c6c8e }

/* .databox { border:solid 1px #79808F; margin:3px; margin-right:225px; padding:7px; background-color:#c1c8d8; color:#000000 }
.databox p { padding-top:2px; padding-bottom:2px } */

.databox { border:solid 1px #B3B7C1; margin:5px; margin-right:225px; padding:5px; background-color:#DBDCE0; color:#000000 }
.databox p { padding-top:2px; padding-bottom:2px }

#content .databox .lineafter { border-bottom: 1px solid #5c6c8e; padding-bottom:6px; margin-bottom:4px }


/* Startseite */

#content .prodlink { width:310px; height:104px; margin:0px; display:block; float:left; overflow:hidden; }
/*                     background-image:url(startprodbg.jpg); background-repeat: repeat-x; background-position: left top } */
#content .prodlinkfull { min-height:104px; margin:2px 10px 2px 5px; overflow:hidden; display:block; }
/*                         background-image:url(startprodbg.jpg); background-repeat: repeat-x; background-position: left top } */

/*#content .prodlink1 { background-image:url(startprodright.jpg);
                      background-repeat: no-repeat; background-position:right top } */
#content .prodlink2 { background-repeat: no-repeat; background-position:left top } 
#content .prodlink3 { padding:1px }

#content .prodlink1 a { display:block; position:relative; margin:8px 11px 11px 8px; padding:1px;  border:0px; padding-left:80px }
#content .prodlink1 a:hover { padding:0px; margin:8px 11px 11px 8px; border:1px solid #656596; padding-left:79px }

#content .prodlink1 a .prodlinkcontent { min-height:81px; margin:0px }
#content .prodlink1 .prodtitle { font-size:1.4em; padding-top:5px }
#content .prodlink1 span { display:block; cursor:pointer }

#content .prodlink span.invisible { display:none }

#content #prodlinkphotoalb .prodlink2 { background-image: url(startprodphotoalb.jpg) }
#content #prodlinkinfoman .prodlink2 { background-image: url(startprodinfoman.jpg) }
#content #prodlinkinputaid .prodlink2 { background-image: url(startprodinputaid.jpg) }
#content #prodlinkballon .prodlink2 { background-image: url(startprodballon.jpg) }

#content .likeprodlink { width:310px; min-height:104px; float:left; padding-top:7px }
#content .likeprodlink p { padding-top:5px; padding-bottom:5px; padding-left:12px }

#validicon { display:block; float:left }
#validcss { display:block; float:right }
#validtext { color:#8b8b8b; font-size:0.8em; margin-left:95px }
#validarea { min-height:35px; margin-left:5px; margin-right:25px; margin-top:20px }


#content ul.newslist { display:block; border:0px; padding:0px 0px 5px 0px; margin:0px 5px 0px 5px; margin-right:215px; list-style:none }
#content div ul.newslist { margin-right:0px }
#content ul.newslist li { display:inline; margin:0px; padding:0px }
#content ul.newslist a { display:block; padding:8px 5px; margin:4px 0px; text-decoration:none; border:none; color:#000000 }
#content ul.newslist a:hover { padding:7px 4px; border:solid 1px #395ca9; color:#000000 }
#content ul.newslist.lineafter { border-bottom:solid 1px #000000; margin-bottom:5px }
#content ul.newslist a span { display:block; color:#000000 }
#content ul.newslist a span.newstitle { padding-bottom:5px; font-size:1.2em; color:#213e7d }
#content ul.newslist a span.clickhere { display:inline; color:#213e7d; text-decoration:underline }
#content ul.newslist a:hover span.clickhere { color:#213e7d; text-decoration:none }
#content ul.newslist a:visited span.clickhere { color:#616b83 }

/* Produktseite */

h1#prodtitle { display:none }

div#prodpagephotoalb, div#prodpageballon, div#prodpageinfoman, div#prodpageinputaid
                     { padding-top:10px }

.picright { margin-right:0px; clear:right; float:right }

input.orderbutton { font-size:1.3em; padding:6px }