html, body {
        height: 100%;
}

body {
        margin: 0px;
        padding: 0px;
        background: #006BB3 url(images/main-bg.jpg) repeat;
        font-family: Verdana, serif;
        font-size: 12px;
        color: #0069B4;
}

h1, h2, h3 {
        margin: 0;
        padding: 0;
        text-transform: uppercase;
        font-weight: 300;
        font-family: Verdana, serif;
}

h2 {
        padding: 0px 0px 0px 0px;
        font-size: 1.50em;
}


h3 {
        padding: 0px 0px 20px 0px;
        font-size: 1.50em;
}

p, ol, ul {
        margin-top: 0px;
}

p {
        line-height: 2.0em;
}

td { font-size: 12px;}

a {
        color: #006AB3;
}

a:hover {
color: #000000;
        text-decoration: none;
}

a img {
        border: none;
}

img.border {
}

img.alignleft {
        float: left;
}

img.alignright {
        float: right;
}

img.aligncenter {
        margin: 0px auto;
}



/** WRAPPER */

#wrapper {
        overflow: hidden;
        width: 1200px;
        margin: 50px auto;
        background: #FFFFFF;
        box-shadow: 0px 0px 10px 5px rgba(0,0,0,.2);
        border-radius:10px;
        border:1px solid;
        border-color:#DED0C6;
         text-align:left;
}

.container {
        width: 1200px;
        margin: 0px auto;
         border:=px solid;
        border-color:#FF0000;
}

.clearfix {
        clear: both;
}

/** HEADER */

#header {
        overflow: hidden;
        height: 190px;
        background: url(/images/voegel.gif) repeat-x left top;
}

/* Logo */

#logo
{
        float: left;
        border:0px solid black;
        width: 316px;
        text-align:right;
        padding: 40px 0px 0px 0px;
        text-transform: uppercase;
}

#logo h1
{
        padding: 0px 0px 0px 0px;
}

#logo h1 a
{
        text-decoration: none;
        font-size: 1.5em;
        font-weight: 300;
        color: #FFFFFF;
}

#logo p
{
        display: block;
        margin-top: -10px;
        padding: 0px 0px 0px 0px;
        letter-spacing: 1px;
        font-size: 1.2em;
        color: #FFFFFF;
}

#logo p a
{
        color: #FFFFFF;
}





/*Kategorieüberblick auf der  Startseite*/
.katuebersicht {margin:8px;width:232px;height:290px;border:1px solid #BFBFBF;float:left;}
.artikelgaleriebild {height:240px;  width:100%; display:block; margin: 0 auto; position: relative;}
.artikelgalerievorschaubild {position: absolute; top:0; bottom:0; left:0; right:0; margin: auto; vertical-align:middle; max-width:100%; max-height:100%;}
.katuebersicht_text {background-color:#006AB3;padding:7px 0px 0px 7px;color:#ffffff;height:25px;margin-top:8px;line-height:20px;overflow:hidden;text-align:center;}




/* Menu */

#menu
{
        float: right;
        width: 500px;
        padding: 120px 120px 0px 0px;  border:0px solid black;
}

#menu ul
{
        float: right;
        margin: 0;
        padding: 0px 0px 0px 0px;
        list-style: none;
        line-height: normal;
}

#menu li
{
        float: left;
}

#menu a
{
        display: block;
        margin-left: 1px;
        padding: 7px 0px 7px 30px;
        letter-spacing: 1px;
        text-decoration: none;
        text-align: center;
        font-weight: bold;
}

#menu a:hover, #menu .current_page_item a
{
        text-decoration: none;
        border-radius: 5px;
        color: #000000;
}



/** PAGE */

#page {
        overflow: hidden;
        width: 1090px;
        border:0px solid;
        border-color:#FF0000;
        border-bottom: 0px solid #DEDEDE;
        text-align:left;
}

#page h2 {
}

/** CONTENT */

#content {
        float: right;
        border:0px solid green;
        width: 760px;

}

/** SIDEBAR */

