body{ 
/* margin:0;*/
 margin:0 auto; 
 text-align:center;    /* Center main container in IE */
 background-color: white;
 background-image:url('BackGroundGreyWall_01.jpg');
 background-repeat:repeat;
 background-position:center top;  
}

hr { 
 background:#ff3c01;
 color:#ff3c01; 
 width:100%; 
 border: 0;
 height:2px;
} 

/* H-styles */
#content h1, #content h2, #content h3, 
#content h4, #content h5, #content h6 {
color: orangered; 
font-family:Tahoma, Geneva, sans-serif;
}

.sidebanners h1, .sidebanners h2, .sidebanners h3, 
.sidebanners h4, .sidebanners h5, .sidebanners h6{
color:orangered; 
font-family:Verdana, Geneva, sans-serif;
margin: 20;
/*display: inline;*/
/*padding: 20;*/
line-height:100%
}



/* P-styles */
#content p{
margin: 0px;
margin-top: 5px;
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
font-size: 12px; 
color: #505050;
font-weight:bold;
}

#content TD {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 11px; color: #000000;}

/* H-styles */
#content h1 {
color: orangered; 
font-family:tahoma, verdana, arial, sans-serif;
FONT-WEIGHT: normal;  text-align:left;
text-shadow:1px 1px 1px rgba(0,0,0,1);
letter-spacing:0pt;word-spacing:0pt;
line-height:1;
}

#content h2, #content h3, #content h4, 
#content h5, #content h6 {
color: orangered; 
font-family:tahoma, verdana, arial, sans-serif;
FONT-WEIGHT: normal;  
text-align:left;
letter-spacing:0pt;
word-spacing:0pt;
line-height:1;
}

#content h1 {font-size:28px; text-shadow:1px 1px 1px rgba(0,0,0,1);}
#content h2 {font-size:22px; text-shadow:1px 1px 1px rgba(50,50,50,0.5);}
#content h3 {font-size:19px; text-shadow:1px 1px 1px rgba(50,50,50,1);}
#content h4 {font-size:14px; FONT-WEIGHT: bold; text-shadow:1px 1px 2px rgba(50,50,50,0.1);}

#content li {font-size:11px; FONT-WEIGHT: normal; color: rgba(80,80,80,1); text-align:left; line-height:120%}



.sidebanners p{
margin: 0;
/*display: inline;*/
padding: 0;
font-family:Tahoma, Geneva, sans-serif;
font-size: 12px; 
color: #505050;
/*font-weight:bold;*/
line-height:120%;
}

.contactdiv {
text-align:center; 
font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif!important;
font-size: 12px; 
color: #505050;
font-weight:bold;
line-height:100%
}

/* Links */
 a { Text-decoration: none; }

 .headercontact1 a:link {color:darkgrey;} 
 .headercontact1 a:visited {color:darkgrey;} 
 .headercontact1 a:active {color:yellow;} 
 .headercontact1 a:hover {color: white;}

 .headercontact2 a:link {color:darkgrey;} 
 .headercontact2 a:visited {color:darkgrey;} 
 .headercontact2 a:active {color:yellow;} 
 .headercontact2 a:hover {color: white;}

 .footer_contact1 a:link {color:darkgrey;} 
 .footer_contact1 a:visited {color:darkgrey;} 
 .footer_contact1 a:active {color:yellow;} 
 .footer_contact1 a:hover {color: white;}

 .footer_contact2 a:link {color:darkgrey;} 
 .footer_contact2 a:visited {color:darkgrey;} 
 .footer_contact2 a:active {color:yellow;} 
 .footer_contact2 a:hover {color: white;}

 .footer_contact3 a:link {color:darkgrey;} 
 .footer_contact3 a:visited {color:darkgrey;} 
 .footer_contact3 a:active {color:yellow;} 
 .footer_contact3 a:hover {color: white;}


/*
table.main{ border: 1px solid black; }
table.main td{ border: 1px solid black;}
*/

#main { margin:0 auto; width:940px;}
 
#headercontainer{
position:relative;
width:940px;
height: 135px;
margin-top:6px;
margin-bottom:35px;
/*background: darkgrey;*/

}

#header_wide{
z-index: 0;
position:absolute;
margin-left:auto;
margin-right:auto;
text-align:center;    /* Center main container in IE */
width:100%;
top: 0px;
height: 150px;
opacity: 1;
zoom: 1;                   /*For Opacity in <IE8, something to trigger HasLayout*/
filter: alpha(opacity=100); /*For Opacity in <IE8*/
background: black;
-moz-box-shadow: 0px 0px 16px black;
-webkit-box-shadow: 0px 0px 16px black;
box-shadow: 0px 0px 16px black;
/*background-image:url('Test02_02.jpg');
background-repeat:no-repeat;*/

}

