body{
margin: 0px;
padding: 0px;
font-family: verdana;
font-size: 11px;
color:grey;
background-color: white;
}
.all_adress_field{
display: none;
}
.pickdelcode{
cursor:pointer;
}
.ok_sub_btn{
width:50px; height:30px; background-color:green; position:fixed; top:200px; right:0px; z-index:4000; color:white; text-align:center; line-height:30px; cursor: pointer;
}
.ok_sub_btn2{
width:50px; height:30px; background-color:green; position:fixed; top:200px; right:0px; z-index:4000; color:white; text-align:center; line-height:30px; cursor: pointer;
}
.ok_sub_btn3{
width:50px; height:30px; background-color:green; position:fixed; top:200px; right:0px; z-index:4000; color:white; text-align:center; line-height:30px; cursor: pointer;
}
.alertbox{
width:100%; height:30px; line-height:30px; background-color:red; color:white; text-align:center; font-weight:bold; position: relative;
}
.alertbox2{
width:100%; height:30px; line-height:30px; background-color:#fff000; color:black; text-align:center; font-weight:bold; position: relative;
}
.alertbox2x{
width:100%; height:30px; line-height:30px; background-color:#86b64a; color:black; text-align:center; font-weight:bold; position: relative;
}
.rotatepic{
width:26px; height:27px; position: absolute; top:5px; right:5px;
}
.black_overlay4{
opacity:0.7; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
background-color: black; 
width:100%;
height:100%; 
z-index:150;
top:0; 
left:0; 
position:fixed; 
display: none;
}
.black_overlay45{
opacity:0.7; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
background-color: black; 
width:100%;
height:100%; 
z-index:150;
top:0; 
left:0; 
position:fixed; 
display: none;
}
.black_overlay{
opacity:0.7; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
background-color: black; 
width:100%;
height:100%; 
z-index:150;
top:0; 
left:0; 
position:fixed; 
display: none;
}
.inputfield1{
width:97%;
border-radius: 3px;
background-color: #efefef;
margin-bottom: 20px;
margin-top: 4px;
}
.black_overlay2{
opacity:0.7; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
background-color: black; 
width:100%;
height:100%; 
z-index:150;
top:0; 
left:0; 
position:fixed; 
}
.black_overlay3{
opacity:0.7; 
filter:alpha(opacity=70);
-moz-opacity:0.7;
background-color: black; 
width:100%;
height:100%; 
z-index:150;
top:0; 
left:0; 
position:fixed; 
display: none;
}
.messagebox{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-250px; width:500px; height:300px; background-color:white; border-radius: 25px; display: none;
}
.messagebox4{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-250px; width:500px; height:340px; background-color:white; border-radius: 25px; display: none;
}
.messagebox3{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-250px; width:400px; height:220px; padding:30px; background-color:white; border-radius: 25px;
}
.messagebox5{
z-index:250; position:fixed; top:50%; left:50%; margin-left:-35%; margin-top:-220px; width:66%; height:400px; padding:2%; background-color:white; border-radius: 25px; display: none;
}
.bildmax{
width:100%;
max-width:400px;
}
.smallicon{
width:30px; height:27px; float:left;
}
.icondesc{
width:450px; height:27px; line-height:27px;
}
.messagebox6{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-300px; width:600px; min-height:200px; padding:50px; background-color:white; border-radius: 25px; display: none;
}
.messagebox2{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-300px; width:600px; min-height:200px; padding:50px; background-color:white; border-radius: 25px; display: none;
}
.messagebox2x{
z-index:250; position:absolute; top:150px; left:50%; margin-left:-300px; width:500px; min-height:200px; padding:50px; background-color:white; border-radius: 25px; display: none;
}
.okej_btn{
width:100%; height:40px; line-height:40px; text-align:center; background-color:#8acbff; color:white; font-weight:bold; cursor: pointer;
}
.okej_btn2{
width:100%; height:40px; line-height:40px; text-align:center; background-color:red; color:white; font-weight:bold; cursor: pointer;
}
.projbild{
    -webkit-transform: rotate(90deg);
    -moz-transform: rotate(90deg);
    -o-transform: rotate(90deg);
    -ms-transform: rotate(90deg);
    transform: rotate(90deg);
    position: relative;
    top:50px;
}
.loginpageholder{
width:884px; 
height:270px; 
position:absolute; 
top:50%; 
left:50%; 
margin-top:-262px; 
margin-left:-475px; 
padding-top:254px;
padding-left:66px;
}
.admin_btn_space{
width:33%; height:166px; text-align:center; float:left; margin-top:75px
}
.sub_btn{
width:255px; 
height:40px; 
background-color:#88bf5a; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 37px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-top: 10px;
}
.sub_btn1{
width:90px; 
height:23px; 
background-color:#88bf5a; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 23px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-left:5px;
margin-top:-2px;
}
.sub_btn:hover{
width:255px; 
height:40px; 
background-color:#88bf5a; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 37px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
opacity: 0.9;
margin-top: 10px;
}
.sub_btn2x{
width:255px; 
height:40px; 
background-color:#383838; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 37px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-top: 10px;
}
.sub_btn2x:hover{
width:255px; 
height:40px; 
background-color:#373737; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 37px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-top: 10px;
}
.sub_btn2{
width:255px; 
height:40px;
background-color:#af0000; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 23px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-left:5px;
margin-top:-2px;
}
.sub_btn2:hover{
width:255px; 
height:40px;
background-color:#c80303; 
border:none;
text-align: center;
vertical-align: middle;
line-height: 23px;
font-family: verdana;
font-size: 14px;
color:white;
cursor: pointer;
border-radius: 3px;
font-weight: bold;
margin-left:5px;
margin-top:-2px;
}
.overbar{
width: 100%;
height: 120px;
background-color: white;
}
.logoholder{
width:50%;
float:left;
}
.mappholder{
width:180px;
height:138px;
float:left;
margin-top:25px;
}
.mappholder_inside_pic{
width:88px;
height:108px;
margin:auto;
background-image: url(arbetsfiler/png/mapp.png);
}
.mappholder_inside_text{
width:180px;
height:30px;
text-align: center;
font-family: verdana;
font-size: 12px;
color:grey;
}
.inloggadholder{
width:48%;
float:left;
text-align:right;
padding-top:6px;
}
.center{
width: 90%;
margin: auto;
min-width: 1125px;
box-shadow: 0px 0px 5px #888888;
}
.main_above{
width: 100%;
height: 24px;
background-color: white;
}
.main_center{
width: 100%;
min-width: 1125px;
background-color: white;
}
.main_below{
width: 100%;
height: 24px;
background-color: white;
}
.redigera{
width: 100px;
height: 50px;
float:right;
margin-right:20px;
margin-top:20px;
font-family:verdana;
font-size:12px;
color:grey;
}
#textarealogg{
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    height: 200px;
    overflow: auto;
    padding: 7px 10px;
    margin-left: 18px;
    width: 90%;    
    font-family: tahoma;
    font-size: 13px;
    border: 1px solid #aaa;
    resize: none;
    font-family:verdana;
	font-size:10px;
	color:grey;
	background-color:#deeefc;
}
.textareasubmitlogg{
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    height: 100px;
    margin-left: 18px;
    overflow: auto;
    padding: 7px 10px;
    width: 90%;    
    font-family: tahoma;
    font-size: 13px;
    margin-top:10px;
    border: 1px solid #aaa;
    resize: none;
    margin-top:15px;
    font-family:verdana;
	font-size:10px;
	color:grey;
	background-color:#deeefc;
}
#textareachat{
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    height: 250px;
    margin-left: 20px;
    overflow: auto;
    padding: 7px 10px;
    width: 838px;    
    font-family: tahoma;
    font-size: 13px;
    border: 1px solid #aaa;
    resize: none;
    font-family:verdana;
	font-size:12px;
	color:grey;
	background-color:#deeefc;
}
.textareasubmit{
    -webkit-box-shadow: inset 2px 2px 2px 0px #dddddd;
    -moz-box-shadow: inset 2px 2px 2px 0px #dddddd;
    box-shadow: inset 2px 2px 2px 0px #dddddd;
    height: 100px;
    margin-left: 20px;
    overflow: auto;
    padding: 7px 10px;
    width: 838px;    
    font-family: tahoma;
    font-size: 13px;
    border: 1px solid #aaa;
    resize: none;
    margin-top:15px;
    font-family:verdana;
	font-size:12px;
	color:grey;
	background-color:#deeefc;
}
.chattsymbol{
float:right; 
height:65px; 
width:65px; 
margin-top:25px; 
margin-right:57px;
}
.loggsymbol{
float:right; 
height:40px; 
width:40px; 
margin-right:40px;
}
.tabort{
width: 90px;
height: 50px;
float:right;
margin-right:30px;
margin-top:20px;
font-family:verdana;
font-size:12px;
color:grey;
text-align: center;
}
.flik_btn{
width:807px;
height: 36px;
margin:auto;
background-image: url(arbetsfiler/jpg/flik_bg.jpg);
vertical-align: middle;
line-height: 36px;
padding-left:20px;
}
.flik{
width:787px;
padding-left: 20px;
padding-top: 20px;
padding-right: 20px;
padding-bottom: 20px;
margin:auto;
background-color: #d3d2d2;
color:#4f4f4f;
}
.menuholder{
width: 95%;
height: 80px;
margin: auto;
}
.rightcolumn{
width: 392px;
float:left;
color:grey;
font-family:verdana;
font-size:12px;
}
.btnholder{
width: 101px;
height: 81px;
float:left;
margin-left: 20px;
}
.btnholder1{
width: 270px;
height: 81px;
float:left;
margin-left: 20px;
}
.btnpic{
width: 101px;
height: 61px;
opacity: 0.5;
-moz-opacity: 0.50;
filter: alpha(opacity=50);
}
.btnpic_vald{
width: 101px;
height: 61px;
opacity: 1;
}
.btnpic:hover{
width: 101px;
height: 61px;
opacity: 1;
-moz-opacity: 1.00;
filter: alpha(opacity=100);
}
.btntext{
width: 101px;
height: 20px;
text-align: center;
font-weight: bold;
}
.btntext1{
width: 255px;
height: 20px;
text-align: left;
padding-left: 15px;
margin-top:-18px;
}
.showspace{
width:95%;
min-height: 420px;
min-width: 1060px;
margin:auto;
background-color: #ebe9e9;
color: #292929;
}
.desc{
width:255px;
margin-left:25px;
height:15px;
color: grey;
float:left;
margin-bottom:5px;
}
.desc1{
width:225px;
margin-left:25px;
height:15px;
color: grey;
float:left;
margin-bottom:5px;
}
.desc2{
width:70px;
margin-left:25px;
height:15px;
color: grey;
float:left;
margin-bottom:5px;
}
.submenu{
width: 100%;
height: 50px;
}
.colorfield{
width: 100%;
height: 30px;
background-color: #95d1ff;
vertical-align: middle;
line-height: 30px;
font-weight: bold;
}
.whitefield{
width: 100%;
height: 15px;
background-color: white;
}
.flightfield{
height: 22px;
width: 100%;
vertical-align: middle;
line-height: 22px;
background-color: #ffeeca;
cursor: pointer;
}
.flightfield:hover{
height: 22px;
width: 100%;
vertical-align: middle;
line-height: 22px;
background-color: #76b9ed;
color: white;
cursor: pointer;
}
.greyfield{
height: 22px;
width: 100%;
vertical-align: middle;
line-height: 22px;
}
.greyfield:hover{
height: 22px;
width: 100%;
vertical-align: middle;
line-height: 22px;
background-color: #76b9ed;
color: white;
}
.greyfield2{
height: 22px;
width: 100%;
vertical-align: middle;
line-height: 22px;
}
.darkgreyfield{
height: 22px;
width:100%;
background-color: #dddcdc;
vertical-align: middle;
line-height: 22px;
}
.darkgreyfield:hover{
height: 22px;
width:100%;
background-color: #4f9cd8;
vertical-align: middle;
line-height: 22px;
color:white;
}
.darkgreyfield3{
height: 22px;
width:100%;
background-color: #d3d3d3;
vertical-align: middle;
line-height: 22px;
}
.darkgreyfield3:hover{
height: 22px;
width:100%;
background-color: #cee9fe;
vertical-align: middle;
line-height: 22px;
}
.darkgreyfield2{
height: 22px;
width:100%;
background-color: #dddcdc;
vertical-align: middle;
line-height: 22px;
}
.divider{
height: 20px;
width:24%;
float:left;
padding-left: 1%;
overflow: hidden;
}
.divider2{
height: 20px;
width:49%;
float:left;
padding-left: 1%
}
.loggainfield{
width:298px;
height: 27px;
float:left;
font-family:verdana;
font-size:14px;
color:black;
vertical-align: middle;
line-height: 20px;
background-color: transparent;
border: none;
}
.contactinputfield{
width:250px;
height: 25px;
float:left;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
line-height: 25px;
}
.contactinputfield2{
width:250px;
height: 25px;
float:left;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
}
.contactinputfield3xx{
width:50px;
height: 25px;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px
padding-bottom:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
text-align:center;
}
.contactinputfield3xxx{
width:200px;
height: 25px;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:15px
padding-bottom:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
}
.contactinputfield2x{
width:115px;
height: 25px;
float:left;
margin-left:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
}
.contactinputfield2xx{
float:left;
margin-left:10px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
background-color:#deeefc;
}
.contactinputfield3{
width:220px;
height: 25px;
float:left;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
}
.contactinputfield4{
width:58px;
height: 25px;
float:left;
margin-left:20px;
border-radius: 5px;
-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
font-family:verdana;
font-size:12px;
color:grey;
padding-left:5px;
vertical-align: middle;
line-height: 25px;
background-color:#deeefc;
}
.fritext{
width:818px; 
height:200px; 
margin-left:20px;
font-family:verdana;
font-size:12px;
color:grey;
}
.fritext2{
width:818px; 
height:200px; 
margin-left:20px;
font-family:verdana;
font-size:12px;
color:grey;
background-color:#deeefc;
}
.contactsendbtn{
width:270px;
height:62px;
float:right;
margin-top: 30px;
margin-bottom: 30px;
}
.nomargin{
padding: 0px;
margin: 0px;
}
a.fill-div {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
cursor:pointer;
color: grey;
}
a.fill-div2 {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
cursor:pointer;
color: grey;
}
a.fill-div3 {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
cursor:pointer;
color:inherit;
}
a.fill-div-white {
display: block;
height: 100%;
width: 100%;
text-decoration: none;
cursor:pointer;
color: white;
}
h2 {
font-family: 'Nunito', verdana;
font-size:16px;
color:grey;
}
h1 {
font-family: 'Nunito', verdana;
font-size:20px;
color:grey;
color: #91be54;
}

