@charset "utf-8";* {
    margin: 0;
    padding: 0;
}

body {
    font: 100% "Tw Cen MT", Arial, Helvetica, sans-serif;
    /*	background: #F0F0F0;*/
    margin: 0; /* it's good practice to zero the margin and padding of the body element to account for differing browser defaults */
    padding: 0;
    text-align: center; /* this centers the container in IE 5* browsers. The text is then set to the left aligned default in the #container selector */
    color: #000;
}

p {
    font-size: 1em;
    margin: 0.5em;
}

a, ul li a {
    color: #d1232a;
}

a:hover {
    color: #000099;
}

a:visited, a:active {
    color: #d1232a;
}

a img {
    border: 0;
}

ol {
    margin: 0.3em 2em 0;
}

ol li {
    font-size: 1em;
}

#container {
    width: 100%; /* this width will create a container that will fit in an 800px browser window if text is left at browser default font sizes */
    background: transparent;
    margin: 0 auto; /* the auto margins (in conjunction with a width) center the page */
	padding:0;
    text-align: left; /* this overrides the text-align: center on the body element. */
}

h1 {
    visibility: hidden;
    margin: 0;
}

#menu {
	position:absolute;
    clear:right;
	top:30px;
	left:10px;
    margin-bottom: 40px;
    width: 160px;
}
.firstElement{
	margin-left: 175px;
}

#menu ul {
    list-style-type: none;
    float: left;
    clear: both;
    margin: 1em;
    background: transparent;
}

#menu ul li {
    list-style-type: none;
    margin: 0 auto;
    font-weight: bold;
    line-height: 1.2em;
    background: transparent;
}

