p.alert{
padding: 5px;
color:white;
background:#AB2A00;
}
*{
margin: 0;
padding: 0;
}
html,body{
font-family: Avenir, Arial, Helvetica, sans-serif;
color: #212121;
height:100%;
}
html{
background: #e4e4e4;
background: #e4e4e4 url(../gfx/html_bg.gif) repeat-x fixed;
}
#wrap{
}
#default #wrap{
background: url(../gfx/main_560+200_bg.gif) center repeat-y;
}
#gallery #wrap{
background: url(../gfx/main_500+260_bg.gif) center repeat-y;
}
h1{
font-size:2em;
line-height: 2.4em;
color: #2B76B3;
}
h1 .byline{
display:block;
text-align:right;
text-transform:uppercase;
font-style:oblique;
font-size:0.5em;
line-height: 1.2em;
/*
font-weight:normal;	
border-left: 2px solid #2B76B3;
background:#2B76B3;
color: #fff;
*/
border-top: 2px solid #2B76B3;
margin-top: -1.2em;
margin-bottom: 1.2em;
padding: 2px 10px 2px 10px;
}
h2{
font-size:1.6em;
line-height: 1.5em;
margin-top: 0.5em;
color: #2B76B3;
}
h3{
font-size:1.4em;
line-height: 1.5em;
margin-top: 0.6em;
color: #242321;
font-weight:normal;
font-style:italic;
border-top: 1px solid #242321;
}
p{
/*text-align:justify;*/
font-size:1.2em;
line-height: 1.5em;
margin-top: 0.5em;
color: #242321;
}
p.notice{
padding: 5px 18px;
font-size: 1.1em;
/*color:white;
background:#272A31;*/
background:#272A31;
border: 3px solid #FFF8DB;
/*border-top: 2px solid #2B76B3;
border: 3px solid #2B76B3;*/
}
p.notice img{
margin: 0;
}
a{
font-weight:bold;
text-decoration:none;
color:#2B76B3;
}
a:hover{
text-decoration:underline;
}
img{
border:0;
}
img.right{
margin: 6px 0 12px 24px;
float: right;
}
img.left{
margin: 6px 24px 12px 0;
float: left;
}
ul{
font-size:1.2em;
color: #2B76B3;
list-style-image:url(../gfx/bullet.gif);
list-style-position:outside;
padding-left: 1.2em;
}
ul li{
color: #242321;
}
blockquote{
float: left;
font-weight:100;
color:#666;
width: 30%;
font-size:14px;
padding: 12px 12px 12px 24px;
background:url(../gfx/quote.gif) no-repeat;
}
table{
border-collapse:collapse;
font-size:1.2em;
border: 1px solid #ececec;
border-left: 0;
}
table tr.even{
background:#ececec;
}
table td, table th{
text-align:right;
border-left: 2px solid #ececec;
padding: 3px 12px 3px 12px;
}
table td:first-child, table th:first-child{
padding-right: 32px;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     TOP                            */
/******************************************************/
/******************************************************/
/******************************************************/

#top{
background: #fff url(../gfx/top.jpg) center top repeat-x;
}
#header{
height:100px;
width:760px;
margin: 0 auto;
}
#header img.logo{
float: left;
margin: 20px 0 0 0;
}
#header #byline{
float: right;
/*margin: 80px 20px 0 0;*/
}
#top #splashWrap{
position:absolute;
width: 100%;
top:0;
}
#top #splash{
width:760px;
/*border: 1px solid red;*/
margin: 0 auto;
}
#top #splash img{
float:right;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     PAGE                         */
/******************************************************/
/******************************************************/
/******************************************************/

#page{
margin: 0 auto;
padding-bottom:30px;
width: 760px;
background: #fff url(../gfx/main_560+200_bg.gif) repeat-y;
}
#gallery #page{
background: #fff url(../gfx/main_500+260_bg.gif) repeat-y;
}
.pagefooter{/*background: #fff url(../gfx/main_560+200_bg.gif) repeat-y;*/

height: 24px;
clear:both;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     CONTENT                        */
/******************************************************/
/******************************************************/
/******************************************************/
#default #content{

padding-top: 30px;
}