#header{
z-index: 1;
/*float:left;*/
width: 100%;
height: 100%;
opacity: 1;
/*background: grey;*/
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border: 1px solid grey;
-moz-box-shadow: 0px 0px 15px grey;
-webkit-box-shadow: 0px 0px 15px grey;
box-shadow: 0px 0px 15px grey;
/*background-image:url('Test02_02.jpg');
background-repeat:no-repeat;*/


}

#logo{
z-index: 10;
float:left;
position:absolute;
text-align: center;
width: 100%;
height: 100%;
/*background-image:url('LoggoOnSys.png');
background-repeat:no-repeat;
background-position:center; */
}

.header_field1, .header_field2{
z-index: 9;
float:left;
position:absolute;
top: 30px;
width: 400px;
height: 70px;
padding-top: 7px;
background-image:url('GreyTone_left.png');
background-repeat:repeat;
background-position:center;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
.header_field1{
left: 25px;
background-image:url('GreyTone_left.png');
} 
.header_field2{
left: 517px;
background-image:url('GreyTone_right.png');
}

.headercontact1, .headercontact2{
z-index: 10;
float:left;
position:absolute;
top: 50px;
width: 200px;
height: 50px;
text-align: center;
font-family:arial!important;
font-size: 12px; 
font-weight:bold;
padding-top: 7px;
/*background: grey;*/
color:darkgrey; 
text-shadow: 2px 2px black;
}
.headercontact1{
left: 55px;
} 
.headercontact2{
left: 690px;
}

.citys{
z-index: 30;
position:absolute;
padding: 0px;
line-height:0%;
font-family:arial!important;
font-size: 12px; 
font-weight:bold;
color:rgb(30,30,30); 
/*color:white; */

}


#effektivit{
z-index: 12;
/*float:left;*/
position: absolute;
top: 50px;
left: 40px;
/*background: #484848 ;*/
}

.cv,
.login{
z-index: 12;
float:left;
position:absolute;
top: 0px;
left: 70px;
width: 120px;
height: 28px;
font-family:arial!important;
font-size: 12px; 
font-weight:bold;
text-align: center;
padding-top: 3px;
/*background: grey;*/
color:white; 
/*border: 1px solid darkgrey;*/
text-shadow: 2px 2px black;
}
.login{top: 47px;}
.cv{top: 65px;}


#buttons{
z-index: 2;
/*float:left;*/
position:absolute;
/*top:-20;*/
margin-top:-10px;
/*margin-left: 40px;*/
/*margin-left: auto;
margin-right: auto;*/
text-align: center;
width:940px;
height: 50px;
}

#wrapper {
float:left;
width:940px;
/*vertical-align: top;*/
background: lightgrey;
background: #c0c0c0;
/*background: orange;*/
/*background: #E6E6E6;*/
/*background: #929292;*/
/*background: #ff6301;*/
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
/*border: 1px solid darkgrey;*/
-moz-box-shadow: 0px 0px 16px black;
-webkit-box-shadow: 0px 0px 16px black;
box-shadow: 0px 0px 16px black; 
}

#slider{
float:left;
width:840px;
height:160px;
text-align:center;    
margin-top:30px;
margin-bottom:0px;
margin-right:10px;
margin-left:30px;
padding: 20px;
/*padding-left: 5px;
padding-right: 0px;*/
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border: 1px solid darkgrey;
background: white;
-moz-box-shadow: 0px 0px 6px black;
-webkit-box-shadow: 0px 0px 6px black;
box-shadow: 0px 0px 6px black;
/*background: black;*/
}

#column_graph_left{
float:left;
width:2px;
}

#column_graph_right{
float:left;
width:2px;
}

.sidebanners{
text-align: center;
float:left;
width:250px;
margin-top:20px;
margin-bottom:0px;
margin-right:20px;
margin-left:10px;
padding: 10px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border: 1px solid darkgrey;
/*background: #E6E6E6;*/
background: white;
-moz-box-shadow: 0px 0px 6px black;
-webkit-box-shadow: 0px 0px 6px black;
box-shadow: 0px 0px 6px black;

}

#content{
float:left;
width:545px;
/*width:100%;*/
text-align: left;
margin-top:20px;
margin-bottom:20px;
margin-right:10px;
margin-left:20px;
padding: 20px;
/* height: 800px;*/
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
border: 1px solid darkgrey;
background: white;
-moz-box-shadow: 0px 0px 6px black;
-webkit-box-shadow: 0px 0px 6px black;
box-shadow: 0px 0px 6px black;
}


#highlightcontainer{
float:left;
position: relative;
width:100%;
text-align: left;
height: 400px;
background: grey;
/*
background-image:url('highlight_bg_01.jpg');
background-repeat:no-repeat;*/
margin-bottom: 30px;
}

