/* reset.css */

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, 
address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, 
caption, tbody, tfoot, thead, tr, th, td {margin:0; padding:0; border:0; font-weight:inherit; font-style:inherit;
font-size:100%; font-family:inherit; vertical-align:baseline;}



body {
	background-image: url(../img/page2.jpg);
  background-repeat:repeat;
  background-attachment:scroll;
  background-color:transparent;
  background-position:0 0;
	
}
table {border-collapse:separate;border-spacing:0;}

caption, th, td {text-align:left;font-weight:normal;}

table, td, th {vertical-align:middle;}

blockquote:before, blockquote:after, q:before, q:after {content:"";}

blockquote, q {quotes:"" "";}

a img {border:none;}





/* typography.css */

/* important: background color adjusted, see other css files (footer, header) */





h1, h2, h3, h4, h5, h6 {font-weight:normal;color:#111;}

h1 {font-size:2.2em;line-height:1;margin-bottom:0.5em;}

h2 {font-size:2em;margin-bottom:0.75em;}

h3 {font-size:1.5em;line-height:1;margin-bottom:1em;}

h4 {font-size:1.2em;line-height:1.25;margin-bottom:1.25em;height:1.25em;}

h5 {font-size:1em;font-weight:bold;margin-bottom:1.5em;}

h6 {font-size:1em;font-weight:bold;}

h1 img, h2 img, h3 img, h4 img, h5 img, h6 img {margin:0;}

p {margin:0 0 1.5em;}

p img {float:left;margin:1.5em 1.5em 1.5em 0;padding:0;}

p img.right {float:right;margin:1.5em 0 1.5em 1.5em;}

a:focus, a:hover {color:#000;}

a {color:#000000;text-decoration:underline;}

blockquote {margin:1.5em;color:#666;font-style:italic;}

strong {font-weight:bold;}

em, dfn {font-style:italic;}

dfn {font-weight:bold;}

sup, sub {line-height:0;}

abbr, acronym {border-bottom:1px dotted #666;}

address {margin:0 0 1.5em;font-style:italic;}

del {color:#666;}

pre, code {margin:1.5em 0;white-space:pre;}

pre, code, tt {font:1em 'andale mono', 'lucida console', monospace;line-height:1.5;}

li ul, li ol {margin:0 1.5em;}

ul, ol {margin:0 1.5em 1.5em 1.5em;}

ul {list-style-type:disc;}

ol {list-style-type:decimal;}

dl {margin:0 0 1.5em 0;}

dl dt {font-weight:bold;}

dd {margin-left:1.5em;}

table {margin-bottom:1.4em;width:100%;}

th {font-weight:bold;background:#C3D9FF;}

th, td {padding:4px 10px 4px 5px;}

tr.even td {background:#E5ECF9;}

tfoot {font-style:italic;}

caption {background:#eee;}

.small {font-size:.8em;margin-bottom:1.875em;line-height:1.875em;}

.large {font-size:1.2em;line-height:2.5em;margin-bottom:1.25em;}

.hide {display:none;}

.quiet {color:#666;}

.loud {color:#000;}

.highlight {background:#ff0;}

.added {background:#060;color:#fff;}

.removed {background:#900;color:#fff;}

.first {margin-left:0;padding-left:0;}

.last {margin-right:0;padding-right:0;}

.top {margin-top:0;padding-top:0;}

.bottom {margin-bottom:0;padding-bottom:0;}





/* grid.css */


.container {
	width: 710px;
	height: 750px;
	margin: 31px 100px 0;
	position:relative;
	overflow: visible;
	background-color: rgb(255,254,235);
}
/* Header, Footer and LogoCSS */
.header-top {clear:both; width:710px; height:130px; font-size:80%;background: url(../img/head.gif)  no-repeat scroll 150px 0; background-color:#DDDCCA;}

.header-box {clear:both; margin: 50px 0 0 0;}

.navigation {width: 600px; height:200px;position:absolute; margin: 95px 0 5px 155px; font-family: Verdana,arial,sans-serif; font-weight: bold; 
font-size:90% !important /*Non-IE6*/; font-size:90% /*IE6*/;}

.main {width: 700px; height: 600px; margin: 2px 0 0 2px;}

.footer {clear:both; width:400px; position: absolute;padding:1.0em 0 1.0em 0; text-align: center; 
font-size:1.1em !important /*Non-IE6*/; font-size:1.1em /*IE6*/; overflow:visible !important /*Non-IE6*/; 
overflow:hidden /*IE6*/;}



/* Logo */
.logo {width:120px; height:125px; position:absolute; background: url(../img/logoklein.gif) no-repeat; margin: 15px 0 0 15px;}




/* Navigation begin */
/* Navigation menu */
.navigation ul {list-style-type:none;}
.navigation ul li {float:left; z-index:auto !important /*Non-IE6*/; z-index:1000 /*IE6*/; background: transparent;}
.navigation ul li a {float:none !important /*Non-IE6*/; float:left /*IE-6*/; display:block; height:1.0em; 
line-height:1.0em; padding:0 35px 0 0; text-decoration:none; font-weight:bold; color:rgb(9,16,69); border-right:solid 0px rgb(215,215,215);}

/* Navigation menu (IE6 hovering) */
.navigation table {position:absolute; z-index:1000; top:0px; left:-1px; border-collapse:collapse;}
.navigation ul li a:hover {position:relative /*Sylvain IE hack*/; z-index:1000 /*Sylvain IE hack*/; font-weight:bold; color:rgb(100,184,50); 
background-color: transparent; text-decoration:none;} /*Color main cells hovering mode*/

/* Navigation menu (Non-IE6 hovering) */
.navigation ul li:hover {position:relative;} /*Sylvain IE hack*/
.navigation ul li:hover a {font-weight:bold; color:rgb(100,184,50); background-color: transparent; text-decoration:none;} /*Color main cells hovering mode*/
/* Navigation end */





.content h1.side {clear:none;}
.content h1 {clear:both; color:#505050; font-family:"trebuchet ms",arial,sans-serif;
font-size:200%; font-weight:normal; margin: 1em 0pt 0.5em;}
.content p {font-size:120%; line-height:1.5em; margin:0pt 0pt 1em;}


.impressum {width: 650px; margin: 20px 0 0 20px; position:relative; background: #FFFFFF;}
.impressum a, p {clear:both; color:#505050; font-family:verdana,arial,sans-serif;
font-size:100%; font-weight:normal;}
.impressum h2 {clear:both; color:#505050; font-family:verdana,arial,sans-serif;
font-size:105%; font-weight:bold;}


.anfahrt {width: 550px; margin: 60px 0 0 100px; position:absolute; background: #FFFFFF;}
.event {width: 600px; margin: 5px 0 0 10px; position:absolute;}
.bilder {width: 600px; margin: 10px 0 0 10px; position:absolute; background: #FFFFFF;}
.kontakt {width: 600px; margin: 15px 0 0 10px; position:absolute;}

.event_liste ul a {padding: 10px 10px 0 10px; text-decoration:none; font-weight:bold; color:rgb(9,16,69)}