/* DATEI: design.css */





/************************************************* Allgemeines */

body { background-color:#FFFFE8 }

div { background-color:white }

body, div { margin:0px; padding:0px }

div.aussen { width:800px; border:1px solid black; margin:10px auto }

div.kopf { border-bottom:1px solid black }

h1,h2,p,ul,li,div,td { font-family:Tahoma,Verdana,Arial }

h1 { font-size:160%; margin:0px; height:112px; padding:8px 3% 0px; text-align:center; background-image:url('../bil/banner.jpg'); background-position:center }

h2 { font-size:115%; line-height:135%; margin:20px 3% 15px; padding:0px; border-bottom:1px solid #60E000 }

h3 { font-size:95%; margin:20px 3% 15px; padding:0px }

p { font-size:95%; line-height:135%; padding:0px 0px 0px 3%; margin:0px 0px 15px }

p.trenner { width:100%; clear:both; height:1px; margin:0px; padding:0px }

p.mittig { text-align:center }

ul { list-style-image:url('../bil/li.png'); list-style-position:outside; padding:0px 4%; margin:0px 0px 15px }

li { font-size:95%; line-height:135%; margin:0px 3%; padding:0px }




/************************************************* Links */

a:link,a:visited,span.intern { color:blue; text-decoration:underline }

a:active { color:black }

a:hover { color:#60E000; text-decoration:underline }



/************************************************* Navigation */

div.navi { border-top:4px solid #60E000; text-align:center; background-color:#60E000; border-bottom:1px solid blue }

div.navi p { font-weight:bold; padding:3px 0px; margin:0px auto }

div.navi a { text-decoration:none; color:white; padding:4px 10px 5px }

div.navi a:hover, div.navi a:visited { text-decoration:none }

div.navi a:hover { background-color:white; color:#60E000; padding:3px 9px 4px; border:1px solid blue; border-bottom:2px solid white }

div.navi a:visited { color:black }

div.navi a.akt { color:black; background-color:white; padding:3px 9px 4px; border:1px solid blue; border-bottom:2px solid white }

div.navi a.akt:visited { color:black }





div.inhalt { width:94% }   /* width:94%, weil sonst MS IE Luecke erzeugt */

div.bildlinks { width:42%; float:left; text-align:right }

div.bildlinks img { height:421px; border:1px solid blue; width:297px; margin:20px 0px; overflow:hidden }

div.textrechts { width:55%; padding-left:2%; float:right }

div.textrechts p { padding:0px; margin:0px 0px 15px }

div.textrechts h2 { padding:0px; margin:30px 0px 15px; }

div.bluetenfest img { height:218px; border:1px solid black; width:290px; margin:10px 0px 0px 3%; overflow:hidden }





marquee { font-size:95%; margin:15px 0% 0px 6%; padding:15px 0px 0px; font-weight:bold; color:red }

p.fuss { background-color:#60E000; border-top:1px solid blue; margin:0px; padding:0px }

p.klein { font-size:85%; text-align:center; margin-top:25px }

p.neu { text-align:left; border-bottom:1px solid #60E000; margin:0px 0% 0px 5%; padding:4px 5px; background-color:#E8FFD0 }

p.neu#erster { margin-top:5px; background-color:white }