body {
	/*font-family: Georgia,"Times New Roman",sans-serif;*/
	font-family: "Lucida Console", Monaco, monospace;
	font-size: medium;
	text-align: center;
	margin: 0px 0px;
	padding: 0px;
	/*text-transform: lowercase;*/
	/* background-color: red;*/
	color: black ;
	background: rgb(250,250,255);

/*	background-image:url('/2014/images/stripes.jpg');*/
/*	background-repeat: repeat;*/
}

h2 { font-size: 130%; }

a {
/*	font-family: "Lucida Console", Monaco, monospace;*/
        cursor: pointer;
        text-decoration: underline;
	color: rgb(0,0,0);
}

a:visited {
	color: rgb(0,0,0);
	text-decoration: underline;
}

img {
	border: 0px;
}

ul {
	padding-left: 0;
        list-style-image: url(/2014/images/flamme_klein.png);
        list-style-position: inside;
}



.programmpunkt {
	/*clear: both;*/
	position: relative;
	width: 95%;
	left: 10px;
	margin-bottom: 20px;
}

.actfull {
	background-color: white;
	clear: both;
}

.actdesc {
	font-weight: bold;
}

/* menu */
#navtop{
        position: relative;
        width: 100%;
	padding: 0px;
	margin: 0px auto;
}
#navbottom{
        position: relative;
        width: 100%;
        padding: 0px;
        margin: 0px auto;
}

#pagebottom{
        position: relative;
        width: 100%;
        padding: 0px;
        margin: 0px auto;
}

#menucontainer {
	position: relative;
        width: 100%;
	padding-top: 20px;
	padding-bottom: 20px;
	padding-left: 0px;
	padding-right: 0px;
        /*padding: 0px;*/
        margin: 0px auto;
	padding-bottom: 10px;
/*
        background-image:url('/2014/images/navmiddle.png');
        background-position: center;
        background-size: 100% 100%;
        background-repeat: no-repeat;
*/
}


ul.egmenu {  
	/*background: #333; */
	position: relative;
	height: 2em;
	width: 70%;
	padding: 0px;
        margin: 0px auto;	
}

ul.egmenu > li { 
	float: left; 
	position: relative; 
	display: block; 
}

ul.egmenu ul {
/*	background: #444; */
	display: none; 
	position: absolute;
	/*left: 0; */
	top: 100%;
}

ul.egmenu a { 
	display: block; 
	color: black; 
	line-height: 50px; 
	/*padding: 0 10px; */
	padding: 0px;
/*	border: 1px solid #fde092;*/
}

ul.egmenu li { list-style: none; padding-right: 5px;}
ul.egmenu a:hover { background: white; border: 1px dotted black; }
ul.egmenu li:hover ul { display: block;  }

.navflame { width: 20px; }

#main_area {
        position: relative;
	top: 20px;
        width: 750px;
        min-height: 500px;
        padding: 0px;
        margin: 0px auto;
	border: 2px dotted red;
	background: rgb(255,255,255);
/*
	background: url(/2014/images/background_bright.png) no-repeat center center;
        -webkit-background-size: cover;
        -moz-background-size: cover;
        -o-background-size: cover;
        background-size: cover;
*/
}

#content_container {
        position: relative;
        width: 100%;
	/*min-height: 500px;*/
        padding: 0px;
	padding-bottom: 1px; /* this i don't understand */
        margin: 0px auto;
        border: none;
/*
        background-image: url(/2014/images/frame_lr.png);
        background-repeat: repeat-y;
        background-size: 100%;
*/
}

#content {
	clear: both;
        color: black;
        min-height: 500px;
	padding: 2em;
	padding-top 10px;
	padding-bottom: 10px;
}


/* mobile additions: */
@media (max-width: 1024px /* was 801 */) {
	body { font-size: 120%; width: 100% }
	ul.egmenu {width: 100%; font-size: 200%; font-weight: bold; padding-left: 0px; height: auto;}
	ul.egmenu > li { float: none; width: 100%; }
	ul.egmenu a { line-height: 1.5em; }
	ul.egmenu ul { position: relative; }

	ul.egmenu li.tap { font-size: 100%; background: #555;  }
	ul.egmenu li.tap ul { display: block;  }

	#main_area { font-size: 150%; width: 90%;}
	.navimage { height: 1.5em; }
	.navflame { width: 1em; }
}