body{
width:100%;
margin:0px;
border:none;
padding:0px;

min-height:100%;
max-width:1920px;

line-height: 130%;

font-family:georgia,verdana,arial;
font-size:10pt;

color:#fff;
background-color:#000;

position:relative;
}
img{
margin:0px; 
border:none;
padding:0px;
}
div{
margin:0px;
border:none;
padding:0px;
}
a{
margin:0px;
border:none;
padding:0px;
text-decoration:none;
color:white;
font-weight:bold;
}
a:hover{
text-decoration:underline;
}

p{
margin:0px;
border:none;
padding:0px;
}
table{
margin:0px;
border:none;
padding:0px;
border-collapse:collapse;
}
tr{
margin:0px;
border:none;
padding:0px;
border-collapse:collapse;
}
td{
margin:0px;
border:none;
padding:0px;
border-collapse:collapse;
vertical-align:top;
}
ul{
padding-left:15pt;
}
li{
padding-bottom:5pt;
}

/* ####################################### */
/* HEAD */	

div.head {
width:100%;
min-width:1020px;
height:545px;
}

div.spotbg{
width:100%;
min-width:1020px;
height:545px;
position:absolute;
background-repeat:no-repeat;
background-position:top center;
}

div #spot{
z-index:2;
}
div #spot_fadeout{
z-index:3;
}

div.menu_top_bg{
width:100%;
min-width:1020px;
height:90px;
background-image:url(gfx/general/menu_background.png);
background-repeat-y:repeat;
position:absolute;
top:0px;
z-index:3; 
}

div.menu_bottom_bg{
width:100%;
min-width:1020px;
height:28px;
background-image:url(gfx/general/dots_background.png);
background-repeat-y:repeat;
position:absolute;
top:517px; /*545-28*/
z-index:3;  
}


div.menu_top{
width:1020px;
position:relative;
text-align:left;
}


/* ####################################### */
/* FOOTER */
div.footer_full{
width:100%;
min-width:1020px;
}
div.footer{
width:1020px;
color:#b3b3b3;
font-size:0.8em;
}
div.footerbox{
padding:30px 20px 20px 20px;
}
span.foot_header{
font-weight:bold;
}

/* ####################################### */
/* CONTENT */
 
div.middle{
width:100%;
min-width:1020px;
background-image:url(gfx/general/bg3.png);
background-repeat:repeat;
position:relative;
}
div.shadow_top{
width:100%;
min-width:1020px;
height:284px;
background-image:url(gfx/general/shadow_top.png);
background-repeat-y:repeat;
position:absolute;
top:0px;
}
div.shadow_bottom{
width:100%;
min-width:1020px;
height:284px;
background-image:url(gfx/general/shadow_bottom.png);
background-repeat-y:repeat;
position:absolute;
bottom:0px;
} 

div.content_full{
width:100%;
min-width:1020px;
}
div.content{ 
width:1020px;
padding-top:20px;
padding-bottom:40px;
text-align:left;
position:relative;
}

div.column{
width:345px;
display:inline-block;
zoom:1;
*display: inline;
vertical-align:top;
text-align:left;   
position:relative;
z-index:2;
}

div.rcolumn{
width:320px;
display:inline-block;
zoom:1;
*display: inline;
vertical-align:top;
text-align:left; 
position:relative;
z-index:2;
}

div.column2{
width:670px;
display:inline-block;
zoom:1;
*display: inline;
vertical-align:top;
text-align:left;
position:relative;
z-index:2;
}

div.column3{
width:1010px;
display:inline-block;
zoom:1;
*display: inline;
vertical-align:top;
text-align:left;
position:relative;
z-index:2;
}

div.coldiv{
padding-top:30px;
position:relative;
z-index:2;
}


img.header{
position:relative;
z-index:2;
}

div.textbox{
width:280px;
background-image:url(gfx/general/text_placeholder_one_col.png);
background-repeat:no-repeat;
padding:30px 20px 20px 20px;
position:relative;
z-index:2;
}

div.textbox p{
margin-bottom:20px;
}


/* ####################################### */
/* CONTENT */

div.date{
font-weight:bold;
font-size:0.8em;
color:#aaa;
}
div.header{
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
font-size:1.3em;
}

div.header_large{
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
font-size:1.8em;
}

div.news{
}

div.sms{
margin-bottom:10px;
}
div.sms #message{
font-style:italic;
}
/* ####################################### */
/* CASE */