#gallery #content{

padding-top: 30px;
}
#content h1{
}
#content h2{
}
#content h3{
}
#content p{
}
#content ul{
list-style:disc;
list-style-image:url(../gfx/bullet.gif);
}
#content ul li{
margin: 6px 0;
padding: 0;
font-style:normal;
font-weight:normal;
}
#content div.right{
width:50%;
float: right;
}
#content div.left{
width:50%;
float: left;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     FORMULÄR                       */
/******************************************************/
/******************************************************/
/******************************************************/
.sendFormMessage {
	clear:both;
	padding: 10px 0 0 0;
}
#content form{
	margin: 0;
	padding: 0;
	color: #333;
}
#mailform {
	clear:both;
	/*background-color: #fafafa;*/
	padding: 30px 0 10px 0;
	/*border: 2px solid #e5e5e5;*/
}
#mailform h2{
	margin: 0;
	padding: 2px 0;
	width: 180px;
	border-top: 2px solid #e5e5e5;
	/*background-color: #e5e5e5;*/
	float:left;
}
#mailform p{
	padding: 0;
	margin: 3px 6px;
}
#mailform .radio{
	float:left;
	margin: 3px 6px;
}
#mailform .r{
	border-top: 1px solid #e5e5e5;
	margin: 0 0 0 180px;
	background-color: #fafafa;
}
#mailform input.textfld, #content textarea{
	border: 1px solid #e5e5e5;
	background-color:#fbfbfb;
	margin: 0 0 6px 0;
	padding: 3px 10px;
	color: #666;
	width: 276px;
}

#content form input:hover, #content textarea:hover{
	background-color:#fff;
}

#content form input:active, #content textarea:hover{
	background-color:#fff;
}

#content form input:focus, #content textarea:hover{
	background-color:#fff;
}

/*
#content form h2{
	margin: 1em 0 0 0;
	background-color: #e5e5e5;
	border-left: 1px solid #e5e5e5;
	border-right: 1px solid #e5e5e5;
	width: 460px;
}
*/

#content form input:hover{
	background-color:#fff;
}

#content form input:active{
	background-color:#fff;
}

#content form input:focus{
	background-color:#fff;
}

#content form input.submit{
	border: 1px solid #fff;
	color: #fff;
	margin: 5px 0 0 0;
	display: block;
	width: 80px;
	clear: both;
	background-color:#2B76B3;	

}

#content form input.submit:hover{
	background-color:#2B76B3;
}

#content form input.checkbox{
	height: 1.2em;
	width: 1.2em;
}

/**/

#content form .formitem {
	border: 2px solid #e5e5e5;
	width: 380px;
}

#content form .formitem .fi {
padding: 6px;
}

#content form .formitem img{
	margin: 0 1em 0 0;
	float: left;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                   leftColumn                       */
