/* CSS Document - Thank you Roger Johansson for inspiration and creative ideas.
    http://www.456bereastreet.com */
body {
    text-align: center;
    margin: 20px 0px;
    padding: 0;
    font: 85%/150% Georgia;
    color: #242424;
    background: #cbcbcb url(image/grey.jpg) repeat;
    }

#container {
    margin: 0px auto;
    max-width: 70em;
    width:expression(document.body.clientWidth > 70? "70em": "auto" ); /* Not correct, 
                    but works good enough (IE6 and Firefox). 
                    After... http://www.svendtofte.com/code/max_width_in_ie/ */
    border: 1px solid;
    background: #f8f8f8 url(image/separator.gif) repeat-y 75% 0;
    }

#navigation {
    float: left;
    width: 100%;
    background: antiquewhite  url(image/nav.jpg) no-repeat right;
    font-size: 93%;
    line-height: normal;
    border-top: 2px solid #242424;
    border-bottom: 4px solid #ccc;
    }

#navigation ul {
    margin:90px 0px 0px 0px;
    padding:0;
    list-style:none;
    }

#navigation li {
    float: left;
    margin: 0 1px;
    padding: 0;
    background: #5c5c5c;
    }

#navigation a {
    display:block;
    padding:10px 15px 5px 5px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    }
#navigation a:link {color:gold;}
#navigation a:visited {color:gold;}
#navigation a:hover {color:gold; background: #6c6c6c;}
#navigation a:active {color:gold;}

#navigation #current a{
    background: gold;
    }
#navigation #current a:link {color:maroon;}
#navigation #current a:visited {color:maroon;}
#navigation #current a:hover {color:maroon;}
#navigation #current a:active {color:maroon;}

#main {
    float: left;
    width: 67%;
    text-align: left;
	min-height: 700px;
    }

#sidebar {
    float: right;
    width: 21%;
    text-align: left; 
    }


#gallist {
    float: left;
    font-size: 1.6em;
    line-height: normal;
    }

#gallist ul {
    margin:0;
    padding:0;
    list-style:none;
    }

#gallist li {
    float: left;
    margin: 0 3px;
    padding: 0;
    background: #ccc;
    }

#gallist a {
    display:block;
    padding:2px 1px 1px 1px;
    font-weight: bold;
    text-decoration: none;
    letter-spacing: 1px;
    }

#gallist a:link {color:maroon;}
#gallist a:visited {color:maroon;}
#gallist a:hover {color:#566047; background: #ddd;}
#gallist a:active {color:maroon;}


#gallist #active a{
    background: gold;
    }
#gallist #active a:link {color:#242424;}
#gallist #active a:visited {color:#242424;}
#gallist #active a:hover {color:#242424;}
#gallist #active a:active {color:#242424;}

#footer {
    clear: both;
    text-align: center;
    color: #5c5c5c;
    padding: 4px;
    background: #ddd;
    }

h1 {
    font: bold 2.5em Tahoma;
	letter-spacing: -1px;
    color: #566047;
    }
	
h2 {
    font: bold 2em Tahoma,Verdana;
    color: #566047;
    }

h3 {
    font: bold 1.6em Tahoma,Verdana,Arial;
    color: maroon;
    }

.marg1 {
    margin: 4em;
    }

.marg2 {
    margin: 2em 1em;
    font-size: 0.8em;
    }
	
.marg3 {
	margin-left: 3em;
	}
	
.dropcap:first-letter {
    float: left;
    width: 40px;
    font: 60px Georgia;
    line-height: 50px;
    color: #566047;
    }

.port {
    text-align: center;
    margin: 2em;
    }

.bilder {
    border: 2px solid #505050;
    }

.indbild {
    margin: 0px 30px 0px 0px;
    }
    
.merbild_r {
	float: right;
	margin-left: 20px;
	margin-bottom: 40px;
	}

.merbild_l {
	float: left;
	margin-right: 20px;
	margin-bottom: 40px;
	}
	
.bildtext {
    font: Arial;
    }

#info {
    clear: both;
    float: left;
    margin: 40px 0px 0px 0px;
    }

.liten_titel {
    font-weight: bold;
    }

#marglink  a {
	font-weight: bold;
    letter-spacing: 1px;
	background: #ccc;
    }

#marglink a:link {color:maroon;}
#marglink a:visited {color:maroon;}
#marglink a:hover {color:#566047; background: #ddd;}
#marglink a:active {color:maroon;}