/*  01. BASICS ################################################ */
/*  02. LAYOUT ################################################ */
/*  03. METANAVIGATION ######################################## */
/*  04. MAINNAVIGATION ######################################## */

/*  01. BASICS ################################################ */

* {
	padding: 0; 
	margin: 0;
}

html {
	background: #EFEFEF; 
    overflow: -moz-scrollbars-vertical;
}

body {
	font-size: 70%; 
	background-color: #ffeba4; 
	font-family: Arial, Helvetica, sans-serif; 
	/* => 0.7em bzw. 11px; http://www.reeddesign.co.uk/test/points-pixels.html */ 
}

/*  02. LAYOUT ################################################ */

#container {
	position: absolute;
	top: 0px;
	left: 50%;
	margin: 0 0 0 -500px;
	width: 1000px;
    background: #fff;
}

#branding h1 a {
	float: left;
	display: block;
	width: 266px;
	height: 66px;
	background: #FF6600 url(../images/museumsverband_logo.gif) 0px 0px no-repeat;
}

#branding h1 a span {
	display: none;
}

#flashheader {
	float: right;
	width: 734px;
	height: 66px;
	margin-bottom: 10px;
    background: #FF6600;
}

#naviMain {
	clear: both;
	width: 1000px;
	height: 20px;
	background: #d8d8d8;
    margin-bottom: 10px;
}


#naviMain ul {
	padding-left: 20px;
}

#naviSub ul {
	padding-left: 17px;
}

#naviMain ul li a:hover,
#naviSub ul li a:hover {
    text-decoration: underline;
}

#naviMain ul li {
    float: left;
}   

#naviMain ul li a {
	display: block;
	float: left;
	margin-right: 0px;
	padding: 3px 10px;
	color: #000;
}

#naviMain ul li.act a, 
#naviMain ul li.cur a {
    background: #669999; 
}

#naviSub ul li {
	margin-bottom: 5px;
	padding: 3px;
	color: #000;
}

#naviSub ul li a {
	color: #000;
}

#naviSub ul li.cur a {
    color: #669999; 
}

#naviSub {
	width: 212px;
	float: left;
	margin-bottom: 10px;
    background: #fff;
	padding: 10px;
}

#contentAdditional {
	width: 212px;
	background: #fff;
    padding: 10px;
}

#contentMain {
    min-height: 500px;
	width: 720px;
	float: right;
	background: #fff url(../images/border_vertical.gif) left repeat-y;
	margin-bottom: 20px;
    padding: 10px 20px 20px 20px;
}

.facebook {
	position: absolute;
	top: 95px;
	right: 220px;
}

.facebook img {
    margin-right: 5px;
}

.facebook a.link {
    width: 200px;
    top: 2px;
    position: absolute;
    color: #000;
}

.language {
	position: absolute;
	top: 98px;
	right: 0px;
}

.language a {
	float: left;
	margin-right: 10px;
}

.language .english {
        display: block;
	width: 16px;
	height: 11px;
	background: url(../images/gb.gif) no-repeat;
}

.language .german {
        display: block;
	width: 16px;
	height: 11px;
	background: url(../images/de.gif) no-repeat;
}

.language .english span,
.language .german span {
	display: none;
}