/* ################### */
/* #                 # */
/* #  HTML-Standard  # */
/* #                 # */
/* ################### */

body {
   font-family:Arial,Helvetica,sans-serif;
   color:#001111;
   background-color:#FFFFFF;
}

h1 {
   font-family:Arial,Helvetica,sans-serif;
   font-size:14pt;
   color:#001111;
   text-decoration:underline;
}

h2 {
   font-family:Arial,Helvetica,sans-serif;
   font-size:13pt;
   color:#001111;
   text-decoration:none;
}

h3,h4,h5,h6 {
   font-family:Arial,Helvetica,sans-serif;
   font-size:12pt;
   color:#001111;
   text-decoration:none;
}

p,b,i,u,br,table,tr,td,div,span {
   font-family:Arial,Helvetica,sans-serif;
   font-size:11pt;
   color:#001111;
   line-height:1.2em;
}

address {
   font-family:Arial,Helvetica,sans-serif;
   font-size:10pt;
   color:#001111;
}

a,a:link,a:active {
   font-family:Arial,Helvetica,sans-serif;
   font-size:11pt;
   color:#0000cc;
   text-decoration:underline;
}

a:hover {
   font-family:Arial,Helvetica,sans-serif;
   font-size:11pt;
   color:#ff3333;
   text-decoration:underline;
}

a:visited {
   font-family:Arial,Helvetica,sans-serif;
   font-size:11pt;
   color:#330099;
   text-decoration:underline;
}


/* ###################### */
/* #                    # */
/* #  Custom-Classes    # */
/* #                    # */
/* ###################### */

.clear {
   clear:both;
}

.suchmaschinenlinks {
   color:#fefefe;
   background-color:#fefefe;
   width:1px;
   height:1px;
   overflow:hidden;
}

/* STARTSEITE INDEX*/

a.index-archipel {
   text-decoration:none;
   font-weight:bold;
}
a.index-content {
   text-decoration:none;
}
div.index-outer-box {
   float:left;
   width:280px;
   border:1px solid #CCCCCC;
   margin: 10px 12px 10px 0px;
   
}
div.index-archipel {
   background-color:#F0F0F0;
   padding: 4px 5px 4px 8px;
   border-bottom:1px solid #CCCCCC;
}
div.index-content {
   background-color:#F0F0F0;
   padding: 3px 5px 3px 8px;
}
div.index-archipel:hover,div.index-content:hover {
   background-color:#009933;
   color:yellow;
}
div.index-nolink,div.index-nolink:hover {
   background-color:#F0F0F0;
   padding: 3px 5px 3px 8px;
}


/* NEWS */

.newsbox {
   margin-left:5px; 
   margin-bottom:20px; 
   padding-bottom:10px; 
   border-bottom:solid #009933 1px;
}

/* NAVIGATION 1 */

.box1 {
   border-bottom:solid #999999 1px;
   background-color:#eeeeee;
   padding-top:4px;
   padding-bottom:8px;
}
a.nav1,a.nav1:link,a.nav1:active,a.nav1:visited
{
   color:#006600;
   background-color:#dddddd;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:9px;
}
a.nav1:hover
{
   color:white;
   background-color:#339933;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:9px;
}
.nav1active,a.nav1active,a.nav1active:link,a.nav1active:active,a.nav1active:visited
{
   color:yellow;
   background-color:#006600;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:9px;
}
a.nav1active:hover
{
   color:white;
   background-color:#339933;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:9px;
}

/* NAVIGATION 2 */

.box2 {
   background-color:#dddddd;
   border-top:solid #009933 1px;
   border-bottom:solid #009933 1px;
   border-collapse:collapse;
   width:148px;
   padding:4px;
   margin:2px;
}

.box2active {
   background-color:#006600;
   border-top:solid #009933 1px;
   border-bottom:solid #009933 1px;
   border-collapse:collapse;
   width:148px;
   padding:4px;
   margin:2px;
}

