body {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    color:#FF0000;
    background-color:#000000;
    margin:10px 0 0 0;
    width:1000px;
}

div.body-start {
    font-family:Tahoma, Arial, Helvetica, sans-serif;
    background-color:#FFFFFF;
    border-color:#FFFFFF;
    margin:10px 0 0 0;
    width:1000px;
}
div.body-start a:link { color:#000000; }
div.body-start a:visited { color:#000000; }



:visited { color:#FFFFFF; }

div#title {
    text-align:center;
}

div.reference {
    font-size:0.7em;
    color:#FFFFFF;
    text-align:right;
}



/* menus for the navigation bar */
ul {
    font-size:1em;
    font-size:14px;
    width:90%;
    height:1.3em;
    color:#FF3030; /* #D04444; */
    background-color:#304850;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
    list-style:none;
    /* z-index */
}

#nav a {
    background-color:#304850;
    font-weight:bold;
    float:center;
    text-align:center;
    text-decoration:none;
 }

/* look of the main menu items */
#nav li a {
    color:#FF0000; /* #D04444; */
}

#nav li a:hover {
    color:#FF0000; /* #F05454; */
}

/* look of the sub menu items */
#nav li li a {
    display:block;
    font-weight:normal;
    padding:0 10px;
    border-top:1px dashed black;
}

#nav li li a:hover {
    /* color:#FF3030; */
    border-left:5px solid #FF3030;
    border-right:5px solid #FF3030;
    /* border-bottom:0px solid #FF3030; */
    background-color:#606068;
    border-top:1px dashed black;
    padding-left:5px;
    padding-right:5px;
    padding-top:0;
    padding-bottom:0
}

/* the look of one of those cells */
li {
    float:left;
    position:relative;
    text-align:center;
    cursor:default;
    border-width:1px 0; /* to correct IE behaviour */
    width:9em;
}

li#first {
    border-left-width:1em;
}

li#last {
    border-right-width:1em;
    margin-left:auto;
    margin-right:auto;
}

li ul {
    font-weight:normal;
    display:none;
    position:absolute;
    /* top and left for correct display in IE */
    top:100%; /* 1em; */
    left:0;
}

li>ul {
    padding:0 0 1em 0;
    /* to undo the above top and left attributes for browsers other than IE */
    top:auto;
    left:auto;
}

li li {
    display:block;
    /* float: none; */
    /* background-color: transparent; */
    /* border: 0; */
}

li:hover ul, li.over ul {
    display:block;
}

div.dummy {
clear:both;
}

.jahr_line1 { 
    float:left; 
    width: 10em;  
    border: 1px #B0B0C0 solid;
    margin-right:4em;
}

.jahr_line2 { 
    border: 1px #B0B0C0 solid;
    margin-left:10em;
    text-indent:-2em;
}

/* Gallery */
.gallery {
    margin-top:0.5em;
    padding:0;
}


.flyer {
    background-color:#CCCCCC;
    width:430px;
    text-align:center;
    margin:0 10px 0 10px;
    padding:5px 10px 5px 10px;
    float:left;
}
.flyer h1 {
    background-color:#800040;
    text-align:center;
    font-size:1em;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}
.flyer img {

}
.flyer p {
    color:#000000;
    font-size:0.8em;
    font-weight:normal;
    text-align:left;
}

.gallery table {
    color:#000000;
    background-color:#000000;
    border:2px outset #666666;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

.gallery td {
    font-size:0.8em;
    text-align:center;
    padding:0.5em;
}

.gallery td.thumbs a {
    color:#CCCCCC;
    border:2px outset #666666;
    background-color:#000000;
    text-decoration:none;
    border:2px outset #333333;
    display:block;
    padding:0.2em;
    width:90px;
    height:100px;
}

.gallery td.thumbs a:hover {
    color:#CC0000;
    background-color:#CCCCCC;
    }

.gallery td.thumbs a:active {
    background-color:#AAAAAA;
    border:2px inset #333333;
}

.gallery td.thumbs a img {
    width:60px;
    border:0px none;
    text-align:center;
    margin-left:auto;
    margin-right:auto
}

.gallery td.arrow {
    font-size:0.8em;
    border:1px solid #FFFFFF;
    margin:0;
    padding:0.1em;
}
.gallery td.arrow a {
    color:#FFFFFF;
    background-color:#000000;
    text-decoration:none;
    display:block;
    width:160px;
    height:20px;
}
.gallery td.arrow a:hover {
    /* color:#CC0000; */
    /* background-color:#FFFFFF; */
}
.gallery td.arrow a.left:hover {
    background-image:url('../pics/arrow_left.gif');
}
.gallery td.arrow a.center:hover {
    background-image:url('../pics/arrow_up.gif');
}
.gallery td.arrow a.right:hover {
    background-image:url('../pics/arrow_right.gif');
}


.gallery td#bigpicture {
	color: White;
}

