/* ___| CSS document |_____________________ */


body { 
	margin: 0;
	padding: 0;
	font-size: 85%;
	font-family: Arial, sans-serif;  
	background: #ECDADD;
	color: #000;
	}
a img {
  	border: 0;
	}
h1, h2, h3, h4, h5, p {
	margin: 0;
	}
.none {
	display: none;
	}
.clear {
	margin: 0;
	padding: 0;
	height: 0;
	overflow: hidden;
	clear: both;
	}
	
	
/* ___| container |_____________________ */


#container { margin: 0 auto; padding-bottom: 20px; width: 935px; position: relative; }


/* ___| header |_____________________ */


#header { margin: 0 0 0 45px; width: 826px; height: 199px; float: left; clear: both; position: relative; }
#header img { float: right; margin: 75px 0 0 0; }
#header-over { margin: 0; width: 826px; height: 169px; background: url("../graphics/bg_header-red.png") no-repeat; float: left; position: absolute; top: 30px; left: 0; }
#header h1 {
	margin: 70px 0 0 13px;
	left: 0;
	top: 0;
	width: 180px;
	height: 46px;
	overflow: hidden;
	background: none;
	display: block;
	position: relative;
	}
#header h1 a {	
	width: 180px;
	height: 46px;
	color: #000;
	text-decoration: none;
	cursor: pointer;
	display: block;
	}
#header h1 a span {
	left: 0;
	top: 0;
	width: 180px;
	height: 46px;
	background: url("../graphics/nostalgiewelt-red.png") no-repeat;
	display: block;
	position: absolute;
	}
#header ul { margin: 0; padding: 0; position: absolute; top: 14px; left: 0; }
#header ul li { list-style: none; display: inline; font-size: 95%; font-weight: bold; font-family: 'Arial Narrow'; }
#header ul li a { margin-right: 8px; padding-right: 11px; color: #BB1964; text-decoration: none; background: url("../graphics/arr-red.png") no-repeat right 5px; }
#header ul li a:hover { color: #000; }

#header ul li ul {
	margin: 0;
	padding: 0;
	width: 115px;
	display: none;
	position: absolute;
	top: 20px;
	left: 120px;
	float: left;
	clear: both;
	}
#header ul li ul li {
	margin: 0;
	display: block; 
	text-align: right;
	width: 115px;
	background: url("../graphics/bg_menu_m.png") repeat;
	text-transform: none;
	font-size: 100%;
	float: left; clear: both;
	}
#header ul li ul li.first { margin: 0; width: 115px; height: 17px; background: url("../graphics/bg_menu_t.png") no-repeat; }
#header ul li ul li.last { margin: 0; width: 115px; height: 11px; background: url("../graphics/bg_menu_b.png") no-repeat; }
#container #header ul li ul li a {
	margin: 0 4px 0 4px;
	padding: 4px 3px;
	background: none;
	color: #000;
	text-decoration: none;
	width: 101px;
	display: block;
	}
#container #header ul li ul li a:hover { background: url("../graphics/bg_a.png") repeat; color: #000; }


/* ___| menu |_____________________ */