.hovered{
background-color: #4f9cd8;
}
a:link {color:#64b0ec;text-decoration:none;}      /* unvisited link */
a:visited {color:#64b0ec;text-decoration:none;}  /* visited link */
a:hover {color:#383838;text-decoration:none;}  /* mouse over link */
a:active {color:#64b0ec;text-decoration:none;}  /* selected link */

a.white:link {color:#ffffff;text-decoration:none;}      /* unvisited link */
a.white:visited {color:#ffffff;text-decoration:none;}  /* visited link */
a.white:hover {color:#ffffff;text-decoration:none;}  /* mouse over link */
a.white:active {color:#ffffff;text-decoration:none;}  /* selected link */

a.red:link {color:#c80000;text-decoration:none;}      /* unvisited link */
a.red:visited {color:#c80000;text-decoration:none;}  /* visited link */
a.red:hover {color:#dc2f2f;text-decoration:none;}  /* mouse over link */
a.red:active {color:#c80000;text-decoration:none;}  /* selected link */

a.black:link {color:#000000;text-decoration:none;}      /* unvisited link */
a.black:visited {color:#000000;text-decoration:none;}  /* visited link */
a.black:hover {color:#ffffff;text-decoration:none;}  /* mouse over link */
a.black:active {color:#000000;text-decoration:none;}  /* selected link */

a.purple:link {color:#da76bf;text-decoration:none;}      /* unvisited link */
a.purple:visited {color:#da76bf;text-decoration:none;}  /* visited link */
a.purple:hover {color:#ffffff;text-decoration:none;}  /* mouse over link */
a.purple:active {color:#da76bf;text-decoration:none;}  /* selected link */