@charset "UTF-8";

/* ============ normalize CSS START ============= */
/* normalisiert margin, padding */
body, div, dl , dt, dd, ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, fieldset, input, p, blockquote, th, td 
{ margin: 0; padding: 0; } 

/* entfernt table-borders */ 
table 
{ border-collapse : collapse; border-spacing: 0; }

/* entfernt border aus fieldset und img */ 
fieldset, img  
{ border: 0; }

/* caption und th left-aligned */ 
caption, th  
{ text-align: left; }

/* entfernt anführungszeichen aus q-tag */ 
q:before, q:after   
{ content: ''; }

/* ========= normalize CSS END ======== */

html 
{} 

body 
{ width: 960px; height: auto; margin: 0 auto; padding-bottom: 30px; text-align: left; background:#FFFCF6 url(img/bg_rahmen.png) center 30px no-repeat;}

/* ============ Branding ============== */
a#branding 
{ display:block; position: absolute; top: -120px; left: 270px; height: 120px; width: 360px; background: transparent url(img/logo_festtagstraum.png) left top no-repeat; z-index: 4;} 

a#branding h1
{ position: absolute; top: -900px; left: -500px; } 

/* ============ ZEITEN ============== */
div#oeffnung 
{ display:block; position: absolute; top: -70px; left: 720px; height: 60px; width: 160px; background: transparent; z-index: 99;} 

/* ============ ADRESSE ============== */
div#adresse 
{ display:block; position: absolute; top: -70px; left: 50px; height: 60px; width: 160px; background: transparent; z-index: 99;} 

/* ========= Navigation ========== */
div#navi_main 
{ position: relative; top: 120px; left: 0; z-index: 33; width:886px; margin:0 auto; }

ul#nav 
{ background:#FAC89B; border-bottom: solid 1px #E30613; border-top: solid 1px #E30613; height: 29px; width:100%; padding:0; }

/* ============= CONTENT ============== */

div.content
{ position: absolute; top: 32px; left: 40px; height: 410px; text-align:left; padding-top:20px; overflow:auto; width:845px; }

div.content p
{ padding:0 20px 20px 0; }

div.content img.fotoli
{ padding:0 20px 0 0; float:left; }

div.content h1,div.content h2
{ text-align:left; width:auto;margin-bottom:7px;}

p#info
{ padding: 5px 0px; }

ul.liste_content
{ margin:0 0 0 15px;max-width:345px; list-style-type:disc;text-align:left; }

ul.liste_content_sprachen
{ margin:0 0 0 15px;max-width:165px; list-style-type:disc;text-align:left; }

ul.liste_text
{ margin:0 0 0 15px;max-width:345px; list-style-type:circle;text-align:left; }

ul.liste_content li
{ margin:0 0 5px 0;width:345px; }

ul.liste_text li
{ margin:0 0 10px 0;width:345px; }

/* ============= FORMULARE ============== */
.formInput
{ width: 280px; margin-bottom: 10px; }

.formTextarea
{ width: 276px; height: 120px; margin-bottom: 10px; }

/* ============= FOOTER ============== */
div#footer
{ position: absolute; top: 575px; left: 0px; height: auto; border-top:solid 1px #990066; width: 100%;text-align:center;display:none; }

div#footer div
{ float:right; width:340px; margin-top:10px; text-align:right; }

div#footer div a:hover
{ color:#990000; }

a.footer_link_uk,a.footer_link_d
{ display:block; width: 33px; height:16px;float:right; }

a.footer_link_uk
{ background:transparent url("img/flag-uk.gif") left top no-repeat; }

a.footer_link_d
{ background:transparent url("img/flag-d.gif") left top no-repeat; margin:0 10px; }
