body {
    background: url("../../../App_Themes/White/images/main_bg.gif") repeat scroll 0 0 transparent;
    margin: 0;
    padding: 0;
    width: 100%;
}
html {
    margin: 0;
    padding: 0;
}
a {
    text-decoration: none;
}
a:hover {
    text-decoration: underline;
}
.main {
    margin: 0 auto;
    padding: 0;
}
.blok_header {
    /*background: url("../../../App_Themes/White/images/main_bg.gif") repeat scroll 0 0 transparent;*/
	/*background: none repeat scroll 0 0 #ffffff;  0C0C0C */
    margin: 0;
    padding: 0;
}
.header {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
.johnsonlogo {
    float: left;
    margin: 0;
    padding: 0;
    width: 250px;
}
.logo {
    float: right;
    margin: 0;
    padding: 0;
    width: 250px;
}
.galeria {
    float: right;
    margin: 0;
    padding: 5px 0 0;
    width: 200px;
}
.galeria p {
    margin: 30px 0 0;
    text-align: right;
}
.galeria a {
    height: 23px;
    margin: 0;
    padding: 10px 2px 0;
    width: 24px;
}
.galeria a:hover {
    margin: 0;
    padding: 10px 2px 0;
}
.galeria a.first {
    background: url("../../../App_Themes/White/images/RSS_3.gif") no-repeat scroll center top transparent;
}
.galeria a.first:hover {
    background: url("../../../App_Themes/White/images/RSS_3_hover.gif") no-repeat scroll center top transparent;
}
.galeria a.sek {
    background: url("../../../App_Themes/White/images/RSS_2.gif") no-repeat scroll center top transparent;
}
.galeria a.sek:hover {
    background: url("../../../App_Themes/White/images/RSS_2_hover.gif") no-repeat scroll center top transparent;
}
.galeria a.thre {
    background: url("../../../App_Themes/White/images/RSS_1_hove.gif") no-repeat scroll center top transparent;
}
.galeria a.thre:hover {
    background: url("../../../App_Themes/White/images/RSS_1.gif") no-repeat scroll center top transparent;
}
.menu_resize_bg {
    background: url("../../../App_Themes/White/images/menu_bg.gif") repeat-x scroll center top transparent;
    height: 41px;
    margin: 0;
    padding: 0;
}
.menu_resize {
    margin: 0 auto;
    padding: 0;
    width: 960px;
}
.menu {
    float: left;
    margin: 0;
    padding: 1px 0 0;
    width: 800px;
}
.menu ul {
    border: 0 none;
    float: left;
    list-style: none outside none;
    margin: 0;
    padding: 0;
    text-align: left;
}
.menu ul li {
    border: 0 none;
    float: left;
    margin: 0;
    padding: 0;
}
.menu ul li a {
    color: #FFFFFF;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 12px 0;
    text-decoration: none;
}
.menu ul li a span {
    background: none repeat scroll 0 0 transparent;
    padding: 12px 9px;
}
.menu ul li a:hover {
    background: url("../../App_Themes/White/images/r_menu.gif") no-repeat scroll right center transparent;
}
.menu ul li a:hover span {
    background: url("../../../../App_Themes/White/images/l_menu.gif") no-repeat scroll left center transparent;
}
.menu ul li a.active {
    background: url("../../../App_Themes/White/images/r_menu.gif") no-repeat scroll right center transparent;
}
.menu ul li a.active span {
    background: url("../../../App_Themes/White/images/l_menu.gif") no-repeat scroll left center transparent;
}
.search {
    float: right;
    margin: 0;
    padding: 8px 0 0;
    width: 320px;
}
.search form {
    display: block;
    float: right;
    padding: 0;
}
.search span {
    background: url("../../../App_Themes/White/images/search_bg.gif") no-repeat scroll left top transparent;
    display: block;
    float: left;
    height: 27px;
    padding: 0;
    width: 156px;
}
.search form .keywords {
    background: url("../../../App_Themes/White/images/search_bg.gif") no-repeat scroll left top transparent;
    border: 0 none;
    color: #6C6C6C;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    height: 15px;
    margin: 0;
    padding: 6px 5px;
    width: 146px;
}
.search form .button {
    float: left;
    margin: 0;
    padding: 0;
}
.header_text {
    border-bottom: 1px solid #D8D8D8;
    margin: 0 auto 10px;
    padding: 5px 10px;
    width: 940px;
}
.header_text h2 {
    color: #6D6D6D;
    font: 14px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px 0;
}
.header_text h2 span {
    color: #A2A2A2;
    font: 11px Arial,Helvetica,sans-serif;
}
.header_text img {
    float: right;
    margin: 0;
    padding: 5px 0 0;
}
.cu3er_resize {
    background: url("../../../App_Themes/White/images/swf_bg.jpg") no-repeat scroll center bottom transparent;
    margin: 0 auto;
    padding: 10px 0 44px;
    width: 960px;
}
#cu3er-container {
    outline: 0 none;
    width: 960px;
}
.body_resize {
    margin: 0;
    padding: 0;
}
.body {
    margin: 0 auto;
    padding: 10px 5px;
    width: 950px;
}
.body h3 {
    border-bottom: 1px solid #D8D8D8;
    color: #131313;
    font: 36px Arial,Helvetica,sans-serif;
    margin: 5px 15px 25px 5px;
    padding: 20px 0;
}
.body h2 {
    color: #282828;
    font: bold 14px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 15px 5px;
    text-transform: uppercase;
}
.body img {
    margin: 10px auto;
    padding: 0;
}
.body img.floated {
    float: left;
    margin: 10px 15px;
    padding: 0;
}
.body p {
    color: #6D6D6D;
    font: 12px/1.8em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
}
.body a {
    color: #DD4200;
    font: 12px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.full {
    margin: 0;
    padding: 5px 0;
}
.right {
    float: right;
    margin: 0;
    padding: 5px 0;
    width: 350px;
}
.left {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 580px;
}

.innerpageright {
    float: right;
    margin: 0;	
    padding: 15px 0;
    width: 200px;
	text-align:right;
}
.innerpageleft {
    float: left;
    margin: 0;
    padding: 5px 0;
    width: 720px;
}

.block {
    float: left;
    margin: 10px;
    padding: 0;
    width: 255px;
}
.port_resize {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
    float: left;
    margin: 10px 5px;
    padding: 10px 5px;
    width: 290px;
}
.port_resize img {
    margin: 0;
    padding: 0;
    position: relative;
    z-index: 2;
}
.FBG_blog {
    background: none repeat scroll 0 0;	
    margin: 0;
    padding: 0;
}
.FBG_blog_resize {
    margin: 0 auto;
    padding: 0;
    width: 940px;
}
.FBG_blog_resize h2 {
    color: #FFFFFF;
    font: 18px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
.FBG_blog_resize p {
    color: #7E7E7E;
    font: 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 0;
}
.FBG_blog_resize img {
    float: right;
    margin: 0;
    padding: 0;
}
.FBG_blog_resize .recent {
    border-right: 2px solid #616161;
    float: left;
    margin: 20px 0 0;
    padding: 0;
    width: 320px;
}
.FBG_blog_resize .recent2 {
    border-right: 1px solid #616161;
    float: left;
    margin: 20px 0 0;
    padding: 5px 0 2px;
    text-align: center;
    width: 430px;
}
.FBG {
    background: none repeat scroll 0 0 #1B1B1B;
    border-top: 1px solid #272727;
    margin: 0;
    padding: 0;
}
.FBG_resize {
    margin: 0 auto;
    padding: 10px 0;
    width: 960px;
}
.FBG_resize p {
    color: #717171;
    font: 11px/1.8em Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
}
.FBG_resize ul {
    list-style: none outside none;
    margin: 10px auto;
    padding: 0;
}
.FBG_resize li {
    margin: 0;
    padding: 0;
}
.FBG_resize li a {
    color: #666666;
    font: 11px Arial,Helvetica,sans-serif;
    text-decoration: none;
}
.FBG_resize li a:hover {
    color: #D5D5D5;
}
.FBG_resize h2 {
    color: #D5D5D5;
    font: bold 14px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
}
.FBG_resize .left {
    float: left;
    margin: 10px 10px 10px 20px;
    padding: 10px 5px;
    width: 120px;
}
.footer {
    background: none repeat scroll 0 0 #1B1B1B;
    margin: 0;
    padding: 0;
}
.footer_resize {
    border-top: 1px solid #2B2B2B;
    margin: 0 auto;
    padding: 20px 10px;
    width: 940px;
}
.footer p {
    color: #A2A2A2;
    font: 11px Arial,Helvetica,sans-serif;
}
.footer a {
    color: #A2A2A2;
    font: bold 11px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px;
    text-decoration: none;
}
.footer p.right {
    float: right;
    margin: 0;
    padding: 15px 0 0;
    text-align: right;
    width: 350px;
}
.footer p.leftt {
    float: left;
    margin: 0;
    padding: 15px 0 0;
    text-align: left;
    width: 550px;
}
.form {
    background: none repeat scroll 0 0 #FFFFFF;
    border: 1px solid #DEDEDE;
    margin: 5px;
    padding: 0;
}
#contactform {
    margin: 0;
    padding: 5px 20px;
}
#contactform * {
    color: #7A7A7A;
}
#contactform ol {
    list-style: none outside none;
    margin: 0;
    padding: 0;
}
#contactform li {
    background: none repeat scroll 0 0 transparent;
    border: medium none;
    display: block;
    margin: 0;
    padding: 0;
}
#contactform li.buttons {
    margin: 5px 0;
}
#contactform label {
    color: #222222;
    float: left;
    font: 12px Arial,Helvetica,sans-serif;
    margin: 0;
    padding: 5px 0;
    text-transform: capitalize;
    width: 100px;
}
#contactform label span {
    font: 10px Arial,Helvetica,sans-serif;
}
#contactform input.text {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E9E9E9;
    height: 15px;
    margin: 5px 0;
    padding: 5px 2px;
    width: 480px;
}
#contactform textarea {
    background: none repeat scroll 0 0 #F8F8F8;
    border: 1px solid #E9E9E9;
    height: 150px;
    margin: 10px 0;
    padding: 2px;
    width: 480px;
}
#contactform li.buttons input {
    border: 0 none;
    color: #FFFFFF;
    margin: 0 0 0 400px;
    padding: 3px 0;
}
p.response {
    color: #2C2C2C;
    font: bold 11px/1.8em Arial,Helvetica,sans-serif;
    text-align: center;
    width: auto;
}
p.clr, .clr {
    clear: both;
    margin: 0;
    padding: 0;
}
li.bg, .bg {
    background: none repeat scroll 0 0 transparent;
    border-bottom: 1px solid #DEDEDE;
    clear: both;
    list-style: none outside none;
    margin: 0 0 10px;
    padding: 10px 0 0;
}


