@charset "UTF-8";
/* CSS Document */

body {
margin:0;
padding:0;
font-family: Arial, Helvetica, sans-serif;
font-size:0.7em;
color:#736357;
background-color:#FFFFFF;
text-align:center;

}


h1 {
	font-size: 1.1em;
	font-style: normal;
	font-weight: lighter;
}

a {
	color:#736357;

}


/* the outer wrapper that contain the layout */

#wrapper {
position:relative;
text-align: left;
width:1100px; /* should be 1155 but I have to do the math first*/
height:722px; /* to anchor the box at the bottom */
margin-right:auto;
margin-left:auto;
margin-top:10px;
margin-bottom:10px;
padding: 0;
padding-top: 0 px;
background-image: url(anki-gneib-images/anki-gneib-logo.gif);
background-position:left top;
background-repeat:no-repeat;
border:1px solid #736357;

}

/* Content 1 is left, Content 2 is right. They are aligned right and left and floated. */

#content1outer {
	margin-left: 0px;
	width:450px; /* skal settes senere */
	padding: 0px 10px 0 0; /* top, right, bottom, left */
	text-align:right;

}


#content1 {
	height:652px; /*må settes riktig matematisk senere */
	text-align:right;

}

#content1body {
/* clear:both; */
padding-top:50px;

}

#content1 p {


}

#content1 h1 {


}


#content1 h2 {


}


#content2 {
	position: absolute;
	left: 470px;
	top:0px;
	width:615px; /* skal settes senere */
	padding: 0px 10px 0 0; /* top, right, bottom, left */
	text-align:left;

}

#content2 p {


}

#content2 h1 {


}


#content2 h2 {


}

#content2left {
	width: 300px;
	float: left;
	margin-top: 100px;

}

#content2right {
	width:300px;
	float: right;
	clear: none;
	padding-top: 100px;
}

/* bottom part of layout with the payoff */

#payoff {
clear: both;
letter-spacing:0.15em;
float:right;
font-size:80%;
width:180px;
	padding: 0px 10px 0px 0px;  /* top, right, bottom, left */
	border-right:1px solid #736357;
	color:#736357;
	text-decoration:none;

}



/* the navigation stuff */

#navigation {
float:right;
line-height:1.5;
letter-spacing:0.15em;


}



#navigation ul {
	list-style: none;
	margin:0;
	padding:0;
	border:none;
	border-right: #736357;
	border-left: #736357;
	padding: 5px 10px 5px 0.5em;  /* top, right, bottom, left */
	border-left:1px solid #736357;
	border-right:1px solid #736357;
	

}


#navigation li {
	width:180px;
	border-bottom:1 px solid #736357;
	margin:0;
	padding:0;
	font-size:80%;
	vertical-align:bottom;

}


#navigation a:link, #navigation a:visited {
	display:block;
	color:#736357;
	text-decoration:none;

}

#navigation li.current a {
	color: #990000;
	text-decoration:none;

}


#navigation a:hover {
	color:#000000;
	text-decoration:underline;

}


/* stuff*/


#footer {
clear:both;
padding:0 0 2px 2px; /* top, right, bottom, left */
font-size:70%;
color:#aaaaaa;
background-color: transparent;

}

.rightimageTextflow {
	float: right;
	margin-left: 20px;
	margin-bottom: 6px;
}

.rightimage {
	min-height: 100px;
    display: table-cell;
    vertical-align: middle;
	padding-left:20px;
}

.leftimage {
	min-height: 100px;
    display: table-cell;
    vertical-align: middle;
	padding-right:20px;
}

.middleimage {
    min-height: 500px;
    display: table-cell;
    vertical-align: middle;
    padding-right: 20px;;
	padding-left: 20px;
	border-style: none;			
}

.leftNavigation a {
				font-size: 25px;
				color: #666;
				padding-right:20px;
				text-decoration:none;	
																
				
}

.rightNavigation a {
				font:"Times New Roman", Times, serif;
				font-size:25px;
				color:#666;
				padding-left:20px;
				text-decoration:none;
}

.leftNavigation a:hover, .rightNavigation a:hover {
	color:#900;				
																
}

.leftNavigation, .rightNavigation {
	/* display:block fungerer ikke pga tekstflyt logikken */	
																
}

IMG.displayedCenter {
    display: block;
    margin-left: auto;
    margin-right: auto;
    clear: both; }