.feedbackerrora {
    background-color: #CC1B20;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000
}

.feedbackerrorb {
    background-color: #E58D8F;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000
}

.feedbackerrorc {
    background-color: #F3CBCC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000
}

.feedbackconfirma { 
	background-color: #00cc00; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	color: #000000
}

.feedbackconfirmb { 
	background-color: #7fe57f; 
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 8pt; 
	font-weight: bold; 
	color: #000000
}

.feedbackconfirmc { 
	background-color: #c5f3c5; 
	font-family: Arial, Helvetica,sans-serif; 
	font-size: 8pt; 
	color: #000000
}

.feedbackinfoa {
    background-color: #0000CC;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000
}

.feedbackinfob {
    background-color: #a8a8ee;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    font-weight: bold;
    color: #000000
}

.feedbackinfoc
{
    background-color: #d8d8f7;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 8pt;
    color: #000000
}

* {
    font-family: 'Source Sans Pro', sans-serif;
}



.footer {
    color:black;
}

a									{ text-decoration: none; }
ul									{ list-style: none; }
/* 
	LEVEL ONE
*/
ul.dropdown                         { padding: 0; position: relative; }
ul.dropdown li                      { font-weight: bold; float: left; zoom: 1; background: #cccccc url(section.png) 50% 50% repeat-x; }
ul.dropdown a:hover		              { color: #000; }
ul.dropdown a:active                { color: #ffa500; }
ul.dropdown li a                    { display: block; padding: 20px 69px; border-right: 1px solid #333;
	 								  color: #222; }
ul.dropdown li:last-child a         { border-right: none; } /* Doesn't work in IE */
ul.dropdown li.hover,
ul.dropdown li:hover                { background: #f6c36b; color: black; position: relative; }
ul.dropdown li.hover a              { color: black; }


/* 
	LEVEL TWO
*/
ul.dropdown ul 						{  width: 220px; visibility: hidden; position: absolute; top: 100%; left: 0; }
ul.dropdown ul li 					{ font-weight: normal; background: #f6f6f6; color: #000; 
									  border-bottom: 1px solid #ccc; float: none; }
									  
                                    /* IE 6 & 7 Needs Inline Block */
ul.dropdown ul li a					{ border-right: none; width: 100%; display: inline-block; } 


@media screen and (min-width:1921px) {

    .section_image {
        height: auto;
        /*border:1px solid #ddd;*/
    }

    #main-start {
        width:968px;
    }

    .button {
        width:50px;
        height:50px;
    }

    .Section {
    		padding-top:50px;
    		padding-bottom:50px;
    		clear:both;
    }

    .align_left {
        float:left;
        margin-right:20px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:20px;
        clear:both;
    }

    .videowrapper {
        clear:both;
    }

  .videowrapper iframe {
        margin: 0 auto;
        display:table;
        width: 500px;
        height: 300px;
    }
}

@media screen and (min-width:1000px) and (max-width: 1920px) {

    .section_image {
        height: auto;
        /*border:1px solid #ddd;*/
    }

    #main-start {
        width:968px;
    }

    .button {
        width:50px;
        height:50px;
    }

    .Section {
    		padding-top:50px;
    		padding-bottom:50px;
    		clear:both;

    }

    .align_left {
        float:left;
        margin-right:20px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:20px;
        clear:both;
    }

    .videowrapper {
        clear:both;
    }

    .videowrapper iframe{
        margin: 0 auto;
        display:table;
        width: 500px;
        height: 300px;
    }

}

@media screen and (min-width:800px) and (max-width: 999px) {

    #main-start {
            width:95%;
    }

    .main_image {
        max-width: 90%;
        height: auto;
    }

    .section_image {
        max-width: 90%;
        height: auto;
    }

    .button {
        width:=40px;
        height:40px;
    }

    .Section {
            clear:both;
            padding-top:50px;
            padding-bottom:50px;
    }

    .align_left {
        float:left;
        margin-right:20px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:20px;
        clear:both;
    }

    .videowrapper {
        clear:both;
    }

    .videowrapper iframe{
        margin: 0 auto;
        display:table;
        width: 450px;
        height: 300px;
    }
}

@media screen and (min-width:500px) and (max-width: 799px) {

    .main_image {
        max-width: 90%;
        height: auto;
    }

    .section_image {
        max-width: 90%;
        height: auto;
    }

    #main-start {
               width:95%;
       }

    .button {
        width:30px;
        height:30px;
    }

    .Section {
            clear:both;
            padding-top:50px;
            padding-bottom:50px;
    }

    .align_left {
        float:left;
        margin-right:20px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:20px;
        clear:both;
    }


    .videowrapper {
          margin:auto;
          float: none;
          clear: both;
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 25px;
          height: 0;
      }
      .videowrapper iframe {
          position: absolute;
          width: 70%;
          height: 70%;
      }

}

@media screen and (min-width:300px) and (max-width: 499px) {


    .main_image {
        max-width: 85%;
        height: auto;
    }

    .section_image {
        max-width: 60%;
        height: auto;
    }

    #main-start {
               width:95%;
       }


    .button {
        width:20px;
        height:20px;
    }

    .Section {
            clear:both;
            padding-top:50px;
            padding-bottom:50px;
        }

    .align_left {
        float:left;
        margin-right:10px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:10px;
        clear:both;
    }


    .videowrapper {
          margin:auto;
          float: none;
          clear: both;
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 25px;
          height: 0;
      }
      .videowrapper iframe {
          position: absolute;
          width: 90%;
          height: 90%;
      }

}


@media screen and (min-width:0px) and (max-width: 299px) {

    #main-start {
            width:95%;
    }

    .main_image {
        max-width: 80%;
        height: auto;
    }

    .section_image {
        max-width: 50%;
        height: auto;
    }

    .button {
        width:10px;
        height:10px;
    }

    .Section {
            clear:both;
            padding-top:50px;
            padding-bottom:50px;
    }

    .align_left {
        float:left;
        margin-right:10px;
        clear:both;
    }

    .align_right {
        float:right;
        margin-left:10px;
        clear:both;
    }


    .videowrapper {
          margin:auto;
          float: none;
          clear: both;
          position: relative;
          padding-bottom: 56.25%;
          padding-top: 25px;
          height: 0;
      }
      .videowrapper iframe {
          position: absolute;
          width: 90%;
          height: 90%;
      }

}