html {
    margin: 0;
    padding: 0;
	/* background-image: url("../img/layout_grid.gif"); */
	background-repeat: no-repeat;
}

body {
    margin: 0;
    padding: 0;
}

a {
	outline: none;
	background: #fff;
}

:focus {
	outline: none;
}

#container {
    position: relative;
    margin: 40px auto;
    width: 800px;
    height: 550px;
    /* background-color: #fff; */
    padding: 10px;
    font-family: sans-serif;
    color: #46589A;
}

#head {
	width: 668px;
	position: relative;
	font-weight: bold;
	font-size: 14px;
	padding-top: 40px;
	padding-bottom: 10px;
	left: -23px;
}

#head img {
	border: none;
	color: #fff;
}

#head a {
	color: #46589A;
	text-decoration: none;
}

#content{
	width: 750px;
	height: 455px;
	padding: 30px 0 0px 0;
}

#description {
	position: relative;;
	width: 150px;
	height: 100%;
	font-size: 10px;
	float: left;
}

#description h1 {
	font-size: 12px;
	font-weight: bold;
	margin: 0;
	padding: 0;
}

#imageContainer {
	position: relative;
	float: left;
	width: 500px;
	height: 100%;
}

#imageBox {
	position: absolute;
	text-align: center;
	width: 100%; /* 400px;*/
	bottom: 0;
}

#navcontainer{
	clear: both;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	text-transform: lowercase; 
	padding-bottom: 20px;
}

/* to stretch the container div to contain floated list */
#navcontainer:after{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}
/* to stretch the container div to contain floated list */
ul.navlist:after{
	content: ".";
	display: block;
	line-height: 1px;
	font-size: 1px;
	clear: both;
}

ul.navlist{
	list-style: none;
	padding: 0;
	margin: 0;
	width: 900px;
	font-size: 0.7em;
	font-weight: bold;
}

ul.navlist li{
	display: block;
	float: left;
	width: 15%;
	margin: 0;
	padding: 0;
}

ul.navlist li a{
	display: block;
	width: 100%;
	margin-top: 15px; 
	padding-left: 2px;
	padding-bottom: 3px;
	color: #2D4492;
	text-decoration: none;
	background: transparent; 
	text-align: left;
}
ul.navlist li a.image {
	border: none;
	padding: 0;
	margin: 0;
	color: #fff;
}

/*
#navcontainer>ul.navlist li a{
	width: auto;
}

ul.navlist li#active a{
	color: #800000;
}

ul.navlist li a:hover, ul#navlist li#active a:hover{
	color: #8f6636; 
	background: transparent;
}
*/

#dokumentation, #reise, #bombay, #portrait, #faroer, #kontakt {
	background-repeat: no-repeat;
	background-position: 0 15px;
	text-indent: -2000px;
	
}

#dokumentation {background-image: url('../img/dokumentation.jpg');}
#reise {background-image: url('../img/reise.jpg');}
#bombay {background-image: url('../img/bombay.jpg');}
#portrait {background-image: url('../img/portrait.jpg');}
#faroer {background-image: url('../img/faroer.jpg');}
#kontakt {background-image: url('../img/kontakt.jpg');}
/*
#dokumentation:hover {background-image: url('../img/dokumentation_over.jpg');}
#reise:hover {background-image: url('../img/reise_over.jpg');}
#bombay:hover {background-image: url('../img/bombay_over.jpg');}
#portrait:hover {background-image: url('../img/portrait_over.jpg');}
#faroer:hover {background-image: url('../img/faroer_over.jpg');}
#kontakt:hover {background-image: url('../img/kontakt_over.jpg');}
*/
.helper{
	width: 100%;
	height: 303px;
}  

#footer{
	clear: both;
	width: 100%;
	background-color: #fff;
	text-align: left;
	padding-top: 5px;
	padding-right: 3px;
	font-size: 0.7em;
	font-weight: bold;
	color: #adb2db;
}

#footer a {
	color: #bbd;
	text-decoration: none;
	font-size: 11px;
}

#prev, #next {
	cursor: pointer;
	visibility: hidden;
}

.active {
	border-bottom: 1px solid #000;
}

.contact {
	float: right; 
	font-size: 11px;
}

.contact a:link {
	color: #8f6636;
}

.address {
	font-size: 14px; 
	line-height: 22px; 
	color: #534429; 
}

.address a, .address a:link, .address a:visited, .songinyourmind a, .songinyourmind a:link, .songinyourmind a:visited {
	color: #2D4492;
}

.songinyourmind {
	font-size: 12px; 
}


.error {
	color: red;
	border: 2px solid red;
	background-color: #ddd;
	padding: 3px;
	font-size: 10px;
}

.framedImage {
	border: 1px solid #ddd;
}

.legal {
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #aaa;
}

a.image img{
	color: #fff;
	text-decoration: none;
	border: 0;
}


.test {
	/* text-indent: -2500px;*/
	background-image: url('../img/faroer.gif');
	background-repeat: no-repeat; 
	/*style='background-image: url("./img/faroer.gif"); background-repeat: no-repeat; text-indent: -2500px;'*/
}