div.casebox{
width:1020px;
background-image:url(gfx/case/text_placeholder_three_cols.png);
background-repeat:no-repeat;
padding-top:30px;
position:relative;
z-index:2;
}

div.case{
width:184px;
height:225px;
display:inline-block;
zoom:1;
*display: inline;
background-repeat:no-repeat;
margin-left:15px;
margin-bottom:15px;
padding:0px;
}

div.case img{
opacity:0;
filter: alpha(opacity = 0);
}

div.casehover{
width:154px;
height:195px;
background-image:url(gfx/case/thumb_empty.png);
background-repeat:no-repeat;

opacity:0;
filter: alpha(opacity = 0);

padding:15px;
font-family:arial,verdana;
font-size:0.9em;
font-weight:normal;
}

div.casehover img{
margin-top:3px;
margin-bottom:3px;
}


div.casehover #heading{
font-weight:bold;
}



/* ####################################### */
/* BLOG */

div.blog{
width:670px;
padding-top:25px;
padding-bottom:25px;
border-bottom:1px solid white;
}

div.blog img{
vertical-align:top;
}

div.blog_text{
width:560px;
padding-left:10px;
display:inline-block;
zoom:1;
*display: inline;
}
div.blog_text_front{
width:280px;
display:inline-block;
zoom:1;
*display: inline;
}

div.blog_author{
font-style:italic;
}
div.blog p{
margin-bottom:10px;
}
div.blog_nav{
margin-top:15px;
margin-bottom:10px;
}

/* ####################################### */
/* ABOUT */

div.about{
width:670px;
padding-top:30px;
position:relative;
z-index:2;
}

div.person{
width:308px;
display:inline-block;
zoom:1;
*display: inline;
margin-right:25px;
margin-bottom:25px;
vertical-align:top;
}

div.person div{
margin-top:2px;
}

div.person #name{
font-weight:bold;
}

/* ####################################### */
/* JOBB */

div.jobb{
width:670px;
padding-top:25px;
padding-bottom:25px;
border-bottom:1px solid white;
}
div.jobb_header{
margin-top:10px;
margin-bottom:10px;
font-weight:bold;
font-size:1.3em;
}

div.jobb a{
font-weight:normal;
}
div.jobb a:hover{
text-decoration:underline;
}

div.base64{
width:266px;
height:280px;
line-height:100%;
font-family:courier new;
word-wrap:break-word;
font-size:9pt;
font-weight:bold;
padding:62px 78px 0px 78px; /*TRBL*/
background-image:url(gfx/job/bg_base64.png);
background-repeat:no-repeat;
} 

div.base64::selection {
background:#000000;
color:#e95f13;
}

div.base64:-moz-selection {
background:#000000;
color:#e95f13;
}

div.base64::-webkit-selection {
background:#000000;
color:#e95f13; 
}

/* ####################################### */
/* QR */

div.qr_form{
overflow:hidden;
}

div.qr_form input{
border:none;
width:296px;
padding:12px;
}
div.qr_form textarea{
border:none;
width:296px;
padding:12px;
resize: none;
}

div.qr_form_header{
margin-top:10px;
margin-bottom:3px;
font-weight:bold;
font-size:1.0em;
}

div.qr_settings{
width:300px;
}

div.slider {
margin-top:5px;
margin-bottom:5px;
width:295px; 
}

div.qrcode{
width:250px;
min-height:325px;
font-size:9pt;
font-weight:bold;
} 

/* ####################################### */
/* POPUP */

div.popup_background{
width:100%;
height:100%;
min-height:100%; 
position:fixed;
z-index:10;
top:0px; 
left:0px;
visibility:hidden;
background-image:url("gfx/trans75.png");
background-repeat:repeat;
}

div.popup{
width:980px;
height:600px;
position:fixed;
visibility:hidden;
background-color:#000;
color:#000000;
border:1px solid #5f5f5f;
display:table-cell;
}

div.popup #popup_case{
background-color:none;
background-repeat:none;
}

div.popup_case_text{
width:285px;
position:absolute;
left:89px;
bottom:30px;
font-size:0.8em;
}
div.popup_case_text div{
margin-top:8px;
}
div.popup_case_text a{
font-weight:normal;
color:black;
}
div.popup_case_text a:hover{
text-decoration:underline;
}

span.case_header{
font-weight:bold;
}

iframe.googlemaps{
margin:9px;
width:960px;
height:580px;
}

a.popup_close{
position:absolute;
top:13px; 
right:-10px;
}