*{
margin:0px;
padding:0px;
}
img{border:0px;}
.myhtml{
width:100%;
height:100%;
background-image:url(images/bg.gif);
background-position:top left;
background-repeat:repeat-x;
}
.mybody{
width:980px;
margin:0 auto;
padding:25px 0 0 0;
}
.logo{
float:right;
margin:0 22px 0 0
}

.links{
display:block;
line-height:23px;
height:23px;
text-align:right;
padding:0 50px 80px 0
}
.links a{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#000000;
margin:0 13px;
text-decoration:none
}
.block{
background-image:url(images/block_bg.jpg);
background-position:top left;
background-repeat:no-repeat;
width:238px;
height:251px;
float:left;
padding:46px 0 0 24px;
margin:0 21px 0 0;
text-align:left;
}
.block p{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#0B3556;
display:block;
width:200px;
padding:0 0 20px 0;
}
/*
.imageblock{
width:654px;
height:297px;
float:left;
padding:0 43px 0 0;
margin:0 0 21px 0;
}
*/

#fadeshow1
{
width:654px;
height:297px;
float:left;
}

#content{
padding:25px 0 35px 0;
overflow:hidden;
float:left;
}
.line{
width:937px;
overflow:hidden;
border-bottom:1px solid #CEC7B9;
margin:0 0 27px 0
}
.sidebar{
width:238px;
float:left;
padding:0 10px 30px 32px;
font-family:Verdana;
font-size:12px;
color:#545353
}
.sidebar h4{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;
color:#040404;
line-height:48px;
}
.sidebar p{
padding:0 0 25px 0
}
.list{
background-color:#FAF3E5;
float:left;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}
.listcontent{
float:left;
font-family:Verdana;
font-size:12px;
color:#545353;
width:69%;
}
.list ul{
padding:23px 0 0 25px;
}
.list li{
list-style-type:none;
}
.list span{
color:#105183;
display:block;
float:left;
width:32px;
}
.list p{
display:block;
float:left;
color:#545353;
width:550px;
padding:0 45px 15px 0
}
.news{
padding:23px 0 0 0;
}
.news p{
padding:0px;
}
.news span{
display:block;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
color:Gray;
padding:0 0 5px 100px
}
.news a{
color:#105183;
text-decoration:none;
}
.Home a{
color:#545353;
text-decoration:none;
}
.news a:visited{text-decoration:underline}
.news a:hover{text-decoration:none}
.pad25{
margin:0 0 25px 0;
}
.infoblock{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
color:#545353;
width:272px;
float:left;
padding:0 29px 0 24px;
}
.pic{
padding:18px 0;
}
.infoblock a{
color:#105183;
text-decoration:underline
}
.infoblock a:visited{text-decoration:underline}
.infoblock a:hover{text-decoration:none}
.infoblock p{
padding:0 0 30px 0
}
.border{
border-right:1px solid #E8E5DE
}