/* list of projects in one year */
div#projects {
    background-color:#B0B0C0;
    margin-top:3em;
    margin-left:auto;
    margin-right:auto;
    padding:0.4em;
    width:50%;
}

div#projects h1 {
    text-align:center;
    font-size:1.5em;
    color:#000000;
}

div#projects div.entry {
    font-size:1.1em;
    display:block;
    margin:5px;
    padding:0;
    width:80%;
    margin-left:auto;
    margin-right:auto;
}

div#projects div.entryyear {
    font-size:1.1em;
    display:block;
    margin:5px;
    padding:0;
    width:70%;
    text-align:center;
    margin-left:auto;
    margin-right:auto;
}

div#projects div a {
    color:#000000;
    background-color:#C0B0B8;
    border:2px outset #808080;
    display:block;
    text-decoration:none;
}
div#projects div a:hover {
    /* border:2px outset #808080; */
    background-color:#D0C0C8;
}
div#projects div a:active {
    border:2px inset #808080;
    background-color:#E0D0D8;
}


/* current dates for events */
div#dates {
color:#000000;
background-color:#B0B0C0;
font-size:1em;
padding:1em;
margin-top:2em;
margin-left:auto;
margin-right:auto;
margin-bottom:1em;
width:95%;
}

div#dates div {
background-color:#C0B0B8;
text-align:left;
border:1px solid #000000;
display:block;
margin:0.4em;
padding-left: 4px;
}

div#dates div a {
color:#000000;
text-indent:4em;
background-color:#C0B0B8;
font-size:0.9em;
display:block;
border:2px outset #B5AAAA;
text-decoration:none;
padding:0;
}
div#dates div a:link {
}
div#dates div a:visited {
}
div#dates div a:hover {
background-color:#D0C0C8;
border:2px outset #C5BBBB;
}
div#dates div a:active {
background-color:#E0D0D8;
border:2px inset #C5BBBB;
}
div#dates div a:focus {
}
div#dates p#notes {
border-top:1px dashed #000000;
}

div#dates div a.normlink {
    display:inline;
    background-color:#FFFFFF;
    /* border:0; */
}

div.picture {
    margin-top:2em;
    text-align:center;
}

div.start {
    margin-top:2em;
    text-align:center;
    background-color:#FFFFFF;
} 

div.start a:link { color:#FFFFFF; }
div.start a:visited { color:#FFFFFF; }

p.intro {
    text-align:center;
    font-weight:bold;
}

div#contact {
    color:#000000;
    background-color:#B0B0C0;
    font-size:0.9em;
    margin-left:auto;
    margin-right:auto;
    width:88%;
    min-height:449px;
    padding:0.4em;
}

div#contact p.note {
    font-size:0.9em;
}

div#contact img {
    float:right;
    width:600px;
    height:449px;
}

div#verein {
	color: #000000;
	background-color: #B0B0C0;
	font-size: 0.9em;
	margin-left: auto;
	margin-right: auto;
	width: 88%;
	padding: 0.4em;
	float: none;
	width: 600px;
	height: 250px;
}

div#verein p.note {
    font-size:0.7em;
    font-size:0.9em;
}

DIV#presse {
	PADDING-RIGHT: 0.4em; 
	PADDING-LEFT: 0.4em; 
	PADDING-BOTTOM: 0.4em; 
	PADDING-TOP: 0.4em; 
	FONT-SIZE: 0.9em; 
	FLOAT: none; 
	MARGIN-LEFT: auto; 
	MARGIN-RIGHT: auto; 
	WIDTH: 900px; 
	COLOR: #000000; 
	HEIGHT: 8000px; 
	BACKGROUND-COLOR: #b0b0c0;
   	text-align: justify;
}
DIV#presse P.note {
	FONT-SIZE: 0.9em
}
DIV#presse P.ital {
	FONT-SIZE: 0.9em;
   	font-style: italic;
}