body {margin-top: 0px; padding: 0px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size: 75%; text-align: center; color: #666666;    }

/* general */
body.mainORG { margin: 0px; text-align: center; background-attachment: fixed; background-position: 0px 101%; background-COLOR: #808080;  }
body.main {margin: 0px; text-align: center; background:  url(http://www.skaraborgsbild.com/design/bakgr/tonbakgr.jpg) ; background-attachment: fixed ; background-position: right top; background-color: #797979; background-repeat: no-repeat ;}

h1 { font-family: Berlin Sans FB, Trebuchet MS, sans-serif; font-size: 1.8em; font-weight: normal;  color:#666666; margin: 35px 0px 0px 0px;}
h2 { font-family: Berlin Sans FB, Trebuchet MS, sans-serif; font-size: 1.6em; font-weight: normal;  text-align: left; color:#666666; margin: 15px 0px 0px 0px; }
h3 { font-size: 1.4em; font-weight: normal; text-align: left; color:#666666; margin: 15px 0px 0px 20px;}
h4 { font-size: 1.5em; font-weight: bold; margin-left:2em; text-align: left; color:#666666;}
h5 { font-size: 1em; font-weight: bold; text-align: left; color:#666666; margin: 15px 20px 0px 30px; }
h6 { font-size: 1.3em; font-weight: bold; margin:0em;}
h7 { font-size: 1em; font-weight: bold; margin:0em;}

a:link {   text-decoration: none;  color: #0033CC; background-color:transparent; }
a:visited {  text-decoration: none; color: #0033CC; background-color:transparent;}
a:active {  text-decoration: none; color: #0066FF; background-color:transparent; background-color: #FFFF00; }
a:hover {   text-decoration: none;  color: #0000FF; background-color:#FFFF00; }


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

a.menu:link    {margin: 0px 6px 0px 6px; text-decoration:none;color:#666666;  background-color:transparent;  cursor: pointer;letter-spacing:-0.01em;}
a.menu:visited {margin: 0px 6px 0px 6px; text-decoration:none;color:#666666;  background-color:transparent;  cursor: pointer;letter-spacing:-0.01em; }
a.menu:hover   {margin: 0px 6px 0px 6px; text-decoration:underline;color:#aaaaaa;  background-color:transparent;  cursor: pointer; letter-spacing:-0.01em; }
a.menu:active  {margin: 0px 6px 0px 6px; text-decoration:underline;color:#a2a2a2;  background-color:transparent;  cursor: pointer; letter-spacing:-0.01em; }

a.menubr:link    {margin: 0px 0.6% 0px 0.6%; text-decoration:none;color:#000000;  background-color:transparent;  cursor: pointer;letter-spacing:-0.01em; }
a.menubr:visited {margin: 0px 0.6% 0px 0.6%; text-decoration:none;color:#000000;  background-color:transparent;  cursor: pointer;letter-spacing:-0.01em; }
a.menubr:hover   {margin: 0px 0.6% 0px 0.6%; text-decoration:underline;color:#ffffff; background-color:transparent; cursor: pointer; letter-spacing:-0.01em;}
a.menubr:active  {margin: 0px 0.6% 0px 0.6%; text-decoration:underline;color:#ffffff;  background-color:transparent;  cursor: pointer; letter-spacing:-0.01em;}

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

a.col:link    {text-decoration:none;color:#666666;background-color:transparent; }
a.col:visited {text-decoration:none;color:#666666;background-color:transparent; }
a.col:hover   {text-decoration:none;color:#ffffff;background-color:#93BFC2; }
a.col:active  {text-decoration:none;color:#666666;background-color:transparent; }


ul.m {float:left list-style-type:none;}
ul.a {list-style-type:circle;}
ul.b {list-style-type:none;}

p { font-family:  Verdana, Arial, Helvetica, sans-serif; text-align: left; color: #666666; } 
p.column { font-size: 1em; margin-top: 35px; margin-left: 15em; margin-right: 6em;  } 
p.leftmargin {  font-size: 1em; margin: 15px 20px 10px 30px; white-space: nowrap; line-height: 15px;} 
p.google {  float: left; width: 100%; font-size: 0.8em;  text-align: left; margin: 20px 0px 10px 0px;} 
p.image {   width: 95%; font-size: 0.8em;   padding-left: 5%; margin: 0px 0px 0px 0px; border: 0px solid #000000;} 
p.text { font-size: 1em; margin: 4em 6em 3em 10em; } 
p.vykort {  float: left; font-size: 1em;  margin: 10px 0px 0px 0px;  } 


table.mainmenu {float: right;  margin: 0px; background:transparent; white-space: nowrap; }
table.mainmenusub{  background:transparent; padding-top: 4px;  font-size:100%;  position:absolute; visibility:hidden; z-index: 1;}
td.mainmenu{ min-width: 7em; text-align: center;vertical-align: top;  background: transparent;}
td.mainmenusub{text-align: left; padding-left: 4px;  background-image: url('http://www.skaraborgsbild.com/design/menubakgr.gif');}



table.submenu { float: left; min-width: 1200px; width: 93%; max-width: 1470px;  height: 100%; margin: 0px 1% 0px 1%; padding: 3px 1% 2px 1%; border-spacing: 0px;  font-weight: normal; color: #ffffff; background-color: transparent; border-bottom: 0px solid #454545; }
.knapp { width: 70px;  margin-top: 0em; font-family: Verdana, Arial,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center; background-color: #d3d3d3; CURSOR: pointer;   } 
td.td4  {  width: 10em;  text-align: center;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td6  { width: 6%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td8 {  width: 8%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td12 {  width: 12%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td10 { width: 10%; text-align: left;  font-size: 95%; font-weight: normal;  color: #ffffff;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td15 {  width: 15%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.td18 { width: 18%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  vertical-align: top; white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-right: 4px; background-color: transparent;  }
td.login {  width: 50%; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.logininfo { min-width: 400px; width: 45%; mxx-width: 500px; text-align: left;  font-size: 95%; font-weight: normal; color: #000000;  border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; padding-right: 4px; background-color: transparent;  }
td.knapp {  min-width: 100px; width: 12%; text-align: center;  font-size: 95%; font-weight: normal; color: #000000;  white-space: nowrap; border-collapse: collapse; border: 0px solid #808D82; padding-left: 4px; background-color: transparent;  } 


/*page*/
#maincontainer { float: left; margin: 0px; min-width: 1200px; width: 100%; max-width: 1470px;  text-align: center;   color: #808080; background-attachment: fixed; background-position: 0px 101% ; background-COLOR: #ffffff; background-image:url('http://www.skaraborgsbild.com/design/bakgr/bg002.jpg');  background-repeat: no-repeat;  border: 0px solid #000000;} 

#headcontainer {float: left; width: 100%; max-width: 1470px;  height: 100%;  margin: 0em 0em 0em 0em; }
.br{background-image: url('http://www.skaraborgsbild.com/design/bakgr/topmeny_bR.jpg'); background-repeat: repeat-y;}

#headmain { float: left; width: 100%; max-width: 1470px;  margin: 0px; text-align: left; padding: 0px;  background-color: transparent; }
#topmenubar {float: left; width: 99%; height: 100%; max-height: 60px; padding: 3px 1% 3px 0; text-align: right; font-size: 72%; color: #666666; vertical-align: middle; border: 0px solid #000000; white-space: nowrap; background-color:transparent ;}
.topmenu { margin-right: 4%; background-image: url('http://www.skaraborgsbild.com/design/menubakgr.gif'); background-repeat: repeat-x; }
.topmenubr { margin-right: 12px; background color: transparent;}


#headcontentv {float: left; width: 31%;  height: 100%; margin: 0px; padding: 5px 0px 4px 0px; text-align: left; color: #666666; font-size: 80%; background-color: transparent; border: 0px solid #C0C0C0; }
#headcontentc {float: left; width: 36%; height: 100%; margin: 0px; padding: 5px 0px 4px 0px; text-align: center; color: #666666; font-size: 80%; vertical-align: middle; background-color: transparent; border: 0px solid #C0C0C0; }
#headcontenth {float: left; width: 31%; height: 100%; margin: 0px; padding: 5px 0px 4px 0px; text-align: center; color: #666666; font-size: 80%; background-color: transparent; border: 0px solid #C0C0C0;}
.nav {float: left; width: 100%;  text-align: center; color: #808080; padding: 0px; margin:0px; background-color: transparent;  border: 0px solid #C0C0C0; white-space: nowrap; }


#mainmenubar {float: left; z-index: 2; min-width: 1200px; width: 99%; height: 100%; max-height: 60px; margin: 0em; padding: 3px 0 3px 1%; text-align: left; color: #808080;  font-weight: bold; vertical-align: middle; border: 0px solid #000000; white-space: nowrap; }
.mainmenu { background-image: url('http://www.skaraborgsbild.com/design/menubakgr.gif'); background-repeat: repeat-x; }
.mainmenubr {  background color: transparent; }
.mainmenucontent1 {float: left; min-width: 74em; width: 62%;  font-family: Verdana, Arial,   Helvetica, sans-serif; font-size: 90%; color: #000000; text-align: left; vertical-align: middle; white-space: nowrap; margin: 0 0 0 1%;  background-color: transparent; border-right: 0px solid #c0c0c0; }
.mainmenucontent2 {float: right; min-width: 350px; width: 32%;  font-family: Verdana, Arial,   Helvetica, sans-serif; font-size: 90%; color: #000000; text-align: left; vertical-align: middle; white-space: nowrap; margin: 0 0 0 0;  background-color: transparent; border-left:0px solid #00ff00;}


#subheader {float: left;  width: 98%;  height: 100%;  padding: 8px 0% 4px 0%;  margin: 0px 1% 0px 1%; text-align:center; font-size: 100%;  color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border: 0px groove #000000; }
.subheader {float: left;  width: 100%;  height: 100%;  padding: 8px 0% 4px 0%;  margin: 0px 0% 0px 0%; text-align:center; font-size: 100%;  color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border-bottom: 0px groove #000000;  background-color:transparent ; }
.subheader2 {float: left;  width: 100%;  height: 100%;  padding: 0%;  margin: 0px 0% 0px 0%; text-align:left; font-size: 100%;  color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border-bottom: 0px groove #000000; background-color: transparent; }
.subheader3 {float: left;  width: 100%;  height: 100%;  padding: 8px 0% 4px 0%;  margin: 0px 0% 0px 0%; text-align:center; font-size: 100%;  color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border-bottom: 0px groove #000000;  background-color: #e0e0e0; }


#marginstd { float: left;width: 17%; min-height: 600px; height: 100%;  margin: 0px; text-align: center; font-size: 0.9em; color: #666666; white-space: nowrap; background-color: transparent;   border-right: 0px solid #d1d1d1; } 
#hmarginstd { float: left; width: 16%; min-height: 600px; height: 100%;  margin: 0px 1% 0px 0px; text-align: center; font-size: 0.9em; color: #666666; white-space: nowrap; background-color: transparent;   border-right: 0px solid #d1d1d1; } 
#vmarginstd { float: left;width: 17%; min-height: 600px; height: 100%;  margin: 0px; text-align: center; font-size: 0.9em; color: #666666; white-space: nowrap; background-color: transparent;   border-right: 0px solid #d1d1d1; } 

#margin { float: left; width: 170px; min-height: 600px; height: 100%;  margin: 0px; text-align: center; font-size: 0.9em; color: #666666; white-space: nowrap; background-color: transparent;   border-right: 0px solid #d1d1d1; } 
.marginstyleleft {  font-size: 0.9em; color: #666666; background-color: transparent; } 
.marginstyle { float: left; color: #666666;  background-image: url('../design/bakgr/topmenylighttdark.jpg'); background-position: 15%; background-repeat: repeat-y; }

.infobox { float: left; width: 35%; min-height: 4em; height: 100%;  padding: 10px 0px 10px 0px;  margin: 0px 3% 0px 3%; text-align:left; font-size: 85%;  color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border: 0px solid #d1d1d1;} 
.infoboxfot { float: right; width: 30%; padding: 0px;  margin: 0px; text-align:left;   color: #454545; font-family:  Verdana, Arial, Helvetica, sans-serif; border: 0px solid #d1d1d1; } 


#subcontainer1{ float: left;  width: 83%; height: 100%; padding: 0px; margin: 0px 0px 0px 0px; text-align: left; color: #666666;  background-color: transparent;   border: 0px solid #999999; } 
#subcontainer2{ float: left;  width: 66%; height: 100%; padding: 0px; margin: 0px 0px 0px 0px; text-align: left; color: #666666;  background-color: transparent;   border: 0px solid #999999; } 
#subcontainer3{ float: left;  width: 72%; height: 100%; padding: 15px 1% 0px 1%; font-size: 1em; text-align: left; background-color: transparent; border: 0px solid #000000;} 
#subcontainer4{ float: left;  width: 83%; height: 100%; padding: 0px; font-size: 1em; text-align: left; background-color: transparent; border: 0px solid #000000;} 



#greyfield404OLD {margin-right: auto; margin-left: auto; width: 490px; height: 339px; margin-top: 10%; padding: 20px;  background-color:#F2F2F2;  text-align: left; border-right: 1px solid #C0C0C0; border: 1px solid #C0C0C0;}

#options { float: left; width: 10%; height: 34em; margin-left: 5px; FONT-FAMILY: Verdana, Arial,  Helvetica, sans-serif; font-size: 100%; color: #000000; text-align: left; background: transparent; border: 1px solid #c0c0c0; }
#optionsc { width: 95%; height: 34em; margin-left: 5px; FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif; font-size: 100%; color: #000000; text-align: center; background: transparent;  }
.button { width: 30%; margin-top: 0em; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center; background-color: #d3d3d3; CURSOR: pointer;   }
.field { width: 60%; height: 14px; margin-top: 0em; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center;   }
.field2 { width: 120px; height: 14px; margin-top: 0px; margin-left: 15px; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: left;   }
.linkstil {WIDTH: 13em; HEIGHT: 1.5em; FONT-SIZE: 1em; COLOR: #0033CC; CURSOR: pointer; FONT-FAMILY: Arial, Verdana,  Helvetica, sans-serif; TEXT-ALIGN: left; color: #000000; background: transparent; border: 0px solid #c0c0c0; }
.knapp { width: 25%; max-width: 100px;  margin-top: 0em; font-family:  Arial, Verdana, Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center; background-color: #d1d1d1; CURSOR: pointer;   }
.knapp2 { width: 85px; max-width: 100px;  margin-top: 2px; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.85em; color: #000000; text-align: center; background-color: #d1d1d1; CURSOR: pointer;   }
.vpilknapp { width: 30px; height: 30px; margin-top: 0em; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center; background: transparent; background-image: url(design/hpilblue.gif );  CURSOR: pointer;  border: 0px solid #c0c0c0; }
.hpilknapp { width: 30px; height: 30px; margin-top: 0em; font-family: Arial, Verdana,  Helvetica, sans-serif; font-size: 0.9em; color: #000000; text-align: center; background: transparent; background-image: url(design/hpilblue.gif );  CURSOR: pointer;  border: 0px solid #c0c0c0; }




#submenubox {float: left;  width: 99%; height: 90px; max-height: 120px; white-space: nowrap; margin: 0em 0em 0em 0em; text-align: left;  background-color: transparent;  }	
.menutitle { float: left; width: 8.8em; max-width: 108px; height: 1.4em; padding-top: 4px; CURSOR: pointer; font-size: 0.95em; text-align: center; background-color: #efefef; }


#photoscrollbox{ float: left; width: 99%; height: 360px; overflow: auto; text-align: center; font-size: 1em; padding-bottom: 5px;  margin-left: -5px;}
#photoscrollboxl{ float: left; width: 99% ; height: 98% ; overflow: auto; text-align: center; font-size: 70%; padding-bottom: 2px;  margin-left: 0;}
#photoscrollboxxl{ float: left; width: 99% ; height: 82em ; overflow: auto; text-align: center; font-size: 70%; padding-bottom: 2px;  margin-left: 0;}


.photobox{float: left;  width: 240px; height: 24em; max-height: 330px; padding-top: 20px;  text-align:center;   color: #808080; font-family: Verdana,  Arial, Helvetica, sans-serif;  background-color: #e8e8e8; border: 2px solid #ffffff; }
.photoORG { float: left; min-width: 505px; width: 525px; height: 650px; font-size: 1em;   text-align: center; color: #808080; padding-top: 15px; border: 0px solid #C0C0C0;  }
.photo{ float: left; min-width: 505px; width: 45%; height: 50em; font-size: 1em;   text-align: center; color: #808080; padding: 25px 2% 10px 2%; border: 1px solid #C0C0C0;  }

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

.vykort { float: left;  height: 160px; text-align: center; color: #808080;font-size: 80%; padding: 0px; margin:3px;  border: 0px solid #C0C0C0;  }
.dbnrstyle {margin-right: auto; margin-left: auto; width: 216px; text-decoration:none; background-color:#ffffff; }
.imgstil { width: 100%; height: 72%;}



/* fotografer */
.fotografbox { float: left; width: 49.5%;   height: 12em; font-size: 85%; color: #666666; text-align: left; padding-top: 4px; border: 1px solid #C0C0C0; }
.illminiboxv {float: left; width: 84px; height: 12em; font-size: 85%; text-align: center; padding: 4px; border: 0px solid #C0C0C0; }
.cv {float: left; width: 260px;  height: 10em; text-align: left ; padding-top: 10px; line-height: 1em; border: 1px solid #C0C0C0;}
.galleri {float: left; width: 18%; height: 110px; text-align: left; padding-top: 10px;  font-size: 1.1em; font-weight: bold; }
.links {float: left; width: 172px; height: 100px; text-align: left;  padding-left: 5px; padding-top: 20px; font-size: 1.1em; font-weight: bold; }
.imgstyle { height:75px; border: 1px solid #C0C0C0;}


/* footer */
#footcontainer { float: left;  width: 98%; max-width: 1470px;  height: 100%; padding: 0.8em 0em 0.8em 0em; margin: 10px 1% 0px 1%;   text-align: center; font-size: 85%; background-color: transparent; border-top: 0px groove #999999; line-height: 1.5em} 
#copyright { float: left;  width: 100%; height: 2.5em; margin-top: 1em; text-align: center; font-size: 90%; background-color: transparent;}