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;
    color: #ffffff;
} 
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;
        text-align:center;
    }
    #defaultholder li {
        display: inline-block;
        width:465px;
        vertical-align:top;
    }

    #defaultholder .buttonweb {
        width: 465px;
        height: 140px;
        margin: 0 10px 0 0px;
        padding: 90px 0 20px 0;
        text-align: right;
        background-color: #f29223;
        font-size: 14px;
        opacity: 0.8;
        transition: 0.5s;
    }
    #defaultholder .buttonwebover {
        width: 465px;
        height: 140px;
        margin: 0 10px 0 0px;
        padding: 90px 0 20px 0;
        text-align: right;
        background-color: #f29223;
        font-size: 14px;
        transition: 0.5s;
    }

    #defaultholder .buttonelektra {
        width: 465px;
        height: 140px;
        margin: 0 10px 0 10px;
        padding: 90px 0 20px 0;
        text-align: right;
        background-color: #497798;
        font-size: 14px;
        opacity: 0.8;
        transition: 0.5s;
    }
    #defaultholder .buttonelektraover {
        width: 465px;
        height: 140px;
        margin: 0 10px 0 10px;
        padding: 90px 0 20px 0;
        text-align: right;
        background-color: #497798;
        font-size: 14px;
        transition: 0.5s;
    }


    #defaultholder .buttonlandscape {
        width: 465px;
        height: 140px;
        margin: 0 10px 0 0px;
        padding: 90px 0 10px 0;
        text-align: right;
        background-color: #2e8849;
        font-size: 14px;
        opacity: 0.8;
        transition: 0.5s;
    }

    #defaultholder .buttonlandscapeover {
        display: block;
        width: 465px;
        height: 140px;
        margin: 0px 10px 0 0px;
        padding: 90px 0 10px 0;
        text-align: right;
        background-color: #2e8849;
        font-size: 14px;
        transition: 0.5s;
    }

   


.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; }

.lidefaultlandscape {
    display:block;
    margin:20px 0 0 0;
    color: #ffffff;
}

.lidefaultlandscape a:link {
    color: #ffffff;
}

.lidefaultlandscape a:hover {
    color: #ffffff;
    text-decoration: underline;
}

.lidefaultlandscape a:active {
    color: #ffffff;
}

#maincontainer                        {margin:0 auto 0 auto; width:980px; }
.mainlink {
    color: #ffffff;
    font-weight: bold;
    display: inline-block;
    vertical-align:top;
}
.mainlink2 {
    color: #ffffff;
    display: inline-block;
    margin-left: 5px;
    width: 200px;
    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; }


#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;}