BODY { FONT-SIZE: 12px; MARGIN: 0; COLOR: #333333; FONT-FAMILY: Arial, Helvetica, "Trebuchet MS", Geneva, SunSans-Regular, sans-serif; background-color: #ccc; padding: 0; }
ol { line-height: 16px; margin: -10px 0 0 30px; padding-right: 0; padding-bottom: 0; padding-left: 30px; list-style-type: disc; list-style-position: outside; } 
h1{ color: #a40101; font-size: 20px; }

h2{ color: #91a0b7; font-size: 16px; font-style: italic; }

h3{ font-size: 14px; }

h4{ font-size: 12px; }

textarea, .formgenerell input, input.formgenerell { width: 300px; border: 1px solid #aaaaaa; margin-top: 5px; padding: 2px; }

/* container  zum zentrieren
-------------------------------------- */

#container { background-image: url(../pics/bgr.gif); width: 800px; border: solid 1px gray; margin: 20px auto 10px; background-repeat: repeat;  }

/* head container for logo and metanavi
-------------------------------------- */

#banner { background-image: url(../pics/bachmann-head.jpg); padding: 0; margin: 0; height: 120px; }

#banner a{ color: #7B7571; text-decoration: none; }

#banner  a:hover { color: #999694; }

#banner h1 { font-size: 30px; padding: 45px 0px 0px 200px; margin: 0px; }

#banner h2{ color: #7B7571; font-size: 14px; padding: 2px 0px 50px 200px; margin: 0px; }

#metanavi { float: right; padding: 5px 15px 0px 0px; margin: 0px; }

/*haupt-navi
-------------------------------------- */

#topnavi { margin: 0; padding: 2px 0; background-color: #fdf3e3; text-indent: 19px; width: 100%; }

#topnavi a { color: #808080; font-weight: bold; text-decoration: none; width: 100%; margin: 0; padding: 2px 20px; }

#topnavi a:link { color: #808080; font-weight: bold; text-decoration: none; width: 100%; margin: 0; padding: 2px 20px; }

#topnavi a:visited { color: #80584a; font-weight: bold; text-decoration: none; width: 100%; margin: 0; padding: 2px 20px; }

#topnavi a:hover { color: #ffffff; font-weight: bold; background-color: #814c17; text-decoration: none; width: 100%; margin: 0; padding: 2px 20px; }

#container  #topnavi a.selected { background-color: #f2e3ce; color: #7b7571; font-weight: bold; text-decoration: none; width: 100%; margin: 0; padding: 2px 20px; }

#topnavi ul, #topnavi li{background:#cdc6ad; list-style-type:none; margin:0px; padding:0px;}

/* content elemente
-------------------------------------- */

#content { padding: 15px 0; margin: 0 175px;  }

#content h1, #content h2, #content h3, #content h4 { padding: 0px 25px 0px 25px; margin: 0px 0px 15px 0px; }

#content p{ line-height: 14px; padding: 0 25px; margin: 0 0 15px; }

#content p.center{ text-align: center; }
#content #gallerie{ float: left; padding: 0px 0px 10px 25px; margin: 0px 0px 20px 0px; }

#content .uebh2{ color: #91a0b7; font-size: 16px; font-weight: bold; font-style: italic; }

#content .txtkl { color: #2667a4; margin: 0; font-size: 10px; text-decoration: none; }

#content .txtnorm a { color: #2667a4; margin: 0; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }

#content .txtnorm_rot { color: #b6392f; margin: 0; font-size: 12px; font-weight: bold; line-height: 14px; text-decoration: none; }

#content .txtnormgr { margin: 0; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }

#content .txtnormgr_rot { color: #b6392f; margin: 0; font-size: 14px; font-weight: bold; line-height: 14px; text-decoration: none; }

#content .txtnorm a:link { color: #2667a4; margin: 0; font-size: 12px; font-weight: bold; text-decoration: none; }

#content .txtnorm a:visited { color: #c13d39; margin: 0; font-size: 12px; font-weight: bold; text-decoration: none; }

#content .txtnorm a:hover { color: #333333; text-decoration: underline; margin: 0; font-size: 12px; font-weight: bold; }
 
#content .thumbnail{ float: left; margin: 5px 10px 10px; }

#content .thumbnailohne{ float: none; margin: 15px; }

#content .thumbnailrechts{ float: right; margin: 15px; }

#content .thumbnail img{ border: solid 1px #778899; padding: 25px; }

#content  br.antileft { clear: left; }


/* linke Box, Menu */

#navigation{ color:maroon; float:left; width:175px; line-height:18px; background-color: #f5f5f5; background-image: none; background-position: 0 0; position: relative; top: 58px; }
#navigation a{ color:#fff; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight:bold; line-height: 20px; background-color: #91a0b7; background-image: none; background-position: 0 0; text-decoration:none; padding:1px 3px 1px 9px; display:block; margin-top: 2px; margin-bottom: 2px; }

#navigation a:hover{ color:#91a0b7; background-color: #e8e8e8; }

#navigation .selected { background-color: #ffffff; color: #91a0b7; }

#navigation .selected a:hover { background-color: #91a0b7; color: #fff; }

/* elemente für links und rechts
-------------------------------------- */

#left { FLOAT: left; WIDTH: 175px; }

#right { FLOAT: right; width: 175px; margin: 7px 0 0;  }
#right p{ margin: 0; padding: 0; }
#right .thumbnail{ position: relative; left: 25px; float: left; margin-top: 0; margin-bottom: 7px; margin-left: 20px; }
/*footer
-------------------------------------- */

#footer { clear: both; padding: 4px 15px 4px 4px; color: #7b7571; background-color: #f3f1ef; margin: 0; text-align: center; border-top: 1px solid #ccc; }

#footer a { color: #80584a; text-decoration: none; margin: 0; }

#footer .txkl  { color: #333333; text-decoration: none; margin: 0;  font-size: 10px;  }

#footer .txkl a:link { color: #80584a; text-decoration: none; margin: 0;  font-size: 10px;  }

#footer .txkl a:hover { color: #333333; text-decoration: underline; margin: 0;  font-size: 10px;  }
