/* ================================================================== */
/* Farben */
/*

#5796E6 Hintergrund-Blau rechts
#90B3EF Hintergrund-Blau links
#007F00 Hintergrund-Grün unten
#FAFAE1 gelb
#5796E6 Links etc.
*/

/* ================================================================== */
/* allgemeines */

body {
	background-color: #5796E6;
	background-image: url(../images/back-body.gif);
	background-repeat: repeat-y;
	font-family: "Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", Verdana, Tahoma, sans-serif;
	font-size: 13px;
	line-height: 19px;
}

a {
	text-decoration: none;
	color: #5796E6;
}

img {
	border: 0px;
}

table {
	width: 100%;
	margin: 1em 0px;
	border: 1px #5796E6 solid;
	border-collapse: collapse;
	empty-cells: show;
}

th, td {
	border: 1px #5796E6 solid;
	padding: 0.3em;
}

h1 {
	color: #5796E6;
	font-size: 20px;
}

h2 {
	color: #5796E6;
	font-size: 16px;
}

ol, ul {
	margin: 0.5em 0em;
	padding: 0em;
}

ul {
	list-style-type: square;
}

li {
	margin: 0em 0em 0.5em 2em;
	padding: 0em;
}

/* ================================================================== */

.center {
	text-align: center;
}

.sortarrow img {
	vertical-align: middle;
}

a.externaltext {
	background: url('../images/link-external.png') center right no-repeat;
	padding-right: 13px
}

a.document {
	background: url('../images/link-document.png') center right no-repeat;
	padding-right: 13px
}

img.conferencelogo {
	float: right;
	border: 0px;
	margin: 0px 0px 5px 5px;
}

img.conferencephoto {
	float: right;
	border: 1px solid #5796E6;
	margin: 0px 0px 0px 10px;
}

#marginalia .photo {
	border: 1px solid #5796E6;
	margin: 0px 0px 20px -1px;
}

#main .photo {
	border-top: 1px solid #5796E6;
	border-bottom: 1px solid #5796E6;
}

div.infodivider {
	clear: both;
	margin: 10px 0px;
	border-top: 1px solid #5796E6;
}

ul.infos {
	font-size: 11px;
}

p.impressum {
	font-size: 10px;
	text-align: center;
	padding: 20px;
}

li.hide {
	display: none;
}

/* ================================================================== */
/* Div-Strukturen */

#container { /* für den IE */
	z-index: 3;
	position: absolute;
	top: 0px;
	left: 0px;
}

#header {
	position: absolute;
	top: 0px;
	left: 225px;
	width: 760px;
	height: 80px;
	background-repeat: no-repeat;
	background-image: url(../images/header.png);
}

#header span {
	display: none
}

#main {
	position: absolute;
	top: 80px;
	left: 280px;
	width: 710px;
}

#content {
	width: 400px;
}

#divider {
	position: absolute;
	top: 0px;
	left: 438px;
	width: 3px;
	height: 537px;
	background-image: url(../images/divider.gif)
}

#marginalia {
	width: 183px;
}

.normal-marginalia, .floating-marginalia {
	position: absolute;
	top: 5px;
	left: 455px;
}

.fixed-marginalia {
	position: fixed;
	top: 85px;
	left: 735px;
}

/* ================================================================== */
/* Navigation */

#navigation {
	z-index: 10;
	position: fixed;
	top: 77px;
	left: 15px;
	width: 243px;
	height: 280px;
}

#navigation-buttons {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#navigation-buttons li {
	margin: 0px;
	padding: 0px;
}

#navigation-buttons li a {
	display: block;
	width: 243px;
	height: 70px;
	background-color: #FFFFFF;
	background-image: url(../images/buttons.png);
	background-repeat: no-repeat;
}

#navigation-buttons li a span {
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#navigation-was-ist-mun a:link,
#navigation-was-ist-mun a:visited,
#navigation-was-ist-mun a:active   { background-position: 0px    0px }
#navigation-was-ist-mun-active a,
#navigation-was-ist-mun a:hover    { background-position: 0px -280px }

#navigation-schueler a:link,
#navigation-schueler a:visited,
#navigation-schueler a:active      { background-position: 0px  -70px }
#navigation-schueler-active a,
#navigation-schueler a:hover       { background-position: 0px -350px }

#navigation-studierende a:link,
#navigation-studierende a:visited,
#navigation-studierende a:active   { background-position: 0px -140px }
#navigation-studierende-active a,
#navigation-studierende a:hover    { background-position: 0px -420px }

#navigation-international a:link,
#navigation-international a:visited,
#navigation-international a:active { background-position: 0px -210px }
#navigation-international-active a,
#navigation-international a:hover  { background-position: 0px -490px }

/* ================================================================== */
/* Footer */

#footer-back {
	z-index: 1;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 100%;
	height: 50px;
	background-color: #007F00;
	background-image: url(../images/back-footer.gif);
	background-repeat: repeat-y;
}

#footer-left {
	z-index: 2;
	position: fixed;
	bottom: 0px;
	left: 0px;
	width: 245px;
	height: 207px;
	background-image: url(../images/footer-left.png);
}

#footer-right {
	z-index: 2;
	position: fixed;
	bottom: 0px;
	left: 965px;
	width: 232px;
	height: 113px;
	background-image: url(../images/footer-right.png);
}

