body {margin: 0; background: #fff;}
h1 {font-size: 18px; margin-top: 15px; color:#000;}
h2 {font-size: 14px; margin-top: 15px; color:#000;}
p {font: 11px/18px Georgia, Geneva, Arial, Verdana; color: #303030; margin-top: 15px; text-align: justify;}

a:link {color: #2f8aa4;} a:visited {color: #2f8aa4;} a:active {color: #2f8aa4;} a:hover {color: #52ccef;}
.picframe {border: solid 1px #ccc; padding: 3px; margin: 5px; float: left;}
.uppercare {text-transform: uppercase;}
.txt_active {color: #2f8aa4;}

/*LAYOUT*/
#container {position: absolute; top:50%; left:50%; margin-top: -290px; margin-left: -490px; width: 964px; height: 564px; border: 8px solid #000;}
#mainContainer {margin: auto; width: 824px; padding-top: 8px; height: 367px; border-top: 3px solid #000; clear: left;}

#header {float: left; width: 100%; height: 120px; margin: 0; padding: 0;}

#logo {margin: auto; width: 292px; height: 42px;}
#logo span {padding: 0;}
#logo span a {float: left; width: 292px; height: 42px; margin: 40px 0 0 0; background: url(../images/gedigo.gif) no-repeat; text-indent:-9999px; display:block;}

#language {width: 200px; height: 15px; position: relative; top: -13px; left: 710px;}
#language ul li {float: left; display: inline;}
#language a.sv {width: 71px; height: 15px; background: url(../images/gfx_start.gif) 0 -147px; text-indent:-9999px; display: block;}
#language a.fi {width: 58px; height: 15px; background: url(../images/gfx_start.gif) -71px -147px; text-indent:-9999px; display: block;}
#language a.en {width: 71px; height: 15px; background: url(../images/gfx_start.gif) -129px -147px; text-indent:-9999px; display: block;}

#language a:hover.sv {width: 71px; height: 15px; background: url(../images/gfx_start.gif) 0 -162px; text-indent:-9999px; display: block;}
#language a:hover.fi {width: 58px; height: 15px; background: url(../images/gfx_start.gif) -71px -162px; text-indent:-9999px; display: block;}
#language a:hover.en {width: 71px; height: 15px; background: url(../images/gfx_start.gif) -129px -162px; text-indent:-9999px; display: block;}

#language a.sv.current {width: 71px; height: 15px; background: url(../images/gfx_start.gif) 0 -162px; text-indent:-9999px; display: block;}
#language a.fi.current {width: 58px; height: 15px; background: url(../images/gfx_start.gif) -71px -162px; text-indent:-9999px; display: block;}
#language a.en.current {width: 71px; height: 15px; background: url(../images/gfx_start.gif) -129px -162px; text-indent:-9999px; display: block;}


#start a .rub1 {width: 200px; height: 45px; background: url(../images/gfx_start.gif) 0 0; text-indent:-9999px; margin-top: 35px; display: block;}
#start a .rub2 {width: 200px; height: 45px; background: url(../images/gfx_start.gif) -200px 0; text-indent:-9999px; margin-top: 35px; display: block;}
#start a .rub3 {width: 200px; height: 45px; background: url(../images/gfx_start.gif) -400px 0; text-indent:-9999px; margin-top: 35px; display: block;}
#start a .rub4 {width: 200px; height: 45px; background: url(../images/gfx_start.gif) -600px 0; text-indent:-9999px; margin-top: 35px; display: block;}

#mainContainer h2.r_kontakt {width: 360px; height: 25px; background: url(../images/headers_sv.gif) 0 0; text-indent:-9999px; margin: 0 0 10px 0; display: block;}
#mainContainer h2.r_af {width: 360px; height: 25px; background: url(../images/headers_sv.gif) 0 -25px; text-indent:-9999px; margin: 0 0 10px 0; display: block;}
#mainContainer h2 span.r_gedigo {width: 100px; height: 21px; background: url(../images/headers_sv.gif) 0 -55px; text-indent:-9999px; margin: 0; display: block; float: left;}
#mainContainer h2.r_designers {width: 260px; height: 25px; background: url(../images/headers_sv.gif) 0 -100px; text-indent:-9999px; margin: 0 0 10px 0; display: block;}
#mainContainer h2.r_produkter {width: 260px; height: 25px; background: url(../images/headers_sv.gif) 0 -125px; text-indent:-9999px; margin: 0 0 10px 0; display: block;}

#col_l {float: left; width: 380px; height: 300px; margin-top: 10px;}
#col_r {float: right; margin-top: 10px; width: 400px; height: 300px;}
#col_r p {padding-right: 20px;}
#right_holder {width: 400px; height: 340px; float: right;}

#start {width: 870px; margin: 0 auto;}
.start_box {float: left; width: 200px; height: 305px; margin: 10px 20px 0 0;}

.btn_start {margin: 0 auto 45px auto; width: 200px; height: 18px; clear: left;}
.btn_start a {display: block; background: url(../images/btn_sv_start_ladda_ner_b.gif) no-repeat; width: 199px; height: 0px !important; height /**/:18px; padding: 18px 0 0 0; overflow: hidden;}
.btn_start a:hover {background: url(../images/btn_sv_start_ladda_ner_b.gif) 0 -18px no-repeat; width: 199px; height: 0px !important; height /**/:18px; padding: 18px 0 0 0; overflow: hidden;}
.btn_start span {display: none;}

.btn_sv_tillbaka {float: left; margin: 2px 0 5px 0; width: 89px; height: 19px; clear: both; padding-right: 734px;}
.btn_sv_tillbaka a {display: block; background: url(../images/btn_sv_tillbaka.gif) no-repeat; width: 89px; height: 0px !important; height /**/:19px; padding: 19px 0 0 0; overflow: hidden;}
.btn_sv_tillbaka a:hover {background: url(../images/btn_sv_tillbaka.gif) 0 -19px no-repeat; width: 89px; height: 0px !important; height /**/:19px; padding: 19px 0 0 0; overflow: hidden;}
.btn_sv_tillbaka span {display: none;}

#gedigo_btns {float: left; width: 400px; height: 19px; margin-top: 16px; padding: 0;}
#gedigo_btns ul li {float: left; display: inline;}
#gedigo_btns ul li a {top: 0; left: 0; display:block; height: 19px; background: url(../images/gfx_start.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#gedigo_btns ul li#btn01 a {left: 0; width: 195px; background-position: 0 -109px;}
#gedigo_btns ul li#btn02 a {left: 205px; width: 195px; background-position: -205px -109px; margin-left: 10px;}

#gedigo_btns ul li#btn01 a:hover { background-position: 0 -128px;}
#gedigo_btns ul li#btn02 a:hover { background-position: -205px -128px;}

#d001 {position: absolute; width:300px; height:300px; visibility: hidden; z-index: 1000; padding: 0 40px;}
#d002 {position: absolute; width:300px; height:300px; visibility: hidden; z-index: 1000; padding: 0 40px;}
#d003 {position: absolute; width:300px; height:300px; visibility: hidden; z-index: 1000; padding: 0 40px;}

#footer {margin: auto; width: 824px; height: 19px; border-top: 3px solid #000; clear: left; padding-top: 20px;}
#footer ul {margin-left: 7px;}
#footer ul li {float: left; display: inline;}
#footer ul li {top: 0; left: 0; display: block; height: 19px; background: url(../images/gfx_start.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#footer ul li#f01 {left: 0; width: 70px; background-position: 0 -90px;}
#footer ul li#f02 {left: 70px; width: 190px; background-position: -70px -90px;}
#footer ul li a {top: 0; left: 0; display: block; height: 19px; background: url(../images/gfx_start.gif) no-repeat -70px -90px;}
#footer ul li#f03 {left: 260px; width: 140px; background-position: -260px -90px;}
#footer ul li#f04 {left: 400px; width: 410px; background-position: -400px -90px;}


/* FIX */
.clearfix:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */