html,body {
margin:0;
padding:0;
background-color:#eee;
font-family:sans-serif;
}
a {
color:#00f;
text-decoration:none;
}
#top{
margin:0;
padding:0;
background-color:#09c;
}
#bottom {
clear:both;
margin:0 1em 3em 1em;
padding:1em;
border-top:2px solid #111;
}
#topnav1{
margin:0;
padding:0.3em 0;
background-color:#222;
font-size:1.2em;
}
#topnav1 a {
margin:0;
padding:0.33em 1em;
background-color:#222;
color:#fff;
}
#topnav1 a:hover, #topnav1 a.high{
background-color:#666;
}
#topnav2 {
margin:0;
padding:0.3em 0;
background-color:#666;
font-size:1em;
}
#topnav2 a {
margin:0;
padding:0.33em 1em;
color:#fff;
}
#topnav2 a:hover, #topnav2 a.high {
background-color:#eee;
color:#000;
}
div#content1 {
background:transparent url(grafik/fade.png) repeat-x;
width:33em;
min-width:600px;
margin:1em;
padding:1em 4em;
background-color:#fff;
color:#111;
}
div#content2 {
background:transparent url(grafik/fade.png) repeat-x;
margin:1em 3%;
padding:3%;
background-color:#fff;
}
div#content2 p{
width:40em;
}
div#content3 {
background:transparent url(grafik/fade.png) repeat-x;
margin:1em;
padding:1em;
float:left;
background-color:#fff;
}
div#content4 {
width:900px;
min-width:600px;
margin:1em;
padding:1em 4em;
background-color:#fff;
color:#111;
}
img {
margin:0;
padding:0;
vertical-align:bottom;
}
img.foto {
margin-bottom:1em;
}
input,textarea,form {
margin:0.25em;
padding:0;
font-family:sans-serif;
font-size:80%;
}
h1 {
margin:0;
padding:0;
font-size:1.2em;
line-height:2em;
}
h2 {
margin:0;
padding:0;
font-size:1em;
line-height:1.6em;
font-weight:bold;
}
h3 {
margin:1em 0 0 0;
padding:0;
font-size:1em;
line-height:1.6em;
font-weight:bold;
}
ul {
margin:0;
padding:0 0 0 2em;
}
p, li {
margin:0;
padding:0;
line-height:1.4em;
}
strong,.strong {
font-weight:normal;
}
.topmargin {
margin:1em 0 0 0;
}
.kasten {
margin:2em;
padding:1em;
border:2px solid #000;
}
.kasteninfo {
height:1%; /* Fix for MSIE peekaboo bug */
margin:0;
padding:1em;
background-color:#EDF5FD;
border:2px solid #111;
}
img.geschichte{
float:right;
width:125px;
margin:0 0 1em 1em;
clear:right;
}
.kastentextbild {
height:1%; /* Fix for MSIE peekaboo bug */
margin:0 0 1em 0;
padding:0.5em 0 0.5em 1em;
background-color:#eee;
border: 2px solid #111;
}
.kastentextbild img {
margin:0 0 0 1em;
float:right;
width:300px;
}
.clear {
clear:both;
}
/*fabriknews*/
div.news{
background-color:#FCFEFF;
margin:0.5em 0;
padding:1em;
border: 2px solid #111;
}
div.event {
background-color:#FCFFFE;
background-image:url(grafik/veranstaltung.png);
background-position:top right;
background-repeat:no-repeat;
margin:0.5em 0;
padding:1em;
border: 2px solid #111;
}
/*fabrikanten*/
a.gewerbe, a.kurs, a.kultur {
float:left;
width:11em;
margin:0.25em;
padding:0.5em;
border:2px solid #000;
background-color:#eee;
color:#111;
}  
 
a.gewerbe, a.gewerbenav{
background-image:url(grafik/ecke-gewerbe.gif);
background-repeat:no-repeat;
background-position:right top;
}
a:hover.gewerbe, a:visited.gewerbe  {
color:#111;
}
a.kurs, a.kursnav {
background-image:url(grafik/ecke-kurse.gif);
background-repeat:no-repeat;
background-position:right top;
}
a:hover.kurs, a:visited.kurs  {
color:#111;
}
a.kultur, a.kulturnav {
background-image:url(grafik/ecke-kultur.gif);
background-repeat:no-repeat;
background-position:right top;
}
a:hover.kultur, a:visited.kultur  {
color:#111;
}
a.gewerbe span, a.kurs span, a.kultur span {
font-size:80%;
}
a[href ^="http://"] {
}
a[href$="c=99"] {
border:2px solid #f00;
}