body {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; line-height: 20px; margin: 0; background-color: #fff; background-image: url(../images/bg.gif); background-repeat: repeat-x; background-position: top;}

h1 {font-size: 18px; margin-bottom: 15px; color:#2A2A2A;}
h2 {font-size: 14px; margin-bottom: 15px; color:#2A2A2A; margin: 15px 0 0 0; font-weight: bold;}
h3 {font-size: 15px; margin: 15px 0 15px 0; color:#2A2A2A; line-height: 22px; font-weight: bold;}
p {margin-top: 15px; color:#2A2A2A; width: 410px; font-weight: bold;}

.box {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 18px; width: 26px; text-align: center;}
.box2 {font-family: Trebuchet MS, Arial, Helvetica, sans-serif; font-size: 12px; width: 290px; font-weight: bold;}

a:link { color: #C70000;}
a:visited { color: #C70000;}
a:active { color: #C70000;}
a:hover { color: #FF0000;}

/*LAYOUT*/

.picframe { width: 125px; height: 95px; background-image:url(../images/img_border.gif); padding: 10px 0 0 10px; margin: 0 ; float: left;}
.picframe2 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 5px; float: left;}
.picframe3 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 18px 5px 5px; float: left;}
.picframe4 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 3px 5px 5px; float: left;}
.picframe5 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 20px 5px 5px; float: left;}
.picframe6 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 10px 20px 5px 5px; float: left;}
.picframe7 { width: auto; height: auto; border: solid 1px #CCCCCC; padding: 3px; margin: 5px 25px 5px 5px; float: left;}
img a {border: none;}

#container {width: 940px; margin: auto; padding: 0;}

#logo {float: left; width: 940px; height: 68px;}

#logo ul li {float: left; display: inline; margin: 10px 0 0 0; padding: 0;}
#logo ul li a {top: 0; left: 0; display:block; height:48px; background: url(../images/language.gif) no-repeat top left; text-indent:-9999px; overflow:hidden;}

#logo ul li#sv a {left: 0; width: 100px; background-position: 0 0;}
#logo ul li#en a {left: 100px; width: 100px; background-position: -100px 0;}

#logo ul li#sv a:hover { background-position: 0 -48px;}
#logo ul li#en a:hover { background-position: -100px -48px;}

#logo ul li#sv .current { background-position: 0 -48px;}
#logo ul li#en .current { background-position: -100px -48px;}

#logo h1 a {float: left; width: 350px; height: 68px; background: transparent url(../images/katrin_skoglund.gif) no-repeat; text-indent:-9999px; display:block;}
#logo h1 {margin:0; padding:0;}

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

#menu ul li#home a {left: 0; width: 98px; background-position: 0 0;}
#menu ul li#me a {left: 98px; width: 54px; background-position: -98px 0;}
#menu ul li#the_idea a {left: 152px; width: 98px; background-position: -152px 0;}
#menu ul li#angel_cards a {left: 250px; width: 127px; background-position: -250px 0;}
#menu ul li#pictures_paintings a {left: 377px; width: 195px; background-position: -377px 0;}
#menu ul li#order a {left: 572px; width: 77px; background-position: -572px 0;}
#menu ul li#exhibitions a {left: 649px; width: 122px; background-position: -649px 0;}
#menu ul li#press a {left: 771px; width: 72px; background-position: -771px 0;}
#menu ul li#contact a {left: 843px; width: 97px; background-position: -843px 0;}

#menu ul li#home a:hover { background-position: 0 -72px;}
#menu ul li#me a:hover { background-position: -98px -72px;}
#menu ul li#the_idea a:hover { background-position: -152px -72px;}
#menu ul li#angel_cards a:hover { background-position: -250px -72px;}
#menu ul li#pictures_paintings a:hover { background-position: -377px -72px;}
#menu ul li#order a:hover {background-position: -572px -72px;}
#menu ul li#exhibitions a:hover {background-position: -649px -72px;}
#menu ul li#press a:hover {background-position: -771px -72px;}
#menu ul li#contact a:hover { background-position: -843px -72px;}

#menu ul li#home .current { background-position: 0 -72px;}
#menu ul li#me .current { background-position: -98px -72px;}
#menu ul li#the_idea .current { background-position: -152px -72px;}
#menu ul li#angel_cards .current { background-position: -250px -72px;}
#menu ul li#pictures_paintings .current { background-position: -377px -72px;}
#menu ul li#order .current { background-position: -572px -72px;}
#menu ul li#exhibitions .current { background-position: -649px -72px;}
#menu ul li#press .current { background-position: -771px -72px;}
#menu ul li#contact .current { background-position: -843px -72px;}

#anglar1 {float: left; width: 940px; margin: 0; padding: 0;}
.n1 {float: left; width: 940px; margin: 0; padding: 0;}
.n2 {float: left; width: 940px; margin: 0; padding: 0;}
#u_m {float: left; width: 940px; height: 342px; margin: 0; padding: 0; background: url(../images/f_bg_start_en.jpg);}
#u_u_m {float: left; width: 940px; height: 193px; margin: 0; padding: 0;}
#u_u_u_m {float: left; width: 940px; height: 203px; margin: 0; padding: 0;}

#border_top {float: left; width: 940px; height: 34px; margin: 0; padding: 0; background: url(../images/border_top.gif);}
#border_top2 {float: left; width: 940px; height: 34px; margin: 0; padding: 0; background: url(../images/border_top2.gif);}
#mainContainer {float: left; width: 820px; margin: 0; padding: 10px 60px 0 60px; background: url(../images/border_middle.gif) repeat-y bottom;}
#border_bottom {float: left; width: 940px; height: 60px; margin: 0; padding: 0; background: url(../images/border_bottom.gif);}

#mainContainer h1.rub1 { width: 49px; height: 32px; background: transparent url(../images/r_1en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub2 { width: 130px; height: 32px; background: transparent url(../images/r_2en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub3 { width: 150px; height: 32px; background: transparent url(../images/r_3.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub4 { width: 280px; height: 32px; background: transparent url(../images/r_4en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub5 { width: 110px; height: 32px; background: transparent url(../images/r_5en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub6 { width: 230px; height: 32px; background: transparent url(../images/r_6.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub7 { width: 160px; height: 32px; background: transparent url(../images/r_7en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub9 { width: 160px; height: 32px; background: transparent url(../images/r_9en.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#mainContainer h1.rub10 { width: 190px; height: 32px; background: transparent url(../images/r_10.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}
#col_right3 h1.rub8 { width: 248px; height: 32px; background: transparent url(../images/r_8.gif) no-repeat top left; text-indent:-9999px; margin: 16px 0 0 0;}

#col_left {float: left; width: 360px;}
#col_right {float: right; margin-top: 5px; width: 340px; }
#col_right2 {float: right; margin-top: 20px; width: 350px;}
#col_right3 {float: right; margin: 0 20px 0 0; width: 280px;}
#col_right3 p {width: 280px;}

#j_l {float: left; width: 410px;}
#j_r {float: right; width: 320px; padding: 0 25px 0 25px;}
#j_r p {margin: 15px 0 0 10px; width: 320px;}
#j_r h2 {margin: 10px 0 15px 10px;}

#wide {float: left; width: 820px;}

#footer {float: left; width: 940px; height: 71px; margin: 0 0 10px 0; padding: 0; background: url(../images/footer_en.gif);}

/* ----------------- */
#contact_form {float: left; width: 314px; margin: 0 0 30px 0;}
#contactForm {padding: 10px 0 10px 0; font-size: 11px;}
#contactForm input {font-size: 11px; color: #666666; margin: 3px 0 3px 0;}
#contact_form #submit {width: 80px;	font-size: 12px; float: right; margin: 0 5px 0 0;}
#emailaddress, #comments, #firstname {width: 304px; font-size: 11px; color: #666666; font-family: Arial, Helvetica, sans-serif;}
/* ----------------- */


/* 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 */