label {
    font-size: 1em;
}
#menu ul li{
	height:25px;
	width:148px;
	margin:0;
	padding:0;
	display:block;
}
#menu ul li a{
	line-height: 24px;
}
	.menuStart a{background:#fff url('../img/startLink.gif') center left no-repeat;}
	.menuErbj a{background:#fff url('../img/valkomLink.gif') center left no-repeat;}
	.menuHitta a{background:#fff url('../img/hittaLink.gif') center left no-repeat;}
	.menuAnmal a{background:#fff url('../img/anmalLink.gif') center left no-repeat;}
	.menuKampanj a{background:#fff url('../img/aktuellLink.gif') center left no-repeat;}
	.menuOss a{background:#fff url('../img/omLink.gif') center left no-repeat;}
	.menuGallery a{background:#fff url('../img/galleryLink.gif') center left no-repeat;}
	
	.index .menuStart a{background:#fff url('../img/startSelected.gif') center left no-repeat;} 
	.welcome .menuErbj a{background:#fff url('../img/valkomSelected.gif') center left no-repeat;} 
	.fotografer .menuHitta a{background:#fff url('../img/hittaSelected.gif') center left no-repeat;}
	.anmal .menuAnmal a{background:#fff url('../img/anmalSelected.gif') center left no-repeat; } 
	.kampanj .menuKampanj a{background:#fff url('../img/aktuellSelected.gif') center left no-repeat;}
	.om .menuOss a{background:#fff url('../img/omSelected.gif') center left no-repeat;}
	.gallery .menuGallery a{background:#fff url('../img/gallerySelected.gif') center left no-repeat;}
	
.flash{
	float:right;
	clear:right;
}
	
#mainContent, #mainContentIndex{
    width: 98%;
    padding: 0;
    margin: 0 auto;
    background: transparent;
    min-height: 400px;
}
#indexBody{
	background-image: url('../img/index.jpg');
	background-repeat: no-repeat;
	background-attachment:fixed;
	background-position: 100% 80%; 
}

#mainContent h2 {
    font-size: 1.2em;
    text-align: left;
    font-weight: bold;
    display: block;
}

.tryck {
    font-size: 1.1em;
    font-weight: bold;
}

h3 {
    font-size: 1em;
}

#mainContent img.imgLeft {
    float: left;
    margin-left: 2em;
}

#mainContent img.imgRight {
    float: right;
    margin: 0 6em 1em 0;
}

#mainContent img.imgCenter {
    text-align: center;
}

#footer {
	border-top:1px solid #ccc8c9;
    position: fixed;
    top: 90%;
    clear: both;
    padding: 0 10px;
    background: #d1232a;
    color: #fff;
    height: 140px;
    width: 100%;
    margin-bottom: 0;
}

#footer p {
    text-align: left;
    font-size: 0.8em;
    margin: 0 0.5em;
}

#footer .nerLaddning {
    float: right;
    clear: right;
    margin: 3px 20px 5px;
}

#footer p.slogan {
    font-size: 1em;
}

.clear {
    clear: both;
}

.gratulerar {
    float: left;
    clear: both;
    width: 80%;
	margin-left:100px;
}

.babyLove {
    float: left;
}

.erbjud {
    width: 40%;
}

.erbjud p {
    width: 98% !important;
}

/************************************************form****************/
fieldset {
    width: 80%;
    border: 1px dotted #000;
    padding: 0;
}

fieldset span {
    color: #8BACC7;
    font-size: 0.7em;
}

legend {
    color: #000;
}

label {
    text-align: right;
    width: 14em;
    float: left;
    padding: 0.2em;
    margin: 0;
    margin-top: 0.3em;
    color: #000;
}

input, select {
    margin: 3px;
    width: 15em;
    height: 1.6em;
}

.formPart{
    float: left;
}
.formPart p{
	text-align:left;
} 
formPartRight{
	float:right;
}

#placePhoto {
    border: 1px solid #E4E4EE;
    width: 19em;
    min-height: 2em;
    margin: 2em auto;
}

input[type =
"submit"] {
    float: right;
    width: auto;
    height: auto;
    margin: 0 1em 1em;
}

input[type =
"checkbox"] {
    text-align: left;
    float: none;
    margin: 0.5em 2em 0.5em 5em;
    padding: 0;
    width: auto;
    height: auto;
}

select.choosePhoto {
    width: 15em;
}

.left {
    float: left;
}

.leftleft {
    float: left;
    clear: left;
}

.right {
    float: right;
}

.rightright {
    float: right;
    clear: right;
}

.rightleft {
    float: right;
    clear: left;
}

.smallText {
    font-size: 0.9em;
    margin: 0 2em 0 12.5em;
    padding: 3px;
}

/************************************************form-slut****************/
/************************************************Rules********************/
body#rules {
    font-family: Arial, Helvetica, sans-serif;
    font-size: 1.2em;
    text-align: left;
    background: #CCCCCC;
}

#rules p {
    margin: 1em;
}

#rules #mainContent {
    width: 50%;
    margin: 3em auto;
    border: 1px solid #F0F0F0;
    background: #FFFFFF;
}

/************************************************Rules-slut***************/
/***********************************************Photografers**************/
#divPhotographers {
    background: none;
    float: left;
    width: auto;
}

#divCoops {
    background: none;
    float: right;
    width: auto;
    padding: 10px;
}

#divCoops a {
    border: none;
    float: left;
    clear: left;
}

#divCoops img {
    border: none;
}

#mainContainer {
    width: auto;
    float: left;
    margin: 0;
    font-size: 0.8em;
}

#main ul li { /*landskap*/
    list-style-type: none;
    font-size: 1.3em;
    font-weight: bold;
}

#main ul li ul {
    margin-top: 0.5em;
    margin-left: 0;
    font-weight: 300;
}

#main ul li ul li { /*ort*/
    font-size: 1.0em;
    font-weight: normal;;
}

.studio a, .studio a {
    font-weight: bold;
}

.region {
    text-decoration: underline;
    margin-left: 0;
}

/***********************************************Photografers**************/
/********************************************Effecter*********************/
/*object[type="application/x-shockwave-flash"].imageSwap{
 float:left;
 clear:both;
 margin: 0;
 padding:1px;
 border:1px solid #dddddd;
 visibility:hidden;
 }*/
#heart {
}

object[type =
"application/x-shockwave-flash"].headFlash {
    float: right;
    clear: right;
    margin: 2em;
    border: 0;
}

.bigBaby {
    float: left;
    margin-left: -5em;
}

.broschureText {
    float: left;
    font-size: 1.3em;
}