.flag {
	z-index: 3;
	position: absolute;
	width: 16px;
	height: 11px;
}

#flag1 { left:  21px; top: 35px }
#flag2 { left:  56px; top: 31px }
#flag3 { left:  96px; top: 26px }
#flag4 { left: 140px; top: 30px }
#flag5 { left: 183px; top: 27px }

/* ================================================================== */
/* Logos */

#logos {
	z-index: 1;
	position: fixed;
	bottom: 180px;
	left: 965px;
	width: 190px;
	height: 265px;
}

#logos-buttons {
	list-style-type: none;
	margin: 0px;
	padding: 0px;
}

#logos-buttons li {
	display: block;
	float: left;
	margin: 0px;
	padding: 0px;
}

#logos-buttons li a {
	display: block;
	width: 190px;
	background-color: #FFFFFF;
	background-image: url(../images/logos.png);
	background-repeat: no-repeat;
}

#logos-buttons li a span {
	display: block;
	height: 0px;
	width: 0px;
	overflow: hidden;
}

#logos-dmun      a { background-position: 0px    0px; height: 115px }
#logos-junon     a { background-position: 0px -115px; height:  77px }
#logos-tng       a { background-position: 0px   -192px; height:  43px }
#logos-impressum a { background-position: 0px -235px; height:  30px }

/* ================================================================== */
/* Boxen @ Main  */

.box {
	background: url(../images/box-text.gif);
	margin: 10px -25px;
	width: 450px;
}

.boxheader {
	background: url(../images/box-header.gif);
	height: 30px;
}

.boxfooter {
	clear: both;
	background: url(../images/box-footer.gif);
	height: 12px;
}

.boxcontent {
	margin: -10px 25px 10px 25px;
	position: relative;
	top: 0px;
	left: 0px;
}

/* ================================================================== */
/* Elemente @ Marginalia  */

.marginal {
	width: 218px;
	margin: 0px 0px 10px 0px;
	padding: 0px;
	position: relative;
	top: 0px;
	left: 0px;
}

#map, #cal {
	list-style-type: none;
}

#map li, #cal li {
	display: block;
	margin: 0px;
	padding: 0px;
	overflow: hidden;
	position: absolute;
}

#map li a, #cal li p, #cal li p a {
	display: block;
	overflow: hidden;
	color: #5796E6;
	background-color: #5796E6;
}

#map li a:hover, #cal li p a:hover {
	background-color: red;
	color: red;
}

#mapLinks, #calLinks {
	text-align: center;
}

#mapLinks a, #calLinks a {
	font-weight: bold;
}


#map {
	height: 295px;
	background-image: url(../images/marginal-map.gif);
}

#map li {
	width: 10px;
	height: 10px;
}

#map li a {
	width: 8px;
	height: 8px;
	border: 1px solid #FAFAE1;
}

#mapLinks {
	height: 60px;
}

#cal {
	height: 143px;
	margin-bottom: 0px;
}

#cal li {
	width: 6px;
	height: 10px;
}

#cal li p, #cal li p a {
	padding: 0px;
	margin: 0px;
	width: 6px;
	height: 10px;
}

.cal2002 {
	background-image: url(../images/marginal-cal-2002.gif);
}

.cal2003 {
	background-image: url(../images/marginal-cal-2003.gif);
}

.cal2004 {
	background-image: url(../images/marginal-cal-2004.gif);
}

.cal2005 {
	background-image: url(../images/marginal-cal-2005.gif);
}

.cal2006 {
	background-image: url(../images/marginal-cal-2006.gif);
}

.cal2007 {
	background-image: url(../images/marginal-cal-2007.gif);
}

.cal2008 {
	background-image: url(../images/marginal-cal-2008.gif);
}

.cal2009 {
	background-image: url(../images/marginal-cal-2009.gif);
}

.cal2010 {
	background-image: url(../images/marginal-cal-2010.gif);
}

#calLinks {
	height: 120px;
}

#calnav {
	font-size: 80%;
	font-weight: bold;
}

.navprev {
	float: left;
}

.navnext {
	float: right;
}

.clear {
	clear: both;
}


.m1 { top:  11px }
.m2 { top:  22px }
.m3 { top:  33px }
.m4 { top:  44px }
.m5 { top:  55px }
.m6 { top:  66px }
.m7 { top:  77px }
.m8 { top:  88px }
.m9 { top:  99px }
.m10 { top: 110px }
.m11 { top: 121px }
.m12 { top: 132px }

.d1 { left:   1px }
.d2 { left:   8px }
.d3 { left:  15px }
.d4 { left:  22px }
.d5 { left:  29px }
.d6 { left:  36px }
.d7 { left:  43px }
.d8 { left:  50px }
.d9 { left:  57px }
.d10 { left:  64px }
.d11 { left:  71px }
.d12 { left:  78px }
.d13 { left:  85px }
.d14 { left:  92px }
.d15 { left:  99px }
.d16 { left: 106px }
.d17 { left: 113px }
.d18 { left: 120px }
.d19 { left: 127px }
.d20 { left: 134px }
.d21 { left: 141px }
.d22 { left: 148px }
.d23 { left: 155px }
.d24 { left: 162px }
.d25 { left: 169px }
.d26 { left: 176px }
.d27 { left: 183px }
.d28 { left: 190px }
.d29 { left: 197px }
.d30 { left: 204px }
.d31 { left: 211px }

/* ================================================================== */