﻿body                                  {margin:0px; padding:0px; font-family:Verdana;}
html                                  {overflow-y: scroll;}
p                                     {width:650px; margin:0px 10px 10px 10px; padding:0 0 0 0; font-size:15px; color:#777676;}
h1                                    {margin:20px 10px 20px 10px; padding:0 0 0 0; font-size:24pt;}
h2                                    {margin:25px 10px 5px 10px; padding:0 0 0 0; font-size:14pt; border:0px solid gray;}
h3                                    {margin:15px 10px 5px 10px; padding:0 0 0 0; font-size:10pt; border:0px solid gray;}
a                                     {text-decoration:none;} 
span                                  {}
.img                                  {margin:0 0 0 10px; border:none;}
img                                   {border:none;}

#defaultholder                        {margin:25px 0 0 0;}
#defaultholder ul                     {list-style-type:none; margin:0 0 0 0; padding:0 0 0 0; overflow:hidden;}
#defaultholder li                     {float:left;}

#defaultholder .buttonweb             {width:465px; height:140px; margin:0 10px 0 10px; padding:100px 0 0 0; text-align:right; background-color:#f29223; font-size:14px; opacity: 0.8}
#defaultholder .buttonwebover         {width:465px; height:140px; margin:0 10px 0 10px; padding:100px 0 0 0; text-align:right; background-color:#f29223; font-size:14px;}
#defaultholder .buttonelektra         {width:465px; height:140px; margin:0 10px 0 10px; padding:100px 0 0 0; text-align:right; background-color:#497798; font-size:14px; opacity: 0.8}
#defaultholder .buttonelektraover     {width:465px; height:140px; margin:0 10px 0 10px; padding:100px 0 0 0; text-align:right; background-color:#497798; font-size:14px;}

.lidefaultweb a:link                  {color:#ffffff; }
.lidefaultweb a:visited               {color:#ffffff; }
.lidefaultweb a:hover                 {color:#ffffff; text-decoration:underline; }
.lidefaultweb a:active                {color:#ffffff; }

.lidefaultelektra a:link              {color:#ffffff; }
.lidefaultelektra a:visited           {color:#ffffff; }
.lidefaultelektra a:hover             {color:#ffffff; text-decoration:underline; }
.lidefaultelektra a:active            {color:#ffffff; }

#maincontainer                        {margin:0 auto 0 auto; width:980px; }
.mainlink                             {color:#ffffff; font-weight:bold; display:inline-block;}
.mainlink2                            {color:#ffffff; display:inline-block; margin-left:5px; width:150px; text-align:left;}
                                       


#menu                                 {margin:0 0 0 0; padding:0 0 0 0; height:20px; font-size:12pt; line-height:12pt; border:0px solid gray}
#menu ul                              {margin:0 0 5px 0; padding:0 0 0 0;}
#menu li                              {display: inline; line-height:10px; margin: 0 5px 0 5px;}
#menu a                               {text-decoration:none;}

#main                                 { min-height:450px; margin:10px 10px 10px 0px; padding:0 0 0 0; }
.web h1                               {color:#f29223;}
.web h2                               {color:#f29223;}
.web h3                               {color:#f29223;}
.web a:link                           {text-decoration:underline; color:#333333;}
.web a:visited                        {text-decoration:underline; color:#333333;}       
.web a:hover                          {text-decoration:underline; color:#f29223;}       
.web a:active                         {text-decoration:underline; color:#333333;} 
.web ul                               {margin:20px 10px 20px 10px; padding:0 0 0 0; color:#777676;}      

.elektra h1                           {color:#497798;}
.elektra h2                           {color:#497798;}
.elektra h3                           {color:#497798;}
.elektra a:link                       {text-decoration:underline; color:#333333; border:none;}
.elektra a:visited                    {text-decoration:underline; color:#333333; border:none;}  
.elektra a:hover                      {text-decoration:underline; color:#497798; border:none;}  
.elektra a:active                     {text-decoration:underline; color:#333333; border:none;}    
.elektra ul                           {margin:0px 0 0 0; color:#777676;}     

/* weergave adres gegevens */
#a2allgegevens                        {height:250px; margin:100px 0 0 0; font-size:8pt; text-align:right;}
#a2allgegevens h1                     {color:#777676; display:inline-block; margin:0; padding:0; font-weight:normal; width:150px; text-align:left; font-size:11px; }
#a2allgegevens .spanleft              {color:#777676; font-weight:bold; display:inline-block;}
#a2allgegevens .spanright             {color:#777676; display:inline-block; margin-left:5px; width:150px; text-align:left;}
#a2allgegevens a:link                 {color:#f29223; }
#a2allgegevens a:visited              {color:#f29223; }
#a2allgegevens a:hover                {color:#f29223; }
#a2allgegevens a:active               {color:#f29223; } 

#a2allgegevensweb                     {height:250px; margin:100px 0 0 0; font-size:8pt; text-align:right;}
#a2allgegevensweb .spanleft           {color:#f29223; font-weight:bold; display:inline-block;}
#a2allgegevensweb .spanright          {color:#777676; display:inline-block; margin-left:5px; width:150px; text-align:left;}
#a2allgegevensweb a:link              {color:#f29223; }
#a2allgegevensweb a:visited           {color:#f29223; }
#a2allgegevensweb a:hover             {color:#f29223; }
#a2allgegevensweb a:active            {color:#f29223; }

#a2allgegevenselektra                 {height:250px; margin:100px 0 0 0; font-size:8pt; text-align:right;}
#a2allgegevenselektra .spanleft       {color:#497798; font-weight:bold; display:inline-block;}
#a2allgegevenselektra .spanright      {color:#777676; display:inline-block; margin-left:5px; width:150px; text-align:left;}
#a2allgegevenselektra a:link          {color:#497798; }
#a2allgegevenselektra a:visited       {color:#497798; }
#a2allgegevenselektra a:hover         {color:#497798; }
#a2allgegevenselektra a:active        {color:#497798; }
#a2allgegevenselektra h1              {color:#497798; font-size:10px; }
/* weergave adres gegevens */


/* #postit                               { float:right; width:200px; height:200px; border: 1px solid #cccccc; background-color:#ffffcc;-moz-transform: rotate(60deg); -webkit-transform: rotate(60deg); -o-transform: rotate(60deg); -ms-transform: rotate(5deg);} */


#postit                               
{
    float:right;
    background-position: center center;
    width: 200px;
    height: 200px;
    margin:-80px 0 0 0;
    -moz-transform: rotate(7deg);
    -webkit-transform: rotate(7deg);
    -o-transform: rotate(7deg);
    -ms-transform: rotate(7deg);
    background-image: url('images/memo-small.png');
    background-repeat: no-repeat;
}
#postit p 
{
    padding:10px 0 0 0px;
    width:180px; 
    font-family:Bradley Hand ITC; 
    font-style: italic; 
    font-size: 16pt; 
    text-align:center;
    vertical-align:middle;
}


div .roundedcorners                   {-moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px; border:1px solid #ccc;}
div .roundedcorners                   {-moz-border-radius:30px 0px 30px 0px; -webkit-border-radius:30px 0px 30px 0px; border-radius:30px 0px 30px 0px;}
 

#footer                               {font-size:8pt; margin:30px 0 0 0; color:Gray;}
#footerLeft                           { display:inline-block; width:920px; margin:0; padding:0; border:0px solid gray; vertical-align:top;}
#footerRight                          { display:inline-block; width:50px; margin:2px 0 0 0; padding:0; border:0px solid gray; vertical-align:top;}



.producteigenschappen1                {margin:0 0 0 15px; padding:0; border:0px solid gray; width:280px; display:inline-block; vertical-align:top; font-size:9pt; color:#777676;}
.producteigenschappen2                {margin:0 0 0 0; padding:0; border:0px solid gray; width:370px; display:inline-block; vertical-align:top; font-size:9pt; color:#777676;}
.productlink                          {margin:0 0 0 15px; padding:0; border:0px solid gray; display:inline-block; vertical-align:top; font-size:9pt; color:#777676;}
.elektrotechniekofferte               { color:#497798; font-style:italic; font-weight:bold; font-size:11pt; }






#offertebutton          {margin:60px 10px 0 0; vertical-align:top; border:0px solid gray;}
#offertebutton a        {width:250px; height:33px; margin:0; padding:10px; text-decoration:none; color:#ffffff; 
                         background-color:#497798; 
                         display:inline-block; 
                         border:1px solid gray; text-align:center; 
                         border-radius: 5px; 
                         box-shadow: 0 2px 5px rgba(0,0,0,0.5); 
                         background-image: -moz-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: -webkit-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: -ms-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: linear-gradient(bottom, #666 25%, #888 75%);}
#offertebutton a:hover  {width:250px; height:33px; margin:0; padding:10px; text-decoration:none; color:#ffffff; 
                         background-color:#5f9fcd; 
                         display:inline-block; 
                         border:1px solid gray; 
                         text-align:center; 
                         border-radius: 5px; 
                         box-shadow: 0 2px 5px rgba(0,0,0,0.5); 
                         background-image: -moz-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: -webkit-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: -ms-linear-gradient(bottom, #666 25%, #888 75%); 
                         background-image: linear-gradient(bottom, #666 25%, #888 75%); }
#offertebutton img      {width:25px; margin:0px 0 0 0; padding:0px; text-decoration:none; border:0px solid #ffffff; display:inline-block;}
#offertebutton span     {width:182px; margin:5px 0 0 5px; padding:0px; border:0px solid #ffffff; color:#ffffff; font-size:17px; 
                         vertical-align:top; font-weight:bold; display:inline-block; }


#RightPanel             {position:absolute; margin:10px 0 0 720px; padding:0; border:0px solid gray; color:#777676; font-family:Verdana; font-size:11px;}
.IpLeft                 {display: inline-block; width:90px; margin:5px 0 5px 0; padding:0 0 0 5px; border:0px solid gray; vertical-align:top; text-align:right;}
.IpRight                {display: inline-block; width:160px; margin:5px 0 5px 0; padding:0 0 0 5px; border:0px solid gray; vertical-align:top;}








.SoftwareLeft           { display:inline-block; width:150px; border:0px solid gray;}
.SoftwareRight          { display:inline-block; width:100px; border:0px solid gray;}

.manufacturerimage      { height:111px; border:0px solid gray; margin:0 0 -140px 500px; vertical-align:top;}