#footer{
width:980px;
float:left;
background-color:#FAF3E6;
padding:0 0 0 25px;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#73706A;
}
#footer a{
text-decoration:none;
color:#73706A;
}
#footer a:visited{text-decoration:none}
#footer a:hover{text-decoration:underline}


/* Menu */
ul#menu
{
float:left;
margin:0 0 10px 0;
padding:0;
list-style-type:none;
width:auto;
position:relative;
display:block;
height:36px;
text-transform:uppercase;
font-size:12px;
font-weight:bold;
background:transparent url("images/bgOFF.gif") repeat-x top left;
font-family:Helvetica,Arial,Verdana,sans-serif;
border-bottom:4px solid #336666;
border-top:1px solid #C0E2D4;
}

ul#menu li
{
display:block;
float:left;
margin:0;
pading:0;
list-style-type:none;
}

ul#menu li a
{
display:block;
float:left;
color:#FFFFFF;
text-decoration:none;
padding:12px 20px 0 20px;
height:24px;
background:transparent url("images/bgDIVIDER.gif") no-repeat top right;}

ul#menu li a:hover
{
background:transparent url("images/bgHOVER.gif") no-repeat top right;
color:Black;
}

ul#menu li a.current,ul#menu li a.current:hover
{
color:#fff;
background:transparent url("images/bgON.gif") no-repeat top right;
}




