body {
background-color:#4396CA;
padding:0 !important;
}

    .topcorner{
    position:relative;
    top:10px;
    right: 10px;
 }
  
#logo_text {
    height: 30px;
    width: 840px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    float: right;
    margin-top: 30px;
	z-index: 99 !important; 
}

#head
{
    background-color: #191816;

}


#logo {
    width: 137px;
    float: left;
    margin-left: 10px;
}
#main {


    height: auto;
    /*width: 1000px;*/
    background-color: MintCream ;
    padding:30px;
}
.mor {
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    color: #0C6EB5;
    font-weight: bold;
}

#footr {
    height: 49px;
    background-color: #191816;
}
.grid-row
{
padding-top:10px;
padding-bottom:10px;
}

.bordered-image
{
	width: 250px;
    height: 277px;
    border-top-width: 1px;
    border-right-width: 1px;
    border-bottom-width: 1px;
    border-left-width: 1px;
    border-top-style: solid;
    border-right-style: solid;
    border-bottom-style: solid;
    border-left-style: solid;

}


.red_mark{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #FF0000;
}
.title_black{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #000000;
}


.textfield2{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #666666;
	height: 80px;
	width: 300px;
	text-align: left;
	vertical-align: top;
}
.partners {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	font-weight: bold;
	color: #0E6BAE;
	
}

.data {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #5A4A3A;
	
}

.data_ar {
	font-family: Tahoma;
	font-size: 12px;
	color: #5A4A3A;
}


.black {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #372D23;
	
}

.link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #2983BF;
	font-weight: bold;
}

.titel {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 20px;
	color: #B0873A;
}

.titel_ar {
	font-family: Tahoma;
	font-size: 20px;
	color: #B0873A;
}
    
/* ------------- conditional css --------------*/


/*---------- small screens ------------*/
@media only screen and (max-width: 600px) {
    #solid {	
visibility:collapse;
}
#logo_text {
width: 100%;
font-size: 10px;
}


#logo {

}
#footr_text {
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 10px;
    font-weight: bold;
    color: Mintcream;
    text-align: left;
    padding-top: 8px;
font-style:bold;
}
}
/*---------- medium screens ------------*/
@media only screen and (max-width: 1000px) and (min-width: 600px) {
    #solid {
	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #007ec1;
    text-align: left;
    float: right;
    height: 20px;
    width: 280px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 10px;
	
}
#logo_text {
    height: 30px;
    width: 840px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 12px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    text-align: right;
    float: right;
    margin-top: 30px;
	z-index: 99 !important; 
}
#logo {
    height: 50px;
    width: 50px;
    float: left;
    margin-left: 10px;
}
#footr_text {
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: Mintcream;
    text-align: left;
    padding-top: 10px;
    float: left;
    padding-left: 2%px;
}
}



/*---------- normal screens ------------*/

@media only screen and (min-width: 1000px) {
    #solid {	
    font-family: Verdana, Arial, Helvetica, sans-serif;
    color: #007ec1;
    text-align: left;
    float: right;
    height: 20px;
    width: 280px;
    font-weight: bold;
    text-transform: uppercase;
    font-size: 13px;
}
#logo_text {
    height: 30px;
    width: 840px;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 19px;
    text-transform: uppercase;
    color: #FFFFFF;
    font-style: normal;
    font-weight: bold;
    text-align: left;
    float: right;
    margin-top: 30px;
	z-index: 99 !important; 
}
#logo {
    height: 111px;
    width: 137px;
    float: left;
    margin-left: 10px;
}
#footr_text {
    height: auto;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 13px;
    font-weight: bold;
    color: Mintcream;
    text-align: left;
    padding-top: 10px;
    float: left;
    padding-left: 25%;
}
}