a.nav2,a.nav2:link,a.nav2:active,a.nav2:visited
{
   color:#006600;
   background-color:#dddddd;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}
a.nav2:hover
{
   color:white;
   background-color:#339933;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}

.nav2active,a.nav2active,a.nav2active:link,a.nav2active:active,a.nav2active:visited,a.nav2active:hover
{
   color:yellow;
   background-color:#006600;
   width:140px;
   font-family:Arial,sans-serif;
   font-weight:bold;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}

/* NAVIGATION 3 */

.box3 {
   margin-left:10px;
   margin-right:2px;
   margin-top:2px;
   margin-bottom:2px;
}

.box3active {
   margin-left:10px;
   margin-right:2px;
   margin-top:2px;
   margin-bottom:2px;
}

a.nav3,a.nav3:link,a.nav3:active,a.nav3:visited
{
   color:#006600;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:normal;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}
a.nav3:hover
{
   color:white;
   background-color:#339933;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:normal;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}

.nav3active,a.nav3active,a.nav3active:link,a.nav3active:active,a.nav3active:visited,a.nav3active:hover
{
   color:yellow;
   background-color:#006600;
   width:140px;
   text-decoration:none;
   font-family:Arial,sans-serif;
   font-weight:normal;
   font-size:10pt;
   text-decoration:none;
   padding:2px;
}

/* CONTENT */

img.fotomitschatten {
   border:solid 1px #CCCCCC;
   background-color:#FFFFFF;
   padding:10px;
   margin-bottom: 5px;
   box-shadow: 3px 1px 8px grey;
   -moz-box-shadow: 3px 1px 8px grey;
   -webkit-box-shadow: 3px 1px 8px grey;

}

.noframe {
   margin:0px;
   background-color:#e0e0e0;
   font-family:Arial,Helvetiva,sans-serif;
}

.maincol {
   table-layout:fixed;
   border-right:solid #009933 1px;
   border-left:solid #009933 1px;
   border-bottom:solid #009933 1px;
   width:980px;
   background-color:#ffffff;
}

.bildschatten {
   border-top:solid #cccccc 2px;
   border-left:solid #cccccc 2px;
   border-right:solid #888888 2px;
   border-bottom:solid #666666 2px;
}

.zebrakopf {
   background-color:#e0eed0;
}

.zebrastreifendunkel {
   background-color:#f4f4f4;
}

.zebrastreifenhell {
   background-color:#FFFFFF;
}



a.pagelink,a.pagelink:link,a.pagelink:active,a.pagelink:visited
{
font-family:Versana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:smaller;
border:1px solid #006600; 
padding:3px; 
margin-right:3px; 
text-decoration:none; 
color:#006600; 
background-color:#ffffff;
}
a.pagelink:hover
{
font-family:Versana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:smaller;
border:1px solid #006600; 
padding:3px; 
margin-right:3px; 
text-decoration:none; 
color:#ffff00; 
background-color:#006600;
}

a.pageaktuell,a.pageaktuell:link,a.pageaktuell:active,a.pageaktuell:visited,a.pageaktuell:hover
{
font-family:Versana,Arial,Helvetica,sans-serif;
font-weight:bold;
font-size:smaller;
border:1px solid #abcdef; 
padding:3px; 
margin-right:3px; 
text-decoration:none; 
color:#ffffff; 
background-color:#006600;
}




/* ###################### */
/* #                    # */
/* #  ALTE - Classes    # */
/* #                    # */
/* ###################### */


.layouttabelle {
   width:100%;
   padding:0px;
   margin:0px;
}


.linie {
   color:#cccccc;
   height:1px;
   text-align:center;
}

.karte {
   clear:right;
   float:right;
   margin-left:12px;
   margin-bottom:12px;
}

/* Rahmen fuer Fotos */

.bilderrahmen {
   border:1px solid #cccccc;
   padding:5px;
}

.teaserfoto {
   clear:right;
   float:right;
   padding:5px;
   margin-left:12px;
   margin-bottom:12px;
   border:1px solid #cccccc;
}

.bilderserie {
   clear:both;
   border:1px solid #cccccc;
   margin:0px auto;
/* max-width:1000px; */
}

.serienbild {
   padding-top:5px;
   padding-left:5px;
   padding-right:5px;
}

.werbeblockrechts {
   clear:right;
   float:right;
   width:300px;
   border:1px solid #cccccc;
   padding:10px;
   margin-left:20px;
   margin-bottom:10px;
   text-align:center;
}

.werbeblocklinks {
   clear:left;
   float:left;
   width:300px;
   border:1px solid #cccccc;
   padding:10px;
   margin-right:20px;
   margin-bottom:10px;
   text-align:center;
}

.bildunterschrift {
   font-size:smaller;
   text-decoration:none;
   color:#555555;
   line-height:1.5em; 
}

.desktopthumbnail {
   float:left;
   width:220;
   padding-bottom:20px;
   padding-right:40px;
}

.verlaufsleiste {
   text-align:center;
}

.produktzeile {
   table-layout:fixed;
   background-color:#E5E8F4;
   width:100%;
}

.produktmenge {
   vertical-align:top;
   width:140px;
   padding:5px;
}

.produktbild {
   vertical-align:top;
   text-align:center;
   width:120px;
   padding:5px;
}

.produktbeschreibung {
   vertical-align:top;
   padding:5px;
}

.trenner {
   clear:left;
   height:5px;
}

.kleiner {
   font-size:smaller;
}

.eingabemenue {
   clear:both;
   background-color:#E5E8F4;
   text-align:center;
   padding:10px;
   width:98%;
}

.eingabetextfelder {
   background-color:#E5E8F4;
   padding:10px;
   width:98%;
}

.pflichtfeldfehler {
   border-width:1px;
   border-style:solid;
   border-color:red;
   border-collapse:collapse;
}

.tabelleadresse {
   border-width:1px;
   border-style:solid;
   border-color:#001111;
}

.tabellebestellung {
   border-width:1px;
   border-style:solid;
   border-color:#001111;
}

.tabellemitrand {
   border-width:1px;
   border-style:solid;
   border-color:#001111;
}

.zebra {
   background-color:#E5E8F4;
}