menu { margin: 0; padding: 0; width: 570px; position: absolute; top: 45px; left: 320px; }
menu li { margin: 0 12px 0 0; list-style: none; display: inline; font-family: 'Arial Narrow'; font-weight: bold; font-size: 110%; text-transform: uppercase; }
menu li a { color: #000; text-decoration: none; }
menu li a:hover, menu li.now a { color: #BE1A66; text-decoration: none; }

menu li ul {
	margin: 0;
	padding: 0;
	width: 115px;
	display: none;
	position: absolute;
	top: 22px;
	right: 17px;
	float: left;
	clear: both;
	}
menu li ul li {
	margin: 0;
	display: block; 
	text-align: right;
	width: 115px;
	background: url("../graphics/bg_menu_m.png") repeat;
	text-transform: none;
	font-size: 95%;
	float: left; clear: both;
	}
menu li ul li.first { margin: 0; width: 115px; height: 17px; background: url("../graphics/bg_menu_t.png") no-repeat; }
menu li ul li.last { margin: 0; width: 115px; height: 11px; background: url("../graphics/bg_menu_b.png") no-repeat; }
menu li ul li a {
	margin: 0 4px 0 4px;
	padding: 4px 3px;
	background: none;
	color: #000;
	text-decoration: none;
	width: 101px;
	display: block;
	}
#main menu li ul li a:hover { background: url("../graphics/bg_a.png") repeat; color: #000; }


/* ___| calendar |_____________________ */


#cal {
	margin: 0;
	width: 180px;
	height: 198px;
	background: url("../graphics/cal-red.png") no-repeat;
	position: absolute;
	left: 0;
	top: 154px;
	}

.twenty-eight {
	background-position: 0px 0px;
}

.twenty-nine {
	background-position: -180px 0px;
}
	
.thirty {
	background-position: -360px 0px;
}

.thirty-one {
	background-position: -540px 0px;
}

/* ___| main |_____________________ */


#main { margin: 0 0 0 45px; width: 826px; float: left; clear: both; background: #c6acb2 url("../graphics/bg_main-red.png") repeat-y top; }
#main_in { width: 826px; padding-bottom: 9px; float: left; clear: both; background: url("../graphics/bg_footer-red.png") no-repeat bottom; }
#circle { margin: 0; width: 128px; height: 128px; position: absolute; right: 28px; top: 182px; }
#circle a { margin: 0; width: 128px; height: 128px; display: block; }
#content { margin: 46px 0 0 275px; width: 440px; float: left; clear: both; }
#content.news { margin-left: 200px; }
#content h2 { margin-bottom: 24px; font-size: 120%; position: relative; }
#content h2 span { display: block; position: absolute; top: 0; left: 0; }
#content p { margin-bottom: 10px; line-height: 150%; }
#content img.grid { float: left; margin: 10px 9px 4px 5px; }

#left-img { margin: -250px 0 0 -90px; float: left; position: relative; }
#left-img2 { margin: -250px 0 20px -55px; float: left; position: relative; }
#right-img { margin: -100px -40px 0 0; float: right; position: relative; }

.fotogall { margin: 0 0 30px 0; width: 432px; height: 110px; position: relative; }
.fotogall img { margin: 15px 0 0 0; float: left; }
.fotogall img.frst { margin-left: 10px; }
.fotogall a { margin: -77px 0 77px 5px; position: relative; width: 136px; height: 77px; display: block; float: left; }
.over-foto { margin: 0; width: 432px; height: 110px; position: absolute; top: 0; left: 0; background: url("../graphics/over-foto.png") no-repeat; }
.over-foto-b { margin: 0; width: 432px; height: 110px; position: absolute; top: 0; left: 0; background: url("../graphics/over-foto-b.png") no-repeat; }
.over-foto-r { margin: 0; width: 432px; height: 110px; position: absolute; top: 0; left: 0; background: url("../graphics/over-foto-r.png") no-repeat; }

.news { margin: 0; width: 590px; float: left; clear: both; }
.newsi { margin-right: 18px; width: 98px; height: 97px; background: url("../graphics/bg_i.png") no-repeat; float: left; }
.newsi img { margin: 17px 0 0 0; }
.news h3 { margin-bottom: 6px; text-transform: uppercase; font-size: 115%; color: #106F89 }
p.text-right { float: right; font-weight: bold; }
p.text-right a { color: #000; text-decoration: none; }
p.text-right a:hover { text-decoration: underline; }


/* ___| footer |_____________________ */


#footer {  
	position: relative;
	width: 826px;
	margin: 26px 0 0 0; 
	float: left; 
	clear: both; 
	}
#footer p { position: absolute; width: 826px; font-size: 90%; color: #fff; text-align: center; left: 0; top: 0; } 
#footer p a { color: #fff; text-decoration: underline; }
#footer p a:hover { text-decoration: none; }
ul#foot_menu { margin: 4px 52px 0 0; float: right; width: 600px; clear: both; text-align: right; }
ul#foot_menu li { margin-right: 4px; list-style: none; display: inline; font-size: 80%; text-transform: uppercase; }
ul#foot_menu li a { margin-right: 8px; color: #000; text-decoration: none; }
ul#foot_menu li a:hover { text-decoration: underline; }





/* ___| BLUE STYLE |_____________________ */


body#blue { background: #C7E1E5; }
body#blue #header ul li a { color: #0095A6; }
body#blue #header ul li a:hover { color: #000; }
body#blue #header-over { background: url("../graphics/bg_header-blue.png") no-repeat; }
body#blue menu li a:hover, body#blue menu li.now a { color: #0095A6; }
body#blue #header h1 a span { background: url("../graphics/nostalgiewelt-blue.png") no-repeat; }
body#blue #header ul li a { background: url("../graphics/arr-blue.png") no-repeat right 5px; }
body#blue #main { background: #a9c6ce url("../graphics/bg_main-blue.png") repeat-y top; }
body#blue #main_in { background: url("../graphics/bg_footer-blue.png") no-repeat bottom; }
body#blue #cal { background: url("../graphics/cal-blue.png") no-repeat; }
body#blue #left-img { margin: -290px 0 10px 10px; }



/* ___| YELLOW STYLE |_____________________ */


body#yellow { background: #FFF4D7; }
body#yellow #header ul li a { color: #F0BB39; }
body#yellow #header ul li a:hover { color: #000; }
body#yellow #header-over { background: url("../graphics/bg_header-yellow.png") no-repeat; }
body#yellow menu li a:hover, body#yellow menu li.now a { color: #F0BB39; }
body#yellow #header h1 a span { background: url("../graphics/nostalgiewelt-yellow.png") no-repeat; }
body#yellow #header ul li a { background: url("../graphics/arr-yellow.png") no-repeat right 5px; }
body#yellow #main { background: #FFEAAD url("../graphics/bg_main-yellow.png") repeat-y top; }
body#yellow #main_in { background: url("../graphics/bg_footer-yellow.png") no-repeat bottom; }
#circle-zuruck {  margin: 0; width: 128px; height: 128px; position: absolute; right: 28px; top: 182px; }
#circle-zuruck a { margin: 0; width: 128px; height: 128px; display: block; }
body#yellow #cal { background: url("../graphics/cal-yellow.png") no-repeat; }
body#yellow #left-img { margin: -258px 0 0 10px; }


/* ___| ORANGE STYLE |_____________________ */


body#orange { background: #FFDEBC; }
body#orange #header ul li a { color: #FF8E00; }
body#orange #header ul li a:hover { color: #000; }
body#orange #header-over { background: url("../graphics/bg_header-orange.png") no-repeat; }
body#orange menu li a:hover, body#orange menu li.now a { color: #FF8E00; }
body#orange #header h1 a span { background: url("../graphics/nostalgiewelt-orange.png") no-repeat; }
body#orange #header ul li a { background: url("../graphics/arr-orange.png") no-repeat right 5px; }
body#orange #main { background: #FFCF98 url("../graphics/bg_main-orange.png") repeat-y top; }
body#orange #main_in { background: url("../graphics/bg_footer-orange.png") no-repeat bottom; }
body#orange #cal { background: url("../graphics/cal-orange.png") no-repeat; }
body#orange #left-img { margin: -260px 0 10px 0; }


/* ___| GREEN STYLE |_____________________ */


body#green { background: #DDECD3; }
body#green #header ul li a { color: #82BF5C; }
body#green #header ul li a:hover { color: #000; }
body#green #header-over { background: url("../graphics/bg_header-green.png") no-repeat; }
body#green menu li a:hover, body#green menu li.now a { color: #82BF5C; }
body#green #header h1 a span { background: url("../graphics/nostalgiewelt-green.png") no-repeat; }
body#green #header ul li a { background: url("../graphics/arr-green.png") no-repeat right 5px; }
body#green #main { background: #FFCF98 url("../graphics/bg_main-green.png") repeat-y top; }
body#green #main_in { background: url("../graphics/bg_footer-green.png") no-repeat bottom; }
body#green #cal { background: url("../graphics/cal-green.png") no-repeat; }
body#green #left-img { margin: -250px 0 12px 10px; }


/* ___| VIOLET STYLE |_____________________ */


body#violet { background: #E1DDEA; }
body#violet #header ul li a { color: #9689B5; }
body#violet #header ul li a:hover { color: #000; }
body#violet #header-over { background: url("../graphics/bg_header-violet.png") no-repeat; }
body#violet menu li a:hover, body#violet menu li.now a { color: #9689B5; }
body#violet #header h1 a span { background: url("../graphics/nostalgiewelt-violet.png") no-repeat; }
body#violet #header ul li a { background: url("../graphics/arr-violet.png") no-repeat right 5px; }
body#violet #main { background: #FFCF98 url("../graphics/bg_main-violet.png") repeat-y top; }
body#violet #main_in { background: url("../graphics/bg_footer-violet.png") no-repeat bottom; }
body#violet #cal { background: url("../graphics/cal-violet.png") no-repeat; }
body#violet #left-img { margin: -240px 0 20px -35px; }
body#violet #left-img2 { margin: -240px 0 10px 0; float: left; position: relative; }


/* ___| DARK BLUE STYLE |_____________________ */


body#dblue { background: #C8D7DE; }
body#dblue #header ul li a { color: #106F89; }
body#dblue #header ul li a:hover { color: #000; }
body#dblue #header-over { background: url("../graphics/bg_header-dblue.png") no-repeat; }
body#dblue menu li a:hover, body#dblue menu li.now a { color: #106F89; }
body#dblue #header h1 a span { background: url("../graphics/nostalgiewelt-dblue.png") no-repeat; }
body#dblue #header ul li a { background: url("../graphics/arr-dblue.png") no-repeat right 5px; }
body#dblue #main { background: #FFCF98 url("../graphics/bg_main-dblue.png") repeat-y top; }
body#dblue #main_in { background: url("../graphics/bg_footer-dblue.png") no-repeat bottom; }
body#dblue #cal { background: url("../graphics/cal-dblue.png") no-repeat; }
body#dblue #footer { margin: 60px 0 0 0; padding-bottom: 16px; }
body#dblu