body { 
margin: 0px; 
padding: 0px; 
font-family: Verdana, Arial, Helvetica, sans-serif; 
font-size: 85%; 
color: #6E6E6E;
text-align: center;
background-color: #ffffff; 
background-attachment: fixed; 
background-position: 100% 101% ;
ALTbackground-image:url('/design/bakgr/bg002avert.jpg'); 
background-image:url('/design/bakgr/bg002avert.jpg');  
background-repeat: no-repeat;  
}


/* general */

#content {
margin-right: auto;
margin-left: auto;
ORGwidth: 92em;
width: 90em;
text-align: center; 
background-color: #f9f9f9; 
}


#maincontainer{
float: left;
OLDwidth: 90.3em;
width: 100%;
min-height: 700px; 
height: 100%;  
margin: 2px 0% 0px 0%;
background-color: #ffffff;    
border: 0;
} 


h1,h2 {
font-family: Verdana, sans-serif;
color: #4d757b;
font-weight: normal;
text-align: left;
margin: 0px 0px 0px 0px;
}

h1 {
font-size: 2.1em;
letter-spacing:0.03em;
}

h2 {
font-size: 1.5em;
}

h3 {
font-size: 1.1em;
font-weight: bold;
text-align: left;
margin: 15px 0px 0px 20px;
color: #666666;
}

h4 {
font-size: 1.1em;
font-weight: bold;
margin-left:2em;
text-align: left;
color: #666666;
}

h5 {
font-size: 0.9em;
font-weight: bold;
text-align: left;
margin: 15px 20px 0px 30px;
color: #666666;
}

h6 {
font-size: 1.2em;
font-weight: bold;
margin:0em;
color: #666666;
}

ul.offer {
clear:both;
list-style-type:none;
text-align: left; 
font-size: 1em;
}

li.offer {
margin-left:15px;
list-style-type:none;
text-align: left; 
font-size: 0.9em;
}

ul.inttext {
clear:both;
list-style-type:none;
margin-left:120px;
text-align: left; 
font-size: 0.8em;
}