/******************************************************/
/******************************************************/
/******************************************************/
#leftColumn{
float: right;
padding-top: 30px;
}
#default #leftColumn{
width: 180px;
padding-left: 10px;
padding-right: 10px;
}
#gallery #leftColumn{
width: 240px;
padding-left: 10px;
padding-right: 10px;
}
#leftColumn h1{
}
#leftColumn h2{
}
#leftColumn h3{
}
#leftColumn p{
}
#leftColumn ul{
list-style: none;
padding: 0;
}
#leftColumn ul li{
margin: 6px 0;
padding: 0;
font-style:normal;
font-weight:normal;
}
/******************************************************/
/*                     leftColumn  FORM               */
/******************************************************/
#leftColumn form label{
font-size:10px;
}
#leftColumn form input{
border: #bfbfbf solid 1px;
}
#leftColumn form input.text{
background: #fff url(../gfx/form_field_bg.gif) repeat-x;
width: 140px;
}
#leftColumn form input.submit{
background: #494949 url(../gfx/form_submit_bg.gif) repeat-x;
color:#fff;
}
/******************************************************/
/*                     mJimageGallery                 */
/******************************************************/
.mJimageGallery{
}
.mJimageGallery .mJnav{
text-align:center;
height: 20px;
}
.mJimageGallery .mJnav img#mJprev{
float:left;
}
.mJimageGallery .mJnav img#mJnext{
float:right;
}
.mJimageGallery .mJnav div.mJimageText{
clear:both;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     DETAILS                        */
/******************************************************/
/******************************************************/
/******************************************************/
#details{
margin:0;
padding:0;
clear:both;
}
#details .left{
background: url(../gfx/details_t.gif) no-repeat;
float:left;
/*width: 330px;*/
width:45%;
/*padding-top: 20px;
padding-left: 40px;
padding-right: 10px;*/
}
#details .right{
background: url(../gfx/details_t.gif) no-repeat top right;
float:right;
/*width: 330px;*/
width:45%;
/*padding-top: 20px;
padding-left: 10px;
padding-right: 40px;*/
}
#details .clear{
background: #cddce8 url(../gfx/details_b.gif);
height: 50px;
clear:both;
}
#details ul{
list-style:disc;
list-style-image:url(../gfx/bullet.gif);
}
#details ul li{
margin: 6px 0;
padding: 0;
font-style:normal;
font-weight:normal;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     CASE                           */
/******************************************************/
/******************************************************/
/******************************************************/
.case{
margin: 0;
}
.case .images{
margin: 6px 40px;
padding:0;
width:220px;
float:left;
/* IE */
display:inline;
}
.case .images img{
margin: 0;
padding:0;
}
.case h2{
margin-left: 300px;
margin-right: 40px;
}
.case p{
margin-left: 300px;
margin-right: 40px;
text-align:left;
}
.case .images p{
margin: 2px 10px 2px 10px;
}
div.casefooter{
clear:both;
margin: 0 30px;
height: 32px;
border-bottom:3px solid #f0f0f0;
}
/******************************************************/
/******************************************************/
/******************************************************/
/*                     FOOTER                         */
/******************************************************/
/******************************************************/
/******************************************************/
#footer{
font-size:1.4em;
line-height: 30px;
width:100%;
clear:both;
background: #2B76B3 url(../gfx/footer_bg.gif) repeat-x;
color: #fff;
}
#footerContent{
width:760px;
margin: 0 auto;
}
#footer address{
margin-top:6px;
height: auto;
text-align:center;
}
#footerLogo{
margin-left:770px;
margin-top:-68px;
height:60px;
}
#footerLogo img{
}


/* fulhack - nödvändigt bl.a. pga att MSIE inte förstår min-height */
/*
//_____________________________________________________________________________________________IE HACKS
*/
/* HIDE FROM IE Mac*/
/*\*/
* html #wrap {
height:100%;
}
* html #footer{
width:100%;
height: 30px;
margin-top:-30px;
}
/**/
/*#header{
position:fixed;
top:0;
}*/
#wrap{
width:100%;
margin:0;
}
#navigation, #leftColumn{
display:none;
}
#navigation ul{
height: 30px;
list-style:none;
width: 760px;
margin: 0 auto;
padding: 0;
}
#content{
}
#details{
padding-top: 30px;
page-break-before: always;
font-size: 80%;
}
#medias{
margin: 0;
}
#medias h2{
font-size:1em;
text-transform:uppercase;
margin: 0 15px 3px 15px;
}
#medias .media{
width:40%;
margin: 12px;
border: 3px solid #666;
}
#medias .media img{
width:100%;
height:auto;
margin: 0;
}
#medias p{
font-size:1em;
height: 100px;
min-height: 100px;
padding: 0 15px 10px 15px;
background: url(../gfx/media_bg_b.gif) left bottom no-repeat;
}