* { margin:0; padding:0; }
body { background:#eee; font:62.5% Verdana, Arial, Helvetica, sans-serif; color:#333; }
a { color:#595959; }
a img { border:0 none; }

/* DOM
---------------------------------------------------------------------- */
#wrapper { width:770px; margin:0; background:#fff; }
#navigation { background:#000;  margin:0 0 20px 0; overflow:hidden; }
#navigation p { color:#fff; margin:6px 0 6px 20px; font-size:10px;}
	.startseite #navigation { margin:0; }

/* Navigation
---------------------------------------------------------------------- */
#navigation { color:#f0f0f0; }
#navigation a { color:#f0f0f0; text-decoration:none; border-bottom:1px dotted #ccc; }
#navigation a:hover { color:#fff; border-bottom-color:#fff; }
#navigation a.aktiv { font-weight:800; border-bottom:none; }


#wrapperMain { width:700px; margin:0 30px; }
#fuss { padding:10px 30px; }
#fuss p { font-size:1.1em; color:#666; font-family:Arial, Helvetica, sans-serif;}

/* Typo
---------------------------------------------------------------------- */
h1 a, h2 a, h3 a, h4 a { border-bottom:1px solid #ccc; text-decoration:none; }
h1 a:hover, h2 a:hover, h3 a:hover, h4 a:hover { border-bottom:1px solid #666; text-decoration:none;  }
h1, h2, h3, h4 { font-family: times, Times New Roman, times-roman, georgia, serif; font-weight:normal; color:#666; }
h1, h2, h3, h4 { color:#666; margin:0 0 1em 0; }
h1 { font-size: 25px; line-height: 23px; color:#666; margin:0 0 8px 0; }
h2 { font-size: 23px; line-height: 20px; }
h3 { font-size: 18px; line-height: 18px; }
h4 { font-size: 15px; line-height: 16px; margin:0 0 0.6em 0;}
h4.sub { font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 1.3em; line-height: 16px; margin:0 0 0.6em 0;}
h5    { font-family: arial; font-size: 14px; }
.red {color:#E60003;}
.rot {color:#E60003;}
h5.red { color:#E60003; font-size:14px; font-family:arial;}
p { font-size:1.1em; line-height:1.4em; margin:0 0 0.8em 0; }

/* Versch. Listen
---------------------------------------------------------------------- */
ul { margin:0; padding:0; list-style-type:square; padding-left:50px; list-style-position:outside; }
li { font-size:11px; line-height:14px; margin:0 0 4px 0; }

/* Auszeichnungen
---------------------------------------------------------------------- */
.grau { color:#666; }
.ausstellunginfo p.text { font-size:1.4em; line-height:1.4em; color:#333; }

/* Homepage
---------------------------------------------------------------------- */
#startgrafik { width:auto; height:430px; overflow:hidden; background:url(/gfx/start.jpg) top left no-repeat; border-bottom:1px #eee solid; }
#startgrafik .textkasten { width:auto; margin:50px; }
#startgrafik .textkasten p { font-size:1.4em; line-height:1.4em; color:#333;  }

/* Infokästen
---------------------------------------------------------------------- */
.infokasten { width:75%; border:1px solid #999; background:#e9e9e9; padding:0px 10px; }

.infokasten ul { margin:5px; }
.infoliste { width:auto; list-style-type: none; margin-left: -2em; margin-right:2em;}
.infoliste li { font-size: 11px; line-height:1.4em; list-style-type: none; clear: both; margin: 0; padding: 0 0 1.8em 0; position: relative; border-bottom: dotted 2px #999; }
.infoliste strong { background: #e9e9e9; padding: 0 10px 0 0; position: absolute; bottom: -.30em;left: 0;}
.infoliste em { font-style:normal; background: #e9e9e9; padding: 0 0 0 5px; position:absolute; bottom:-.10px;right:0;}

/* Trennbalken
---------------------------------------------------------------------- */
#trennbalken	{ width:650px; overflow:hidden; }
#trennbalken650	{ width:650px; overflow:hidden; }
#trennbalken710	{ width:710px; overflow:hidden; }
#trennbalken340	{ width:340px; overflow:hidden; }
#trennbalken p, #trennbalken340 p, #trennbalken710 p{ color:#999; }

/* Bilder
---------------------------------------------------------------------- */
img.floatleft { float:left; margin-right:20px; margin-bottom:20px; }
img.floatright { float:right; margin-left:20px; margin-bottom:20px; }

hr { clear:both; color:#fff; background:transparent; margin:0 0 1em 0; padding:0 0 0.5em 0; border:0; border-bottom:1px #eee solid; }

/* SPALTEN LAYOUT
---------------------------------------------------------------------- */
.spalten { margin:1em 0; width:100%; overflow:hidden;}
.spalten .links { width:50%; float:left; }
.spalten .rechts{ width:50%; float:right; }
.spalten .linkspadding { padding:0.1em 1em 0.1em 0.0em; }
.spalten .rechtspadding { padding:0.1em 0em 0.1em 1em; }
.s33l, .s33r { width:33.333%; }
.s50l, .s50r { width:50%; }
.s66l, .s66r { width:66.666%; }
.s33l, .s50l, .s66l {float:left; }
.s33r, .s50r, .s66r {float:left; margin-left:-5px; }
.sl{ padding:0em 1em 0em 0em; }
.sm{ padding:0em 1em; }
.sr{ padding:0em 0em 0em 1em; }