a:link {   text-decoration: none;  color: #0000d5; background:transparent; }
a:visited {  text-decoration: none; color: #0000d5; background:transparent;}
a:active {  text-decoration: none; color: #000000; background-color: #FFFF00; }
a:hover {   text-decoration: underline;  color: #000000; background-color:#FFFF00; }


a.std:link    {text-decoration:none;color:#000000;background:transparent; }
a.std:visited {text-decoration:none;color:#000000;background:transparent; }
a.std:hover   {text-decoration:underline;color:#000000;background:transparent; }
a.std:active  {text-decoration:underline;color:#000000;background:transparent; }


a.clean:link    {text-decoration:none;color:#000000;background:transparent; }
a.clean:visited {text-decoration:none;color:#000000;background:transparent;}
a.clean:hover   {text-decoration:none;color:#000000;background:transparent; }
a.clean:active  {text-decoration:none;color:#000000;background:transparent; }

a.col:link    {text-decoration:none;color:#6E6E6E;background:transparent; }
a.col:visited {text-decoration:none;color:#6E6E6E;background:transparent; }
a.col:hover   {text-decoration:underline;color:#000000;background:transparent;}
a.col:active  {text-decoration:none;color:#6E6E6E;background:transparent; }

a.txt:link    {text-decoration:none;color:#0000ff;background:transparent; }
a.txt:visited {text-decoration:none;color:#0000ff;background:transparent; }
a.txt:hover   {text-decoration:none;color:#ffffff;background-color:#93BFC2; }
a.txt:active  {text-decoration:none;color:#6E6E6E;background:transparent; }


span.right {float: right;}
span.center {margin-right: auto; margin-left: auto;}
span.left {float: left;}
span.hoger {text-align: right;}
span.noter {text-align: left;}

p {
margin: 0;
font-family:  Verdana, Arial, Helvetica, sans-serif;
text-align: left;

}

p.column {
font-size: 0.7em;
margin: 35px 6em 0 15em;
} 

p.leftmargin {
margin: 15px 20px 10px 30px;
white-space: nowrap;
line-height: 15px;
}

p.rightmargin {
font-size: 0.8em;
color: #444444;
margin: 25px 20px 20px 30px;
line-height: 18px;
}

p.google {
float: left;
width: 95%;
font-size: 0.8em;
text-align: left;
margin: 20px 2% 10px 3%;
} 

p.image {
width: 95%;
font-size: 0.9em;
padding-left: 5%;
}

p.dbnr {
float: left;
width: 95%;
height: 2em;
font-size: 1em;
text-align:justify;
margin: 0px 10px 0px 10px;
background-color: #ffffff;
} 

p.links {
width: 80%;
font-size: 0.8em;
padding-left: 5%;
}
 
p.text {
font-size: 0.8em;
margin: 3em 6em 0 10em;
}

p.kundinfo {
font-size: 0.8em;
margin: 3em 2em 0 6em;
}

p.vykort {
float: left;
font-size: 1em;
text-align:left;
margin: 10px 0px 0px 0px;
}

p.footer {
margin: 0px;
font-size: 1em;
white-space: nowrap;
line-height: 15px;
text-align: center;
}

p.roundstyle {
font-size: 0.8em;
margin: 2em 6em 0 10em;
padding:20px;
border:1px solid #ebefef; 
border-radius:10px;-moz-border-radius:10px; /* Firefox 3.6 and earlier */
background-color: #f9f9f9;
}	
	


/* form */

.advancsokform{
margin: 3em  0 0 2em;
ORGmargin-left: 2em;
line-height: 1em;
border: 0px solid #d6d6d6;
positionOLD: fixed; top: 10em; 
width: 21em; 
font-size:0.75em; 
text-align:left; 
display: block;
}

.contactform {
margin-right: auto; margin-left: auto;
width:270px; 
padding:18px; 
margin-top: 25px; 
font-size: 0.8em; 
display: block;
background-color: #f9f9f9;
border:1px solid #ebefef;
border-radius:15px;-moz-border-radius:15px; /* Firefox 3.6 and earlier */ 
}

.eventsokformstyle{
width: 14em;
font-size: 0.9em;
text-align: left;
vertical-align: middle;
margin-left:1.5em;
display: inline; 
}

.enkelsokform{
font-size: 1em;
margin: 0px 0px 0px 10px;
vertical-align: top;
display: inline; 
}

.loginformstyle{
margin-right: auto; margin-left: auto;
font-size: 0.8em;
margin: 30px 0px 30px 0px;
display: block;
}

.selectfield, .textfield {
width: 17.5em;
height:1.7em;
font-size: 1em; 
margin-top:3px;

}

.selectfield{
border: 0px solid #d6d6d6;
outline: 1px solid #d6d6d6;
}
.textfield{
border: 1px solid #d6d6d6;
outline: 0px solid #d6d6d6;
}



.selectfieldform {
width: 18em;
height:1.8em;
font-size: 1em; 
margin-top:3px;
border: 1px solid #d6d6d6;
}

.textfieldform {
width: 17.5em;
height:1.4em;
font-size: 1em;
margin-top:3px;
border: 1px solid #d6d6d6;
}

.textfieldformenkel {
width: 12.5em;
height:1.4em;
font-size: 1em;
text-align:center;
border: 1px solid #d6d6d6;
display: inline; 
}

.textfieldformlogin {
width: 10.5em;
height:1.4em;
font-size: 1em;
text-align:center;
margin-top:3px;
border: 1px solid #d6d6d6;
}

.knapp {
border: 0px solid #ffffff;
display: inline;
border-radius:5px;
-moz-border-radius:5px; /* Firefox 3.6 and earlier */

outline: 0px solid #d6d6d6;
cursor: pointer;
}



/*head*/
#headcontainer {
float: left; 
width: 100%; 
font-weight: normal;

padding:0.8em 0.5em 0.5em 0.5em;
border:0px solid #ebefef;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */

background-image:url('/design/bakgr/tonedgrey.png');  
background-repeat: no-repeat; 
}


.subheader, aktuelltsubheader {
float: left;
width: 98%;
min-height: 15px;
height: 100%;
font-sizeORG: 100%;
font-size: 1em;
padding: 3px 1% 3px 1%;
margin: 0 0 0 0;
text-align:left;
border: 0.1em solid transparent;
border-radius:10px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
background-color: #ffffff;
}

.subheader2 {
float: left;
width: 98%;
min-height: 15px;
height: 100%;
font-size: 100%;
padding: 3px 0.5% 3px 0.5%;
margin: 0px 0% 0px 0%;
text-align:left;
}

.aktuelltsubheader {
font-size: 0.8em;
padding: 3px 1% 3px 1%;
border: 1px solid #ffffff;
background-color: #f9f9f9;
}


table.navigation {
width: 100%; font-size:0.7em; text-align: left; background: transparent; border:0; border-collapse: collapse;
}
td.navleft{
width: 41%; text-align: left; background: transparent;
}
td.navright{
width: 41%; text-align: left; background: transparent;
}
td.navbox{
width: 6%;
text-align: center;
background-color: #ffffff;
border: 0.1em solid #ebefef;

}


#headcontent {
float: left;
width: 31%;
height: 100%;
margin: 0px;
padding: 5px 0px 0px 0px;
text-align: left;
}

.headcontentv {
float: left; 
width: 32%; 
text-align: left;
font-size: 75%;
padding: 5px 0px 0px 0px;
}

.headcontentc {
float: left;
width: 35%;
text-align: center;
vertical-align: middle;
font-size: 85%;
padding: 5px 0px 0px 0px;
}

.headcontenth{
float: left; 
width: 32%;  
text-align: center;
font-size: 75%;
padding: 5px 0px 0px 0px;
}

.infobox { 
float: left;
width: 30%;
min-height: 4em;
height: 100%;
padding: 10px 0px 10px 0px;
margin: 0px 3% 0px 3%;
text-align:left;
font-size: 80%;
} 

.infoboxfot {
float: right;
width: 30%;
padding: 0px;
margin: 0px;
text-align:left;
} 




/*margin*/
#marginstdv {
float: left;
width: 18em;
ORGwidth: 242px;
min-height: 650px;
height: inherit;
text-align: center;
ORGfont-size: 0.9em;
font-size: 1em;
background-color: inherit;
border-right: 0px solid #d6d6d6;
}

#marginstdh {
float: right;
width: 18em;
ORGwidth: 242px;
min-height: 650px;
height: inherit;
text-align: center;
font-size: 0.9em;
background-color: inherit;
margin-top:1.4em;

background-color: #f9f9f9;
border:0.1em solid #ebefef;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */


}

.startmenu {
font-size: 0.9em;
margin: 35px 0px 0px 0px;
}


.marginstyleright {
float: right;
background-image: url('/design/bakgr/topmenylighttdark.jpg');
background-position: 15%;
background-repeat: repeat-y;
}

.marginstylerightwhite {
float: right;
OLDbackground-color: #ffffff; 
OLDborder-right: 1px solid #e9ebeb;

background-color: #f9f9f9;
border:1px solid #ebefef;
border-radius:10px;
-moz-border-radius:10px; /* Firefox 3.6 and earlier */

}



#subcontainer {
float: left;
padding: 0px;
margin: 0px 0px 0px 0px;
text-align: left;
background-color: transparent;

}

.subcontainerstd {
width: 72em;
min-height: 600px;
height: 100%;
font-size: 1em;
}

.subcontainer2 {
width: 726px;
}

.subcontainer2ORG {
width: 66%;
}

.designbox {
background-color: #ebefef;
} 



/* bildvisning */
.startcontainer {
margin-right:auto; margin-left:auto;

width: 94%;
height: 100%;
orgpadding: 30px 2em 30px 2em;
padding: 30px 0 30px 0;
margin: 10px 3% 10px 3%;
text-align: center;
vertical-align: middle;
background-color: transparent;
 
}  


#nyphotobox{
float: left;
ORGwidth: 266px;
width: 19.7em;
height: 27.1em;
vertical-align: middle;
text-align: left;
padding: 15px 22px 15px 22px;
margin: 0 20px 0 0;
border-right: 1px solid #e9ebeb;
font-size: 0.9em;
}

.rounded{
background-color: #f9f9f9;
border:1px solid #ebefef;
border-radius:8px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
}

#nyphotoscrollbox {
height: 21em;
width: 19.4em;
margin-right: auto; margin-left:auto; 
overflow: auto;
text-align: center;

}

#bildspel{
float: right;
width: 43.1em;
height: 29.5em;
padding: 0;
margin:0;
text-align: center;
vertical-align: middle;
font-size: 1em;	

}

.photobox {
float: left;
width: 17.8em;
heightORG: 25em;
height: 20em;
padding-top: 2em;
padding-bottom: 10px;
font-size: 1em;
text-align:center;
background-color: #f9f9f9;
background-position: center 25%;
border: 0.1em solid #ffffff;
border-radius:7px;
-moz-border-radius:8px; /* Firefox 3.6 and earlier */
}

.imgborderstyle{
border:3px solid #ffffff;
}

.sokordscroll {
margin-right: auto;
margin-left: auto;
width: 220px;
height: 65px;
margin-top: 1em;
padding: 5px 5px 0 5px;
font-style: italic;
font-size: 0.65em;
text-align:left;
background-color: #ffffff;
overflow: auto;
}



table.imgselect {
position: relative;
bottom:0px;
margin-right: auto;
margin-left: auto;
width: 93%;
max-width: 25em;
margin-top: 5px;
font-size: 0.7em;
text-align:left;
vertical-align: middle;
text-decoration:none;
border-collapse: collapse;
background-color: transparent;
}

td.imgsel1 {
widthORG: 50%;
width: 45%;
height:1.7em;
padding-left: 5px;
background-color:#ffffff;
}

td.imgsel2 {
widthORG: 12.5%;
width: 11%;
height:1.7em;
padding: 0px;
background-color:#ffffff;
}

td.imgsel3 {
width: 100%;
height:1.7em;
padding-left: 5px;
}

.imgstil {
width: 100%;
min-heightORG: 67%;
heightORG: 65%;
height: 180px;
font-size: 1em;
background-image: url('http://www.skaraborgsbild.com/design/loading.gif');
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center 25%;
margin: 0 0 0 0;
}

.dbnrstyle {
margin-right: auto; 
margin-left: auto; 
width: 216px; 
font-size: 100%; 
text-decoration:none; 
background-color:#ffffff;
}


.photo{
float: left;
width: 45%;
height: 52em;
padding: 25px 2% 10px 2%;
text-align: center;
border: 1px solid #C0C0C0;
}


.vykort {
float: left;
min-height: 70px;
height: 100%;
text-align: center;
font-size: 80%;
padding: 0px;
margin:3px;
border: 0px solid #C0C0C0;
}



/* fotografer */
.fotografbox {
float: left;
width: 360px;
height: 13em;
font-size: 70%;
text-align: left;
padding-top: 6px;

background-color: #f9f9f9;
border:1px solid #ebefef;
border-radius:15px;
-moz-border-radius:15px; /* Firefox 3.6 and earlier */
}

.illminiboxv {
float: left;
width: 84px;
height: 12em;
font-size: 90%;
text-align: center;
padding: 4px;
}

.imgstyle {
height:75px;
border: 1px solid #C0C0C0;
}

.bildinfocolumnl {
float: left; 
min-width: 120px;
width: 22%;
min-height: 550px;
overflow: auto;
padding: 20px 2% 20px 4%;
margin: 15px 0px 0px 0px;
text-align: left;
font-size: 75%;
border-right: 0px solid #d1d1d1;
} 

.bildinfocolumnr{
float: right;
width: 69%;
min-height: 530px;
margin-top: 2px;
padding-bottom: 5%;
text-align: center;
background-color: #f9f9f9;
border: 10px solid #ffffff;
} 

.bild {
min-height: 250px;
height: 100%;
margin-top: 0%;
text-align: center;
font-size: 73%;
background-color: transparent;
border: 0px solid #ffffff;
background-image: url('/design/loading.gif') ;
background-repeat: no-repeat;
background-attachment: scroll;
background-position: center
} 


/* footer */
.footcontain {
float: left;
width: 100%;
padding: 1em 0em 1em 0em;
text-align: center;
font-size: 75%;
line-height: 1.5em;

} 

.marginfooter {
position: relative; top: 80px;
width: 100%;
padding: 0em 0em 0em 0em;
text-align: center;
font-size: 1em;
background-color: transparent;
} 

.copyrightspec {
position: relative;
bottom: -25px;
font-size: 90%;
}

.imgshadow { 
width:100%;
height:100%;
background-color:transparent;
-moz-box-shadow: 6px 5px 4px #d8d8d8; /* Firefox */
-webkit-box-shadow: 7px 5px 4px #cccccc; /* Safari and Chrome */
box-shadow: 7px 5px 4px #cccccc;

}
#loginbox {  position: absolute; left: 60%; top: 80px; z-index:99;  width: 16em; height: 18em; font-size: 0.8em; text-align: center; padding: 15px 20px 10px 20px; background-color: #ffffff; border: 2px solid #d6d6d6; background-image: url('http://www.skaraborgsbild.com/design/bakgr/bg002.jpg'); background-repeat: no-repeat; background-color: #ffffff; margin: 0px}



/*kollanedan*/
#greyfield404 {margin-right: auto; margin-left: auto; width: 490px; height: 339px; padding: 20px;  background-color:#F2F2F2;  text-align: left; border-right: 1px solid #C0C0C0; border: 1px solid #C0C0C0;}

.photo45 { float: left; min-width: 505px; width: 45%; height: 600px; font-size: 1em;   text-align: center; color: #555555; padding: 25px 2% 10px 2%; border: 1px solid #C0C0C0;  }

.linkbox { float: left; width: 20%;   height: 8em; font-size: 80%; color: #555555; text-align: center; padding-top: 4px; border: 0px solid #e9ebeb; background-color: #ffffff;}

/*temp2*/
#loggain {   width: 150px; padding: 10px 0px 10px 0px; margin-top: 10px;  margin-right: 25px; margin-bottom: 30px; margin-left: 20px; font-size: 0.8em; text-align: center; COLOR: #555555; background-color: transparent; border: 0px solid #999999;  }
.loggain { display: block;}
#annonser { float: right; min-width: 600px; width:40%; height: 100%; padding: 30px 3% 30px 3%; margin: 10px 10px 20px 0; font-size: 0.8em; text-align: center; color: #555555; background-color: #f9f9f9;   border: 0px solid #d1d1d1; white-space: nowrap; } 
.annonsbox { float: left;  min-height: 140px; height: 100%; padding: 10px 5px 10px 5px; margin: 0; font-size: 0.8em; text-align: center; color: #555555; white-space: nowrap; background-color: #ffffff;   border: 0px solid #ffffff; }