#sidebar {
        float: left;

}

/* Footer */

#footer {
        overflow: hidden;
        margin: 0px 50px;
        padding: 30px 0px;
        border-top: 0px solid #000000;
}

#footer p {
        text-align: center;
        font-size: 12px;
}

#footer a {
        color: #545454;
}

/* Three Column */

#vektor {
        overflow: hidden;
        margin-left: 250px;
        text-align:left;
        width:770px;
}


#vektor-left{
border:0px solid black;
width:144px;
height:389px;
margin-top:50px;
margin-left:100px;
left:0px;
bottom:0px;
}


#sidebar_navigation {float: left;
        width: 300px;
        margin-right: 0px;
        text-align:right;
        border:0px solid black;
        }

#sidebar_navi {width:170px; text-align:left;border:0px solid red;margin-left:110px;}


/* List Style 1 */

ul.navigation {
        margin: 0px;
        padding: 0px;
        list-style: none;
}

ul.navigation li {
        padding: 0px 0px 0px 0px;
        border-top: 0px solid #DEDEDE;
}



ul.navigation .first {
        padding-top: 0px;
        border-top: none;
}

li.haupt_nichtaktiv  {}

li.haupt_aktiv {margin-top:10px;margin-bottom:10px;}



/* Button Style 1 */

.button-style {
        display: inline-block;
        margin-top: 20px;
        padding: 7px 20px;
        background: #333;
        border-radius: 5px;
        text-decoration: none;
        text-transform: uppercase;
        color: #FFFFFF;
}




 a.menue:link,a.menue:visited,a.menue:active {
 font-family: Verdana,Arial,Helvetica;
 color: #006AB3;
 font-size: 12px;
 text-decoration: none;
 line-height: 180%;
}
a.menue:hover {
 font-family: Verdana,Arial,Helvetica;
 color: #000000;
 font-size: 12px;
 text-decoration: none;
 line-height: 180%;
}









a.menueon {font-weight:bold;line-height:180%;text-decoration:none;}

a.artikel:link,a.artikel:visited,a.artikel:active {
 font-family: Verdana,Arial,Helvetica;
 color: #006AB3;
 font-size: 12px;
 font-weight:bold;
 text-decoration: none;
 line-height: 180%;
 text-decoration:none;
}
a.artikel:hover {
 font-family: Verdana,Arial,Helvetica;
 color: #006AB3;
  font-weight:bold;
 font-size: 12px;
 text-decoration: none;
 line-height: 180%;
  text-decoration:none;
}

a.white:link,a.white:visited,a.white:active {
 font-family: Verdana,Arial,Helvetica;
 color: #ffffff;
 font-size: 12px;
 text-decoration: none;
 text-decoration:none;
}
a.white:hover {
 font-family: Verdana,Arial,Helvetica;
 color: #DED0C6;
 font-size: 12px;
 text-decoration: none;
  text-decoration:none;
}



table.artikelansicht {
width:760px;
margin-bottom:45px;
}

td.artikelvorschaubild {width:320px;}
td.artikelleisteanfang {width:360px;}
td.artikelleisteanfang2 {width:padding-left:10px;padding-right:3px; }
td.artikelbezeichnung {padding-bottom:5px;}


span.neu {font-weight:bold;color:#F14600;}

#artikeltext {
border:1px solid green;float:right;
}