/* Slider */
#scroller-web-wrap { width:10000em; position:absolute; }
#scroller-window,
#scroller-web-window { height:260px; width:960px; overflow:hidden; }
#scroller-window { position:relative; overflow:hidden; }
#scroller-window .project { float:left; }
#scroller-vertical { left:0px; position:absolute; top:0; width:960px; }
#scroller-web-window { overflow:hidden; width:960px; }
.project { height:260px; margin-right:0px; position:relative; width:960px; }
.project h3 { bottom:0; color:#660066; font-size:18px; font-weight:bold; left:0; padding:17px 0 0 3px; position:relative; text-shadow:0 1px 0 #FFFFFF; z-index:1; }
.project h3 a { color:#660066; font-size:18px; font-weight:bold; text-shadow:0 1px 0 #FFFFFF; text-decoration:none; }
.project-dots { z-index:1; margin-top:20px; right:585px; position:absolute; }
.button-next-project { z-index:1; position:relative; bottom:75px; margin-right:400px; background:transparent url(../../../App_Themes/White/images/icons.png) -200px top no-repeat; cursor:pointer; height:25px; position:absolute; right:0px; text-indent:-99999em; width:82px; }
.button-next-project:hover { background-position: -200px -25px; }
.button-next-project:active { background-position: -200px -50px; }
.project-dots a { background:transparent url(../../../App_Themes/White/images/icons.png) -139px top no-repeat; display:block; float:left; height:18px; margin-right:5px; text-indent:-99999em; width:14px; }
.project-dots a.active { background:transparent url(../../../App_Themes/White/images/icons.png) -139px -18px no-repeat; }
.project-dots a:hover { opacity:0.80; }

.contact_rcol
{
    float: left;
    margin-top: 5px;
    margin-left: 0px;
    width: 225px;
}
.box_roundshadow
{
    background: #fff;
    border: 1px solid #ccc;
    border-radius: 10px;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    box-shadow: 0 0 10px 0 #d2d0d0;
    -webkit-box-shadow: 0 0 10px 0 #d2d0d0;
    -moz-box-shadow: 0 0 10px 0 #d2d0d0;
    padding: 15px;
    margin: 10px auto;
}

.sidemenuheader
{
    background-color: #E7E7E7;
    color: #6A6A6A;
    font-size: 14px;
    font-weight: bold;
    font-family: verdana;
}
.bgaboutus {
    background-color:pink;

}

.bgcareer {
    background-color:yellow;
}