.broschureText .tryck {
    margin-top: 2em;
}

.broschureText h2.tryck {
    text-align: left;
}

.broschure2 {
    float: right;
    clear: right;
}

.laggtill {
    float: left;
    clear: left;
}

.broschure {
    float: right;
    margin-top: 2em;
    margin-right: -2em;
}

.broschure a {
    text-decoration: none;
}

.highLight {
    color: #000033;
    font-weight: bold;
}

.logIn {
    visibility: hidden;
}

.text1, .text2 {
    width: 48%;
    margin: 2em auto;
    text-align: left;
}

.text1 {
    float: left;
}

.text2 {
    float: right;
}

#col1, #col2, #col3 {
    margin: 0 auto;
    float: left;
    height: 321px;
}

#col1 {
    width: 322px;
}

#col2 {
    width: auto;
    margin-left: -1px;
}

#col3 {
    width: 286px;
}

#col1 img {
    float: right;
}

#col2 img {
    margin: 0 auto;
}

#col3 img {
    float: left;
}

#collage img {
    margin: 1px;
}

div.text2 div {
    float: right;
}

.kampanjtext {
    float: left;
    width: 58%;
}

.kampanjImg1 {
    float: right;
    margin-top: 2%;
    width: 30%;
}

.kampanjImg2 {
    float: right;
    width: 50%;
    margin-top: 2em;
    margin-right: 12%;
}

.omText {
    float: right;
    clear: right;
}

#welcomeH2 {
    text-align: left;
    margin-left: 0;
}

#omH2 {
    margin-top: 1em;
}

#imgBabyOldMan, #wedding, #weddingText {
    float: right;
}

#tradFamily {
    margin-left: 5px;
}

#modernFamliy {
}

#imgCats {
    margin-left: 100px;
    float: left;
    clear: right;
    margin-top: 20px;
}

#imgText {
    float: left;
    margin-left: 110px;
    clear: left;
    width: 230px;
    margin-top: 20px;
}

table {
    text-align: left;
}

table td {
    padding-left: 5px;
    font-size: 1em;
}

.fotografer table {
    background: #f1ebd8;
	width: 75%;
}
.fotografer table tr{
	border-bottom:1px solid #fff;
}
.fotografer table th, .fotografer table td {
	padding-left:2em;
	}
.fotografer table th {
	padding-top:1em;
	}

table.om {
    width: 75%;
    margin-top: -10px;
	padding:0;
	border-collapse:collapse;
}
table.omWide{
	width:90%;
	margin-top: -10px;
}
table.omWide td h2{
	text-align:center !important;
}

.kampanj table, .kampanj table td{ 
    padding: 0;
    border-collapse: collapse;
}
.kampanj table td{
	margin:0;
}


td.fluff {
    padding: 2em 0 0;
}

td.flufffluff {
	padding:2em 0 0 2em;

}

#finaste {
    width: 40%;
	margin-left: 350px;
}

#inBjud {
    width: 470px;
    float: left;
    margin-left: 20%;
    margin-top: 0;
}


.beforeFoot {
    margin-bottom: 100px;
}

.babyTweenFeet {
    width: 45%;
    float: right;
    margin-top: -50px;
}

.forevig {
    width: 39%;
	clear:left;
}

.babyDog {
    float: left;
    width: 25%;
    margin-right: 2em;
}

.sjalvklart {
    width: 35%;
    float: left;
    margin-left: 47%;
}

.margin-left {
    margin-left: 12%;
}

.logoShort {
    margin: 0 auto;
    width: 30%;
}

.welcome p {
    width: 40%;
}

td.blackSmall, td.black {
    background: #000;
    color: #fff;
    padding: 16px 10px 15px !important;
}
td.black, td.blackSmall{
	width:460px;
	font-size:1em;
}

td.blackSmall h2 {
    text-align: center !important;
}
.yellow{
	color:#fcd80e;
}
#imgErbjudande{

}
div.gallery table{
	float:left;
	margin-bottom:2px;
	}
table#ett{
	margin-left: 180px;
}
table#tre, table#fem{
	margin-left:177px;
	}
table#fyra{
	margin-left:104px;
}