div.details_anzeigen {border-radius:5px;background-color:#006AB3;padding:0px;color:#ffffff;height:35px;margin-top:10px;margin-bottom:20px;}
div.preis {float:left;margin-top:10px;}
div.details_ansehen {float:right;margin-top:10px;}

#artikelhoch {width:240px; float:left; border:0px solid green;margin-right:10px;margin-bottom:10px;}
#artikelvorschauklein {width:360px;  float:left; border:0px solid red;margin-right:10px;margin-bottom:5px;}
#artikelvorschauklein2 {width:360px; height:600px; float:left; border:1px solid red;margin-right:10px;margin-bottom:5px;}

p.artikelvorschaubild {text-align:center;}

/* Detailartikel */

hr { background-color:#0069B4; height:1px;}
#hr_artikel  {  background-color:#0069B4; height:1px;}

.detail_nummeranzeige {float:left;padding-top:20px;padding-bottom:5px;}
.detail_preisanzeige {float:right;padding-top:20px;padding-bottom:5px;}

.detail_nummeranzeige2 {padding-top:20px;padding-bottom:5px;}
.detail_preisanzeige2 {padding-top:20px;padding-bottom:5px;}

p.datensatz_ueberschrift   {font-size:18px;}

.schemabild {float:left;border:0px solid red; margin-right:20px;}
.eigenschaften {float:left;border:0px solid green;}


.indenwarenkorb {width:360px;background-color:#006AB3;text-align:center;font-size:18px;color:#ffffff;}



 /*Warenkorb*/


table.warenkorb {border:0px solid; border-color:#dfdfdf;width:755px;}

table.warenkorb_2 {border:1px solid; border-color:#dfdfdf;border-collapse:collapse;}

td.warenkorb_2 {border-bottom:1px solid; border-color:#dfdfdf;}

td.warenkorb_3 {border-bottom:1px solid; border-color:#dfdfdf;background-color:#F6F5E4;}

p.wk {font-weight:bold;}




textarea {
 background-color:#FFFFFF;
 color:#000000;
  border:1px solid #006AB3;
  border-radius:3px; padding:3px;
}

input.text {
 background-color:#FFFFFF;
 color:#000000;
/* width:190px; */
 border:1px solid #006AB3;
 border-radius:3px;
 height:30px; padding:3px;
}
input.suchfeld {
 width:114px;
 border:1px solid #000000;
 background-color:#FFFFFF;
 color:#000000;
 height:24px;
 margin-bottom:0px;
}
input.suchsubmit {
 font-weight:bold;
 font-size:11px;
 height:24px;
 color:#000000;
 border:1px solid #000000;
 background-color:#FFFFFF;
}
input.login_text {
 width:80px;
 border:0px;
 background-color:#FFDE8C;
}
input.login_submit {
 width:50px;
 font-weight:bold;
 font-size:10px;
 color:#FFFFFF;
 border:1px solid #000000;
 background-color:#26618E;
}

input.checkbox {color:#000000;}

select.text {background-color:#FFFFFF; color: #000000;border:1px solid #006AB3;
  border-radius:3px;padding:3px;}

select.shopnav {
 background-color:#FFDE8C;
 color: #000000;
 font-family: Verdana,Arial,Helvetica;
 font-size:11px;
 font-weight:bold;
 width:165px;
}

input.submit {
 font-weight:bold;
 font-size:12px;
 color:#FFFFFF;
 border:1px solid #000000;
 background-color:#26618E;
 padding:5px;
}

span.sonderpreis {
 color:#FF0000;
}

.profilerror {
 color: #FF0000;
 font-weight:bold;
}
span.accountmeldung {
 color: #FF0000;
 font-weight:bold;
}
td.fehlerja {
 background-color:#E6F4F7;
}
td.fehlernein {
 background-color:none;
}

.fehler {
color: #FF0000;
}

.formular_individuell {border:1px solid red;border-radius:5px;border:1px solid #006AB3;padding:10px;-webkit-box-shadow: 5px 4px 24px -6px rgba(0,0,0,0.38); -moz-box-shadow: 5px 4px 24px -6px rgba(0,0,0,0.38);box-shadow: 5px 4px 24px -6px rgba(0,0,0,0.38);}

.angebotformular_button {
  color:white;
  background-color:#006AB3;
  padding:15px;
  border-radius:5px;
  cursor:pointer;
  text-align:center;
}


.fehlterror {
 color: #FF0000;
}

p.merkmale   {font-weight:normal;font-size:0.8em;}

select.eigenschaft {background-color:#FFFFFF; color: #000000;border:1px solid #006AB3;
  border-radius:3px;padding:3px;}