#sidebannerspace{
text-align: center;
float:left;
width:250px;
height:20px;
margin-top:0px;
margin-bottom:0px;
margin-right:20px;
margin-left:10px;
/*padding: 10px;*/
/*background: white;*/
}

#empty{
float:left;
width:940px;
height: 30px;
/*background: lightgrey;*/
}

/* The black wide footer */
#footer{
z-index: 15;
position:relative;
float:left;
margin-left:auto;
margin-right:auto;
margin:0 auto;
text-align:center;    /* Center main container in IE */
width:100%;
height: 90px;
opacity: 1;
zoom: 1;                   /*For Opacity in <IE8, to trigger HasLayout*/
filter: alpha(opacity=100); /*For Opacity in <IE8*/
background: black;
-moz-box-shadow: 0px 0px 16px black;
-webkit-box-shadow: 0px 0px 16px black;
box-shadow: 0px 0px 16px black;
}

/* The centered founded black footer */
#footer2{
z-index: 20;
position:relative;
top: 5px;
text-align:center;
margin-left:auto;
margin-right:auto;
margin:0 auto;
text-align:center;    /* Center main container in IE */
width:940px;
height: 75px;
background: black;
border-radius: 20px; 
-moz-border-radius: 20px; 
-webkit-border-radius: 20px; 
border: 1px solid grey;
-moz-box-shadow: 0px 0px 15px grey;
-webkit-box-shadow: 0px 0px 15px grey;
box-shadow: 0px 0px 15px grey;
}

/* The grey fields */
.footer_field1, .footer_field2{
z-index: 25;
float:left;
position:absolute;
top: 9px;
width: 400px;
height: 58px;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
.footer_field1{
left: 25px;
background-image:url('GreyTone_left.png');
} 
.footer_field2{
left: 465px;
margin-left: 50px;
background-image:url('GreyTone_right.png');
}

.footer_contact1, .footer_contact2, .footer_contact3{
z-index: 30;
float:left;
position:relative;
top: 16px;
width: 33%;
height: 24px;
text-align: center;
padding: 0px;
line-height:0%;
font-family:arial!important;
font-size: 12px; 
font-weight:bold;
color:darkgrey; 
text-shadow: 2px 2px black;
/*background: grey;*/
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}
.footer_contact1, .footer_contact3{
top: 28px;
}


.footer_contact4{
z-index: 30;
position:relative;
margin-left:auto;
margin-right:auto;
text-align:center;    /* Center main container in IE */

top: 30px;
height: 24px;
padding: 0px;
line-height:0%;
font-family:arial!important;
font-size: 12px; 
font-weight:bold;
color:grey; 
text-shadow: 2px 2px black;
border-radius: 10px; 
-moz-border-radius: 10px; 
-webkit-border-radius: 10px; 
}

 



    .myButton {
        
        -moz-box-shadow: 0px 10px 14px -7px #b82121;
        -webkit-box-shadow: 0px 10px 14px -7px #b82121;
        box-shadow: 0px 10px 14px -7px #b82121;
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff8001), color-stop(1, #ff4101));
        background:-moz-linear-gradient(top, #ff8001 5%, #ff4101 100%);
        background:-webkit-linear-gradient(top, #ff8001 5%, #ff4101 100%);
        background:-o-linear-gradient(top, #ff8001 5%, #ff4101 100%);
        background:-ms-linear-gradient(top, #ff8001 5%, #ff4101 100%);
        background:linear-gradient(to bottom, #ff8001 5%, #ff4101 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff8001', endColorstr='#ff4101',GradientType=0);
        
        background-color:#ff8001;
        
        -moz-border-radius:4px;
        -webkit-border-radius:4px;
        border-radius:4px;
        
        border:1px solid #d02718;
        
        display:inline-block;
        color:#ffffff;
        font-family:arial;
        font-size:13px;
        font-weight:bold;
        padding:6px 12px;
        text-decoration:none;
        
        text-shadow:0px 1px 0px #120101;
        
    }
    .myButton:hover {
        
        background:-webkit-gradient(linear, left top, left bottom, color-stop(0.05, #ff4101), color-stop(1, #ff8001));
        background:-moz-linear-gradient(top, #ff4101 5%, #ff8001 100%);
        background:-webkit-linear-gradient(top, #ff4101 5%, #ff8001 100%);
        background:-o-linear-gradient(top, #ff4101 5%, #ff8001 100%);
        background:-ms-linear-gradient(top, #ff4101 5%, #ff8001 100%);
        background:linear-gradient(to bottom, #ff4101 5%, #ff8001 100%);
        filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff4101', endColorstr='#ff8001',GradientType=0);
        
        background-color:#ff4101;
    }
    .myButton:active {
        position:relative;
        top:1px;
    }